/*!
  
   =========================================================
   * Now-ui-kit-pro-angular - v1.0.2
   =========================================================
  
   * Product Page: https://www.creative-tim.com/product/now-ui-kit-pro-angular
   * Copyright 2017 Creative Tim (https://www.creative-tim.com)
   * View License on https://www.creative-tim.com/license
  
   * Designed by www.invisionapp.com Coded by www.creative-tim.com
  
   =========================================================
  
   * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
  
   */
  
  .bootstrap-switch {
    display: inline-block;
    direction: ltr;
    cursor: pointer;
    border-radius: 30px;
    border: 0;
    position: relative;
    text-align: left;
    margin-bottom: 10px;
    line-height: 8px;
    width: 59px!important;
    height: 22px;
    outline: 0;
    z-index: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-right: 20px;
    background: rgba(44, 44, 44, .2)
  }
  
  .bootstrap-switch .bootstrap-switch-container {
    display: inline-flex;
    top: 0;
    height: 22px;
    border-radius: 4px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 100px!important
  }
  
  .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-label {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block!important;
    height: 100%;
    color: #fff;
    padding: 6px 12px;
    font-size: 11px;
    text-indent: -5px;
    line-height: 15px;
    transition: .25s ease-out
  }
  
  .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-on {
    text-align: center;
    z-index: 1;
    float: left;
    line-height: 11px;
    width: 50%!important
  }
  
  .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-brown, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-brown {
    color: #fff;
    background: #f96332
  }
  
  .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-blue, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-blue {
    color: #fff;
    background: #2ca8ff
  }
  
  .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-green, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-green {
    color: #fff;
    background: #18ce0f
  }
  
  .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-orange, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-orange {
    background: #ffb236;
    color: #fff
  }
  
  .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-red, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-red {
    color: #fff;
    background: #ff3636
  }
  
  .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
    color: #fff
  }
  
  .bootstrap-switch .bootstrap-switch-label {
    text-align: center;
    z-index: 100;
    color: #333;
    background: #fff;
    width: 22px!important;
    height: 22px!important;
    margin: 0 -11px;
    border-radius: 20px;
    position: absolute;
    float: left;
    top: 0;
    left: 50%;
    padding: 0;
    box-shadow: 0 1px 11px rgba(0, 0, 0, .25)
  }
  
  .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
    background-color: rgba(23, 23, 23, .4)
  }
  
  .bootstrap-switch.bootstrap-switch-on:hover .bootstrap-switch-label {
    width: 27px!important;
    margin-left: -16px
  }
  
  .bootstrap-switch.bootstrap-switch-off:hover .bootstrap-switch-label {
    width: 27px!important;
    margin-left: -11px
  }
  
  .bootstrap-switch .bootstrap-switch-handle-on {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
  }
  
  .bootstrap-switch .bootstrap-switch-handle-off {
    text-indent: 6px
  }
  
  .bootstrap-switch input[type=checkbox], .bootstrap-switch input[type=radio] {
    position: absolute!important;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1
  }
  
  .bootstrap-switch input[type=checkbox].form-control, .bootstrap-switch input[type=radio].form-control {
    height: auto
  }
  
  .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5
  }
  
  .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
  }
  
  .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
    padding: 6px 16px;
    font-size: 18px;
    line-height: 1.33
  }
  
  .bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-indeterminate, .bootstrap-switch.bootstrap-switch-readonly {
    cursor: default!important
  }
  
  .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: default!important
  }
  
  .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
    transition: margin-left .5s
  }
  
  .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
    border-radius: 0 3px 3px 0
  }
  
  .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
    border-radius: 3px 0 0 3px
  }
  
  .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container {
    margin-left: -2px!important
  }
  
  .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container {
    margin-left: -39px!important
  }
  
  .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label:before {
    background-color: #fff
  }
  
  .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-red~.bootstrap-switch-default {
    background-color: #ff3636
  }
  
  .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-orange~.bootstrap-switch-default {
    background-color: #ffb236
  }
  
  .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-green~.bootstrap-switch-default {
    background-color: #18ce0f
  }
  
  .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-brown~.bootstrap-switch-default {
    background-color: #f96332
  }
  
  .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-blue~.bootstrap-switch-default {
    background-color: #2ca8ff
  }
  
  .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-blue, .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-brown, .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-green, .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-orange, .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-red {
    background-color: #e3e3e3
  }
  
  .bootstrap-switch-off .bootstrap-switch-handle-on, .bootstrap-switch-on .bootstrap-switch-handle-off {
    opacity: 0
  }
  
  
  /*! nouislider - 9.1.0 - 2016-12-10 16:00:32 */
  
  .noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box
  }
  
  .noUi-target {
    position: relative;
    direction: ltr;
    background-color: rgba(182, 182, 182, .3);
    border-radius: 3px
  }
  
  .noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
  }
  
  .noUi-connect {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    background: #888;
    border-radius: 3px;
    transition: background 450ms
  }
  
  .noUi-origin {
    position: absolute;
    height: 0;
    width: 0
  }
  
  .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
    transition: top .3s, right .3s, bottom .3s, left .3s
  }
  
  .noUi-state-drag * {
    cursor: inherit!important
  }
  
  .noUi-base, .noUi-handle {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  
  .noUi-horizontal {
    height: 1px
  }
  
  .noUi-horizontal .noUi-handle {
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 1px 13px 0 rgba(0, 0, 0, .2);
    height: 15px;
    width: 15px;
    cursor: pointer;
    margin-left: -10px;
    margin-top: -7px
  }
  
  .noUi-vertical {
    width: 18px
  }
  
  .noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
  }
  
  .noUi-draggable {
    cursor: ew-resize
  }
  
  .noUi-vertical .noUi-draggable {
    cursor: ns-resize
  }
  
  .noUi-handle {
    position: relative;
    z-index: 1;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s ease 0s;
    -o-transform: .3s ease 0s;
    transition: .3s
  }
  
  .noUi-active {
    -webkit-transform: scale3d(1.5, 1.5, 1);
    transform: scale3d(1.5, 1.5, 1)
  }
  
  [disabled] .noUi-connect {
    background: #b8b8b8
  }
  
  [disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
    cursor: not-allowed
  }
  
  .noUi-pips, .noUi-pips * {
    box-sizing: border-box
  }
  
  .noUi-pips {
    position: absolute;
    color: #999
  }
  
  .noUi-value {
    position: absolute;
    text-align: center
  }
  
  .noUi-value-sub {
    color: #ccc;
    font-size: 10px
  }
  
  .noUi-marker {
    position: absolute;
    background: #ccc
  }
  
  .noUi-marker-large, .noUi-marker-sub {
    background: #aaa
  }
  
  .noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
  }
  
  .noUi-value-horizontal {
    -webkit-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0)
  }
  
  .noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
  }
  
  .noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
  }
  
  .noUi-marker-horizontal.noUi-marker-large {
    height: 15px
  }
  
  .noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
  }
  
  .noUi-value-vertical {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    padding-left: 25px
  }
  
  .noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
  }
  
  .noUi-marker-vertical.noUi-marker-sub {
    width: 10px
  }
  
  .noUi-marker-vertical.noUi-marker-large {
    width: 15px
  }
  
  .noUi-tooltip {
    margin-top: 30px;
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center
  }
  
  .noUi-handle .noUi-tooltip {
    font-size: 12px
  }
  
  .noUi-handle.noUi-active .noUi-tooltip {
    font-size: 8px
  }
  
  .noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%
  }
  
  .noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 100%
  }
  
  .slider.slider-neutral .noUi-connect, .slider.slider-neutral.noUi-connect {
    background-color: #fff
  }
  
  .slider.slider-neutral.noUi-target {
    background-color: rgba(255, 255, 255, .3)
  }
  
  .slider.slider-neutral .noUi-handle {
    background-color: #fff
  }
  
  .slider.slider-primary .noUi-connect, .slider.slider-primary.noUi-connect {
    background-color: #f96332
  }
  
  .slider.slider-primary.noUi-target {
    background-color: rgba(249, 99, 50, .3)
  }
  
  .slider.slider-primary .noUi-handle {
    background-color: #f96332
  }
  
  .slider.slider-info .noUi-connect, .slider.slider-info.noUi-connect {
    background-color: #2ca8ff
  }
  
  .slider.slider-info.noUi-target {
    background-color: rgba(44, 168, 255, .3)
  }
  
  .slider.slider-info .noUi-handle {
    background-color: #2ca8ff
  }
  
  .slider.slider-success .noUi-connect, .slider.slider-success.noUi-connect {
    background-color: #18ce0f
  }
  
  .slider.slider-success.noUi-target {
    background-color: rgba(24, 206, 15, .3)
  }
  
  .slider.slider-success .noUi-handle {
    background-color: #18ce0f
  }
  
  .slider.slider-warning .noUi-connect, .slider.slider-warning.noUi-connect {
    background-color: #ffb236
  }
  
  .slider.slider-warning.noUi-target {
    background-color: rgba(255, 178, 54, .3)
  }
  
  .slider.slider-warning .noUi-handle {
    background-color: #ffb236
  }
  
  .slider.slider-danger .noUi-connect, .slider.slider-danger.noUi-connect {
    background-color: #ff3636
  }
  
  .slider.slider-danger.noUi-target {
    background-color: rgba(255, 54, 54, .3)
  }
  
  .slider.slider-danger .noUi-handle {
    background-color: #ff3636
  }
  
  .section-isometricGrids .button-menu {
    width: 50px;
    height: 30px;
    position: fixed;
    top: 3em;
    right: 3em;
    border: none;
    background: 0 0;
    fill: #fff;
    cursor: pointer;
    pointer-events: auto
  }
  
  .section-isometricGrids .button-menu:focus {
    outline: 0
  }
  
  .section-isometricGrids .codrops-header {
    padding: 3vmax 0 0 3vmax;
    position: absolute;
    width: 100%;
    z-index: 2000;
    pointer-events: none
  }
  
  .section-isometricGrids .demo-1 .codrops-header {
    position: fixed
  }
  
  .section-isometricGrids .codrops-header h1 {
    margin: 0;
    letter-spacing: -.035em;
    font-size: 4.65em;
    line-height: 1;
    font-weight: 900;
    color: #323f5c
  }
  
  .section-isometricGrids .codrops-header p {
    padding: 0;
    margin: 0;
    font-size: 1.25em;
    font-weight: 700;
    color: #fff
  }
  
  .section-isometricGrids .codrops-links {
    position: relative;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    pointer-events: auto;
    margin: 0 0 0 -.5em
  }
  
  .section-isometricGrids .codrops-links::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 110%;
    background: #323f5c;
    opacity: .1;
    -webkit-transform: translateY(-50%) rotate3d(0, 0, 1, 22.5deg);
    transform: translateY(-50%) rotate3d(0, 0, 1, 22.5deg)
  }
  
  .section-isometricGrids .codrops-icon {
    display: inline-block;
    margin: .5em;
    width: 1.5em;
    text-decoration: none
  }
  
  .section-isometricGrids .codrops-icon span {
    display: none
  }
  
  .section-isometricGrids .codrops-icon::before {
    margin: 0 5px;
    text-transform: none;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    font-family: codropsicons;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased
  }
  
  .section-isometricGrids .codrops-icon--drop::before {
    content: "\e001";
    color: #09c
  }
  
  .section-isometricGrids .codrops-icon--prev::before {
    content: "\e004"
  }
  
  .section-isometricGrids .codrops-demos {
    margin: 1.5em 0
  }
  
  .section-isometricGrids .codrops-demos a {
    display: inline-block;
    margin: 0 1em 0 0;
    font-weight: 700;
    pointer-events: auto
  }
  
  .section-isometricGrids .codrops-demos a.current-demo {
    color: #ce4555
  }
  
  .section-isometricGrids .section--intro {
    position: relative;
    height: 75vh;
    max-height: 1200px
  }
  
  .section-isometricGrids .section--right {
    text-align: right
  }
  
  .section-isometricGrids .section__heading {
    pointer-events: none;
    padding: 0;
    font-size: 4.5em;
    line-height: 1;
    margin: 0;
    color: #fff;
    position: relative;
    z-index: 1000;
    font-family: 'Playfair Display', serif
  }
  
  .section-isometricGrids .section__heading em {
    font-family: sans-serif;
    font-style: normal;
    text-transform: uppercase;
    font-size: .3em;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    padding: .15em 0;
    vertical-align: middle;
    display: inline-block;
    letter-spacing: .05em
  }
  
  .section-isometricGrids .section__subtitle {
    pointer-events: none;
    font-size: 1.25em;
    max-width: 500px;
    position: relative;
    z-index: 1000
  }
  
  .section-isometricGrids .section--portraits .section__subtitle {
    color: #688cb1
  }
  
  .section-isometricGrids .section--right .section__subtitle {
    margin: 1em 0 0 auto
  }
  
  .section-isometricGrids .interval {
    position: relative;
    padding: 30vh 20vw;
    background: #1c222f;
    overflow: hidden
  }
  
  .section-isometricGrids .interval__text {
    font-size: 1.75em;
    line-height: 1.5;
    color: #777792
  }
  
  .section-isometricGrids .content--related {
    text-align: center;
    font-weight: 700;
    padding: 10vh 2vw;
    background: #1c222f;
    color: #fff
  }
  
  .section-isometricGrids .media-item {
    display: inline-block;
    padding: 1em;
    vertical-align: top;
    transition: color .3s
  }
  
  .section-isometricGrids .media-item__img {
    max-width: 100%;
    opacity: .3;
    transition: opacity .3s
  }
  
  .section-isometricGrids .media-item:focus .media-item__img, .section-isometricGrids .media-item:hover .media-item__img {
    opacity: 1
  }
  
  .section-isometricGrids .media-item__title {
    margin: 0;
    padding: .5em;
    font-size: 1em
  }
  
  .section-isometricGrids .pater {
    position: fixed;
    right: 0;
    bottom: 0;
    color: #fff;
    width: 320px;
    padding: 2em 2em 2em 0;
    text-align: right;
    z-index: 100000
  }
  
  .section-isometricGrids .demo-2 .pater {
    position: absolute
  }
  
  .section-isometricGrids .pater::before {
    content: '';
    position: absolute;
    width: 491px;
    height: 332px;
    top: -80px;
    left: -60px;
    z-index: 0;
    opacity: .9;
    -webkit-transform: translate3d(10px, 10px, 0);
    transform: translate3d(10px, 10px, 0);
    transition: opacity .3s, transform .3s, -webkit-transform .3s;
    pointer-events: none
  }
  
  .section-isometricGrids .pater:hover::before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  
  .section-isometricGrids .pater__title::before {
    content: 'Sponsored by';
    position: absolute;
    bottom: 93%;
    left: 27%;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: .45em;
    color: #212738
  }
  
  .section-isometricGrids .pater__desc, .section-isometricGrids .pater__title {
    margin: 0;
    color: #fff;
    position: relative
  }
  
  .section-isometricGrids .pater__title {
    -webkit-transform: translate3d(5px, 10px, 0);
    transform: translate3d(5px, 10px, 0);
    transition: transform .3s, -webkit-transform .3s
  }
  
  .section-isometricGrids .pater:hover .pater__title {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  
  .section-isometricGrids .pater__title img {
    width: 90%
  }
  
  .section-isometricGrids .pater__desc {
    font-weight: 600;
    padding: .3em 0 0 .3em
  }
  
  @media screen and (max-width:50em) {
    .section-isometricGrids .codrops-header {
      width: 80%
    }
    .section-isometricGrids .codrops-header h1 {
      font-size: 2em
    }
    .section-isometricGrids .codrops-header p {
      font-size: .85em
    }
    .section-isometricGrids .interval {
      padding: 1.5em
    }
    .section-isometricGrids .interval__text {
      font-size: 1.25em;
      padding: 0 0 3em
    }
    .section-isometricGrids .section__heading {
      font-size: 2.5em
    }
    .section-isometricGrids .section__subtitle {
      display: none
    }
    .section-isometricGrids .codrops-demos {
      margin: .5em 0;
      font-size: .75em
    }
    .section-isometricGrids .button-menu {
      top: .75em;
      right: .75em;
      width: 30px;
      height: 20px
    }
    .section-isometricGrids .demo-1 .pater {
      width: 100%;
      padding: 1em;
      text-align: left;
      background: rgba(49, 63, 105, .8);
      -webkit-transform: translateZ(200px);
      transform: translateZ(200px)
    }
    .section-isometricGrids .demo-1 .pater__title::before {
      left: 0
    }
    .section-isometricGrids .demo-1 .pater__title img {
      width: 150px;
      margin-top: .25em
    }
    .section-isometricGrids .demo-1 .pater::before {
      display: none
    }
    .section-isometricGrids .demo-1 .pater__desc {
      font-size: .65em
    }
    .section-isometricGrids .isolayer.isolayer--scroll1 {
      top: -38vh
    }
    .section-isometricGrids .demo-2 .pater {
      position: relative;
      display: block;
      background: 0 0;
      margin: 0 0 0 auto;
      padding: 0;
      width: 100%
    }
  }
  
  .section-isometricGrids .section--intro .grid, .section-isometricGrids .section--intro .grid__item, .section-isometricGrids .section--intro .grid__link {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
  }
  
  .section-isometricGrids .section--intro .grid__item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
  }
  
  .section-isometricGrids .pseudo-scroller {
    pointer-events: none
  }
  
  .section-isometricGrids .isolayer {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
  }
  
  .section-isometricGrids .grid {
    position: relative;
    margin: 0 auto;
    padding: 0;
    list-style: none
  }
  
  .section-isometricGrids .grid__item {
    width: 300px
  }
  
  .section-isometricGrids .js .grid__item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
  }
  
  .section-isometricGrids .grid__link {
    position: relative;
    z-index: 1;
    display: block
  }
  
  .section-isometricGrids .grid__img {
    display: block;
    max-width: 100%
  }
  
  .section-isometricGrids .grid__title {
    font-size: .65em;
    font-weight: 600;
    position: absolute;
    z-index: -1;
    bottom: 0;
    width: 100%;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    opacity: 0;
    color: #fff;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    transition: transform .3s, opacity .3s, -webkit-transform .3s
  }
  
  .section-isometricGrids .grid__item:hover .grid__title {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  
  .section-isometricGrids .layer {
    position: relative;
    display: block
  }
  
  .section-isometricGrids .layer:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0
  }
  
  .section-isometricGrids .isolayer--shadow .grid__link::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    opacity: .6;
    background: rgba(0, 0, 0, .8);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .8);
    -webkit-transform: translateZ(-1px) scale(.95);
    transform: translateZ(-1px) scale(.95);
    transition: transform .3s, opacity .3s, box-shadow .3s, -webkit-transform .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
  }
  
  .section-isometricGrids .isolayer--shadow .grid__item:hover .grid__link::before {
    opacity: .2;
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, .8);
    -webkit-transform: translateZ(-1px) scale(1);
    transform: translateZ(-1px) scale(1)
  }
  
  .section-isometricGrids .isolayer--scroll1 {
    width: 70vw;
    max-width: 1200px;
    height: calc(100vh - 280px)
  }
  
  .section-isometricGrids .isolayer--scroll1 .grid__item {
    width: 300px;
    padding: 15px
  }
  
  .section-isometricGrids .isolayer--deco1 {
    width: 1200px;
    height: 900px
  }
  
  .section-isometricGrids .isolayer--deco1 .grid__link .layer:first-child:not(img) {
    background: #eb5e28
  }
  
  .section-isometricGrids .isolayer--deco1 .grid__link .layer:nth-child(2):not(img) {
    background: #f3bb45
  }
  
  .section-isometricGrids .isolayer--deco1 .grid__link .layer:nth-child(3):not(img) {
    background: #7ac29a
  }
  
  .section-isometricGrids .isolayer--deco1 .grid__link div.layer {
    width: 370px;
    height: 270px
  }
  
  .section-isometricGrids .isolayer--deco1 .grid__item {
    width: 400px;
    height: 300px;
    padding: 15px
  }
  
  .section-isometricGrids .isolayer--deco1 .grid__item:nth-child(2) {
    margin-top: 135px
  }
  
  .section-isometricGrids .isolayer--deco1 .grid__item:nth-child(6) {
    margin-top: 10px
  }
  
  .section-isometricGrids .isolayer--deco2 {
    width: 1200px;
    height: 100vh
  }
  
  .section-isometricGrids .isolayer--deco2 .grid__item {
    padding: 20px
  }
  
  .section-isometricGrids .isolayer--deco2 .grid__link .layer {
    border: 20px solid #fff;
    border-width: 40px 20px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, .08)
  }
  
  .section-isometricGrids .first-card {
    top: -20px!important
  }
  
  .section-isometricGrids .first-card .layer:not(img) {
    height: 260px!important;
    width: 365px!important;
    margin: 5px 0 0 5px;
    border-radius: 6px
  }
  
  .section-isometricGrids .first-card img {
    border-radius: 6px
  }
  
  .section-isometricGrids .second-card {
    top: 80px!important
  }
  
  .section-isometricGrids .second-card .layer:not(img) {
    height: 170px!important;
    border-radius: 6px
  }
  
  .section-isometricGrids .second-card img {
    border-radius: 6px
  }
  
  .section-isometricGrids .third-card .layer:not(img) {
    height: 460px!important;
    width: 275px!important;
    margin: 5px 0 0 5px;
    border-radius: 6px
  }
  
  .section-isometricGrids .third-card {
    top: 290px!important
  }
  
  .section-isometricGrids .third-card img {
    border-radius: 6px;
    width: 280px!important
  }
  
  .section-isometricGrids .third-card .grid__link::before {
    top: 60px;
    height: 410px;
    width: 275px
  }
  
  .section-isometricGrids .fourth-card {
    top: 270px!important
  }
  
  .section-isometricGrids .fourth-card .layer:not(img) {
    height: 450px!important;
    width: 360px!important;
    margin: 5px 0 0 5px;
    border-radius: 6px
  }
  
  .section-isometricGrids .fourth-card img {
    border-radius: 6px
  }
  
  .section-isometricGrids .fifth-card {
    top: 660px!important;
    left: 400px!important
  }
  
  .section-isometricGrids .fifth-card .layer:not(img) {
    height: 400px!important;
    width: 364px!important;
    margin: 5px 0 0 5px;
    border-radius: 6px
  }
  
  .section-isometricGrids .fifth-card img {
    border-radius: 6px
  }
  
  .section-isometricGrids .sixth-card {
    top: 485px!important
  }
  
  .section-isometricGrids .sixth-card .layer:not(img) {
    height: 145px!important;
    width: 364px!important;
    margin: 5px 0 0 5px;
    border-radius: 6px
  }
  
  .section-isometricGrids .sixth-card img {
    border-radius: 6px
  }
  
  .section-isometricGrids .seventh-card {
    top: 755px!important
  }
  
  .section-isometricGrids .seventh-card .layer:not(img) {
    height: 435px!important;
    width: 365px!important;
    margin: 5px 0 0 5px;
    border-radius: 6px
  }
  
  .section-isometricGrids .seventh-card img {
    border-radius: 6px
  }
  
  .section-isometricGrids .eight-card {
    top: -215px!important;
    left: 400px!important
  }
  
  .section-isometricGrids .eight-card img {
    border-radius: 6px
  }
  
  .section-isometricGrids .eight-card .layer:not(img) {
    height: 480px!important;
    border-radius: 6px
  }
  
  .section-isometricGrids .ninth-card {
    top: 790px!important;
    left: 800px!important
  }
  
  .section-isometricGrids .ninth-card .grid__link::before {
    width: 280px!important;
    height: 370px!important
  }
  
  .section-isometricGrids .ninth-card .layer:not(img) {
    width: 280px!important;
    height: 360px!important;
    border-radius: 6px
  }
  
  .section-isometricGrids .ninth-card img {
    border-radius: 6px
  }
  
  .section-isometricGrids .isolayer {
    -webkit-transform: translateX(29vw) translateY(-377px) rotateX(50deg) rotateZ(26deg)!important;
    transform: translateX(29vw) translateY(-377px) rotateX(50deg) rotateZ(26deg)!important;
    z-index: 1
  }
  
  .selected-list .c-btn {
    box-shadow: none!important;
    border-radius: 30px!important;
    padding: 7px 18px 8px!important;
    border: 1px solid #e3e3e3!important
  }
  
  .selected-list .c-list .c-token {
    background: 0 0!important;
    color: #2c2c2c!important
  }
  
  .cuppa-dropdown .dropdown-list {
    z-index: 1000!important
  }
  
  .cuppa-dropdown .dropdown-list .list-area {
    border: none!important;
    border-radius: .125rem!important;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .2)!important
  }
  
  .cuppa-dropdown .dropdown-list .list-area .list-filter input {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
  }
  
  .cuppa-dropdown .dropdown-list .list-area .pure-checkbox label {
    width: 100%
  }
  
  .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type=checkbox]:checked+label:before {
    background: 0 0!important;
    -webkit-animation: none!important;
    animation: none!important;
    right: 0!important
  }
  
  .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type=checkbox]+label:before {
    border: none!important
  }
  
  .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type=checkbox]+label:after {
    left: auto!important;
    width: 14px!important;
    height: 7px!important;
    border-width: 0 0 1px 1px!important;
    right: 0!important;
    opacity: .5!important;
    border-color: #2c2c2c!important
  }
  
  .cuppa-dropdown .dropdown-list .list-area ul li:last-child {
    border-bottom-right-radius: .125rem;
    border-bottom-left-radius: .125rem
  }
  
  .cuppa-dropdown .dropdown-list .list-area ul li:first-child {
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem
  }
  
  .cuppa-dropdown .dropdown-list .arrow-up {
    margin-left: 30px!important;
    border-bottom: 15px solid #fff
  }
  
  .ng2-tag-input.regular-theme {
    display: block;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    cursor: text;
    border-bottom: none!important
  }
  
  .ng2-tag-input.regular-theme form input {
    background: 0 0
  }
  
  .ng2-tag-input.regular-theme tag {
    display: inline-block;
    font-weight: 500;
    font-size: .75em;
    color: #fff;
    border-radius: 12px;
    transition: 170ms linear;
    margin: 10px 3px 5px 0;
    padding: 0 .8em;
    height: auto;
    max-height: 22px;
    line-height: 2.1em;
    background: #ff3636!important;
    text-transform: uppercase
  }
  
  .ng2-tag-input.regular-theme tag:not(:focus):not(.tag--editing):not(:active):not(.readonly):hover {
    background: #ff3636;
    color: #fff
  }
  
  .ng2-tag-input.regular-theme tag:hover {
    padding-right: 25px
  }
  
  .ng2-tag-input.regular-theme tag:hover svg {
    opacity: 1
  }
  
  .ng2-tag-input.regular-theme tag .tag-wrapper {
    display: block
  }
  
  .ng2-tag-input.regular-theme tag delete-icon {
    text-align: right;
    -webkit-transform: none;
    transform: none
  }
  
  .ng2-tag-input.regular-theme tag delete-icon path {
    fill: #fff
  }
  
  .ng2-tag-input.regular-theme tag delete-icon svg {
    vertical-align: middle;
    height: 13px;
    opacity: 0;
    position: absolute;
    right: 5px;
    top: 4px
  }
  
  .ng2-tag-input.regular-theme tag delete-icon:not(.readonly):not(.tag--editing):active, .ng2-tag-input.regular-theme tag delete-icon:not(.readonly):not(.tag--editing):focus, .ng2-tag-input.regular-theme tag delete-icon:not(:focus):not(.tag--editing):not(:active):not(.readonly):hover {
    color: #fff
  }
  
  .btn-file {
    position: relative;
    overflow: hidden;
    vertical-align: middle
  }
  
  .btn-file>input {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    font-size: 23px;
    cursor: pointer;
    filter: alpha(opacity=0);
    opacity: 0;
    direction: ltr
  }
  
  .fileinput {
    display: inline-block;
    margin-bottom: 9px
  }
  
  .fileinput .form-control {
    display: inline-block;
    padding-top: 7px;
    padding-bottom: 5px;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: text
  }
  
  .fileinput .thumbnail {
    display: inline-block;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    max-width: 360px
  }
  
  .fileinput .thumbnail.img-circle {
    border-radius: 50%;
    max-width: 100px
  }
  
  .fileinput .thumbnail>img {
    max-height: 100%
  }
  
  .fileinput .btn {
    vertical-align: middle
  }
  
  .fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists {
    display: none
  }
  
  .fileinput-inline .fileinput-controls {
    display: inline
  }
  
  .fileinput-filename {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle
  }
  
  .form-control .fileinput-filename {
    vertical-align: bottom
  }
  
  .fileinput.input-group {
    display: table
  }
  
  .fileinput.input-group>* {
    position: relative;
    z-index: 2
  }
  
  .fileinput.input-group>.btn-file {
    z-index: 1
  }
  
  .fileinput-new .input-group .btn-file, .fileinput-new.input-group .btn-file {
    border-radius: 0 4px 4px 0
  }
  
  .fileinput-new .input-group .btn-file.btn-sm, .fileinput-new .input-group .btn-file.btn-xs, .fileinput-new.input-group .btn-file.btn-sm, .fileinput-new.input-group .btn-file.btn-xs {
    border-radius: 0 3px 3px 0
  }
  
  .fileinput-new .input-group .btn-file.btn-lg, .fileinput-new.input-group .btn-file.btn-lg {
    border-radius: 0 6px 6px 0
  }
  
  .form-group.has-warning .fileinput .fileinput-preview {
    color: #ffb236
  }
  
  .form-group.has-warning .fileinput .thumbnail {
    border-color: #ffb236
  }
  
  .form-group.has-error .fileinput .fileinput-preview {
    color: #ff3636
  }
  
  .form-group.has-error .fileinput .thumbnail {
    border-color: #ff3636
  }
  
  .form-group.has-success .fileinput .fileinput-preview {
    color: #18ce0f
  }
  
  .form-group.has-success .fileinput .thumbnail {
    border-color: #18ce0f
  }
  
  .input-group-text:not(:first-child) {
    border-left: 0
  }
  
  .thumbnail {
    border: 0;
    border-radius: 0;
    padding: 0
  }
  
  .bootstrap-datetimepicker-widget .btn[data-action=clear]::after, .bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after, .bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after, .bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after, .bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after, .bootstrap-datetimepicker-widget .btn[data-action=showHours]::after, .bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after, .bootstrap-datetimepicker-widget .btn[data-action=today]::after, .bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget table th.next::after, .bootstrap-datetimepicker-widget table th.prev::after, .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
  }
  
  .bootstrap-datetimepicker-widget {
    list-style: none
  }
  
  .bootstrap-datetimepicker-widget a .btn:hover {
    background-color: transparent
  }
  
  .bootstrap-datetimepicker-widget.dropdown-menu {
    padding: 8px 6px;
    width: 254px;
    max-width: 254px
  }
  
  .bootstrap-datetimepicker-widget.dropdown-menu .now-ui-icons {
    opacity: 1;
    top: 2px
  }
  
  @media (min-width:768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
      width: 38em
    }
  }
  
  @media (min-width:992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
      width: 38em
    }
  }
  
  @media (min-width:1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
      width: 38em
    }
  }
  
  .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    vertical-align: middle;
    content: "";
    top: -5px;
    left: 10px;
    right: auto;
    color: #fff;
    border-bottom: .4em solid;
    border-right: .4em solid transparent;
    border-left: .4em solid transparent
  }
  
  .bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    display: none
  }
  
  .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    vertical-align: middle;
    content: "";
    top: auto;
    bottom: -6px;
    right: auto;
    left: 10px;
    color: #fff;
    border-top: .4em solid;
    border-right: .4em solid transparent;
    border-left: .4em solid transparent
  }
  
  .bootstrap-datetimepicker-widget.dropdown-menu.top {
    margin-top: auto;
    margin-bottom: -20px
  }
  
  .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px
  }
  
  .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px
  }
  
  .bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0
  }
  
  .bootstrap-datetimepicker-widget a[data-action] {
    padding: 0;
    border-width: 0;
    color: #66615b;
    background-color: transparent
  }
  
  .bootstrap-datetimepicker-widget a[data-action=togglePicker], .bootstrap-datetimepicker-widget a[data-action=togglePicker]:hover {
    color: #f96332
  }
  
  .bootstrap-datetimepicker-widget a[data-action]:hover {
    background-color: transparent
  }
  
  .bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none
  }
  
  .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-weight: 300;
    font-size: 1.5em;
    margin: 3px;
    border-radius: 50%
  }
  
  .bootstrap-datetimepicker-widget button[data-action] {
    width: 38px;
    background-color: #f96332;
    height: 38px;
    padding: 0;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .2)
  }
  
  .bootstrap-datetimepicker-widget .btn {
    margin: 0!important
  }
  
  .bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after {
    content: "Increment Hours"
  }
  
  .bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after {
    content: "Increment Minutes"
  }
  
  .bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after {
    content: "Decrement Hours"
  }
  
  .bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after {
    content: "Decrement Minutes"
  }
  
  .bootstrap-datetimepicker-widget .btn[data-action=showHours]::after {
    content: "Show Hours"
  }
  
  .bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after {
    content: "Show Minutes"
  }
  
  .bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after {
    content: "Toggle AM/PM"
  }
  
  .bootstrap-datetimepicker-widget .btn[data-action=clear]::after {
    content: "Clear the picker"
  }
  
  .bootstrap-datetimepicker-widget .btn[data-action=today]::after {
    content: "Set the date to today"
  }
  
  .bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
    border-radius: 3px;
    color: #f96332
  }
  
  .bootstrap-datetimepicker-widget .picker-switch::after {
    content: "Toggle Date and Time Screens"
  }
  
  .bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit
  }
  
  .bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%;
    border-radius: 3px;
    margin: 2px 0!important
  }
  
  .bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
    text-align: center
  }
  
  .bootstrap-datetimepicker-widget table td>div, .bootstrap-datetimepicker-widget table th>div {
    text-align: center
  }
  
  .bootstrap-datetimepicker-widget table th {
    height: 20px;
    line-height: 20px;
    width: 20px;
    font-weight: 300
  }
  
  .bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px
  }
  
  .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
    background: 0 0;
    color: #cfcfca;
    cursor: not-allowed
  }
  
  .bootstrap-datetimepicker-widget table th.next span, .bootstrap-datetimepicker-widget table th.prev span {
    border-radius: 50%;
    height: 27px;
    width: 27px;
    line-height: 28px;
    font-size: 12px;
    text-align: center;
    color: #f96332
  }
  
  .bootstrap-datetimepicker-widget table th.prev::after {
    content: "Previous Month"
  }
  
  .bootstrap-datetimepicker-widget table th.next::after {
    content: "Next Month"
  }
  
  .bootstrap-datetimepicker-widget table th.dow {
    text-align: center;
    color: #f96332;
    padding-bottom: 5px;
    padding-top: 10px
  }
  
  .bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer
  }
  
  .bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover, .bootstrap-datetimepicker-widget table thead tr:first-child th:hover span {
    background: #eee
  }
  
  .bootstrap-datetimepicker-widget table td.cw>div {
    font-size: .8em;
    height: 20px;
    line-height: 20px;
    color: #cfcfca
  }
  
  .bootstrap-datetimepicker-widget table td.day>div, .bootstrap-datetimepicker-widget table td.hour>div, .bootstrap-datetimepicker-widget table td.minute>div {
    height: 30px;
    line-height: 2.2;
    width: 30px;
    text-align: center;
    padding: 0;
    border-radius: 50%;
    margin: 0 auto;
    z-index: -1;
    position: relative;
    font-weight: 300;
    font-size: 14px;
    border: none;
    cursor: pointer;
    transition: .3s
  }
  
  .bootstrap-datetimepicker-widget table td.day:hover>div, .bootstrap-datetimepicker-widget table td.hour:hover>div, .bootstrap-datetimepicker-widget table td.minute:hover>div, .bootstrap-datetimepicker-widget table td.second:hover>div {
    background: #eee;
    cursor: pointer
  }
  
  .bootstrap-datetimepicker-widget table td.new>div, .bootstrap-datetimepicker-widget table td.old>div {
    color: #888
  }
  
  .bootstrap-datetimepicker-widget table td.today>div:before {
    content: '';
    display: inline-block;
    border: 0 solid transparent;
    border-bottom-color: #68b3c8;
    border-top-color: rgba(0, 0, 0, .2);
    position: absolute;
    bottom: 4px;
    right: 4px
  }
  
  .bootstrap-datetimepicker-widget table td.active:hover>div, .bootstrap-datetimepicker-widget table td.active>div {
    background-color: #f96332;
    color: #fff;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .2)
  }
  
  .bootstrap-datetimepicker-widget table td.active.today:before>div {
    border-bottom-color: #fff
  }
  
  .bootstrap-datetimepicker-widget table td.disabled:hover>div, .bootstrap-datetimepicker-widget table td.disabled>div {
    background: 0 0;
    color: #cfcfca;
    cursor: not-allowed
  }
  
  .bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 3px;
    cursor: pointer;
    border-radius: 50%;
    text-align: center
  }
  
  .bootstrap-datetimepicker-widget table td span:hover {
    background: #eee
  }
  
  .bootstrap-datetimepicker-widget table td span.active {
    background-color: #f96332;
    color: #fff
  }
  
  .bootstrap-datetimepicker-widget table td span.old {
    color: #cfcfca
  }
  
  .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: 0 0;
    color: #cfcfca;
    cursor: not-allowed
  }
  
  .bootstrap-datetimepicker-widget .timepicker-hours span, .bootstrap-datetimepicker-widget .timepicker-minutes span, .bootstrap-datetimepicker-widget .timepicker-picker span {
    border-radius: 50%!important
  }
  
  .bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px
  }
  
  .input-group.date .input-group-text {
    cursor: pointer
  }
  
  .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
    padding: 1px;
    text-align: center;
    z-index: 1;
    cursor: pointer
  }
  
  input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget .picker-switch, input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget .separator, input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget .timepicker-hours span, input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget .timepicker-minutes span, input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget a[data-action=togglePicker], input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget a[data-action=togglePicker]:hover, input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget span, input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.day>div, input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.hour>div, input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.minute>div, input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table th.next span, input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table th.prev span {
    color: #fff
  }
  
  input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table th.dow {
    color: rgba(255, 255, 255, .8)
  }
  
  input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.new>div, input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.old>div {
    color: rgba(255, 255, 255, .4)
  }
  
  input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget button[data-action], input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.active:hover>div, input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.active>div {
    background-color: #fff
  }
  
  input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td span:hover, input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.hour:hover>div, input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.minute:hover>div, input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.second:hover>div, input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td:not(.active).day:hover>div {
    background: rgba(255, 255, 255, .2)
  }
  
  input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover, input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table thead tr:first-child th:hover span {
    background-color: rgba(255, 255, 255, .2)
  }
  
  input.datetimepicker[data-color=orange]+ngb-datepicker {
    background-color: #f96332
  }
  
  input.datetimepicker[data-color=orange]+ngb-datepicker .ngb-dp-header ngb-datepicker-navigation .ngb-dp-navigation-chevron, input.datetimepicker[data-color=orange]+ngb-datepicker .ngb-dp-header ngb-datepicker-navigation ngb-datepicker-navigation-select .custom-select, input.datetimepicker[data-color=orange]+ngb-datepicker .ngb-dp-months .ngb-dp-day .btn-light, input.datetimepicker[data-color=orange]+ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .ngb-dp-day .btn-light, input.datetimepicker[data-color=orange]+ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .ngb-dp-day .btn-light:hover, input.datetimepicker[data-color=orange]+ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .ngb-dp-weekday {
    color: #fff
  }
  
  input.datetimepicker[data-color=orange]+ngb-datepicker:before {
    color: #f96332
  }
  
  input.datetimepicker[data-color=orange]+ngb-datepicker .ngb-dp-months ngb-datepicker-month-view div[ng-reflect-selected=true] {
    background-color: #fff!important;
    color: #f96332!important
  }
  
  input.datetimepicker[data-color=orange]+ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .ngb-dp-day .text-muted {
    color: #fff!important
  }
  
  input.datetimepicker[data-color=blue]+ngb-datepicker {
    background-color: #2ca8ff
  }
  
  input.datetimepicker[data-color=blue]+ngb-datepicker .ngb-dp-header ngb-datepicker-navigation .ngb-dp-navigation-chevron, input.datetimepicker[data-color=blue]+ngb-datepicker .ngb-dp-header ngb-datepicker-navigation ngb-datepicker-navigation-select .custom-select, input.datetimepicker[data-color=blue]+ngb-datepicker .ngb-dp-months .ngb-dp-day .btn-light, input.datetimepicker[data-color=blue]+ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .ngb-dp-day .btn-light, input.datetimepicker[data-color=blue]+ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .ngb-dp-day .btn-light:hover, input.datetimepicker[data-color=blue]+ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .ngb-dp-weekday {
    color: #fff
  }
  
  input.datetimepicker[data-color=blue]+ngb-datepicker:before {
    color: #2ca8ff
  }
  
  input.datetimepicker[data-color=blue]+ngb-datepicker .ngb-dp-months ngb-datepicker-month-view div[ng-reflect-selected=true] {
    background-color: #fff!important;
    color: #2ca8ff!important
  }
  
  input.datetimepicker[data-color=blue]+ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .ngb-dp-day .text-muted {
    color: #fff!important
  }
  
  input.datetimepicker[data-color=green]+ngb-datepicker {
    background-color: #18ce0f
  }
  
  input.datetimepicker[data-color=green]+ngb-datepicker .ngb-dp-header ngb-datepicker-navigation .ngb-dp-navigation-chevron, input.datetimepicker[data-color=green]+ngb-datepicker .ngb-dp-header ngb-datepicker-navigation ngb-datepicker-navigation-select .custom-select, input.datetimepicker[data-color=green]+ngb-datepicker .ngb-dp-months .ngb-dp-day .btn-light, input.datetimepicker[data-color=green]+ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .ngb-dp-day .btn-light:hover, input.datetimepicker[data-color=green]+ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .ngb-dp-weekday {
    color: #fff
  }
  
  input.datetimepicker[data-color=green]+ngb-datepicker:before {
    color: #18ce0f
  }
  
  input.datetimepicker[data-color=green]+ngb-datepicker .ngb-dp-months ngb-datepicker-month-view div[ng-reflect-selected=true] {
    background-color: #fff!important;
    color: #18ce0f!important
  }
  
  input.datetimepicker[data-color=green]+ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .ngb-dp-day .text-muted {
    color: #fff!important
  }
  
  input.datetimepicker[data-color=red]+ngb-datepicker {
    background-color: #ff3636
  }
  
  input.datetimepicker[data-color=red]+ngb-datepicker .ngb-dp-header ngb-datepicker-navigation .ngb-dp-navigation-chevron, input.datetimepicker[data-color=red]+ngb-datepicker .ngb-dp-header ngb-datepicker-navigation ngb-datepicker-navigation-select .custom-select, input.datetimepicker[data-color=red]+ngb-datepicker .ngb-dp-months .ngb-dp-day .btn-light, input.datetimepicker[data-color=red]+ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .ngb-dp-day .btn-light, input.datetimepicker[data-color=red]+ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .ngb-dp-day .btn-light:hover, input.datetimepicker[data-color=red]+ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .ngb-dp-weekday {
    color: #fff
  }
  
  input.datetimepicker[data-color=red]+ngb-datepicker:before {
    color: #ff3636
  }
  
  input.datetimepicker[data-color=red]+ngb-datepicker .ngb-dp-months ngb-datepicker-month-view div[ng-reflect-selected=true] {
    background-color: #fff!important;
    color: #ff3636!important
  }
  
  input.datetimepicker[data-color=red]+ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .ngb-dp-day .text-muted {
    color: #fff!important
  }
  
  input.datetimepicker[data-color=yellow]+ngb-datepicker {
    background-color: #ffb236
  }
  
  input.datetimepicker[data-color=yellow]+ngb-datepicker .ngb-dp-header ngb-datepicker-navigation .ngb-dp-navigation-chevron, input.datetimepicker[data-color=yellow]+ngb-datepicker .ngb-dp-header ngb-datepicker-navigation ngb-datepicker-navigation-select .custom-select, input.datetimepicker[data-color=yellow]+ngb-datepicker .ngb-dp-months .ngb-dp-day .btn-light, input.datetimepicker[data-color=yellow]+ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .ngb-dp-day .btn-light, input.datetimepicker[data-color=yellow]+ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .ngb-dp-day .btn-light:hover, input.datetimepicker[data-color=yellow]+ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .ngb-dp-weekday {
    color: #fff
  }
  
  input.datetimepicker[data-color=yellow]+ngb-datepicker:before {
    color: #ffb236
  }
  
  input.datetimepicker[data-color=yellow]+ngb-datepicker .ngb-dp-months ngb-datepicker-month-view div[ng-reflect-selected=true] {
    background-color: #fff!important;
    color: #ffb236!important
  }
  
  input.datetimepicker[data-color=yellow]+ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .ngb-dp-day .text-muted {
    color: #fff!important
  }
  
  ngb-datepicker {
    border: 0!important;
    display: block!important;
    color: #888;
    padding: 8px 6px;
    position: absolute!important;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .2);
    border-radius: .125rem!important;
    transition: 150ms linear!important
  }
  
  ngb-datepicker.dropdown-menu {
    top: 100%!important
  }
  
  ngb-datepicker.dropdown-menu:before {
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    vertical-align: middle;
    content: "";
    top: -7px;
    left: 10px;
    right: auto;
    border-bottom: .4rem solid;
    border-right: .41rem solid transparent;
    border-left: .4rem solid transparent
  }
  
  ngb-datepicker .bg-light {
    background: 0 0!important
  }
  
  ngb-datepicker:focus {
    outline: 0!important
  }
  
  ngb-datepicker .ngb-dp-header {
    border-bottom: none!important
  }
  
  ngb-datepicker .ngb-dp-header ngb-datepicker-navigation, ngb-datepicker .ngb-dp-header ngb-datepicker-navigation .ngb-dp-arrow-btn .ngb-dp-navigation-chevron {
    color: #f96332
  }
  
  ngb-datepicker .ngb-dp-header ngb-datepicker-navigation ngb-datepicker-navigation-select .custom-select {
    font-weight: 300;
    color: #f96332;
    border: none!important;
    background: 0 0!important;
    -webkit-appearance: menulist!important
  }
  
  ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week {
    border: none
  }
  
  ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .ngb-dp-weekday {
    color: #f96332;
    padding-top: 10px;
    opacity: .8;
    font-style: normal!important;
    line-height: 20px;
    font-weight: 300
  }
  
  ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .small {
    font-size: 14px
  }
  
  ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .ngb-dp-day {
    padding: 1px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    font-weight: 300
  }
  
  ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .ngb-dp-day .btn-light {
    border-radius: 50%!important;
    color: #2c2c2c
  }
  
  ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .ngb-dp-day .btn-light:active, ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .ngb-dp-day .btn-light:hover {
    transition: 150ms linear;
    color: #2c2c2c;
    background-color: rgba(222, 222, 222, .3)
  }
  
  ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .ngb-dp-day div[ng-reflect-selected=true] {
    background-color: #f96332;
    color: #fff;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .2)
  }
  
  ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-week .ngb-dp-day .text-muted {
    color: #888
  }
  
  .btn, .navbar .navbar-nav>a.btn {
    border-width: 2px;
    font-weight: 400;
    font-size: .8571em;
    line-height: 1.35em;
    margin: 10px 1px;
    border: none;
    border-radius: .1875rem;
    padding: 11px 22px;
    cursor: pointer;
    background-color: #888;
    color: #fff
  }
  
  .btn.active, .btn.active:focus, .btn.active:hover, .btn:active, .btn:active:focus, .btn:active:hover, .btn:focus, .btn:hover, .navbar .navbar-nav>a.btn.active, .navbar .navbar-nav>a.btn.active:focus, .navbar .navbar-nav>a.btn.active:hover, .navbar .navbar-nav>a.btn:active, .navbar .navbar-nav>a.btn:active:focus, .navbar .navbar-nav>a.btn:active:hover, .navbar .navbar-nav>a.btn:focus, .navbar .navbar-nav>a.btn:hover, .show>.btn.dropdown-toggle, .show>.btn.dropdown-toggle:focus, .show>.btn.dropdown-toggle:hover, .show>.navbar .navbar-nav>a.btn.dropdown-toggle, .show>.navbar .navbar-nav>a.btn.dropdown-toggle:focus, .show>.navbar .navbar-nav>a.btn.dropdown-toggle:hover {
    background-color: #979797;
    color: #fff;
    box-shadow: none
  }
  
  .btn:not([data-action]):hover, .navbar .navbar-nav>a.btn:not([data-action]):hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .17)
  }
  
  .btn.disabled, .btn.disabled.active, .btn.disabled.focus, .btn.disabled:active, .btn.disabled:focus, .btn.disabled:hover, .btn:disabled, .btn:disabled.active, .btn:disabled.focus, .btn:disabled:active, .btn:disabled:focus, .btn:disabled:hover, .btn[disabled], .btn[disabled].active, .btn[disabled].focus, .btn[disabled]:active, .btn[disabled]:focus, .btn[disabled]:hover, .navbar .navbar-nav>a.btn.disabled, .navbar .navbar-nav>a.btn.disabled.active, .navbar .navbar-nav>a.btn.disabled.focus, .navbar .navbar-nav>a.btn.disabled:active, .navbar .navbar-nav>a.btn.disabled:focus, .navbar .navbar-nav>a.btn.disabled:hover, .navbar .navbar-nav>a.btn:disabled, .navbar .navbar-nav>a.btn:disabled.active, .navbar .navbar-nav>a.btn:disabled.focus, .navbar .navbar-nav>a.btn:disabled:active, .navbar .navbar-nav>a.btn:disabled:focus, .navbar .navbar-nav>a.btn:disabled:hover, .navbar .navbar-nav>a.btn[disabled], .navbar .navbar-nav>a.btn[disabled].active, .navbar .navbar-nav>a.btn[disabled].focus, .navbar .navbar-nav>a.btn[disabled]:active, .navbar .navbar-nav>a.btn[disabled]:focus, .navbar .navbar-nav>a.btn[disabled]:hover, fieldset[disabled] .btn, fieldset[disabled] .btn.active, fieldset[disabled] .btn.focus, fieldset[disabled] .btn:active, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:hover, fieldset[disabled] .navbar .navbar-nav>a.btn, fieldset[disabled] .navbar .navbar-nav>a.btn.active, fieldset[disabled] .navbar .navbar-nav>a.btn.focus, fieldset[disabled] .navbar .navbar-nav>a.btn:active, fieldset[disabled] .navbar .navbar-nav>a.btn:focus, fieldset[disabled] .navbar .navbar-nav>a.btn:hover {
    background-color: #888;
    border-color: #888
  }
  
  .btn.btn-simple, .navbar .navbar-nav>a.btn.btn-simple {
    color: #888;
    border-color: #888
  }
  
  .btn.btn-simple:active, .btn.btn-simple:focus, .btn.btn-simple:hover, .navbar .navbar-nav>a.btn.btn-simple:active, .navbar .navbar-nav>a.btn.btn-simple:focus, .navbar .navbar-nav>a.btn.btn-simple:hover {
    background-color: transparent;
    color: #979797;
    border-color: #979797;
    box-shadow: none
  }
  
  .btn.btn-link, .navbar .navbar-nav>a.btn.btn-link {
    color: #888
  }
  
  .btn.btn-link:active, .btn.btn-link:focus, .btn.btn-link:hover, .navbar .navbar-nav>a.btn.btn-link:active, .navbar .navbar-nav>a.btn.btn-link:focus, .navbar .navbar-nav>a.btn.btn-link:hover {
    background-color: transparent;
    color: #979797;
    text-decoration: none;
    box-shadow: none
  }
  
  .btn:focus, .btn:hover, .navbar .navbar-nav>a.btn:focus, .navbar .navbar-nav>a.btn:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    outline: 0!important
  }
  
  .btn.active, .btn:active, .navbar .navbar-nav>a.btn.active, .navbar .navbar-nav>a.btn:active, .open>.btn.dropdown-toggle, .open>.navbar .navbar-nav>a.btn.dropdown-toggle {
    box-shadow: none;
    outline: 0!important
  }
  
  .btn.btn-icon, .navbar .navbar-nav>a.btn.btn-icon {
    height: 2.375rem;
    min-width: 2.375rem;
    width: 2.375rem;
    padding: 0;
    font-size: .9375rem;
    overflow: hidden;
    position: relative;
    line-height: normal
  }
  
  .btn.btn-icon.btn-simple, .navbar .navbar-nav>a.btn.btn-icon.btn-simple {
    padding: 0
  }
  
  .btn.btn-icon.btn-sm, .navbar .navbar-nav>a.btn.btn-icon.btn-sm {
    height: 1.875rem;
    min-width: 1.875rem;
    width: 1.875rem
  }
  
  .btn.btn-icon.btn-sm i.fa, .btn.btn-icon.btn-sm i.now-ui-icons, .navbar .navbar-nav>a.btn.btn-icon.btn-sm i.fa, .navbar .navbar-nav>a.btn.btn-icon.btn-sm i.now-ui-icons {
    font-size: .6875rem
  }
  
  .btn.btn-icon.btn-lg, .navbar .navbar-nav>a.btn.btn-icon.btn-lg {
    height: 3.6rem;
    min-width: 3.6rem;
    width: 3.6rem
  }
  
  .btn.btn-icon.btn-lg i.fa, .btn.btn-icon.btn-lg i.now-ui-icons, .navbar .navbar-nav>a.btn.btn-icon.btn-lg i.fa, .navbar .navbar-nav>a.btn.btn-icon.btn-lg i.now-ui-icons {
    font-size: 1.325rem
  }
  
  .btn.btn-icon:not(.btn-footer) i.fa, .btn.btn-icon:not(.btn-footer) i.now-ui-icons, .navbar .navbar-nav>a.btn.btn-icon:not(.btn-footer) i.fa, .navbar .navbar-nav>a.btn.btn-icon:not(.btn-footer) i.now-ui-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px);
    line-height: 1.5626rem;
    width: 25px
  }
  
  .btn:not(.btn-icon) .now-ui-icons, .navbar .navbar-nav>a.btn:not(.btn-icon) .now-ui-icons {
    position: relative;
    top: 1px
  }
  
  .btn.btn-facebook, .navbar .navbar-nav>a.btn.btn-facebook {
    background-color: #3b5998;
    color: #fff
  }
  
  .btn.btn-facebook:active, .btn.btn-facebook:focus, .btn.btn-facebook:hover, .navbar .navbar-nav>a.btn.btn-facebook:active, .navbar .navbar-nav>a.btn.btn-facebook:focus, .navbar .navbar-nav>a.btn.btn-facebook:hover {
    background-color: #4466ae;
    color: #fff
  }
  
  .btn.btn-facebook.btn-simple, .navbar .navbar-nav>a.btn.btn-facebook.btn-simple {
    color: #3b5998;
    background-color: transparent;
    box-shadow: none;
    border-color: #3b5998
  }
  
  .btn.btn-facebook.btn-simple:active, .btn.btn-facebook.btn-simple:focus, .btn.btn-facebook.btn-simple:hover, .navbar .navbar-nav>a.btn.btn-facebook.btn-simple:active, .navbar .navbar-nav>a.btn.btn-facebook.btn-simple:focus, .navbar .navbar-nav>a.btn.btn-facebook.btn-simple:hover {
    color: #4466ae;
    border-color: #4466ae
  }
  
  .btn.btn-facebook.btn-neutral, .navbar .navbar-nav>a.btn.btn-facebook.btn-neutral {
    color: #3b5998;
    background-color: #fff
  }
  
  .btn.btn-facebook.btn-neutral:active, .btn.btn-facebook.btn-neutral:focus, .btn.btn-facebook.btn-neutral:hover, .navbar .navbar-nav>a.btn.btn-facebook.btn-neutral:active, .navbar .navbar-nav>a.btn.btn-facebook.btn-neutral:focus, .navbar .navbar-nav>a.btn.btn-facebook.btn-neutral:hover {
    color: #4466ae
  }
  
  .btn.btn-twitter, .navbar .navbar-nav>a.btn.btn-twitter {
    background-color: #55acee;
    color: #fff
  }
  
  .btn.btn-twitter:active, .btn.btn-twitter:focus, .btn.btn-twitter:hover, .navbar .navbar-nav>a.btn.btn-twitter:active, .navbar .navbar-nav>a.btn.btn-twitter:focus, .navbar .navbar-nav>a.btn.btn-twitter:hover {
    background-color: #71baf1;
    color: #fff
  }
  
  .btn.btn-twitter.btn-simple, .navbar .navbar-nav>a.btn.btn-twitter.btn-simple {
    color: #55acee;
    background-color: transparent;
    box-shadow: none;
    border-color: #55acee
  }
  
  .btn.btn-twitter.btn-simple:active, .btn.btn-twitter.btn-simple:focus, .btn.btn-twitter.btn-simple:hover, .navbar .navbar-nav>a.btn.btn-twitter.btn-simple:active, .navbar .navbar-nav>a.btn.btn-twitter.btn-simple:focus, .navbar .navbar-nav>a.btn.btn-twitter.btn-simple:hover {
    color: #71baf1;
    border-color: #71baf1
  }
  
  .btn.btn-twitter.btn-neutral, .navbar .navbar-nav>a.btn.btn-twitter.btn-neutral {
    color: #55acee;
    background-color: #fff
  }
  
  .btn.btn-twitter.btn-neutral:active, .btn.btn-twitter.btn-neutral:focus, .btn.btn-twitter.btn-neutral:hover, .navbar .navbar-nav>a.btn.btn-twitter.btn-neutral:active, .navbar .navbar-nav>a.btn.btn-twitter.btn-neutral:focus, .navbar .navbar-nav>a.btn.btn-twitter.btn-neutral:hover {
    color: #71baf1
  }
  
  .btn.btn-pinterest, .navbar .navbar-nav>a.btn.btn-pinterest {
    background-color: #cc2127;
    color: #fff
  }
  
  .btn.btn-pinterest:active, .btn.btn-pinterest:focus, .btn.btn-pinterest:hover, .navbar .navbar-nav>a.btn.btn-pinterest:active, .navbar .navbar-nav>a.btn.btn-pinterest:focus, .navbar .navbar-nav>a.btn.btn-pinterest:hover {
    background-color: #dd2e34;
    color: #fff
  }
  
  .btn.btn-pinterest.btn-simple, .navbar .navbar-nav>a.btn.btn-pinterest.btn-simple {
    color: #cc2127;
    background-color: transparent;
    box-shadow: none;
    border-color: #cc2127
  }
  
  .btn.btn-pinterest.btn-simple:active, .btn.btn-pinterest.btn-simple:focus, .btn.btn-pinterest.btn-simple:hover, .navbar .navbar-nav>a.btn.btn-pinterest.btn-simple:active, .navbar .navbar-nav>a.btn.btn-pinterest.btn-simple:focus, .navbar .navbar-nav>a.btn.btn-pinterest.btn-simple:hover {
    color: #dd2e34;
    border-color: #dd2e34
  }
  
  .btn.btn-pinterest.btn-neutral, .navbar .navbar-nav>a.btn.btn-pinterest.btn-neutral {
    color: #cc2127;
    background-color: #fff
  }
  
  .btn.btn-pinterest.btn-neutral:active, .btn.btn-pinterest.btn-neutral:focus, .btn.btn-pinterest.btn-neutral:hover, .navbar .navbar-nav>a.btn.btn-pinterest.btn-neutral:active, .navbar .navbar-nav>a.btn.btn-pinterest.btn-neutral:focus, .navbar .navbar-nav>a.btn.btn-pinterest.btn-neutral:hover {
    color: #dd2e34
  }
  
  .btn.btn-google, .navbar .navbar-nav>a.btn.btn-google {
    background-color: #dd4b39;
    color: #fff
  }
  
  .btn.btn-google:active, .btn.btn-google:focus, .btn.btn-google:hover, .navbar .navbar-nav>a.btn.btn-google:active, .navbar .navbar-nav>a.btn.btn-google:focus, .navbar .navbar-nav>a.btn.btn-google:hover {
    background-color: #e16353;
    color: #fff
  }
  
  .btn.btn-google.btn-simple, .navbar .navbar-nav>a.btn.btn-google.btn-simple {
    color: #dd4b39;
    background-color: transparent;
    box-shadow: none;
    border-color: #dd4b39
  }
  
  .btn.btn-google.btn-simple:active, .btn.btn-google.btn-simple:focus, .btn.btn-google.btn-simple:hover, .navbar .navbar-nav>a.btn.btn-google.btn-simple:active, .navbar .navbar-nav>a.btn.btn-google.btn-simple:focus, .navbar .navbar-nav>a.btn.btn-google.btn-simple:hover {
    color: #e16353;
    border-color: #e16353
  }
  
  .btn.btn-google.btn-neutral, .navbar .navbar-nav>a.btn.btn-google.btn-neutral {
    color: #dd4b39;
    background-color: #fff
  }
  
  .btn.btn-google.btn-neutral:active, .btn.btn-google.btn-neutral:focus, .btn.btn-google.btn-neutral:hover, .navbar .navbar-nav>a.btn.btn-google.btn-neutral:active, .navbar .navbar-nav>a.btn.btn-google.btn-neutral:focus, .navbar .navbar-nav>a.btn.btn-google.btn-neutral:hover {
    color: #e16353
  }
  
  .btn.btn-linkedin, .navbar .navbar-nav>a.btn.btn-linkedin {
    background-color: #0077b5;
    color: #fff
  }
  
  .btn.btn-linkedin:active, .btn.btn-linkedin:focus, .btn.btn-linkedin:hover, .navbar .navbar-nav>a.btn.btn-linkedin:active, .navbar .navbar-nav>a.btn.btn-linkedin:focus, .navbar .navbar-nav>a.btn.btn-linkedin:hover {
    background-color: #008bd4;
    color: #fff
  }
  
  .btn.btn-linkedin.btn-simple, .navbar .navbar-nav>a.btn.btn-linkedin.btn-simple {
    color: #0077b5;
    background-color: transparent;
    box-shadow: none;
    border-color: #0077b5
  }
  
  .btn.btn-linkedin.btn-simple:active, .btn.btn-linkedin.btn-simple:focus, .btn.btn-linkedin.btn-simple:hover, .navbar .navbar-nav>a.btn.btn-linkedin.btn-simple:active, .navbar .navbar-nav>a.btn.btn-linkedin.btn-simple:focus, .navbar .navbar-nav>a.btn.btn-linkedin.btn-simple:hover {
    color: #008bd4;
    border-color: #008bd4
  }
  
  .btn.btn-linkedin.btn-neutral, .navbar .navbar-nav>a.btn.btn-linkedin.btn-neutral {
    color: #0077b5;
    background-color: #fff
  }
  
  .btn.btn-linkedin.btn-neutral:active, .btn.btn-linkedin.btn-neutral:focus, .btn.btn-linkedin.btn-neutral:hover, .navbar .navbar-nav>a.btn.btn-linkedin.btn-neutral:active, .navbar .navbar-nav>a.btn.btn-linkedin.btn-neutral:focus, .navbar .navbar-nav>a.btn.btn-linkedin.btn-neutral:hover {
    color: #008bd4
  }
  
  .btn.btn-dribbble, .navbar .navbar-nav>a.btn.btn-dribbble {
    background-color: #ea4c89;
    color: #fff
  }
  
  .btn.btn-dribbble:active, .btn.btn-dribbble:focus, .btn.btn-dribbble:hover, .navbar .navbar-nav>a.btn.btn-dribbble:active, .navbar .navbar-nav>a.btn.btn-dribbble:focus, .navbar .navbar-nav>a.btn.btn-dribbble:hover {
    background-color: #ed679b;
    color: #fff
  }
  
  .btn.btn-dribbble.btn-simple, .navbar .navbar-nav>a.btn.btn-dribbble.btn-simple {
    color: #ea4c89;
    background-color: transparent;
    box-shadow: none;
    border-color: #ea4c89
  }
  
  .btn.btn-dribbble.btn-simple:active, .btn.btn-dribbble.btn-simple:focus, .btn.btn-dribbble.btn-simple:hover, .navbar .navbar-nav>a.btn.btn-dribbble.btn-simple:active, .navbar .navbar-nav>a.btn.btn-dribbble.btn-simple:focus, .navbar .navbar-nav>a.btn.btn-dribbble.btn-simple:hover {
    color: #ed679b;
    border-color: #ed679b
  }
  
  .btn.btn-dribbble.btn-neutral, .navbar .navbar-nav>a.btn.btn-dribbble.btn-neutral {
    color: #ea4c89;
    background-color: #fff
  }
  
  .btn.btn-dribbble.btn-neutral:active, .btn.btn-dribbble.btn-neutral:focus, .btn.btn-dribbble.btn-neutral:hover, .navbar .navbar-nav>a.btn.btn-dribbble.btn-neutral:active, .navbar .navbar-nav>a.btn.btn-dribbble.btn-neutral:focus, .navbar .navbar-nav>a.btn.btn-dribbble.btn-neutral:hover {
    color: #ed679b
  }
  
  .btn.btn-github, .navbar .navbar-nav>a.btn.btn-github {
    background-color: #333;
    color: #fff
  }
  
  .btn.btn-github:active, .btn.btn-github:focus, .btn.btn-github:hover, .navbar .navbar-nav>a.btn.btn-github:active, .navbar .navbar-nav>a.btn.btn-github:focus, .navbar .navbar-nav>a.btn.btn-github:hover {
    background-color: #424242;
    color: #fff
  }
  
  .btn.btn-github.btn-simple, .navbar .navbar-nav>a.btn.btn-github.btn-simple {
    color: #333;
    background-color: transparent;
    box-shadow: none;
    border-color: #333
  }
  
  .btn.btn-github.btn-simple:active, .btn.btn-github.btn-simple:focus, .btn.btn-github.btn-simple:hover, .navbar .navbar-nav>a.btn.btn-github.btn-simple:active, .navbar .navbar-nav>a.btn.btn-github.btn-simple:focus, .navbar .navbar-nav>a.btn.btn-github.btn-simple:hover {
    color: #424242;
    border-color: #424242
  }
  
  .btn.btn-github.btn-neutral, .navbar .navbar-nav>a.btn.btn-github.btn-neutral {
    color: #333;
    background-color: #fff
  }
  
  .btn.btn-github.btn-neutral:active, .btn.btn-github.btn-neutral:focus, .btn.btn-github.btn-neutral:hover, .navbar .navbar-nav>a.btn.btn-github.btn-neutral:active, .navbar .navbar-nav>a.btn.btn-github.btn-neutral:focus, .navbar .navbar-nav>a.btn.btn-github.btn-neutral:hover {
    color: #424242
  }
  
  .btn.btn-youtube, .navbar .navbar-nav>a.btn.btn-youtube {
    background-color: #e52d27;
    color: #fff
  }
  
  .btn.btn-youtube:active, .btn.btn-youtube:focus, .btn.btn-youtube:hover, .navbar .navbar-nav>a.btn.btn-youtube:active, .navbar .navbar-nav>a.btn.btn-youtube:focus, .navbar .navbar-nav>a.btn.btn-youtube:hover {
    background-color: #e84842;
    color: #fff
  }
  
  .btn.btn-youtube.btn-simple, .navbar .navbar-nav>a.btn.btn-youtube.btn-simple {
    color: #e52d27;
    background-color: transparent;
    box-shadow: none;
    border-color: #e52d27
  }
  
  .btn.btn-youtube.btn-simple:active, .btn.btn-youtube.btn-simple:focus, .btn.btn-youtube.btn-simple:hover, .navbar .navbar-nav>a.btn.btn-youtube.btn-simple:active, .navbar .navbar-nav>a.btn.btn-youtube.btn-simple:focus, .navbar .navbar-nav>a.btn.btn-youtube.btn-simple:hover {
    color: #e84842;
    border-color: #e84842
  }
  
  .btn.btn-youtube.btn-neutral, .navbar .navbar-nav>a.btn.btn-youtube.btn-neutral {
    color: #e52d27;
    background-color: #fff
  }
  
  .btn.btn-youtube.btn-neutral:active, .btn.btn-youtube.btn-neutral:focus, .btn.btn-youtube.btn-neutral:hover, .navbar .navbar-nav>a.btn.btn-youtube.btn-neutral:active, .navbar .navbar-nav>a.btn.btn-youtube.btn-neutral:focus, .navbar .navbar-nav>a.btn.btn-youtube.btn-neutral:hover {
    color: #e84842
  }
  
  .btn.btn-instagram, .navbar .navbar-nav>a.btn.btn-instagram {
    background-color: #125688;
    color: #fff
  }
  
  .btn.btn-instagram:active, .btn.btn-instagram:focus, .btn.btn-instagram:hover, .navbar .navbar-nav>a.btn.btn-instagram:active, .navbar .navbar-nav>a.btn.btn-instagram:focus, .navbar .navbar-nav>a.btn.btn-instagram:hover {
    background-color: #1667a3;
    color: #fff
  }
  
  .btn.btn-instagram.btn-simple, .navbar .navbar-nav>a.btn.btn-instagram.btn-simple {
    color: #125688;
    background-color: transparent;
    box-shadow: none;
    border-color: #125688
  }
  
  .btn.btn-instagram.btn-simple:active, .btn.btn-instagram.btn-simple:focus, .btn.btn-instagram.btn-simple:hover, .navbar .navbar-nav>a.btn.btn-instagram.btn-simple:active, .navbar .navbar-nav>a.btn.btn-instagram.btn-simple:focus, .navbar .navbar-nav>a.btn.btn-instagram.btn-simple:hover {
    color: #1667a3;
    border-color: #1667a3
  }
  
  .btn.btn-instagram.btn-neutral, .navbar .navbar-nav>a.btn.btn-instagram.btn-neutral {
    color: #125688;
    background-color: #fff
  }
  
  .btn.btn-instagram.btn-neutral:active, .btn.btn-instagram.btn-neutral:focus, .btn.btn-instagram.btn-neutral:hover, .navbar .navbar-nav>a.btn.btn-instagram.btn-neutral:active, .navbar .navbar-nav>a.btn.btn-instagram.btn-neutral:focus, .navbar .navbar-nav>a.btn.btn-instagram.btn-neutral:hover {
    color: #1667a3
  }
  
  .btn.btn-reddit, .navbar .navbar-nav>a.btn.btn-reddit {
    background-color: #ff4500;
    color: #fff
  }
  
  .btn.btn-reddit:active, .btn.btn-reddit:focus, .btn.btn-reddit:hover, .navbar .navbar-nav>a.btn.btn-reddit:active, .navbar .navbar-nav>a.btn.btn-reddit:focus, .navbar .navbar-nav>a.btn.btn-reddit:hover {
    background-color: #ff5b1f;
    color: #fff
  }
  
  .btn.btn-reddit.btn-simple, .navbar .navbar-nav>a.btn.btn-reddit.btn-simple {
    color: #ff4500;
    background-color: transparent;
    box-shadow: none;
    border-color: #ff4500
  }
  
  .btn.btn-reddit.btn-simple:active, .btn.btn-reddit.btn-simple:focus, .btn.btn-reddit.btn-simple:hover, .navbar .navbar-nav>a.btn.btn-reddit.btn-simple:active, .navbar .navbar-nav>a.btn.btn-reddit.btn-simple:focus, .navbar .navbar-nav>a.btn.btn-reddit.btn-simple:hover {
    color: #ff5b1f;
    border-color: #ff5b1f
  }
  
  .btn.btn-reddit.btn-neutral, .navbar .navbar-nav>a.btn.btn-reddit.btn-neutral {
    color: #ff4500;
    background-color: #fff
  }
  
  .btn.btn-reddit.btn-neutral:active, .btn.btn-reddit.btn-neutral:focus, .btn.btn-reddit.btn-neutral:hover, .navbar .navbar-nav>a.btn.btn-reddit.btn-neutral:active, .navbar .navbar-nav>a.btn.btn-reddit.btn-neutral:focus, .navbar .navbar-nav>a.btn.btn-reddit.btn-neutral:hover {
    color: #ff5b1f
  }
  
  .btn.btn-tumblr, .navbar .navbar-nav>a.btn.btn-tumblr {
    background-color: #35465c;
    color: #fff
  }
  
  .btn.btn-tumblr:active, .btn.btn-tumblr:focus, .btn.btn-tumblr:hover, .navbar .navbar-nav>a.btn.btn-tumblr:active, .navbar .navbar-nav>a.btn.btn-tumblr:focus, .navbar .navbar-nav>a.btn.btn-tumblr:hover {
    background-color: #40556f;
    color: #fff
  }
  
  .btn.btn-tumblr.btn-simple, .navbar .navbar-nav>a.btn.btn-tumblr.btn-simple {
    color: #35465c;
    background-color: transparent;
    box-shadow: none;
    border-color: #35465c
  }
  
  .btn.btn-tumblr.btn-simple:active, .btn.btn-tumblr.btn-simple:focus, .btn.btn-tumblr.btn-simple:hover, .navbar .navbar-nav>a.btn.btn-tumblr.btn-simple:active, .navbar .navbar-nav>a.btn.btn-tumblr.btn-simple:focus, .navbar .navbar-nav>a.btn.btn-tumblr.btn-simple:hover {
    color: #40556f;
    border-color: #40556f
  }
  
  .btn.btn-tumblr.btn-neutral, .navbar .navbar-nav>a.btn.btn-tumblr.btn-neutral {
    color: #35465c;
    background-color: #fff
  }
  
  .btn.btn-tumblr.btn-neutral:active, .btn.btn-tumblr.btn-neutral:focus, .btn.btn-tumblr.btn-neutral:hover, .navbar .navbar-nav>a.btn.btn-tumblr.btn-neutral:active, .navbar .navbar-nav>a.btn.btn-tumblr.btn-neutral:focus, .navbar .navbar-nav>a.btn.btn-tumblr.btn-neutral:hover {
    color: #40556f
  }
  
  .btn.btn-behance, .navbar .navbar-nav>a.btn.btn-behance {
    background-color: #1769ff;
    color: #fff
  }
  
  .btn.btn-behance:active, .btn.btn-behance:focus, .btn.btn-behance:hover, .navbar .navbar-nav>a.btn.btn-behance:active, .navbar .navbar-nav>a.btn.btn-behance:focus, .navbar .navbar-nav>a.btn.btn-behance:hover {
    background-color: #367dff;
    color: #fff
  }
  
  .btn.btn-behance.btn-simple, .navbar .navbar-nav>a.btn.btn-behance.btn-simple {
    color: #1769ff;
    background-color: transparent;
    box-shadow: none;
    border-color: #1769ff
  }
  
  .btn.btn-behance.btn-simple:active, .btn.btn-behance.btn-simple:focus, .btn.btn-behance.btn-simple:hover, .navbar .navbar-nav>a.btn.btn-behance.btn-simple:active, .navbar .navbar-nav>a.btn.btn-behance.btn-simple:focus, .navbar .navbar-nav>a.btn.btn-behance.btn-simple:hover {
    color: #367dff;
    border-color: #367dff
  }
  
  .btn.btn-behance.btn-neutral, .navbar .navbar-nav>a.btn.btn-behance.btn-neutral {
    color: #1769ff;
    background-color: #fff
  }
  
  .btn.btn-behance.btn-neutral:active, .btn.btn-behance.btn-neutral:focus, .btn.btn-behance.btn-neutral:hover, .navbar .navbar-nav>a.btn.btn-behance.btn-neutral:active, .navbar .navbar-nav>a.btn.btn-behance.btn-neutral:focus, .navbar .navbar-nav>a.btn.btn-behance.btn-neutral:hover {
    color: #367dff
  }
  
  .btn-primary {
    background-color: #f96332;
    color: #fff
  }
  
  .btn-primary.active, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus, .btn-primary:hover, .show>.btn-primary.dropdown-toggle, .show>.btn-primary.dropdown-toggle:focus, .show>.btn-primary.dropdown-toggle:hover {
    background-color: #fa7a50;
    color: #fff;
    box-shadow: none
  }
  
  .btn-primary:not([data-action]):hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .17)
  }
  
  .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary:disabled, .btn-primary:disabled.active, .btn-primary:disabled.focus, .btn-primary:disabled:active, .btn-primary:disabled:focus, .btn-primary:disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #f96332;
    border-color: #f96332
  }
  
  .btn-primary.btn-simple {
    color: #f96332;
    border-color: #f96332
  }
  
  .btn-primary.btn-simple:active, .btn-primary.btn-simple:focus, .btn-primary.btn-simple:hover {
    background-color: transparent;
    color: #fa7a50;
    border-color: #fa7a50;
    box-shadow: none
  }
  
  .btn-primary.btn-link {
    color: #f96332
  }
  
  .btn-primary.btn-link:active, .btn-primary.btn-link:focus, .btn-primary.btn-link:hover {
    background-color: transparent;
    color: #fa7a50;
    text-decoration: none;
    box-shadow: none
  }
  
  .btn-success {
    background-color: #18ce0f;
    color: #fff
  }
  
  .btn-success.active, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active, .btn-success:active:focus, .btn-success:active:hover, .btn-success:focus, .btn-success:hover, .show>.btn-success.dropdown-toggle, .show>.btn-success.dropdown-toggle:focus, .show>.btn-success.dropdown-toggle:hover {
    background-color: #1beb11;
    color: #fff;
    box-shadow: none
  }
  
  .btn-success:not([data-action]):hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .17)
  }
  
  .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success:disabled, .btn-success:disabled.active, .btn-success:disabled.focus, .btn-success:disabled:active, .btn-success:disabled:focus, .btn-success:disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
    background-color: #18ce0f;
    border-color: #18ce0f
  }
  
  .btn-success.btn-simple {
    color: #18ce0f;
    border-color: #18ce0f
  }
  
  .btn-success.btn-simple:active, .btn-success.btn-simple:focus, .btn-success.btn-simple:hover {
    background-color: transparent;
    color: #1beb11;
    border-color: #1beb11;
    box-shadow: none
  }
  
  .btn-success.btn-link {
    color: #18ce0f
  }
  
  .btn-success.btn-link:active, .btn-success.btn-link:focus, .btn-success.btn-link:hover {
    background-color: transparent;
    color: #1beb11;
    text-decoration: none;
    box-shadow: none
  }
  
  .btn-info {
    background-color: #2ca8ff;
    color: #fff
  }
  
  .btn-info.active, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active, .btn-info:active:focus, .btn-info:active:hover, .btn-info:focus, .btn-info:hover, .show>.btn-info.dropdown-toggle, .show>.btn-info.dropdown-toggle:focus, .show>.btn-info.dropdown-toggle:hover {
    background-color: #4bb5ff;
    color: #fff;
    box-shadow: none
  }
  
  .btn-info:not([data-action]):hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .17)
  }
  
  .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info:disabled, .btn-info:disabled.active, .btn-info:disabled.focus, .btn-info:disabled:active, .btn-info:disabled:focus, .btn-info:disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
    background-color: #2ca8ff;
    border-color: #2ca8ff
  }
  
  .btn-info.btn-simple {
    color: #2ca8ff;
    border-color: #2ca8ff
  }
  
  .btn-info.btn-simple:active, .btn-info.btn-simple:focus, .btn-info.btn-simple:hover {
    background-color: transparent;
    color: #4bb5ff;
    border-color: #4bb5ff;
    box-shadow: none
  }
  
  .btn-info.btn-link {
    color: #2ca8ff
  }
  
  .btn-info.btn-link:active, .btn-info.btn-link:focus, .btn-info.btn-link:hover {
    background-color: transparent;
    color: #4bb5ff;
    text-decoration: none;
    box-shadow: none
  }
  
  .btn-warning {
    background-color: #ffb236;
    color: #fff
  }
  
  .btn-warning.active, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active, .btn-warning:active:focus, .btn-warning:active:hover, .btn-warning:focus, .btn-warning:hover, .show>.btn-warning.dropdown-toggle, .show>.btn-warning.dropdown-toggle:focus, .show>.btn-warning.dropdown-toggle:hover {
    background-color: #ffbe55;
    color: #fff;
    box-shadow: none
  }
  
  .btn-warning:not([data-action]):hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .17)
  }
  
  .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning:disabled, .btn-warning:disabled.active, .btn-warning:disabled.focus, .btn-warning:disabled:active, .btn-warning:disabled:focus, .btn-warning:disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
    background-color: #ffb236;
    border-color: #ffb236
  }
  
  .btn-warning.btn-simple {
    color: #ffb236;
    border-color: #ffb236
  }
  
  .btn-warning.btn-simple:active, .btn-warning.btn-simple:focus, .btn-warning.btn-simple:hover {
    background-color: transparent;
    color: #ffbe55;
    border-color: #ffbe55;
    box-shadow: none
  }
  
  .btn-warning.btn-link {
    color: #ffb236
  }
  
  .btn-warning.btn-link:active, .btn-warning.btn-link:focus, .btn-warning.btn-link:hover {
    background-color: transparent;
    color: #ffbe55;
    text-decoration: none;
    box-shadow: none
  }
  
  .btn-danger {
    background-color: #ff3636;
    color: #fff
  }
  
  .btn-danger.active, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active, .btn-danger:active:focus, .btn-danger:active:hover, .btn-danger:focus, .btn-danger:hover, .show>.btn-danger.dropdown-toggle, .show>.btn-danger.dropdown-toggle:focus, .show>.btn-danger.dropdown-toggle:hover {
    background-color: #f55;
    color: #fff;
    box-shadow: none
  }
  
  .btn-danger:not([data-action]):hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .17)
  }
  
  .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger:disabled, .btn-danger:disabled.active, .btn-danger:disabled.focus, .btn-danger:disabled:active, .btn-danger:disabled:focus, .btn-danger:disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
    background-color: #ff3636;
    border-color: #ff3636
  }
  
  .btn-danger.btn-simple {
    color: #ff3636;
    border-color: #ff3636
  }
  
  .btn-danger.btn-simple:active, .btn-danger.btn-simple:focus, .btn-danger.btn-simple:hover {
    background-color: transparent;
    color: #f55;
    border-color: #f55;
    box-shadow: none
  }
  
  .btn-danger.btn-link {
    color: #ff3636
  }
  
  .btn-danger.btn-link:active, .btn-danger.btn-link:focus, .btn-danger.btn-link:hover {
    background-color: transparent;
    color: #f55;
    text-decoration: none;
    box-shadow: none
  }
  
  .btn-neutral {
    background-color: #fff;
    color: #f96332
  }
  
  .btn-neutral.active, .btn-neutral.active:focus, .btn-neutral.active:hover, .btn-neutral:active, .btn-neutral:active:focus, .btn-neutral:active:hover, .btn-neutral:focus, .btn-neutral:hover, .show>.btn-neutral.dropdown-toggle, .show>.btn-neutral.dropdown-toggle:focus, .show>.btn-neutral.dropdown-toggle:hover {
    background-color: #fff;
    color: #fff;
    box-shadow: none
  }
  
  .btn-neutral:not([data-action]):hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .17)
  }
  
  .btn-neutral.disabled, .btn-neutral.disabled.active, .btn-neutral.disabled.focus, .btn-neutral.disabled:active, .btn-neutral.disabled:focus, .btn-neutral.disabled:hover, .btn-neutral:disabled, .btn-neutral:disabled.active, .btn-neutral:disabled.focus, .btn-neutral:disabled:active, .btn-neutral:disabled:focus, .btn-neutral:disabled:hover, .btn-neutral[disabled], .btn-neutral[disabled].active, .btn-neutral[disabled].focus, .btn-neutral[disabled]:active, .btn-neutral[disabled]:focus, .btn-neutral[disabled]:hover, fieldset[disabled] .btn-neutral, fieldset[disabled] .btn-neutral.active, fieldset[disabled] .btn-neutral.focus, fieldset[disabled] .btn-neutral:active, fieldset[disabled] .btn-neutral:focus, fieldset[disabled] .btn-neutral:hover {
    background-color: #fff;
    border-color: #fff
  }
  
  .btn-neutral.btn-danger {
    color: #ff3636
  }
  
  .btn-neutral.btn-danger:active, .btn-neutral.btn-danger:focus, .btn-neutral.btn-danger:hover {
    color: #f55
  }
  
  .btn-neutral.btn-info {
    color: #2ca8ff
  }
  
  .btn-neutral.btn-info:active, .btn-neutral.btn-info:focus, .btn-neutral.btn-info:hover {
    color: #4bb5ff
  }
  
  .btn-neutral.btn-warning {
    color: #ffb236
  }
  
  .btn-neutral.btn-warning:active, .btn-neutral.btn-warning:focus, .btn-neutral.btn-warning:hover {
    color: #ffbe55
  }
  
  .btn-neutral.btn-success {
    color: #18ce0f
  }
  
  .btn-neutral.btn-success:active, .btn-neutral.btn-success:focus, .btn-neutral.btn-success:hover {
    color: #1beb11
  }
  
  .btn-neutral.btn-default {
    color: #888
  }
  
  .btn-neutral.btn-default:active, .btn-neutral.btn-default:focus, .btn-neutral.btn-default:hover {
    color: #979797
  }
  
  .btn-neutral.active, .btn-neutral.active:focus, .btn-neutral.active:hover, .btn-neutral:active, .btn-neutral:active:focus, .btn-neutral:active:hover, .show>.btn-neutral.dropdown-toggle, .show>.btn-neutral.dropdown-toggle:focus, .show>.btn-neutral.dropdown-toggle:hover {
    background-color: #fff;
    color: #fa7a50;
    box-shadow: none
  }
  
  .btn-neutral:focus, .btn-neutral:hover {
    color: #fa7a50
  }
  
  .btn-neutral:focus:not(.nav-link), .btn-neutral:hover:not(.nav-link) {
    box-shadow: none
  }
  
  .btn-neutral.btn-simple {
    color: #fff;
    border-color: #fff
  }
  
  .btn-neutral.btn-simple:active, .btn-neutral.btn-simple:focus, .btn-neutral.btn-simple:hover {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
    box-shadow: none
  }
  
  .btn-neutral.btn-link {
    color: #fff
  }
  
  .btn-neutral.btn-link:active, .btn-neutral.btn-link:focus, .btn-neutral.btn-link:hover {
    background-color: transparent;
    color: #fff;
    text-decoration: none;
    box-shadow: none
  }
  
  .btn.disabled, .btn:disabled, .btn[disabled] {
    opacity: .5;
    filter: alpha(opacity=50)
  }
  
  .btn-round {
    border-width: 1px;
    border-radius: 30px!important;
    padding: 11px 23px
  }
  
  .btn-round.btn-simple {
    padding: 10px 22px
  }
  
  .btn-simple {
    border: 1px solid #888;
    padding: 10px 22px;
    background-color: transparent
  }
  
  .btn-link.disabled, .btn-link.disabled.active, .btn-link.disabled.focus, .btn-link.disabled:active, .btn-link.disabled:focus, .btn-link.disabled:hover, .btn-link:disabled, .btn-link:disabled.active, .btn-link:disabled.focus, .btn-link:disabled:active, .btn-link:disabled:focus, .btn-link:disabled:hover, .btn-link[disabled], .btn-link[disabled].active, .btn-link[disabled].focus, .btn-link[disabled]:active, .btn-link[disabled]:focus, .btn-link[disabled]:hover, .btn-simple.disabled, .btn-simple.disabled.active, .btn-simple.disabled.focus, .btn-simple.disabled:active, .btn-simple.disabled:focus, .btn-simple.disabled:hover, .btn-simple:disabled, .btn-simple:disabled.active, .btn-simple:disabled.focus, .btn-simple:disabled:active, .btn-simple:disabled:focus, .btn-simple:disabled:hover, .btn-simple[disabled], .btn-simple[disabled].active, .btn-simple[disabled].focus, .btn-simple[disabled]:active, .btn-simple[disabled]:focus, .btn-simple[disabled]:hover, fieldset[disabled] .btn-link, fieldset[disabled] .btn-link.active, fieldset[disabled] .btn-link.focus, fieldset[disabled] .btn-link:active, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-simple, fieldset[disabled] .btn-simple.active, fieldset[disabled] .btn-simple.focus, fieldset[disabled] .btn-simple:active, fieldset[disabled] .btn-simple:focus, fieldset[disabled] .btn-simple:hover {
    background-color: transparent
  }
  
  .btn-lg {
    font-size: 1em;
    border-radius: .25rem;
    padding: 15px 48px
  }
  
  .btn-lg.btn-simple {
    padding: 14px 47px
  }
  
  .btn-sm {
    font-size: 14px;
    border-radius: .1875rem;
    padding: 5px 15px
  }
  
  .btn-sm.btn-simple {
    padding: 4px 14px
  }
  
  .btn-link {
    border: 0;
    padding: .5rem .7rem;
    background-color: transparent
  }
  
  .btn-wd {
    min-width: 140px
  }
  
  .btn-group.select {
    width: 100%
  }
  
  .btn-group.select .btn {
    text-align: left
  }
  
  .btn-group.select .caret {
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: 8px
  }
  
  .form-control::-moz-placeholder {
    color: #ddd;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .form-control:-moz-placeholder {
    color: #ddd;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .form-control::-webkit-input-placeholder {
    color: #ddd;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .form-control:-ms-input-placeholder {
    color: #ddd;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .form-control {
    background-color: transparent;
    border: 1px solid #e3e3e3;
    border-radius: 30px;
    color: #2c2c2c;
    line-height: normal;
    font-size: .8571em;
    transition: color .3s ease-in-out, border-color .3s ease-in-out, background-color .3s ease-in-out;
    box-shadow: none
  }
  
  .has-success .form-control {
    border-color: #e3e3e3
  }
  
  .form-control:focus {
    border: 1px solid #f96332;
    box-shadow: none;
    outline: 0!important;
    color: #2c2c2c
  }
  
  .form-control:focus+.input-group-text, .form-control:focus~.input-group-text {
    border: 1px solid #f96332;
    border-left: none;
    background-color: transparent
  }
  
  .has-error .form-control, .has-error .form-control:focus, .has-success .form-control, .has-success .form-control:focus {
    box-shadow: none
  }
  
  .has-success .form-control:focus {
    border-color: #1be611
  }
  
  .has-danger .form-control.form-control-danger, .has-danger .form-control.form-control-success, .has-success .form-control.form-control-danger, .has-success .form-control.form-control-success {
    background-image: none
  }
  
  .has-danger .form-control {
    border-color: #ffcfcf;
    color: #ff3636;
    background-color: rgba(222, 222, 222, .1)
  }
  
  .has-danger .form-control:focus {
    background-color: #fff
  }
  
  .form-control+.form-control-feedback {
    border-radius: .25rem;
    font-size: 14px;
    margin-top: -7px;
    position: absolute;
    right: 10px;
    top: 50%;
    vertical-align: middle
  }
  
  .open .form-control {
    border-radius: .25rem .25rem 0 0;
    border-bottom-color: transparent
  }
  
  .has-danger:after, .has-success:after {
    font-family: 'Nucleo Outline';
    content: "\ea22";
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 12px;
    color: #18ce0f;
    font-size: 11px
  }
  
  .has-danger.input-lg:after, .has-success.input-lg:after {
    font-size: 13px;
    top: 13px
  }
  
  .has-danger:after {
    content: "\ea53";
    color: #ff3636
  }
  
  .form-group.form-group-no-border.input-lg .input-group-text, .input-group.form-group-no-border.input-lg .input-group-text {
    padding: 15px 0 15px 19px
  }
  
  .form-group.form-group-no-border.input-lg .form-control, .input-group.form-group-no-border.input-lg .form-control {
    padding: 15px 19px
  }
  
  .form-group.form-group-no-border.input-lg .form-control+.input-group-text, .input-group.form-group-no-border.input-lg .form-control+.input-group-text {
    padding: 15px 19px 15px 0
  }
  
  .form-group.input-lg .form-control, .input-group.input-lg .form-control {
    padding: 14px 18px
  }
  
  .form-group.input-lg .form-control+.input-group-text, .input-group.input-lg .form-control+.input-group-text {
    padding: 14px 18px 14px 0
  }
  
  .form-group.input-lg .input-group-text, .input-group.input-lg .input-group-text {
    padding: 14px 0 15px 18px
  }
  
  .form-group.input-lg .input-group-text+.form-control, .input-group.input-lg .input-group-text+.form-control {
    padding: 15px 18px 15px 16px
  }
  
  .form-group.form-group-no-border .form-control, .input-group.form-group-no-border .form-control {
    padding: 11px 19px
  }
  
  .form-group.form-group-no-border .form-control+.input-group-text, .input-group.form-group-no-border .form-control+.input-group-text {
    padding: 11px 19px 11px 0
  }
  
  .form-group.form-group-no-border .input-group-text, .input-group.form-group-no-border .input-group-text {
    padding: 11px 0 11px 19px
  }
  
  .form-group .form-control, .input-group .form-control {
    padding: 10px 18px
  }
  
  .form-group .form-control+.input-group-text, .input-group .form-control+.input-group-text {
    padding: 10px 18px 10px 0
  }
  
  .form-group .input-group-text, .input-group .input-group-text {
    padding: 10px 0 10px 18px
  }
  
  .form-group .input-group-text+.form-control, .form-group .input-group-text~.form-control, .input-group .input-group-text+.form-control, .input-group .input-group-text~.form-control {
    padding: 10px 19px 11px 16px
  }
  
  .form-group.form-group-no-border .form-control, .form-group.form-group-no-border .form-control+.input-group-text, .input-group.form-group-no-border .form-control, .input-group.form-group-no-border .form-control+.input-group-text {
    background-color: rgba(222, 222, 222, .3);
    border: none
  }
  
  .form-group.form-group-no-border .form-control+.input-group-text:active, .form-group.form-group-no-border .form-control+.input-group-text:focus, .form-group.form-group-no-border .form-control:active, .form-group.form-group-no-border .form-control:focus, .input-group.form-group-no-border .form-control+.input-group-text:active, .input-group.form-group-no-border .form-control+.input-group-text:focus, .input-group.form-group-no-border .form-control:active, .input-group.form-group-no-border .form-control:focus {
    border: none;
    background-color: rgba(222, 222, 222, .5)
  }
  
  .form-group.form-group-no-border .form-control:focus+.input-group-text, .input-group.form-group-no-border .form-control:focus+.input-group-text {
    background-color: rgba(222, 222, 222, .5)
  }
  
  .form-group.form-group-no-border .input-group-prepend .input-group-text, .input-group.form-group-no-border .input-group-prepend .input-group-text {
    background-color: rgba(222, 222, 222, .3);
    border: none;
    border-left: transparent!important
  }
  
  .has-error .control-label, .has-error .form-control-feedback {
    color: #ff3636
  }
  
  .has-success .control-label, .has-success .form-control-feedback {
    color: #18ce0f
  }
  
  .input-group-text {
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 30px;
    color: #555;
    transition: color .3s ease-in-out, border-color .3s ease-in-out, background-color .3s ease-in-out
  }
  
  .has-danger .input-group-text, .has-success .input-group-text {
    background-color: #fff
  }
  
  .has-danger .form-control:focus+.input-group-text {
    color: #ff3636
  }
  
  .has-success .form-control:focus+.input-group-text {
    color: #18ce0f
  }
  
  .input-group-text+.form-control, .input-group-text~.form-control {
    padding-left: 18px
  }
  
  .input-group-text i {
    width: 17px
  }
  
  .input-group-focus .input-group-text {
    background-color: #fff;
    border-color: #f96332
  }
  
  .input-group-focus.form-group-no-border .input-group-text {
    background-color: rgba(222, 222, 222, .5)
  }
  
  .form-group, .input-group {
    margin-bottom: 10px;
    position: relative
  }
  
  .input-group[disabled] .input-group-text {
    background-color: #e3e3e3
  }
  
  .input-group .input-group-prepend {
    margin-right: 0
  }
  
  .input-group .input-group-prepend .input-group-text {
    border-left: 1px solid #e3e3e3!important
  }
  
  .input-group .input-group-append .input-group-text {
    border-right: 1px solid #e3e3e3!important;
    padding: 10px 18px 10px 0
  }
  
  .input-group.input-group-focus .input-group-prepend .input-group-text {
    border-left: 1px solid #f96332!important
  }
  
  .input-group.input-group-focus .input-group-append .input-group-text {
    border-right: 1px solid #f96332!important
  }
  
  .input-group.input-group-focus.form-group-no-border .input-group-prepend .input-group-text {
    border-left: transparent!important
  }
  
  .input-group .form-control:first-child, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-text:first-child {
    border-right: 0
  }
  
  .input-group .form-control:last-child, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.dropdown-toggle, .input-group-text:last-child {
    border-left: 0
  }
  
  .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #e3e3e3;
    color: #888;
    cursor: not-allowed
  }
  
  .input-group-btn .btn {
    border-width: 1px;
    padding: 11px .7rem
  }
  
  .input-group-btn .btn-default:not(.btn-fill) {
    border-color: #ddd
  }
  
  .input-group-btn:last-child>.btn {
    margin-left: 0
  }
  
  textarea.form-control {
    max-width: 100%;
    max-height: 80px;
    padding: 10px 10px 0 0;
    resize: none;
    border: none;
    border-bottom: 1px solid #e3e3e3;
    border-radius: 0;
    line-height: 2
  }
  
  textarea.form-control:active, textarea.form-control:focus {
    border-left: none;
    border-top: none;
    border-right: none
  }
  
  .has-danger.form-group .form-control, .has-danger.form-group.form-group-no-border .form-control, .has-success.form-group .form-control, .has-success.form-group.form-group-no-border .form-control {
    padding-right: 40px
  }
  
  .form.form-newsletter .form-group {
    float: left;
    width: 78%;
    margin-right: 2%;
    margin-top: 9px
  }
  
  .input-group .input-group-btn {
    padding: 0 12px
  }
  
  .form-group input[type=file] {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100
  }
  
  .form-check {
    margin-top: .65rem
  }
  
  .form-check .form-check-label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-left: 35px;
    line-height: 26px;
    margin-bottom: 0;
    transition: color .3s linear
  }
  
  .radio .form-check-sign {
    padding-left: 28px
  }
  
  .form-check .form-check-sign::after, .form-check .form-check-sign::before {
    content: " ";
    display: inline-block;
    position: absolute;
    width: 26px;
    height: 26px;
    left: 0;
    cursor: pointer;
    border-radius: 3px;
    top: 0;
    background-color: transparent;
    border: 1px solid #e3e3e3;
    transition: opacity .3s linear
  }
  
  .form-check .form-check-sign::after {
    font-family: 'Nucleo Outline';
    content: "\ea22";
    top: 0;
    text-align: center;
    font-size: 14px;
    opacity: 0;
    color: #555;
    border: 0;
    background-color: inherit
  }
  
  .form-check.disabled .form-check-label {
    color: #9a9a9a;
    opacity: .5;
    cursor: not-allowed
  }
  
  .form-check input[type=checkbox], .radio input[type=radio] {
    opacity: 0;
    position: absolute;
    visibility: hidden
  }
  
  .form-check input[type=checkbox]:checked+.form-check-sign::after {
    opacity: 1
  }
  
  .checkbox input[type=checkbox]:disabled+.form-check-sign::after, .form-control input[type=checkbox]:disabled+.form-check-sign::before {
    cursor: not-allowed
  }
  
  .form-check input[type=checkbox]:disabled+.form-check-sign, .form-check input[type=radio]:disabled+.form-check-sign {
    pointer-events: none
  }
  
  .form-check-radio .form-check-sign::after, .form-check-radio .form-check-sign::before {
    content: " ";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #e3e3e3;
    display: inline-block;
    position: absolute;
    left: 3px;
    top: 3px;
    padding: 1px;
    transition: opacity .3s linear
  }
  
  .form-check-radio input[type=radio], .form-check-radio input[type=radio]+.form-check-sign:after {
    opacity: 0
  }
  
  .form-check-radio input[type=radio]:checked+.form-check-sign::after {
    width: 4px;
    height: 4px;
    background-color: #555;
    border-color: #555;
    top: 11px;
    left: 11px;
    opacity: 1;
    opacity: 1
  }
  
  .form-check-radio input[type=radio]:disabled+.form-check-sign, .form-check-radio input[type=radio]:disabled+.form-check-sign::after, .form-check-radio input[type=radio]:disabled+.form-check-sign::before {
    color: #9a9a9a
  }
  
  .progress-container {
    position: relative
  }
  
  .progress-container .progress-badge {
    color: #888;
    font-size: .8571em;
    text-transform: uppercase
  }
  
  .progress-container .progress {
    height: 1px;
    border-radius: 0;
    box-shadow: none;
    background: rgba(222, 222, 222, .8);
    margin-top: 14px
  }
  
  .progress-container .progress .progress-bar {
    box-shadow: none;
    background-color: #888
  }
  
  .progress-container .progress .progress-value {
    position: absolute;
    top: 2px;
    right: 0;
    color: #888;
    font-size: .8571em
  }
  
  .progress-container.progress-neutral .progress {
    background: rgba(255, 255, 255, .3)
  }
  
  .progress-container.progress-neutral .progress-bar {
    background: #fff
  }
  
  .progress-container.progress-neutral .progress-badge, .progress-container.progress-neutral .progress-value {
    color: #fff
  }
  
  .progress-container.progress-primary .progress {
    background: rgba(249, 99, 50, .3)
  }
  
  .progress-container.progress-primary .progress-bar {
    background: #f96332
  }
  
  .progress-container.progress-primary .progress-badge, .progress-container.progress-primary .progress-value {
    color: #f96332
  }
  
  .progress-container.progress-info .progress {
    background: rgba(44, 168, 255, .3)
  }
  
  .progress-container.progress-info .progress-bar {
    background: #2ca8ff
  }
  
  .progress-container.progress-info .progress-badge, .progress-container.progress-info .progress-value {
    color: #2ca8ff
  }
  
  .progress-container.progress-success .progress {
    background: rgba(24, 206, 15, .3)
  }
  
  .progress-container.progress-success .progress-bar {
    background: #18ce0f
  }
  
  .progress-container.progress-success .progress-badge, .progress-container.progress-success .progress-value {
    color: #18ce0f
  }
  
  .progress-container.progress-warning .progress {
    background: rgba(255, 178, 54, .3)
  }
  
  .progress-container.progress-warning .progress-bar {
    background: #ffb236
  }
  
  .progress-container.progress-warning .progress-badge, .progress-container.progress-warning .progress-value {
    color: #ffb236
  }
  
  .progress-container.progress-danger .progress {
    background: rgba(255, 54, 54, .3)
  }
  
  .progress-container.progress-danger .progress-bar {
    background: #ff3636
  }
  
  .progress-container.progress-danger .progress-badge, .progress-container.progress-danger .progress-value {
    color: #ff3636
  }
  
  .badge {
    border-radius: .875rem;
    padding: 4px 8px;
    text-transform: uppercase;
    font-size: .7142em;
    line-height: 12px;
    background-color: transparent;
    border: 1px solid;
    margin-bottom: 5px;
    color: #fff
  }
  
  .badge-icon {
    padding: .4em .55em
  }
  
  .badge-icon i {
    font-size: .8em
  }
  
  .badge-default {
    border-color: #888;
    background-color: #888
  }
  
  .badge-primary {
    border-color: #f96332;
    background-color: #f96332
  }
  
  .badge-info {
    border-color: #2ca8ff;
    background-color: #2ca8ff
  }
  
  .badge-success {
    border-color: #18ce0f;
    background-color: #18ce0f
  }
  
  .badge-warning {
    border-color: #ffb236;
    background-color: #ffb236
  }
  
  .badge-danger {
    border-color: #ff3636;
    background-color: #ff3636
  }
  
  .badge-neutral {
    border-color: #fff;
    background-color: #fff;
    color: inherit
  }
  
  .pagination .page-item .page-link {
    border: 0;
    border-radius: 30px!important;
    transition: .3s;
    padding: 0 11px;
    margin: 0 3px;
    min-width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #2c2c2c;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
    background: 0 0
  }
  
  .pagination .page-item .page-link:focus, .pagination .page-item .page-link:hover {
    color: #2c2c2c;
    background-color: rgba(222, 222, 222, .3);
    border: none
  }
  
  .pagination .page-item.active>.page-link {
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .2)
  }
  
  .pagination .page-item.active>.page-link, .pagination .page-item.active>.page-link:focus, .pagination .page-item.active>.page-link:hover {
    background-color: #888;
    border-color: #888;
    color: #fff
  }
  
  .pagination .page-item.disabled>.page-link {
    opacity: .5;
    background-color: rgba(255, 255, 255, .2)
  }
  
  .pagination-container {
    display: flex;
    align-items: center
  }
  
  .pagination-container .pagination .page-item a[aria-label=Previous] {
    position: absolute;
    left: 0
  }
  
  .pagination-container .pagination .page-item a[aria-label=Next] {
    position: absolute;
    right: 0
  }
  
  ngb-pagination.pagination-info .page-item.active>.page-link, ngb-pagination.pagination-info .page-item.active>.page-link:focus, ngb-pagination.pagination-info .page-item.active>.page-link:hover {
    background-color: #2ca8ff;
    border-color: #2ca8ff
  }
  
  ngb-pagination.pagination-success .page-item.active>.page-link, ngb-pagination.pagination-success .page-item.active>.page-link:focus, ngb-pagination.pagination-success .page-item.active>.page-link:hover {
    background-color: #18ce0f;
    border-color: #18ce0f
  }
  
  ngb-pagination.pagination-primary .page-item.active>.page-link, ngb-pagination.pagination-primary .page-item.active>.page-link:focus, ngb-pagination.pagination-primary .page-item.active>.page-link:hover {
    background-color: #f96332;
    border-color: #f96332
  }
  
  ngb-pagination.pagination-warning .page-item.active>.page-link, ngb-pagination.pagination-warning .page-item.active>.page-link:focus, ngb-pagination.pagination-warning .page-item.active>.page-link:hover {
    background-color: #ffb236;
    border-color: #ffb236
  }
  
  ngb-pagination.pagination-danger .page-item.active>.page-link, ngb-pagination.pagination-danger .page-item.active>.page-link:focus, ngb-pagination.pagination-danger .page-item.active>.page-link:hover {
    background-color: #ff3636;
    border-color: #ff3636
  }
  
  ngb-pagination.pagination-neutral .page-item>.page-link {
    color: #fff
  }
  
  ngb-pagination.pagination-neutral .page-item>.page-link:focus, ngb-pagination.pagination-neutral .page-item>.page-link:hover {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  ngb-pagination.pagination-neutral .page-item.active>.page-link, ngb-pagination.pagination-neutral .page-item.active>.page-link:focus, ngb-pagination.pagination-neutral .page-item.active>.page-link:hover {
    background-color: #fff;
    border-color: #fff;
    color: #f96332
  }
  
  button, input, optgroup, select, textarea {
    font-family: Montserrat, "Helvetica Neue", Arial, sans-serif
  }
  
  h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 400
  }
  
  small {
    font-size: 60%
  }
  
  a, a:focus, a:hover {
    color: #007bff
  }
  
  .h1, h1 {
    font-size: 3.5em;
    line-height: 1.15;
    margin-bottom: 30px
  }
  
  .h1 small, h1 small {
    font-weight: 700;
    text-transform: uppercase;
    opacity: .8
  }
  
  .h2, h2 {
    font-size: 2.5em;
    margin-bottom: 30px
  }
  
  .h3, h3 {
    font-size: 1.825em;
    margin-bottom: 30px;
    line-height: 1.4em
  }
  
  .h4, h4 {
    font-size: 1.5em;
    line-height: 1.45em;
    margin-top: 30px;
    margin-bottom: 15px
  }
  
  .h4+.category, .h4.title+.category, h4+.category, h4.title+.category {
    margin-top: -5px
  }
  
  .h5, h5 {
    font-size: 1.3em;
    line-height: 1.4em;
    margin-bottom: 15px
  }
  
  .h5.category, h5.category {
    font-weight: 400
  }
  
  .h6, h6 {
    font-size: .9em;
    font-weight: 700;
    text-transform: uppercase
  }
  
  p {
    line-height: 1.61em;
    font-weight: 300;
    font-size: 1.2em
  }
  
  .title {
    font-weight: 700;
    padding-top: 30px
  }
  
  .title.title-up {
    text-transform: uppercase
  }
  
  .title.title-up a {
    color: #2c2c2c;
    text-decoration: none
  }
  
  .title+.category {
    margin-top: -25px
  }
  
  .card-description, .description, .footer-big p {
    color: #9a9a9a;
    font-weight: 300
  }
  
  .category {
    text-transform: capitalize;
    font-weight: 700;
    color: #9a9a9a
  }
  
  .text-primary {
    color: #f96332!important
  }
  
  .text-info {
    color: #2ca8ff!important
  }
  
  .text-success {
    color: #18ce0f!important
  }
  
  .text-warning {
    color: #ffb236!important
  }
  
  .text-danger {
    color: #ff3636!important
  }
  
  .text-old {
    color: #9c27b0!important
  }
  
  .text-black {
    color: #444
  }
  
  .blockquote {
    border: 1px solid #888;
    padding: 20px;
    font-size: 1.1em;
    line-height: 1.8
  }
  
  .blockquote small {
    color: #888;
    font-size: .8571em;
    text-transform: uppercase
  }
  
  .blockquote.blockquote-primary {
    border-color: #f96332;
    color: #f96332
  }
  
  .blockquote.blockquote-primary small {
    color: #f96332
  }
  
  .blockquote.blockquote-danger {
    border-color: #ff3636;
    color: #ff3636
  }
  
  .blockquote.blockquote-danger small {
    color: #ff3636
  }
  
  .blockquote.blockquote-white {
    border-color: rgba(255, 255, 255, .8);
    color: #fff
  }
  
  .blockquote.blockquote-white small {
    color: rgba(255, 255, 255, .8)
  }
  
  body {
    color: #2c2c2c;
    font-size: 14px;
    font-family: Montserrat, "Helvetica Neue", Arial, sans-serif;
    overflow-x: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
  }
  
  .main {
    position: relative;
    background: #fff
  }
  
  .nav-item .nav-link, .nav-pills .nav-link, .nav-tabs .nav-link, .navbar, .tag, .tag [data-role=remove] {
    transition: .3s
  }
  
  .bootstrap-switch-label:before, .card a {
    transition: 150ms
  }
  
  .dropdown-toggle[aria-expanded=true]:after {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  
  .button-bar {
    display: block;
    position: relative;
    width: 22px;
    height: 1px;
    border-radius: 1px;
    background: #fff
  }
  
  .button-bar+.button-bar {
    margin-top: 7px
  }
  
  .button-bar:nth-child(2) {
    width: 17px
  }
  
  .separator-line {
    height: 2px;
    width: 44px;
    background-color: #888;
    margin: 20px auto
  }
  
  .separator-line.separator-primary {
    background-color: #f96332
  }
  
  .section-space {
    height: 62px;
    display: block
  }
  
  ngb-accordion .card {
    box-shadow: none;
    background: 0 0
  }
  
  ngb-accordion .card .card-header {
    padding: .75rem 0;
    position: relative
  }
  
  ngb-accordion .card .card-header [aria-expanded=true] .arrows-1_minimal-down {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  
  ngb-accordion .card .card-header:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #e3e3e3
  }
  
  ngb-accordion .card .card-header button {
    display: block;
    border-bottom: none!important;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 14px
  }
  
  ngb-accordion .card .card-header button, ngb-accordion .card .card-header button:active, ngb-accordion .card .card-header button:focus, ngb-accordion .card .card-header button:hover {
    background: inherit!important;
    color: #444!important
  }
  
  ngb-accordion .card .card-header button:active, ngb-accordion .card .card-header button:hover {
    text-decoration: underline
  }
  
  ngb-accordion .card .card-header button .arrows-1_minimal-down {
    float: right;
    position: relative;
    color: #f96332;
    top: 1px;
    transition: .3s
  }
  
  .nav-pills-icons .nav-pills .nav-item .nav-link {
    border-radius: .25em!important
  }
  
  .nav-pills.flex-column li>a {
    margin-bottom: 15px
  }
  
  .nav-pills:not(.nav-pills-just-icons) .nav-item .nav-link {
    border-radius: 30px
  }
  
  .nav-pills.nav-pills-just-icons .nav-item .nav-link {
    border-radius: 50%;
    height: 80px;
    width: 80px;
    padding: 0;
    max-width: 80px;
    min-width: auto
  }
  
  .nav-pills.nav-pills-just-icons .nav-item .nav-link i.now-ui-icons {
    line-height: 80px;
    font-size: 24px
  }
  
  .nav-pills:not(.flex-column) .nav-item .nav-link {
    margin-right: 19px
  }
  
  .nav-pills .nav-item .nav-link {
    padding: 11px 23px;
    text-align: center;
    min-width: 100px;
    font-weight: 400;
    color: #444;
    background-color: rgba(222, 222, 222, .3)
  }
  
  .nav-pills .nav-item .nav-link:hover {
    background-color: rgba(222, 222, 222, .3)
  }
  
  .nav-pills .nav-item .nav-link.active, .nav-pills .nav-item .nav-link.active:focus, .nav-pills .nav-item .nav-link.active:hover {
    background-color: #9a9a9a;
    color: #fff;
    box-shadow: 0 5px 35px 0 rgba(0, 0, 0, .3)
  }
  
  .nav-pills .nav-item .nav-link.disabled, .nav-pills .nav-item .nav-link:disabled, .nav-pills .nav-item .nav-link[disabled] {
    opacity: .5
  }
  
  .nav-pills .nav-item i {
    display: block;
    font-size: 20px;
    line-height: 60px
  }
  
  .nav-pills.nav-pills-neutral .nav-item .nav-link {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  .nav-pills.nav-pills-neutral .nav-item .nav-link.active, .nav-pills.nav-pills-neutral .nav-item .nav-link.active:focus, .nav-pills.nav-pills-neutral .nav-item .nav-link.active:hover {
    background-color: #fff;
    color: #f96332
  }
  
  .nav-pills.nav-pills-primary .nav-item .nav-link.active, .nav-pills.nav-pills-primary .nav-item .nav-link.active:focus, .nav-pills.nav-pills-primary .nav-item .nav-link.active:hover {
    background-color: #f96332
  }
  
  .nav-pills.nav-pills-info .nav-item .nav-link.active, .nav-pills.nav-pills-info .nav-item .nav-link.active:focus, .nav-pills.nav-pills-info .nav-item .nav-link.active:hover {
    background-color: #2ca8ff
  }
  
  .nav-pills.nav-pills-success .nav-item .nav-link.active, .nav-pills.nav-pills-success .nav-item .nav-link.active:focus, .nav-pills.nav-pills-success .nav-item .nav-link.active:hover {
    background-color: #18ce0f
  }
  
  .nav-pills.nav-pills-warning .nav-item .nav-link.active, .nav-pills.nav-pills-warning .nav-item .nav-link.active:focus, .nav-pills.nav-pills-warning .nav-item .nav-link.active:hover {
    background-color: #ffb236
  }
  
  .nav-pills.nav-pills-danger .nav-item .nav-link.active, .nav-pills.nav-pills-danger .nav-item .nav-link.active:focus, .nav-pills.nav-pills-danger .nav-item .nav-link.active:hover {
    background-color: #ff3636
  }
  
  .nav-align-center {
    text-align: center
  }
  
  .nav-align-center .nav-pills {
    display: inline-flex
  }
  
  .tab-space .tab-content {
    padding: 20px 0 50px
  }
  
  .nav-pills-wrapper .vertical-pills.nav-pills {
    border-bottom: none!important
  }
  
  .nav-pills-wrapper .vertical-pills.nav-pills:not(.nav-pills-icons):not(.nav-pills-just-icons) .flex-column {
    width: 33%
  }
  
  .nav-pills-wrapper .vertical-pills.nav-pills:not(.nav-pills-icons):not(.nav-pills-just-icons) .flex-column .nav-link.active:before {
    border-right: 11px solid #f1eae0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 22px
  }
  
  .nav-pills-wrapper .vertical-pills.nav-pills:not(.nav-pills-icons):not(.nav-pills-just-icons) .flex-column .nav-link.active:after {
    border-right: 11px solid #fff;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    right: -1px;
    bottom: 22px
  }
  
  .nav-pills-wrapper .vertical-pills .tab-content {
    width: 66%;
    float: left;
    margin-left: 5px
  }
  
  .nav-pills-wrapper .tab-content {
    padding: 1.25rem
  }
  
  .nav-tabs {
    border: 0;
    padding: 15px .7rem
  }
  
  .nav-tabs:not(.nav-tabs-neutral)>.nav-item>.nav-link.active {
    box-shadow: 0 5px 35px 0 rgba(0, 0, 0, .3)
  }
  
  .card .nav-tabs {
    border-top-right-radius: .1875rem;
    border-top-left-radius: .1875rem
  }
  
  .nav-tabs>.nav-item>.nav-link {
    color: #888;
    margin: 0 5px 0 0;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 30px;
    font-size: 14px;
    padding: 11px 23px;
    line-height: 1.5
  }
  
  .nav-tabs>.nav-item>.nav-link:hover {
    background-color: transparent
  }
  
  .nav-tabs>.nav-item>.nav-link.active {
    background-color: #444;
    border-radius: 30px;
    color: #fff
  }
  
  .nav-tabs>.nav-item>.nav-link i.now-ui-icons {
    font-size: 14px;
    position: relative;
    top: 1px;
    margin-right: 3px
  }
  
  .nav-tabs>.nav-item.disabled>.nav-link, .nav-tabs>.nav-item.disabled>.nav-link:hover {
    color: rgba(255, 255, 255, .5)
  }
  
  .nav-tabs-neutral .nav-tabs .nav-item>.nav-link {
    color: #fff
  }
  
  .nav-tabs-neutral .nav-tabs .nav-item>.nav-link.active {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  .nav-tabs-primary .nav-tabs>.nav-item>.nav-link.active {
    background-color: #f96332
  }
  
  .nav-tabs-info .nav-tabs>.nav-item>.nav-link.active {
    background-color: #2ca8ff
  }
  
  .nav-tabs-danger .nav-tabs>.nav-item>.nav-link.active {
    background-color: #ff3636
  }
  
  .nav-tabs-warning .nav-tabs>.nav-item>.nav-link.active {
    background-color: #ffb236
  }
  
  .nav-tabs-success .nav-tabs>.nav-item>.nav-link.active {
    background-color: #18ce0f
  }
  
  [data-tabs-color=orange] .nav-tabs {
    background-color: #f96332
  }
  
  [data-tabs-color=orange] .nav-tabs .nav-item .nav-link {
    color: #fff
  }
  
  [data-tabs-color=orange] .nav-tabs .nav-item .nav-link.active {
    box-shadow: none;
    background-color: rgba(255, 255, 255, .2)
  }
  
  .navbar {
    padding-top: .625rem;
    padding-bottom: .625rem;
    min-height: 53px;
    margin-bottom: 20px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15)
  }
  
  .navbar a {
    vertical-align: middle
  }
  
  .navbar a:not(.btn):not(.dropdown-item) {
    color: #fff
  }
  
  .navbar p {
    display: inline-block;
    margin: 0;
    line-height: 1.8em;
    font-size: 1em;
    font-weight: 400
  }
  
  .navbar.navbar-absolute {
    position: absolute;
    width: 100%;
    padding-top: 10px;
    z-index: 1029
  }
  
  .navbar .navbar-nav.navbar-logo {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 49px;
    top: -4px
  }
  
  .navbar .navbar-nav .nav-link.btn {
    padding: 11px 22px
  }
  
  .navbar .navbar-nav .nav-link.btn.btn-lg {
    padding: 15px 48px
  }
  
  .navbar .navbar-nav .nav-link.btn.btn-sm {
    padding: 5px 15px
  }
  
  .navbar .navbar-nav .nav-link:not(.btn) {
    text-transform: uppercase;
    font-size: .7142em;
    padding: .5rem .7rem;
    line-height: 1.625rem
  }
  
  .navbar .navbar-nav .nav-link:not(.btn) i.fa+p, .navbar .navbar-nav .nav-link:not(.btn) i.now-ui-icons+p {
    margin-left: 3px
  }
  
  .navbar .navbar-nav .nav-link:not(.btn) i.fa, .navbar .navbar-nav .nav-link:not(.btn) i.now-ui-icons {
    font-size: 18px;
    position: relative;
    top: 3px;
    text-align: center;
    width: 21px
  }
  
  .navbar .navbar-nav .nav-link:not(.btn) i.now-ui-icons {
    top: 4px;
    font-size: 16px
  }
  
  .navbar .navbar-nav .nav-link:not(.btn).profile-photo .profile-photo-small {
    width: 27px;
    height: 27px
  }
  
  .navbar .navbar-nav .nav-link:not(.btn).disabled {
    opacity: .5;
    color: #fff
  }
  
  .navbar .navbar-nav .nav-item .nav-link:not(.btn):active, .navbar .navbar-nav .nav-item .nav-link:not(.btn):focus, .navbar .navbar-nav .nav-item .nav-link:not(.btn):hover, .navbar .navbar-nav .nav-item.active .nav-link:not(.btn) {
    background-color: rgba(255, 255, 255, .2);
    border-radius: .1875rem
  }
  
  .navbar .logo-container {
    width: 27px;
    height: 27px;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid transparent
  }
  
  .navbar .navbar-brand {
    text-transform: uppercase;
    font-size: .8571em;
    padding-top: .5rem;
    padding-bottom: .5rem;
    line-height: 1.625rem
  }
  
  .navbar .navbar-toggler {
    width: 37px;
    height: 27px;
    vertical-align: middle;
    outline: 0;
    cursor: pointer
  }
  
  .navbar .navbar-toggler.navbar-toggler-left {
    position: relative;
    left: 0;
    top: 0;
    padding-left: 0
  }
  
  .navbar .navbar-toggler.navbar-toggler-right {
    padding-right: 0;
    top: 8px
  }
  
  .navbar .navbar-toggler:hover .navbar-toggler-bar.bar2 {
    width: 22px
  }
  
  .navbar .button-dropdown .navbar-toggler-bar:nth-child(2) {
    width: 17px
  }
  
  .navbar.navbar-transparent {
    background-color: transparent!important;
    box-shadow: none;
    color: #fff;
    padding-top: 20px
  }
  
  .navbar.bg-white:not(.navbar-transparent) a:not(.dropdown-item):not(.btn) {
    color: #888
  }
  
  .navbar.bg-white:not(.navbar-transparent) a:not(.dropdown-item):not(.btn).disabled {
    opacity: .5;
    color: #888
  }
  
  .navbar.bg-white:not(.navbar-transparent) .button-bar {
    background: #888
  }
  
  .navbar.bg-white:not(.navbar-transparent) .nav-item .nav-link:not(.btn):active, .navbar.bg-white:not(.navbar-transparent) .nav-item .nav-link:not(.btn):focus, .navbar.bg-white:not(.navbar-transparent) .nav-item .nav-link:not(.btn):hover, .navbar.bg-white:not(.navbar-transparent) .nav-item.active .nav-link:not(.btn) {
    background-color: rgba(222, 222, 222, .3)
  }
  
  .navbar.bg-white:not(.navbar-transparent) .logo-container {
    border: 1px solid #888
  }
  
  .bg-default {
    background-color: #888!important
  }
  
  .bg-primary {
    background-color: #f96332!important
  }
  
  .bg-info {
    background-color: #2ca8ff!important
  }
  
  .bg-success {
    background-color: #18ce0f!important
  }
  
  .bg-danger {
    background-color: #ff3636!important
  }
  
  .bg-warning {
    background-color: #ffb236!important
  }
  
  .bg-white {
    background-color: #fff!important
  }
  
  .dropdown-menu {
    border: 0;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .2);
    border-radius: .125rem;
    transition: 150ms linear;
    font-size: 14px;
    top: 0!important;
    left: auto!important
  }
  
  .dropdown-menu.dropdown-menu-right:before {
    left: auto;
    right: 10px
  }
  
  .dropdown-menu i {
    margin-right: 5px;
    position: relative;
    top: 1px
  }
  
  .dropdown-menu .now-ui-icons {
    margin-right: 10px;
    position: relative;
    top: 4px;
    font-size: 18px;
    margin-top: -5px;
    opacity: .5
  }
  
  .dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active {
    color: inherit
  }
  
  .dropup .dropdown-menu:before {
    display: none
  }
  
  .dropup .dropdown-menu:after {
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    vertical-align: middle;
    content: "";
    top: auto;
    bottom: -5px;
    right: auto;
    left: 10px;
    color: #fff;
    border-top: .4em solid;
    border-right: .4em solid transparent;
    border-left: .4em solid transparent
  }
  
  .dropup .dropdown-menu.dropdown-menu-right:after {
    right: 10px;
    left: auto
  }
  
  .dropdown-menu:before {
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    vertical-align: middle;
    content: "";
    top: -5px;
    left: 10px;
    right: auto;
    color: #fff;
    border-bottom: .4em solid;
    border-right: .4em solid transparent;
    border-left: .4em solid transparent
  }
  
  .bootstrap-select .dropdown-menu.inner li a, .dropdown-menu .dropdown-item {
    font-size: .8571em;
    padding-top: .6rem;
    padding-bottom: .6rem;
    margin-top: 5px;
    transition: 150ms linear
  }
  
  .bootstrap-select .dropdown-menu.inner li a:focus, .bootstrap-select .dropdown-menu.inner li a:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover {
    background-color: rgba(222, 222, 222, .3)
  }
  
  .bootstrap-select .dropdown-menu.inner li a.disabled, .bootstrap-select .dropdown-menu.inner li a:disabled, .dropdown-menu .dropdown-item.disabled, .dropdown-menu .dropdown-item:disabled {
    color: rgba(182, 182, 182, .6)
  }
  
  .bootstrap-select .dropdown-menu.inner li a.disabled:focus, .bootstrap-select .dropdown-menu.inner li a.disabled:hover, .bootstrap-select .dropdown-menu.inner li a:disabled:focus, .bootstrap-select .dropdown-menu.inner li a:disabled:hover, .dropdown-menu .dropdown-item.disabled:focus, .dropdown-menu .dropdown-item.disabled:hover, .dropdown-menu .dropdown-item:disabled:focus, .dropdown-menu .dropdown-item:disabled:hover {
    background-color: transparent
  }
  
  .dropdown-menu .dropdown-divider {
    background-color: rgba(222, 222, 222, .5)
  }
  
  .dropdown-menu .dropdown-header:not([href]):not([tabindex]) {
    color: rgba(182, 182, 182, .6);
    font-size: .7142em;
    text-transform: uppercase;
    font-weight: 700
  }
  
  .dropdown-menu.dropdown-primary {
    background-color: #f95823
  }
  
  .dropdown-menu.dropdown-primary:before {
    color: #f95823
  }
  
  .dropdown-menu.dropdown-primary .dropdown-header:not([href]):not([tabindex]) {
    color: rgba(255, 255, 255, .8)
  }
  
  .dropdown-menu.dropdown-primary .dropdown-item {
    color: #fff
  }
  
  .dropdown-menu.dropdown-primary .dropdown-divider, .dropdown-menu.dropdown-primary .dropdown-item:focus, .dropdown-menu.dropdown-primary .dropdown-item:hover {
    background-color: rgba(255, 255, 255, .2)
  }
  
  .dropdown-menu.dropdown-info {
    background-color: #1da2ff
  }
  
  .dropdown-menu.dropdown-info:before {
    color: #1da2ff
  }
  
  .dropdown-menu.dropdown-info .dropdown-header:not([href]):not([tabindex]) {
    color: rgba(255, 255, 255, .8)
  }
  
  .dropdown-menu.dropdown-info .dropdown-item {
    color: #fff
  }
  
  .dropdown-menu.dropdown-info .dropdown-divider, .dropdown-menu.dropdown-info .dropdown-item:focus, .dropdown-menu.dropdown-info .dropdown-item:hover {
    background-color: rgba(255, 255, 255, .2)
  }
  
  .dropdown-menu.dropdown-danger {
    background-color: #ff2727
  }
  
  .dropdown-menu.dropdown-danger:before {
    color: #ff2727
  }
  
  .dropdown-menu.dropdown-danger .dropdown-header:not([href]):not([tabindex]) {
    color: rgba(255, 255, 255, .8)
  }
  
  .dropdown-menu.dropdown-danger .dropdown-item {
    color: #fff
  }
  
  .dropdown-menu.dropdown-danger .dropdown-divider, .dropdown-menu.dropdown-danger .dropdown-item:focus, .dropdown-menu.dropdown-danger .dropdown-item:hover {
    background-color: rgba(255, 255, 255, .2)
  }
  
  .dropdown-menu.dropdown-success {
    background-color: #16c00e
  }
  
  .dropdown-menu.dropdown-success:before {
    color: #16c00e
  }
  
  .dropdown-menu.dropdown-success .dropdown-header:not([href]):not([tabindex]) {
    color: rgba(255, 255, 255, .8)
  }
  
  .dropdown-menu.dropdown-success .dropdown-item {
    color: #fff
  }
  
  .dropdown-menu.dropdown-success .dropdown-divider, .dropdown-menu.dropdown-success .dropdown-item:focus, .dropdown-menu.dropdown-success .dropdown-item:hover {
    background-color: rgba(255, 255, 255, .2)
  }
  
  .dropdown-menu.dropdown-warning {
    background-color: #ffac27
  }
  
  .dropdown-menu.dropdown-warning:before {
    color: #ffac27
  }
  
  .dropdown-menu.dropdown-warning .dropdown-header:not([href]):not([tabindex]) {
    color: rgba(255, 255, 255, .8)
  }
  
  .dropdown-menu.dropdown-warning .dropdown-item {
    color: #fff
  }
  
  .dropdown-menu.dropdown-warning .dropdown-divider, .dropdown-menu.dropdown-warning .dropdown-item:focus, .dropdown-menu.dropdown-warning .dropdown-item:hover {
    background-color: rgba(255, 255, 255, .2)
  }
  
  .bootstrap-select .dropdown-menu:not(.inner), .dropdown .dropdown-menu, .dropdown-menu.bootstrap-datetimepicker-widget.bottom, .dropdown-menu.bootstrap-datetimepicker-widget.top, .dropup:not(.bootstrap-select) .dropdown-menu {
    -webkit-transform: translate3d(0, 20px, 0)!important;
    transform: translate3d(0, 20px, 0)!important;
    visibility: hidden;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    top: 0
  }
  
  .bootstrap-select.show .dropdown-menu:not(.inner), .dropdown-menu.bootstrap-datetimepicker-widget.bottom.open, .dropdown-menu.bootstrap-datetimepicker-widget.top.open, .dropdown.show .dropdown-menu, .dropup.show:not(.bootstrap-select) .dropdown-menu {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    -webkit-transform: translate3d(0, 48px, 0)!important;
    transform: translate3d(0, 48px, 0)!important
  }
  
  .dropdown-menu.bootstrap-datetimepicker-widget.bottom.open, .dropdown-menu.bootstrap-datetimepicker-widget.top {
    -webkit-transform: translate3d(0, 0, 0)!important;
    transform: translate3d(0, 0, 0)!important
  }
  
  .dropdown-menu.bootstrap-datetimepicker-widget.top.open {
    -webkit-transform: translate3d(0, -22px, 0)!important;
    transform: translate3d(0, -22px, 0)!important
  }
  
  .dropdown-menu.bootstrap-datetimepicker-widget.bottom {
    -webkit-transform: translate3d(0, -20px, 0)!important;
    transform: translate3d(0, -20px, 0)!important
  }
  
  .bootstrap-select.dropup .dropdown-menu:not(.inner) {
    -webkit-transform: translate3d(0, 25px, 0)!important;
    transform: translate3d(0, 25px, 0)!important
  }
  
  .dropup:not(.bootstrap-select) .dropdown-menu {
    -webkit-transform: translate3d(0, -112px, 0)!important;
    transform: translate3d(0, -112px, 0)!important
  }
  
  .dropup.show:not(.bootstrap-select) .dropdown-menu {
    -webkit-transform: translate3d(0, -131px, 0)!important;
    transform: translate3d(0, -131px, 0)!important
  }
  
  .navbar .dropdown.show .dropdown-menu {
    -webkit-transform: translate3d(0, 43px, 0)!important;
    transform: translate3d(0, 43px, 0)!important
  }
  
  .button-dropdown {
    padding-right: .7rem;
    cursor: pointer
  }
  
  .button-dropdown .dropdown-toggle {
    padding-top: .5rem;
    padding-bottom: .5rem;
    display: block
  }
  
  .button-dropdown .dropdown-toggle:after {
    display: none
  }
  
  .alert {
    border: 0;
    border-radius: 0;
    color: #fff;
    padding-top: .9rem;
    padding-bottom: .9rem
  }
  
  .alert.alert-success {
    background-color: rgba(24, 206, 15, .8)
  }
  
  .alert.alert-danger {
    background-color: rgba(255, 54, 54, .8)
  }
  
  .alert.alert-warning {
    background-color: rgba(255, 178, 54, .8)
  }
  
  .alert.alert-info {
    background-color: rgba(44, 168, 255, .8)
  }
  
  .alert.alert-primary {
    background-color: rgba(249, 99, 50, .8)
  }
  
  .alert .alert-icon {
    display: block;
    float: left;
    margin-right: 15px;
    margin-top: -1px
  }
  
  .alert strong {
    text-transform: uppercase;
    font-size: 12px
  }
  
  .alert i.fa, .alert i.now-ui-icons {
    font-size: 20px
  }
  
  .alert .close {
    color: #fff;
    opacity: .9;
    text-shadow: none;
    line-height: 0;
    outline: 0;
    display: inline-block;
    cursor: pointer
  }
  
  img {
    max-width: 100%;
    border-radius: 1px
  }
  
  .img-raised {
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .3)
  }
  
  .popover {
    font-size: 14px;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .2);
    border: none;
    line-height: 1.7;
    max-width: 240px
  }
  
  .popover.bs-popover-bottom .arrow:before, .popover.bs-popover-left .arrow:before, .popover.bs-popover-right .arrow:before, .popover.bs-popover-top .arrow:before {
    border-color: transparent
  }
  
  .popover .popover-header {
    color: rgba(182, 182, 182, .6);
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    margin: 5px 0 0;
    border: none;
    background-color: transparent
  }
  
  .popover:before {
    display: none
  }
  
  .popover.bs-tether-element-attached-top:after {
    border-bottom-color: #fff;
    top: -9px
  }
  
  .popover.popover-primary {
    background-color: #f96332
  }
  
  .popover.popover-primary .popover-body {
    color: #fff
  }
  
  .popover.popover-primary.bs-popover-right .arrow:after {
    border-right-color: #f96332
  }
  
  .popover.popover-primary.bs-popover-top .arrow:after {
    border-top-color: #f96332
  }
  
  .popover.popover-primary.bs-popover-bottom .arrow:after {
    border-bottom-color: #f96332
  }
  
  .popover.popover-primary.bs-popover-left .arrow:after {
    border-left-color: #f96332
  }
  
  .popover.popover-primary .popover-header {
    color: #fff;
    opacity: .6
  }
  
  .popover.popover-info {
    background-color: #2ca8ff
  }
  
  .popover.popover-info .popover-body {
    color: #fff
  }
  
  .popover.popover-info.bs-popover-right .arrow:after {
    border-right-color: #2ca8ff
  }
  
  .popover.popover-info.bs-popover-top .arrow:after {
    border-top-color: #2ca8ff
  }
  
  .popover.popover-info.bs-popover-bottom .arrow:after {
    border-bottom-color: #2ca8ff
  }
  
  .popover.popover-info.bs-popover-left .arrow:after {
    border-left-color: #2ca8ff
  }
  
  .popover.popover-info .popover-header {
    color: #fff;
    opacity: .6
  }
  
  .popover.popover-warning {
    background-color: #ffb236
  }
  
  .popover.popover-warning .popover-body {
    color: #fff
  }
  
  .popover.popover-warning.bs-popover-right .arrow:after {
    border-right-color: #ffb236
  }
  
  .popover.popover-warning.bs-popover-top .arrow:after {
    border-top-color: #ffb236
  }
  
  .popover.popover-warning.bs-popover-bottom .arrow:after {
    border-bottom-color: #ffb236
  }
  
  .popover.popover-warning.bs-popover-left .arrow:after {
    border-left-color: #ffb236
  }
  
  .popover.popover-warning .popover-header {
    color: #fff;
    opacity: .6
  }
  
  .popover.popover-danger {
    background-color: #ff3636
  }
  
  .popover.popover-danger .popover-body {
    color: #fff
  }
  
  .popover.popover-danger.bs-popover-right .arrow:after {
    border-right-color: #ff3636
  }
  
  .popover.popover-danger.bs-popover-top .arrow:after {
    border-top-color: #ff3636
  }
  
  .popover.popover-danger.bs-popover-bottom .arrow:after {
    border-bottom-color: #ff3636
  }
  
  .popover.popover-danger.bs-popover-left .arrow:after {
    border-left-color: #ff3636
  }
  
  .popover.popover-danger .popover-header {
    color: #fff;
    opacity: .6
  }
  
  .popover.popover-success {
    background-color: #18ce0f
  }
  
  .popover.popover-success .popover-body {
    color: #fff
  }
  
  .popover.popover-success.bs-popover-right .arrow:after {
    border-right-color: #18ce0f
  }
  
  .popover.popover-success.bs-popover-top .arrow:after {
    border-top-color: #18ce0f
  }
  
  .popover.popover-success.bs-popover-bottom .arrow:after {
    border-bottom-color: #18ce0f
  }
  
  .popover.popover-success.bs-popover-left .arrow:after {
    border-left-color: #18ce0f
  }
  
  .popover.popover-success .popover-header {
    color: #fff;
    opacity: .6
  }
  
  .tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #fff
  }
  
  .tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #fff
  }
  
  .tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #fff
  }
  
  .tooltip.bs-tooltip-left .arrow:before {
    border-left-color: #fff
  }
  
  .tooltip-inner {
    padding: .5rem .7rem;
    min-width: 130px;
    background-color: #fff;
    font-size: 14px;
    color: #888;
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .2)
  }
  
  @font-face {
    font-family: 'Nucleo Outline';
    src: url(nucleo-outline.53a1bed7a3ec86d010fe.eot);
    src: url(nucleo-outline.53a1bed7a3ec86d010fe.eot) format("embedded-opentype"), url(nucleo-outline.8ebec31f5ce59f908db8.woff2) format("woff2"), url(nucleo-outline.24e2d6b43b1b0f84fdfa.woff) format("woff"), url(nucleo-outline.22a0bffe789c286a9d78.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
  }
  
  .now-ui-icons {
    display: inline-block;
    font: 14px/1 'Nucleo Outline';
    font-size: inherit;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }
  
  .now-ui-icons.circle {
    padding: .33333333em;
    vertical-align: -16%;
    background-color: #eee;
    border-radius: 50%
  }
  
  .nc-icon-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
  }
  
  .nc-icon-ul>li {
    position: relative
  }
  
  .nc-icon-ul>li>.now-ui-icons {
    position: absolute;
    left: -1.57142857em;
    top: .14285714em;
    text-align: center
  }
  
  .nc-icon-ul>li>.now-ui-icons.circle {
    top: -.19047619em;
    left: -1.9047619em
  }
  
  .now-ui-icons.spin {
    -webkit-animation: 2s linear infinite nc-icon-spin;
    animation: 2s linear infinite nc-icon-spin
  }
  
  @-webkit-keyframes nc-icon-spin {
    0% {
      -webkit-transform: rotate(0)
    }
    100% {
      -webkit-transform: rotate(360deg)
    }
  }
  
  @keyframes nc-icon-spin {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
    }
  }
  
  .now-ui-icons.ui-1_check:before {
    content: "\ea22"
  }
  
  .now-ui-icons.ui-1_email-85:before {
    content: "\ea2a"
  }
  
  .now-ui-icons.arrows-1_cloud-download-93:before {
    content: "\ea21"
  }
  
  .now-ui-icons.arrows-1_cloud-upload-94:before {
    content: "\ea24"
  }
  
  .now-ui-icons.arrows-1_minimal-down:before {
    content: "\ea39"
  }
  
  .now-ui-icons.arrows-1_minimal-left:before {
    content: "\ea3a"
  }
  
  .now-ui-icons.arrows-1_minimal-right:before {
    content: "\ea3b"
  }
  
  .now-ui-icons.arrows-1_minimal-up:before {
    content: "\ea3c"
  }
  
  .now-ui-icons.arrows-1_refresh-69:before {
    content: "\ea44"
  }
  
  .now-ui-icons.arrows-1_share-66:before {
    content: "\ea4c"
  }
  
  .now-ui-icons.business_badge:before {
    content: "\ea09"
  }
  
  .now-ui-icons.business_bank:before {
    content: "\ea0a"
  }
  
  .now-ui-icons.business_briefcase-24:before {
    content: "\ea13"
  }
  
  .now-ui-icons.business_bulb-63:before {
    content: "\ea15"
  }
  
  .now-ui-icons.business_chart-bar-32:before {
    content: "\ea1e"
  }
  
  .now-ui-icons.business_chart-pie-36:before {
    content: "\ea1f"
  }
  
  .now-ui-icons.business_globe:before {
    content: "\ea2f"
  }
  
  .now-ui-icons.business_money-coins:before {
    content: "\ea40"
  }
  
  .now-ui-icons.clothes_tie-bow:before {
    content: "\ea5b"
  }
  
  .now-ui-icons.design_vector:before {
    content: "\ea61"
  }
  
  .now-ui-icons.design_app:before {
    content: "\ea08"
  }
  
  .now-ui-icons.design_bullet-list-67:before {
    content: "\ea14"
  }
  
  .now-ui-icons.design_image:before {
    content: "\ea33"
  }
  
  .now-ui-icons.design_palette:before {
    content: "\ea41"
  }
  
  .now-ui-icons.design_scissors:before {
    content: "\ea4a"
  }
  
  .now-ui-icons.design-2_html5:before {
    content: "\ea32"
  }
  
  .now-ui-icons.design-2_ruler-pencil:before {
    content: "\ea48"
  }
  
  .now-ui-icons.emoticons_satisfied:before {
    content: "\ea49"
  }
  
  .now-ui-icons.files_box:before {
    content: "\ea12"
  }
  
  .now-ui-icons.files_paper:before {
    content: "\ea43"
  }
  
  .now-ui-icons.files_single-copy-04:before {
    content: "\ea52"
  }
  
  .now-ui-icons.health_ambulance:before {
    content: "\ea07"
  }
  
  .now-ui-icons.loader_gear:before {
    content: "\ea4e"
  }
  
  .now-ui-icons.loader_refresh:before {
    content: "\ea44"
  }
  
  .now-ui-icons.location_bookmark:before {
    content: "\ea10"
  }
  
  .now-ui-icons.location_compass-05:before {
    content: "\ea25"
  }
  
  .now-ui-icons.location_map-big:before {
    content: "\ea3d"
  }
  
  .now-ui-icons.location_pin:before {
    content: "\ea47"
  }
  
  .now-ui-icons.location_world:before {
    content: "\ea63"
  }
  
  .now-ui-icons.media-1_album:before {
    content: "\ea02"
  }
  
  .now-ui-icons.media-1_button-pause:before {
    content: "\ea16"
  }
  
  .now-ui-icons.media-1_button-play:before {
    content: "\ea18"
  }
  
  .now-ui-icons.media-1_button-power:before {
    content: "\ea19"
  }
  
  .now-ui-icons.media-1_camera-compact:before {
    content: "\ea1c"
  }
  
  .now-ui-icons.media-2_note-03:before {
    content: "\ea3f"
  }
  
  .now-ui-icons.media-2_sound-wave:before {
    content: "\ea57"
  }
  
  .now-ui-icons.objects_diamond:before {
    content: "\ea29"
  }
  
  .now-ui-icons.objects_globe:before {
    content: "\ea2f"
  }
  
  .now-ui-icons.objects_key-25:before {
    content: "\ea38"
  }
  
  .now-ui-icons.objects_planet:before {
    content: "\ea46"
  }
  
  .now-ui-icons.objects_spaceship:before {
    content: "\ea55"
  }
  
  .now-ui-icons.objects_support-17:before {
    content: "\ea56"
  }
  
  .now-ui-icons.objects_umbrella-13:before {
    content: "\ea5f"
  }
  
  .now-ui-icons.education_agenda-bookmark:before {
    content: "\ea01"
  }
  
  .now-ui-icons.education_atom:before {
    content: "\ea0c"
  }
  
  .now-ui-icons.education_glasses:before {
    content: "\ea2d"
  }
  
  .now-ui-icons.education_hat:before {
    content: "\ea30"
  }
  
  .now-ui-icons.education_paper:before {
    content: "\ea42"
  }
  
  .now-ui-icons.shopping_bag-16:before {
    content: "\ea0d"
  }
  
  .now-ui-icons.shopping_basket:before {
    content: "\ea0b"
  }
  
  .now-ui-icons.shopping_box:before {
    content: "\ea11"
  }
  
  .now-ui-icons.shopping_cart-simple:before {
    content: "\ea1d"
  }
  
  .now-ui-icons.shopping_credit-card:before {
    content: "\ea28"
  }
  
  .now-ui-icons.shopping_delivery-fast:before {
    content: "\ea27"
  }
  
  .now-ui-icons.shopping_shop:before {
    content: "\ea50"
  }
  
  .now-ui-icons.shopping_tag-content:before {
    content: "\ea59"
  }
  
  .now-ui-icons.sport_trophy:before {
    content: "\ea5d"
  }
  
  .now-ui-icons.sport_user-run:before {
    content: "\ea60"
  }
  
  .now-ui-icons.tech_controller-modern:before {
    content: "\ea26"
  }
  
  .now-ui-icons.tech_headphones:before {
    content: "\ea31"
  }
  
  .now-ui-icons.tech_laptop:before {
    content: "\ea36"
  }
  
  .now-ui-icons.tech_mobile:before {
    content: "\ea3e"
  }
  
  .now-ui-icons.tech_tablet:before {
    content: "\ea58"
  }
  
  .now-ui-icons.tech_tv:before {
    content: "\ea5e"
  }
  
  .now-ui-icons.tech_watch-time:before {
    content: "\ea62"
  }
  
  .now-ui-icons.text_align-center:before {
    content: "\ea05"
  }
  
  .now-ui-icons.text_align-left:before {
    content: "\ea06"
  }
  
  .now-ui-icons.text_bold:before {
    content: "\ea0e"
  }
  
  .now-ui-icons.text_caps-small:before {
    content: "\ea1b"
  }
  
  .now-ui-icons.gestures_tap-01:before {
    content: "\ea5a"
  }
  
  .now-ui-icons.transportation_air-baloon:before {
    content: "\ea03"
  }
  
  .now-ui-icons.transportation_bus-front-12:before {
    content: "\ea17"
  }
  
  .now-ui-icons.travel_info:before {
    content: "\ea04"
  }
  
  .now-ui-icons.travel_istanbul:before {
    content: "\ea34"
  }
  
  .now-ui-icons.ui-1_bell-53:before {
    content: "\ea0f"
  }
  
  .now-ui-icons.ui-1_calendar-60:before {
    content: "\ea1a"
  }
  
  .now-ui-icons.ui-1_lock-circle-open:before {
    content: "\ea35"
  }
  
  .now-ui-icons.ui-1_send:before {
    content: "\ea4d"
  }
  
  .now-ui-icons.ui-1_settings-gear-63:before {
    content: "\ea4e"
  }
  
  .now-ui-icons.ui-1_simple-add:before {
    content: "\ea4f"
  }
  
  .now-ui-icons.ui-1_simple-delete:before {
    content: "\ea54"
  }
  
  .now-ui-icons.ui-1_simple-remove:before {
    content: "\ea53"
  }
  
  .now-ui-icons.ui-1_zoom-bold:before {
    content: "\ea64"
  }
  
  .now-ui-icons.ui-2_chat-round:before {
    content: "\ea20"
  }
  
  .now-ui-icons.ui-2_favourite-28:before {
    content: "\ea2b"
  }
  
  .now-ui-icons.ui-2_like:before {
    content: "\ea37"
  }
  
  .now-ui-icons.ui-2_settings-90:before {
    content: "\ea4b"
  }
  
  .now-ui-icons.ui-2_time-alarm:before {
    content: "\ea5c"
  }
  
  .now-ui-icons.users_circle-08:before {
    content: "\ea23"
  }
  
  .now-ui-icons.users_single-02:before {
    content: "\ea51"
  }
  
  .table>thead>tr>th {
    font-size: 1.3em;
    font-weight: 300;
    border: 0
  }
  
  .table .btn {
    margin: 0
  }
  
  .table .form-check, .table .form-check.form-check-radio {
    margin: 0;
    padding: 0;
    width: 15px
  }
  
  .table .form-check .icons, .table .form-check.form-check-radio .icons {
    position: relative
  }
  
  .table .form-check label.form-check-label .form-check-sign:after, .table .form-check label.form-check-label .form-check-sign:before, .table .form-check.form-check-radio label.form-check-label .form-check-sign:after, .table .form-check.form-check-radio label.form-check-label .form-check-sign:before {
    top: -17px;
    left: -3px
  }
  
  .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 12px 7px;
    vertical-align: middle
  }
  
  .table .th-description {
    max-width: 150px
  }
  
  .table .td-price {
    font-size: 26px;
    font-weight: 300;
    margin-top: 5px;
    position: relative;
    top: 4px;
    text-align: right
  }
  
  .table .td-total {
    font-weight: 700;
    font-size: 1.3em;
    padding-top: 20px;
    text-align: right
  }
  
  .table .td-actions .btn {
    margin: 0
  }
  
  .table>tbody>tr {
    position: relative
  }
  
  .table-shopping>thead>tr>th {
    font-size: .9em;
    text-transform: uppercase
  }
  
  .table-shopping>tbody>tr>td {
    font-size: 1.2em
  }
  
  .table-shopping>tbody>tr>td b {
    display: block;
    margin-bottom: 5px
  }
  
  .table-shopping .td-name {
    font-weight: 400;
    font-size: 1.5em;
    min-width: 200px
  }
  
  .table-shopping .td-name small {
    color: #9a9a9a;
    font-size: .75em;
    font-weight: 300
  }
  
  .table-shopping .td-number {
    font-weight: 300;
    font-size: 1.5em;
    text-align: right;
    min-width: 145px
  }
  
  .table-shopping .td-number small {
    margin-right: 3px
  }
  
  .table-shopping .img-container {
    width: 120px;
    max-height: 160px;
    overflow: hidden;
    display: block
  }
  
  .table-shopping .img-container img {
    width: 100%
  }
  
  #tables .table-responsive {
    margin-bottom: 30px
  }
  
  .info {
    max-width: 360px;
    margin: 0 auto;
    padding: 70px 0 30px;
    text-align: center
  }
  
  .info.info-hover .info-title {
    transition: color .4s
  }
  
  .info.info-hover:hover .icon {
    -webkit-transform: translate3d(0, -.5rem, 0);
    transform: translate3d(0, -.5rem, 0)
  }
  
  .info.info-hover:hover .icon.icon-primary.icon-circle {
    box-shadow: 0 15px 30px 0 rgba(249, 99, 50, .35)
  }
  
  .info.info-hover:hover .icon.icon-info.icon-circle {
    box-shadow: 0 15px 35px 0 rgba(44, 168, 255, .35)
  }
  
  .info.info-hover:hover .icon.icon-success.icon-circle {
    box-shadow: 0 15px 35px 0 rgba(24, 206, 15, .35)
  }
  
  .info.info-hover:hover .icon.icon-warning.icon-circle {
    box-shadow: 0 15px 35px 0 rgba(255, 178, 54, .35)
  }
  
  .info.info-hover:hover .icon.icon-danger.icon-circle {
    box-shadow: 0 15px 35px 0 rgba(255, 54, 54, .35)
  }
  
  .info.info-hover:hover .icon.icon-info+.info-title {
    color: #2ca8ff
  }
  
  .info.info-hover:hover .icon.icon-warning+.info-title {
    color: #ffb236
  }
  
  .info.info-hover:hover .icon.icon-danger+.info-title {
    color: #ff3636
  }
  
  .info.info-hover:hover .icon.icon-primary+.info-title {
    color: #f96332
  }
  
  .info.info-hover:hover .icon.icon-success+.info-title {
    color: #18ce0f
  }
  
  .info .icon {
    color: #888;
    transition: transform .4s, box-shadow .4s, -webkit-transform .4s
  }
  
  .info .icon>i {
    font-size: 3em
  }
  
  .info .icon.icon-circle {
    max-width: 80px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    box-shadow: 0 9px 35px -6px rgba(0, 0, 0, .3);
    font-size: .7142em;
    background-color: #fff;
    position: relative
  }
  
  .info .icon.icon-circle i {
    line-height: 2.7
  }
  
  .info .info-title {
    margin: 25px 0 15px;
    padding: 0 15px;
    color: #2c2c2c
  }
  
  .info p {
    color: #888;
    padding: 0 15px;
    font-size: 1.1em
  }
  
  .info-horizontal {
    text-align: left!important
  }
  
  .info-horizontal .icon {
    float: left;
    margin-top: 23px;
    margin-right: 10px
  }
  
  .info-horizontal .icon>i {
    font-size: 2em
  }
  
  .info-horizontal .icon.icon-circle {
    width: 65px;
    height: 65px;
    max-width: 65px;
    margin-top: 8px
  }
  
  .info-horizontal .icon.icon-circle i {
    display: table;
    margin: 0 auto;
    line-height: 3.5;
    font-size: 1.9em
  }
  
  .info-horizontal .description {
    overflow: hidden
  }
  
  .icon.icon-primary {
    color: #f96332
  }
  
  .icon.icon-primary.icon-circle {
    box-shadow: 0 9px 30px -6px rgba(249, 99, 50, .3)
  }
  
  .icon.icon-info {
    color: #2ca8ff
  }
  
  .icon.icon-info.icon-circle {
    box-shadow: 0 9px 30px -6px rgba(44, 168, 255, .3)
  }
  
  .icon.icon-success {
    color: #18ce0f
  }
  
  .icon.icon-success.icon-circle {
    box-shadow: 0 9px 30px -6px rgba(24, 206, 15, .3)
  }
  
  .icon.icon-warning {
    color: #ffb236
  }
  
  .icon.icon-warning.icon-circle {
    box-shadow: 0 9px 30px -6px rgba(255, 178, 54, .3)
  }
  
  .icon.icon-danger {
    color: #ff3636
  }
  
  .icon.icon-danger.icon-circle {
    box-shadow: 0 9px 30px -6px rgba(255, 54, 54, .3)
  }
  
  .icon.icon-white {
    color: #fff
  }
  
  .media .avatar {
    margin: 0 15px 0 auto;
    width: 64px;
    height: 64px
  }
  
  .media .avatar img {
    width: 100%;
    border-radius: 50%
  }
  
  .media textarea {
    margin-bottom: 20px
  }
  
  .media .media-heading small {
    font-family: Montserrat, "Helvetica Neue", Arial, sans-serif
  }
  
  .media .media-body {
    padding-right: 10px
  }
  
  .media .media-body .media .media-body {
    padding-right: 0
  }
  
  .media.media-post .form-group, .media.media-post .input-group {
    margin-top: 25px
  }
  
  .media .media-footer .btn {
    margin-bottom: 20px
  }
  
  .media .media-footer:after {
    display: table;
    content: " ";
    clear: both
  }
  
  .media p {
    color: #888;
    font-size: 1.104em;
    line-height: 1.61em
  }
  
  .media-left, .media>.pull-left {
    padding: 10px
  }
  
  .modal-content {
    border-radius: .1875rem;
    border: none;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .5)
  }
  
  .modal-content .modal-header {
    border-bottom: none;
    padding: 24px 24px 0
  }
  
  .modal-content .modal-header button {
    position: absolute;
    right: 27px;
    top: 30px;
    outline: 0
  }
  
  .modal-content .modal-header .title {
    margin-top: 5px;
    margin-bottom: 0
  }
  
  .modal-content .modal-body {
    line-height: 1.9;
    padding: 24px 24px 16px
  }
  
  .modal-content .modal-footer {
    border-top: none;
    padding-right: 24px;
    padding-bottom: 16px;
    padding-left: 24px;
    justify-content: space-between
  }
  
  .modal-content .modal-footer button {
    margin: 0;
    padding-left: 16px;
    padding-right: 16px;
    width: auto
  }
  
  .modal-content .modal-footer button.pull-left {
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    left: -5px
  }
  
  .modal-content .modal-body+.modal-footer {
    padding-top: 0
  }
  
  .modal-backdrop {
    background: rgba(0, 0, 0, .3)
  }
  
  .modal.modal-login .modal-dialog {
    max-width: 320px
  }
  
  .modal.modal-login .modal-dialog .card-login .logo-container {
    width: 65px;
    margin-bottom: 38px;
    margin-top: 27px
  }
  
  .modal.modal-mini p {
    text-align: center
  }
  
  .modal.modal-mini .modal-dialog {
    max-width: 255px;
    margin: 0 auto
  }
  
  .modal.modal-mini .modal-profile {
    width: 70px;
    height: 70px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 5.7;
    box-shadow: 0 5px 50px 0 rgba(0, 0, 0, .3)
  }
  
  .modal.modal-mini .modal-profile i {
    color: #f96332;
    font-size: 21px
  }
  
  .modal.modal-mini .modal-profile[class*=modal-profile-] i {
    color: #fff
  }
  
  .modal.modal-mini .modal-profile.modal-profile-primary {
    background-color: #f96332
  }
  
  .modal.modal-mini .modal-profile.modal-profile-danger {
    background-color: #ff3636
  }
  
  .modal.modal-mini .modal-profile.modal-profile-warning {
    background-color: #ffb236
  }
  
  .modal.modal-mini .modal-profile.modal-profile-success {
    background-color: #18ce0f
  }
  
  .modal.modal-mini .modal-profile.modal-profile-info {
    background-color: #2ca8ff
  }
  
  .modal.modal-mini .modal-footer button {
    text-transform: uppercase
  }
  
  .modal.modal-mini .modal-footer button:first-child {
    opacity: .5
  }
  
  .modal.modal-default .modal-content {
    background-color: #fff;
    color: #2c2c2c
  }
  
  .modal.modal-default .modal-header .close {
    color: #2c2c2c
  }
  
  .modal.modal-default .form-control::-moz-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .modal.modal-default .form-control:-moz-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .modal.modal-default .form-control::-webkit-input-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .modal.modal-default .form-control:-ms-input-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .modal.modal-default .form-control {
    border-color: rgba(255, 255, 255, .5);
    color: #fff
  }
  
  .modal.modal-default .form-control:focus {
    border-color: #fff;
    background-color: transparent;
    color: #fff
  }
  
  .modal.modal-default .has-danger:after, .modal.modal-default .has-success:after {
    color: #fff
  }
  
  .modal.modal-default .has-danger .form-control {
    background-color: transparent
  }
  
  .modal.modal-default .input-group-text {
    background-color: transparent;
    border-color: rgba(255, 255, 255, .5)
  }
  
  .modal.modal-default .input-group-focus .input-group-text {
    background-color: transparent;
    border-color: #fff;
    color: #fff
  }
  
  .modal.modal-default .form-group.form-group-no-border .form-control, .modal.modal-default .input-group.form-group-no-border .form-control {
    background-color: rgba(255, 255, 255, .1);
    color: #fff
  }
  
  .modal.modal-default .form-group.form-group-no-border .form-control:active, .modal.modal-default .form-group.form-group-no-border .form-control:focus, .modal.modal-default .input-group.form-group-no-border .form-control:active, .modal.modal-default .input-group.form-group-no-border .form-control:focus {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  .modal.modal-default .form-group.form-group-no-border .form-control+.input-group-text, .modal.modal-default .input-group.form-group-no-border .form-control+.input-group-text {
    background-color: rgba(255, 255, 255, .1)
  }
  
  .modal.modal-default .form-group.form-group-no-border .form-control+.input-group-text:active, .modal.modal-default .form-group.form-group-no-border .form-control+.input-group-text:focus, .modal.modal-default .form-group.form-group-no-border .form-control:focus+.input-group-text, .modal.modal-default .input-group.form-group-no-border .form-control+.input-group-text:active, .modal.modal-default .input-group.form-group-no-border .form-control+.input-group-text:focus, .modal.modal-default .input-group.form-group-no-border .form-control:focus+.input-group-text {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  .modal.modal-default .form-group.form-group-no-border .input-group-text, .modal.modal-default .input-group.form-group-no-border .input-group-text {
    background-color: rgba(255, 255, 255, .1);
    border: none
  }
  
  .modal.modal-default .form-group.form-group-no-border.input-group-focus .input-group-text, .modal.modal-default .input-group.form-group-no-border.input-group-focus .input-group-text {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  .modal.modal-default .form-group.form-group-no-border .input-group-text, .modal.modal-default .input-group-text, .modal.modal-default .input-group.form-group-no-border .input-group-text {
    color: rgba(255, 255, 255, .8)
  }
  
  .modal.modal-primary .modal-content {
    background-color: #f96332;
    color: #fff
  }
  
  .modal.modal-primary .modal-header .close {
    color: #fff
  }
  
  .modal.modal-primary .form-control::-moz-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .modal.modal-primary .form-control:-moz-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .modal.modal-primary .form-control::-webkit-input-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .modal.modal-primary .form-control:-ms-input-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .modal.modal-primary .form-control {
    border-color: rgba(255, 255, 255, .5);
    color: #fff
  }
  
  .modal.modal-primary .form-control:focus {
    border-color: #fff;
    background-color: transparent;
    color: #fff
  }
  
  .modal.modal-primary .has-danger:after, .modal.modal-primary .has-success:after {
    color: #fff
  }
  
  .modal.modal-primary .has-danger .form-control {
    background-color: transparent
  }
  
  .modal.modal-primary .input-group-text {
    background-color: transparent;
    border-color: rgba(255, 255, 255, .5)
  }
  
  .modal.modal-primary .input-group-focus .input-group-text {
    background-color: transparent;
    border-color: #fff;
    color: #fff
  }
  
  .modal.modal-primary .form-group.form-group-no-border .form-control, .modal.modal-primary .input-group.form-group-no-border .form-control {
    background-color: rgba(255, 255, 255, .1);
    color: #fff
  }
  
  .modal.modal-primary .form-group.form-group-no-border .form-control:active, .modal.modal-primary .form-group.form-group-no-border .form-control:focus, .modal.modal-primary .input-group.form-group-no-border .form-control:active, .modal.modal-primary .input-group.form-group-no-border .form-control:focus {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  .modal.modal-primary .form-group.form-group-no-border .form-control+.input-group-text, .modal.modal-primary .input-group.form-group-no-border .form-control+.input-group-text {
    background-color: rgba(255, 255, 255, .1)
  }
  
  .modal.modal-primary .form-group.form-group-no-border .form-control+.input-group-text:active, .modal.modal-primary .form-group.form-group-no-border .form-control+.input-group-text:focus, .modal.modal-primary .form-group.form-group-no-border .form-control:focus+.input-group-text, .modal.modal-primary .input-group.form-group-no-border .form-control+.input-group-text:active, .modal.modal-primary .input-group.form-group-no-border .form-control+.input-group-text:focus, .modal.modal-primary .input-group.form-group-no-border .form-control:focus+.input-group-text {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  .modal.modal-primary .form-group.form-group-no-border .input-group-text, .modal.modal-primary .input-group.form-group-no-border .input-group-text {
    background-color: rgba(255, 255, 255, .1);
    border: none
  }
  
  .modal.modal-primary .form-group.form-group-no-border.input-group-focus .input-group-text, .modal.modal-primary .input-group.form-group-no-border.input-group-focus .input-group-text {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  .modal.modal-primary .form-group.form-group-no-border .input-group-text, .modal.modal-primary .input-group-text, .modal.modal-primary .input-group.form-group-no-border .input-group-text {
    color: rgba(255, 255, 255, .8)
  }
  
  .modal.modal-danger .modal-content {
    background-color: #ff3636;
    color: #fff
  }
  
  .modal.modal-danger .modal-header .close {
    color: #fff
  }
  
  .modal.modal-danger .form-control::-moz-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .modal.modal-danger .form-control:-moz-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .modal.modal-danger .form-control::-webkit-input-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .modal.modal-danger .form-control:-ms-input-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .modal.modal-danger .form-control {
    border-color: rgba(255, 255, 255, .5);
    color: #fff
  }
  
  .modal.modal-danger .form-control:focus {
    border-color: #fff;
    background-color: transparent;
    color: #fff
  }
  
  .modal.modal-danger .has-danger:after, .modal.modal-danger .has-success:after {
    color: #fff
  }
  
  .modal.modal-danger .has-danger .form-control {
    background-color: transparent
  }
  
  .modal.modal-danger .input-group-text {
    background-color: transparent;
    border-color: rgba(255, 255, 255, .5)
  }
  
  .modal.modal-danger .input-group-focus .input-group-text {
    background-color: transparent;
    border-color: #fff;
    color: #fff
  }
  
  .modal.modal-danger .form-group.form-group-no-border .form-control, .modal.modal-danger .input-group.form-group-no-border .form-control {
    background-color: rgba(255, 255, 255, .1);
    color: #fff
  }
  
  .modal.modal-danger .form-group.form-group-no-border .form-control:active, .modal.modal-danger .form-group.form-group-no-border .form-control:focus, .modal.modal-danger .input-group.form-group-no-border .form-control:active, .modal.modal-danger .input-group.form-group-no-border .form-control:focus {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  .modal.modal-danger .form-group.form-group-no-border .form-control+.input-group-text, .modal.modal-danger .input-group.form-group-no-border .form-control+.input-group-text {
    background-color: rgba(255, 255, 255, .1)
  }
  
  .modal.modal-danger .form-group.form-group-no-border .form-control+.input-group-text:active, .modal.modal-danger .form-group.form-group-no-border .form-control+.input-group-text:focus, .modal.modal-danger .form-group.form-group-no-border .form-control:focus+.input-group-text, .modal.modal-danger .input-group.form-group-no-border .form-control+.input-group-text:active, .modal.modal-danger .input-group.form-group-no-border .form-control+.input-group-text:focus, .modal.modal-danger .input-group.form-group-no-border .form-control:focus+.input-group-text {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  .modal.modal-danger .form-group.form-group-no-border .input-group-text, .modal.modal-danger .input-group.form-group-no-border .input-group-text {
    background-color: rgba(255, 255, 255, .1);
    border: none
  }
  
  .modal.modal-danger .form-group.form-group-no-border.input-group-focus .input-group-text, .modal.modal-danger .input-group.form-group-no-border.input-group-focus .input-group-text {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  .modal.modal-danger .form-group.form-group-no-border .input-group-text, .modal.modal-danger .input-group-text, .modal.modal-danger .input-group.form-group-no-border .input-group-text {
    color: rgba(255, 255, 255, .8)
  }
  
  .modal.modal-warning .modal-content {
    background-color: #ffb236;
    color: #fff
  }
  
  .modal.modal-warning .modal-header .close {
    color: #fff
  }
  
  .modal.modal-warning .form-control::-moz-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .modal.modal-warning .form-control:-moz-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .modal.modal-warning .form-control::-webkit-input-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .modal.modal-warning .form-control:-ms-input-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .modal.modal-warning .form-control {
    border-color: rgba(255, 255, 255, .5);
    color: #fff
  }
  
  .modal.modal-warning .form-control:focus {
    border-color: #fff;
    background-color: transparent;
    color: #fff
  }
  
  .modal.modal-warning .has-danger:after, .modal.modal-warning .has-success:after {
    color: #fff
  }
  
  .modal.modal-warning .has-danger .form-control {
    background-color: transparent
  }
  
  .modal.modal-warning .input-group-text {
    background-color: transparent;
    border-color: rgba(255, 255, 255, .5)
  }
  
  .modal.modal-warning .input-group-focus .input-group-text {
    background-color: transparent;
    border-color: #fff;
    color: #fff
  }
  
  .modal.modal-warning .form-group.form-group-no-border .form-control, .modal.modal-warning .input-group.form-group-no-border .form-control {
    background-color: rgba(255, 255, 255, .1);
    color: #fff
  }
  
  .modal.modal-warning .form-group.form-group-no-border .form-control:active, .modal.modal-warning .form-group.form-group-no-border .form-control:focus, .modal.modal-warning .input-group.form-group-no-border .form-control:active, .modal.modal-warning .input-group.form-group-no-border .form-control:focus {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  .modal.modal-warning .form-group.form-group-no-border .form-control+.input-group-text, .modal.modal-warning .input-group.form-group-no-border .form-control+.input-group-text {
    background-color: rgba(255, 255, 255, .1)
  }
  
  .modal.modal-warning .form-group.form-group-no-border .form-control+.input-group-text:active, .modal.modal-warning .form-group.form-group-no-border .form-control+.input-group-text:focus, .modal.modal-warning .form-group.form-group-no-border .form-control:focus+.input-group-text, .modal.modal-warning .input-group.form-group-no-border .form-control+.input-group-text:active, .modal.modal-warning .input-group.form-group-no-border .form-control+.input-group-text:focus, .modal.modal-warning .input-group.form-group-no-border .form-control:focus+.input-group-text {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  .modal.modal-warning .form-group.form-group-no-border .input-group-text, .modal.modal-warning .input-group.form-group-no-border .input-group-text {
    background-color: rgba(255, 255, 255, .1);
    border: none
  }
  
  .modal.modal-warning .form-group.form-group-no-border.input-group-focus .input-group-text, .modal.modal-warning .input-group.form-group-no-border.input-group-focus .input-group-text {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  .modal.modal-warning .form-group.form-group-no-border .input-group-text, .modal.modal-warning .input-group-text, .modal.modal-warning .input-group.form-group-no-border .input-group-text {
    color: rgba(255, 255, 255, .8)
  }
  
  .modal.modal-success .modal-content {
    background-color: #18ce0f;
    color: #fff
  }
  
  .modal.modal-success .modal-header .close {
    color: #fff
  }
  
  .modal.modal-success .form-control::-moz-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .modal.modal-success .form-control:-moz-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .modal.modal-success .form-control::-webkit-input-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .modal.modal-success .form-control:-ms-input-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .modal.modal-success .form-control {
    border-color: rgba(255, 255, 255, .5);
    color: #fff
  }
  
  .modal.modal-success .form-control:focus {
    border-color: #fff;
    background-color: transparent;
    color: #fff
  }
  
  .modal.modal-success .has-danger:after, .modal.modal-success .has-success:after {
    color: #fff
  }
  
  .modal.modal-success .has-danger .form-control {
    background-color: transparent
  }
  
  .modal.modal-success .input-group-text {
    background-color: transparent;
    border-color: rgba(255, 255, 255, .5)
  }
  
  .modal.modal-success .input-group-focus .input-group-text {
    background-color: transparent;
    border-color: #fff;
    color: #fff
  }
  
  .modal.modal-success .form-group.form-group-no-border .form-control, .modal.modal-success .input-group.form-group-no-border .form-control {
    background-color: rgba(255, 255, 255, .1);
    color: #fff
  }
  
  .modal.modal-success .form-group.form-group-no-border .form-control:active, .modal.modal-success .form-group.form-group-no-border .form-control:focus, .modal.modal-success .input-group.form-group-no-border .form-control:active, .modal.modal-success .input-group.form-group-no-border .form-control:focus {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  .modal.modal-success .form-group.form-group-no-border .form-control+.input-group-text, .modal.modal-success .input-group.form-group-no-border .form-control+.input-group-text {
    background-color: rgba(255, 255, 255, .1)
  }
  
  .modal.modal-success .form-group.form-group-no-border .form-control+.input-group-text:active, .modal.modal-success .form-group.form-group-no-border .form-control+.input-group-text:focus, .modal.modal-success .form-group.form-group-no-border .form-control:focus+.input-group-text, .modal.modal-success .input-group.form-group-no-border .form-control+.input-group-text:active, .modal.modal-success .input-group.form-group-no-border .form-control+.input-group-text:focus, .modal.modal-success .input-group.form-group-no-border .form-control:focus+.input-group-text {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  .modal.modal-success .form-group.form-group-no-border .input-group-text, .modal.modal-success .input-group.form-group-no-border .input-group-text {
    background-color: rgba(255, 255, 255, .1);
    border: none
  }
  
  .modal.modal-success .form-group.form-group-no-border.input-group-focus .input-group-text, .modal.modal-success .input-group.form-group-no-border.input-group-focus .input-group-text {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  .modal.modal-success .form-group.form-group-no-border .input-group-text, .modal.modal-success .input-group-text, .modal.modal-success .input-group.form-group-no-border .input-group-text {
    color: rgba(255, 255, 255, .8)
  }
  
  .modal.modal-info .modal-content {
    background-color: #2ca8ff;
    color: #fff
  }
  
  .modal.modal-info .modal-header .close {
    color: #fff
  }
  
  .modal.modal-info .form-control::-moz-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .modal.modal-info .form-control:-moz-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .modal.modal-info .form-control::-webkit-input-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .modal.modal-info .form-control:-ms-input-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .modal.modal-info .form-control {
    border-color: rgba(255, 255, 255, .5);
    color: #fff
  }
  
  .modal.modal-info .form-control:focus {
    border-color: #fff;
    background-color: transparent;
    color: #fff
  }
  
  .modal.modal-info .has-danger:after, .modal.modal-info .has-success:after {
    color: #fff
  }
  
  .modal.modal-info .has-danger .form-control {
    background-color: transparent
  }
  
  .modal.modal-info .input-group-text {
    background-color: transparent;
    border-color: rgba(255, 255, 255, .5)
  }
  
  .modal.modal-info .input-group-focus .input-group-text {
    background-color: transparent;
    border-color: #fff;
    color: #fff
  }
  
  .modal.modal-info .form-group.form-group-no-border .form-control, .modal.modal-info .input-group.form-group-no-border .form-control {
    background-color: rgba(255, 255, 255, .1);
    color: #fff
  }
  
  .modal.modal-info .form-group.form-group-no-border .form-control:active, .modal.modal-info .form-group.form-group-no-border .form-control:focus, .modal.modal-info .input-group.form-group-no-border .form-control:active, .modal.modal-info .input-group.form-group-no-border .form-control:focus {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  .modal.modal-info .form-group.form-group-no-border .form-control+.input-group-text, .modal.modal-info .input-group.form-group-no-border .form-control+.input-group-text {
    background-color: rgba(255, 255, 255, .1)
  }
  
  .modal.modal-info .form-group.form-group-no-border .form-control+.input-group-text:active, .modal.modal-info .form-group.form-group-no-border .form-control+.input-group-text:focus, .modal.modal-info .form-group.form-group-no-border .form-control:focus+.input-group-text, .modal.modal-info .input-group.form-group-no-border .form-control+.input-group-text:active, .modal.modal-info .input-group.form-group-no-border .form-control+.input-group-text:focus, .modal.modal-info .input-group.form-group-no-border .form-control:focus+.input-group-text {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  .modal.modal-info .form-group.form-group-no-border .input-group-text, .modal.modal-info .input-group.form-group-no-border .input-group-text {
    background-color: rgba(255, 255, 255, .1);
    border: none
  }
  
  .modal.modal-info .form-group.form-group-no-border.input-group-focus .input-group-text, .modal.modal-info .input-group.form-group-no-border.input-group-focus .input-group-text {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  .modal.modal-info .form-group.form-group-no-border .input-group-text, .modal.modal-info .input-group-text, .modal.modal-info .input-group.form-group-no-border .input-group-text {
    color: rgba(255, 255, 255, .8)
  }
  
  .modal.show.modal-mini .modal-dialog {
    -webkit-transform: translate(0, 30%);
    transform: translate(0, 30%)
  }
  
  .modal .modal-header .close {
    color: #ff3636;
    text-shadow: none
  }
  
  .modal .modal-header .close:focus, .modal .modal-header .close:hover {
    opacity: 1
  }
  
  .carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: block
  }
  
  .carousel .carousel-inner {
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .3);
    border-radius: .1875rem
  }
  
  .carousel .card {
    max-width: 650px;
    margin: 60px auto;
    display: block
  }
  
  ngb-carousel:focus {
    outline: 0
  }
  
  ngb-carousel .carousel-control-next-icon, ngb-carousel .carousel-control-prev-icon {
    width: 12px;
    height: 12px
  }
  
  .card {
    border: 0;
    border-radius: .25rem;
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .2)
  }
  
  .card .author .avatar {
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 5px
  }
  
  .card .author span {
    color: #9a9a9a
  }
  
  .card .info {
    padding: 40px 0;
    text-align: center;
    position: relative;
    z-index: 2
  }
  
  .card .rounded {
    border-radius: .1875rem
  }
  
  .card:not(.card-plain) .rounded {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
  }
  
  .card a[data-toggle=collapse] {
    text-decoration: none
  }
  
  .card a:not(.btn):not(.nav-link):not([data-toggle=collapse]):not(.footer-link) {
    text-decoration: none;
    border-bottom: 2px solid transparent;
    color: #444
  }
  
  .card a:not(.btn):not(.nav-link):not([data-toggle=collapse]):not(.footer-link):focus, .card a:not(.btn):not(.nav-link):not([data-toggle=collapse]):not(.footer-link):hover {
    border-color: #444
  }
  
  .card .checkbox, .card .radio {
    margin-top: 15px
  }
  
  .card .card-header {
    border-bottom: 0;
    background-color: transparent;
    border-radius: 0;
    padding: 0
  }
  
  .card-collapse .card .card-header {
    padding: .75rem 0;
    position: relative
  }
  
  .card-collapse .card .card-header:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #e3e3e3
  }
  
  .card-collapse .card .card-header a[data-toggle=collapse] {
    display: block;
    color: #444
  }
  
  .card-collapse .card .card-header a[data-toggle=collapse].expanded i, .card-collapse .card .card-header a[data-toggle=collapse][aria-expanded=true] i {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  
  .card-collapse .card .card-header a[data-toggle=collapse] i {
    float: right;
    position: relative;
    color: #f96332;
    top: 1px;
    transition: .3s
  }
  
  .card .card-image {
    position: relative;
    height: 178px;
  }
  
  .card .card-footer {
    padding: 0;
    margin-top: 15px;
    background-color: transparent;
    border: 0
  }
  
  .card .card-footer div {
    display: inline-block
  }
  
  .card .card-footer .stats.stats-right {
    float: right;
    line-height: 30px
  }
  
  .card .card-footer .stats span:first-child {
    margin-right: 30px
  }
  
  .card:not(.card-product) .card-footer .stats .now-ui-icons {
    position: relative;
    top: 3px;
    font-size: 18px;
    margin-right: 5px
  }
  
  .card:not(.card-product) .card-footer .stats i {
    color: #a2a1a1
  }
  
  .card .card-title {
    margin-top: 15px;
    line-height: 1.25em
  }
  
  .card[data-background-color=orange] {
    background-color: #f96332
  }
  
  .card[data-background-color=red] {
    background-color: #ff3636
  }
  
  .card[data-background-color=yellow] {
    background-color: #ffb236
  }
  
  .card[data-background-color=blue] {
    background-color: #2ca8ff
  }
  
  .card[data-background-color=green] {
    background-color: #15b60d
  }
  
  .card-raised {
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .3)
  }
  
  .card-blog .row .category {
    margin-bottom: 0
  }
  
  .card-blog .card-image+.category {
    margin-top: 20px
  }
  
  .card-product {
    margin-top: 30px
  }
  
  .card-product .price-container {
    margin-top: 9px
  }
  
  .card-product .btn {
    margin: 0
  }
  
  .card-product .image {
    overflow: hidden;
    border-radius: .25rem
  }
  
  .card-product .card-footer {
    margin-top: 5px
  }
  
  .card-product .card-footer .price h4 {
    margin-bottom: 0;
    margin-top: 0
  }
  
  .card-product .card-footer .stats {
    margin-top: 5px
  }
  
  .card-product .card-footer .stats .btn {
    position: relative;
    top: -3px
  }
  
  .card-product .card-description, .card-product .card-title, .card-product .category {
    text-align: center
  }
  
  .card-product .category {
    margin-bottom: 0
  }
  
  .card-product .category~.card-title {
    margin-top: 0
  }
  
  .card-product .price {
    font-size: 16px;
    color: #888
  }
  
  .card-product .price-old {
    text-decoration: line-through;
    font-size: 16px;
    color: #888
  }
  
  .card-product .price-new {
    color: #ff3636
  }
  
  .card-product:not(.card-plain) .card-image {
    padding: 15px
  }
  
  .card-contact .header .title {
    margin: 10px 0
  }
  
  .card-profile, .card-testimonial {
    margin-top: 30px;
    text-align: center
  }
  
  .card-profile .card-body .card-title, .card-testimonial .card-body .card-title {
    margin-top: 0
  }
  
  .card-profile [class*=col-] .card-description, .card-testimonial [class*=col-] .card-description {
    margin-bottom: 0
  }
  
  .card-profile [class*=col-] .card-description+.card-footer, .card-testimonial [class*=col-] .card-description+.card-footer {
    margin-top: 8px
  }
  
  .card-profile .card-avatar, .card-testimonial .card-avatar {
    max-width: 130px;
    max-height: 130px;
    margin: -60px auto 0
  }
  
  .card-profile .card-avatar img, .card-testimonial .card-avatar img {
    border-radius: 50%!important
  }
  
  .card-profile .card-avatar+.card-body, .card-testimonial .card-avatar+.card-body {
    margin-top: 15px
  }
  
  .card-profile.card-plain .card-avatar, .card-testimonial.card-plain .card-avatar {
    margin-top: 0
  }
  
  .card-profile .card-body .card-avatar, .card-testimonial .card-body .card-avatar {
    margin: 0 auto 30px
  }
  
  .card-testimonial .card-body {
    padding-top: 25px
  }
  
  .card-testimonial .card-avatar {
    max-width: 100px;
    max-height: 100px;
    margin-top: -50px
  }
  
  .card-testimonial .card-footer {
    margin-top: 0;
    margin-bottom: 2.5rem
  }
  
  .card-testimonial .icon i {
    font-size: 32px
  }
  
  .card-testimonial .icon.icon-primary i {
    color: #f96332
  }
  
  .card-testimonial .icon.icon-info i {
    color: #2ca8ff
  }
  
  .card-testimonial .icon.icon-danger i {
    color: #ff3636
  }
  
  .card-testimonial .icon.icon-warning i {
    color: #ffb236
  }
  
  .card-testimonial .icon.icon-success i {
    color: #18ce0f
  }
  
  .card-background {
    background-position: center center;
    background-size: cover;
    text-align: center
  }
  
  .card-background .card-body {
    position: relative;
    z-index: 2;
    min-height: 370px;
    max-width: 530px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 60px
  }
  
  .card-background.card-background-product .card-body {
    max-width: 400px
  }
  
  .card-background.card-background-product .card-body .card-title {
    margin-top: 30px
  }
  
  .card-background .stats {
    color: #fff
  }
  
  .card-background .card-footer .stats-link>a {
    color: #fff;
    line-height: 1.9
  }
  
  .card-background .card-description, .card-background .category, .card-background small {
    color: rgba(255, 255, 255, .8)
  }
  
  .card-background .card-title {
    color: #fff;
    margin-top: 130px
  }
  
  .card-background:not(.card-pricing) .btn {
    margin-bottom: 0
  }
  
  .card-background:after {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: "";
    background-color: rgba(0, 0, 0, .63);
    border-radius: .25rem
  }
  
  .card-pricing {
    text-align: center
  }
  
  .card-pricing .card-title {
    margin-top: 30px
  }
  
  .card-pricing .icon {
    padding: 10px 0 0
  }
  
  .card-pricing .icon i {
    font-size: 30px;
    line-height: 2.7;
    max-width: 80px;
    color: #888;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    box-shadow: 0 9px 35px -6px rgba(0, 0, 0, .3);
    background-color: #fff;
    position: relative
  }
  
  .card-pricing .icon.icon-primary i {
    box-shadow: 0 9px 30px -6px #f96332;
    color: #f96332
  }
  
  .card-pricing .icon.icon-info i {
    box-shadow: 0 9px 30px -6px #2ca8ff;
    color: #2ca8ff
  }
  
  .card-pricing .icon.icon-success i {
    color: #18ce0f;
    box-shadow: 0 9px 30px -6px rgba(22, 199, 13, .85)
  }
  
  .card-pricing .icon.icon-warning i {
    box-shadow: 0 9px 30px -6px #ffb236;
    color: #ffb236
  }
  
  .card-pricing .icon.icon-danger i {
    box-shadow: 0 9px 30px -6px #ff3636;
    color: #ff3636
  }
  
  .card-pricing h1 small {
    font-size: 18px
  }
  
  .card-pricing h1 small:first-child {
    position: relative;
    top: -17px;
    font-size: 26px
  }
  
  .card-pricing ul {
    list-style: none;
    padding: 0;
    max-width: 240px;
    margin: 10px auto
  }
  
  .card-pricing ul li {
    color: #888;
    text-align: center;
    padding: 12px 0;
    border-bottom: 1px solid rgba(136, 136, 136, .3)
  }
  
  .card-pricing ul li:last-child {
    border: 0
  }
  
  .card-pricing ul li b {
    color: #2c2c2c
  }
  
  .card-pricing ul li i {
    top: 3px;
    right: 3px;
    position: relative;
    font-size: 20px
  }
  
  .card-pricing.card-background ul li {
    color: #fff;
    border-color: rgba(255, 255, 255, .3)
  }
  
  .card-pricing.card-background ul li b {
    color: #fff
  }
  
  .card-pricing.card-background [class*=text-] {
    color: #fff!important
  }
  
  .card-pricing.card-background .card-body {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
  }
  
  .card-pricing.card-background:after {
    background-color: rgba(0, 0, 0, .65)
  }
  
  .card-form-horizontal .card-body {
    padding-left: 15px;
    padding-right: 15px
  }
  
  .card-form-horizontal .form-group {
    padding-bottom: 0
  }
  
  .card-form-horizontal .form-group .form-control {
    margin-bottom: 0
  }
  
  .card-form-horizontal .btn, .card-form-horizontal .form-group, .card-form-horizontal .input-group {
    margin: 0
  }
  
  .card-signup {
    max-width: 350px;
    margin: 0 auto
  }
  
  .card-signup .header {
    margin-left: 20px;
    margin-right: 20px;
    padding: 30px 0
  }
  
  .card-signup .text-divider {
    margin-top: 30px;
    margin-bottom: 0;
    text-align: center
  }
  
  .card-signup .card-body {
    padding-top: 0;
    padding-bottom: 0;
    min-height: auto
  }
  
  .card-signup .form-check, .card-signup .form-check.form-check-radio {
    margin-top: 20px
  }
  
  .card-signup .form-check label, .card-signup .form-check.form-check-radio label {
    margin-left: 17px;
    color: initial
  }
  
  .card-signup .card-title {
    margin-top: 15px;
    margin-bottom: 15px
  }
  
  .card-signup .card-description {
    margin-top: 15px;
    margin-bottom: 20px
  }
  
  .card-signup .social-line {
    margin-top: 20px;
    text-align: center
  }
  
  .card-signup .social-line .btn.btn-icon, .card-signup .social-line .btn.btn-icon .btn-icon {
    box-shadow: 0 5px 50px 0 rgba(0, 0, 0, .2);
    margin: 0 5px
  }
  
  .card-signup .footer {
    margin-bottom: 10px;
    margin-top: 24px
  }
  
  .card-testimonial .card-description+.card-title {
    margin-top: 20px
  }
  
  .card-no-shadow {
    box-shadow: none;
    border-radius: 0;
    margin: 0
  }
  
  .card-no-shadow:after {
    border-radius: 0
  }
  
  .card-fashion {
    min-height: 500px;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    display: block
  }
  
  .card-container .card-fashion {
    width: 50%;
    float: left
  }
  
  .card-fashion:not(.card-background) .card-title {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 85%
  }
  
  .card-fashion h4 {
    margin-top: 0
  }
  
  .card-fashion.card-background::after {
    border-radius: 0
  }
  
  .card-fashion.card-background a {
    color: #fff!important
  }
  
  .card-fashion.card-background a:focus, .card-fashion.card-background a:hover {
    border-color: #fff!important
  }
  
  .card-fashion .stats-link, .card-fashion:not(.card-background) .stats span {
    color: initial
  }
  
  .card-fashion .card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2rem 2rem 1.4rem;
    color: #fff;
    min-height: auto
  }
  
  .card-fashion:not(.card-background):before {
    left: 100%;
    top: 50%;
    border: 10px solid rgba(255, 255, 255, 0);
    content: " ";
    height: 0;
    width: 0;
    z-index: 2;
    position: absolute;
    pointer-events: none;
    border-left-color: #fff;
    margin-top: -10px
  }
  
  .card-fashion.arrow-left:not(.card-background):before {
    right: 100%;
    border-right-color: #fff;
    left: auto;
    border-left: none
  }
  
  .card-plain {
    background: 0 0;
    box-shadow: none
  }
  
  .card-plain .card-body, .card-plain .card-header {
    padding-left: 5px;
    padding-right: 5px
  }
  
  .card-plain .card-header:after {
    width: 100%;
    left: 0
  }
  
  .footer {
    padding: 1.125rem 0;
    text-align: center
  }
  
  .footer.footer-default {
    background-color: #f2f2f2
  }
  
  .footer.footer-white {
    background-color: #fff
  }
  
  .footer nav {
    display: inline-block;
    float: left
  }
  
  .footer .content {
    text-align: left
  }
  
  .footer .nav-link {
    display: inline
  }
  
  .footer.footer-big {
    padding: 30px 0
  }
  
  .footer.footer-big .social-feed i {
    font-size: 20px;
    float: left;
    padding-right: 10px;
    padding-bottom: 30px
  }
  
  .footer.footer-big .gallery-feed img {
    width: 20%;
    margin-right: 5%;
    margin-bottom: 5%;
    float: left
  }
  
  .footer .footer-brand {
    float: left;
    font-size: .875rem;
    line-height: 44px
  }
  
  .footer ul {
    margin-bottom: 0;
    padding: 0;
    list-style: none
  }
  
  .footer ul:not(.links-vertical) {
    line-height: 3.1
  }
  
  .footer ul.links-vertical {
    line-height: 1.6
  }
  
  .footer ul.links-vertical li {
    display: block;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 0
  }
  
  .footer ul.links-vertical li a {
    padding: 5px;
    display: block
  }
  
  .footer ul li {
    display: inline-block
  }
  
  .footer ul li a {
    color: inherit;
    padding: 13px .5rem;
    font-size: .8571em;
    text-transform: uppercase;
    text-decoration: none
  }
  
  .footer ul li a:hover {
    text-decoration: none
  }
  
  .footer .social-buttons .btn, .footer .social-buttons a {
    margin: 0
  }
  
  .footer .pull-center {
    display: inline-block;
    float: none
  }
  
  .footer .copyright {
    font-size: .8571em;
    line-height: 3.5
  }
  
  .footer:after {
    display: table;
    clear: both;
    content: " "
  }
  
  .index-page .page-header, .presentation-page .page-header {
    height: 125vh
  }
  
  .index-page .page-header .container>.content-center, .presentation-page .page-header .container>.content-center {
    top: 37%
  }
  
  .index-page .category-absolute, .presentation-page .category-absolute {
    position: absolute;
    top: 100vh;
    margin-top: -60px;
    padding: 0 15px;
    width: 100%;
    text-align: center;
    color: rgba(255, 255, 255, .5)
  }
  
  .presentation-page .section-sections .section-description {
    text-align: center;
    margin-bottom: 60px
  }
  
  .presentation-page .section-sections .col-md-3 {
    padding: 7.5px
  }
  
  .presentation-page .section-sections img {
    width: 100%;
    border-radius: .1875rem;
    transition: .2s;
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .2)
  }
  
  .presentation-page .section-sections img:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
  }
  
  .presentation-page .section-pricing .card-pricing {
    margin-top: 45px
  }
  
  .presentation-page .section-pricing .card-margin {
    margin-top: 90px
  }
  
  .blog-posts .projects-4 {
    padding-top: 0
  }
  
  .ecommerce-page .noUi-tooltip {
    border: none
  }
  
  .ecommerce-page ngb-accordion .card .card-header:after {
    display: none
  }
  
  .ecommerce-page .container {
    position: relative;
    z-index: 2
  }
  
  .ecommerce-page .card-header {
    padding-left: 0;
    padding-right: 0
  }
  
  .ecommerce-page .card-header:after {
    width: 100%;
    left: 0
  }
  
  .ecommerce-page .slider-refine {
    margin: 15px 0
  }
  
  .ecommerce-page .card-refine {
    max-height: 273px;
    overflow-y: scroll
  }
  
  .ecommerce-page .card-refine>.card-title {
    margin-bottom: 30px
  }
  
  .ecommerce-page .card-refine .card-body {
    padding-left: 25px;
    padding-right: 25px
  }
  
  .ecommerce-page .card-refine .card-body.panel-refine {
    padding-left: 15px;
    padding-right: 15px
  }
  
  .ecommerce-page .card-refine .price-left, .ecommerce-page .card-refine .price-right {
    font-weight: 500
  }
  
  .ecommerce-page .card-refine .btn {
    margin: -5px -12px
  }
  
  .ecommerce-page .card-refine .checkbox input[type=checkbox]:checked+.checkbox-material .check {
    background: #f96332
  }
  
  .ecommerce-page .card-product .card-image {
    width: 200px;
    margin: 0 auto
  }
  
  .product-page {
    background-color: #eee
  }
  
  .product-page .carousel .carousel-control-next span {
    background-image: none!important
  }
  
  .product-page .carousel .carousel-control-next span:after {
    content: "\ea3b";
    color: #f96332;
    display: inline-block;
    font: 14px/1 'Nucleo Outline';
    font-size: inherit;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }
  
  .product-page .carousel .carousel-control-prev span {
    background-image: none!important
  }
  
  .product-page .carousel .carousel-control-prev span:after {
    content: "\ea3a";
    color: #f96332;
    display: inline-block;
    font: 14px/1 'Nucleo Outline';
    font-size: inherit;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }
  
  .product-page .carousel {
    margin: -90px 0 0
  }
  
  .product-page .carousel img {
    border-radius: .1875rem;
    height: auto
  }
  
  .product-page .section {
    padding-top: 30px
  }
  
  .product-page .main-price {
    margin: 10px 0 25px;
    font-weight: 300
  }
  
  .product-page .blockquote {
    width: 90%;
    margin-top: -10px;
    margin-left: 5%
  }
  
  .product-page .pick-size {
    margin-top: 15px;
    margin-bottom: 15px
  }
  
  .product-page .pick-size .form-group {
    margin-top: 5px
  }
  
  .product-page .related-products .title {
    margin-bottom: 80px
  }
  
  .product-page .features {
    padding-top: 30px
  }
  
  .product-page .accordeon .card {
    margin-bottom: 15px
  }
  
  .landing-page .page-header {
    height: 100vh;
    position: relative
  }
  
  .landing-page .page-header .container {
    text-align: left
  }
  
  .landing-page .page-header .share {
    margin-top: 150px
  }
  
  .landing-page .page-header h1 {
    font-weight: 600
  }
  
  .landing-page .page-header .title {
    color: #fff
  }
  
  .landing-page .section-team .team .team-player img {
    max-width: 100px
  }
  
  .landing-page .section-contact-us .title, .landing-page .section-team .team-player {
    margin-bottom: 15px
  }
  
  .landing-page .section-contact-us .description {
    margin-bottom: 30px
  }
  
  .landing-page .section-contact-us .input-group, .landing-page .section-contact-us .send-button, .landing-page .section-contact-us .textarea-container {
    padding: 0 40px
  }
  
  .landing-page .section-contact-us .textarea-container {
    margin: 40px 0
  }
  
  .landing-page .section-contact-us a.btn {
    margin-top: 35px
  }
  
  .blog-post .button-container, .profile-page .button-container {
    text-align: center;
    margin-top: -112px
  }
  
  .profile-page ngb-tabset .nav {
    width: 100%
  }
  
  .profile-page .page-header {
    min-height: 550px
  }
  
  .profile-page .profile-container {
    color: #fff
  }
  
  .profile-page .photo-container {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .3)
  }
  
  .profile-page .title {
    text-align: center;
    margin-top: 30px
  }
  
  .profile-page .category {
    text-align: center
  }
  
  .profile-page h5.description {
    max-width: 700px;
    margin: 20px auto 75px
  }
  
  .profile-page .nav-align-center {
    margin-top: 30px
  }
  
  .profile-page .info-horizontal {
    padding: 15px 0 0
  }
  
  .profile-page .content {
    max-width: 450px;
    margin: 0 auto
  }
  
  .profile-page .content .social-description {
    display: inline-block;
    max-width: 150px;
    width: 145px;
    text-align: center;
    margin: 15px 0 0
  }
  
  .profile-page .content .social-description h2 {
    margin-bottom: 5px
  }
  
  .profile-page .collections img {
    margin-bottom: 30px
  }
  
  .profile-page .gallery {
    margin-top: 45px;
    padding-bottom: 50px
  }
  
  .section-full-page:after, .section-full-page:before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2
  }
  
  .section-full-page:before {
    background-color: rgba(0, 0, 0, .5)
  }
  
  .section-full-page[filter-color=primary]:after, .section-full-page[filter-color=purple]:after {
    background: rgba(227, 227, 227, .26);
    background: linear-gradient(0deg, rgba(227, 227, 227, .26), rgba(249, 99, 50, .95))
  }
  
  .section-full-page[data-image]:after {
    opacity: .5
  }
  
  .section-full-page>.content, .section-full-page>.footer {
    position: relative;
    z-index: 4
  }
  
  .section-full-page>.content {
    min-height: calc(100vh - 80px)
  }
  
  .section-full-page .full-page-background {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center
  }
  
  .section-full-page .footer, .section-full-page .footer .copyright a, .section-full-page .footer nav>ul a:not(.btn) {
    color: #fff
  }
  
  .signup-page .section {
    padding-top: 180px;
    padding-bottom: 0
  }
  
  .signup-page .form-group, .signup-page .input-group {
    margin-bottom: 20px
  }
  
  .signup-page .card-signup {
    max-width: 100%;
    margin-bottom: 130px;
    padding: 15px 0
  }
  
  .signup-page .card-signup:not([data-background-color]) .card-title {
    color: initial
  }
  
  .signup-page .card-signup .form-check {
    padding-left: 0
  }
  
  .signup-page .card-signup .form-check .form-check-label {
    margin-left: 8px;
    padding-left: 39px;
    color: initial
  }
  
  .signup-page .info-horizontal {
    padding: 0 0 20px
  }
  
  .signup-page .social .btn {
    margin: 5px
  }
  
  .signup-page .social h4 {
    margin-top: 20px
  }
  
  .login-page .card-login {
    border-radius: .25rem;
    padding-bottom: .7rem;
    max-width: 320px
  }
  
  .login-page .card-login .btn-wd {
    min-width: 180px
  }
  
  .login-page .card-login .logo-container {
    width: 65px;
    margin: 0 auto 55px
  }
  
  .login-page .card-login .logo-container img {
    width: 100%
  }
  
  .login-page .card-login .input-group:last-child {
    margin-bottom: 40px
  }
  
  .login-page .card-login.card-plain .form-control::-moz-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .login-page .card-login.card-plain .form-control:-moz-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .login-page .card-login.card-plain .form-control::-webkit-input-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .login-page .card-login.card-plain .form-control:-ms-input-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  .login-page .card-login.card-plain .form-control {
    border-color: rgba(255, 255, 255, .5);
    color: #fff
  }
  
  .login-page .card-login.card-plain .form-control:focus {
    border-color: #fff;
    background-color: transparent;
    color: #fff
  }
  
  .login-page .card-login.card-plain .has-danger:after, .login-page .card-login.card-plain .has-success:after {
    color: #fff
  }
  
  .login-page .card-login.card-plain .has-danger .form-control {
    background-color: transparent
  }
  
  .login-page .card-login.card-plain .input-group-text {
    background-color: transparent;
    border-color: rgba(255, 255, 255, .5)
  }
  
  .login-page .card-login.card-plain .input-group-focus .input-group-text {
    background-color: transparent;
    border-color: #fff;
    color: #fff
  }
  
  .login-page .card-login.card-plain .form-group.form-group-no-border .form-control, .login-page .card-login.card-plain .input-group.form-group-no-border .form-control {
    background-color: rgba(255, 255, 255, .1);
    color: #fff
  }
  
  .login-page .card-login.card-plain .form-group.form-group-no-border .form-control:active, .login-page .card-login.card-plain .form-group.form-group-no-border .form-control:focus, .login-page .card-login.card-plain .input-group.form-group-no-border .form-control:active, .login-page .card-login.card-plain .input-group.form-group-no-border .form-control:focus {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  .login-page .card-login.card-plain .form-group.form-group-no-border .form-control+.input-group-text, .login-page .card-login.card-plain .input-group.form-group-no-border .form-control+.input-group-text {
    background-color: rgba(255, 255, 255, .1)
  }
  
  .login-page .card-login.card-plain .form-group.form-group-no-border .form-control+.input-group-text:active, .login-page .card-login.card-plain .form-group.form-group-no-border .form-control+.input-group-text:focus, .login-page .card-login.card-plain .form-group.form-group-no-border .form-control:focus+.input-group-text, .login-page .card-login.card-plain .input-group.form-group-no-border .form-control+.input-group-text:active, .login-page .card-login.card-plain .input-group.form-group-no-border .form-control+.input-group-text:focus, .login-page .card-login.card-plain .input-group.form-group-no-border .form-control:focus+.input-group-text {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  .login-page .card-login.card-plain .form-group.form-group-no-border .input-group-text, .login-page .card-login.card-plain .input-group.form-group-no-border .input-group-text {
    background-color: rgba(255, 255, 255, .1);
    border: none
  }
  
  .login-page .card-login.card-plain .form-group.form-group-no-border.input-group-focus .input-group-text, .login-page .card-login.card-plain .input-group.form-group-no-border.input-group-focus .input-group-text {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  .login-page .card-login.card-plain .form-group.form-group-no-border .input-group-text, .login-page .card-login.card-plain .input-group-text, .login-page .card-login.card-plain .input-group.form-group-no-border .input-group-text {
    color: rgba(255, 255, 255, .8)
  }
  
  .login-page .link {
    font-size: 10px;
    color: #fff!important;
    text-decoration: none
  }
  
  .login-page .link:focus, .login-page .link:hover {
    border-color: #fff!important
  }
  
  .contact-page .contact-content {
    padding-bottom: 40px;
    padding-top: 40px
  }
  
  .contact-page .container {
    max-width: 970px
  }
  
  .contact-page .big-map {
    height: 55vh;
    width: 100%;
    display: block;
    position: relative
  }
  
  .contact-page .message {
    margin-top: 20px
  }
  
  .contact-page .info {
    padding-bottom: 10px;
    padding-top: 0
  }
  
  .contact-page .info .title {
    margin: 25px 0 10px
  }
  
  .blog-post .section-blog-info {
    padding-top: 30px;
    padding-bottom: 0
  }
  
  .blog-post .section-blog-info .btn {
    margin-top: 0;
    margin-bottom: 0
  }
  
  .blog-post .section-blog-info .blog-tags {
    padding-top: 8px
  }
  
  .blog-post .section-blog-info .card-profile {
    margin-top: 0;
    text-align: left
  }
  
  .blog-post .section-blog-info .card-profile .description {
    font-size: 14px
  }
  
  .blog-post .section-blog-info .card-profile .btn {
    margin-top: 25px
  }
  
  .blog-post .section-comments .title {
    margin-bottom: 30px
  }
  
  .blog-post .media p {
    color: #888
  }
  
  .about-us .page-header .container {
    color: #fff;
    text-align: center
  }
  
  .about-us .page-header .title {
    color: #fff
  }
  
  .about-us .about-description {
    padding: 70px 0 0
  }
  
  .about-us .about-services {
    padding-top: 10px
  }
  
  .about-us .about-office img {
    margin: 20px 0
  }
  
  .about-us .about-contact, .about-us .about-office {
    padding: 80px 0
  }
  
  .about-us .about-contact .description, .about-us .about-office .description {
    margin-bottom: 70px
  }
  
  .section {
    padding: 70px 0;
    position: relative;
    background: #fff
  }
  
  .section .row+.category {
    margin-top: 15px
  }
  
  .section-navbars {
    padding-bottom: 0
  }
  
  .section-full-screen {
    height: 100vh
  }
  
  .section-signup {
    padding-top: 20vh
  }
  
  .parallax-s {
    overflow: hidden;
    height: 500px;
    width: 100%
  }
  
  .section-image {
    background-size: cover;
    background-position: center center;
    position: relative;
    width: 100%
  }
  
  .section-image .card-plain .card-title, .section-image .title {
    color: #fff
  }
  
  .section-image .nav-pills .nav-link, .section-image .nav-pills .nav-link:focus, .section-image .nav-pills .nav-link:hover {
    background-color: #fff
  }
  
  .section-image .card-pricing.card-plain ul li, .section-image .info-title, .section-image .info.info-horizontal .icon i {
    color: #fff
  }
  
  .section-image .description, .section-image .info .icon:not(.icon-circle) {
    color: rgba(255, 255, 255, .8)
  }
  
  .section-image .card:not(.card-plain) .info-title {
    color: #2c2c2c
  }
  
  .section-image .card:not(.card-plain) .description, .section-image .card:not(.card-plain) .info .icon, .section-image .card:not(.card-plain) .info p {
    color: #9a9a9a
  }
  
  .section-image .card-plain [class*=text-], .section-image .card-plain ul li b, .section-image .footer {
    color: #fff
  }
  
  .section-image .card-plain .category {
    color: rgba(255, 255, 255, .5)
  }
  
  .section-image:after {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: "";
    background-color: rgba(0, 0, 0, .7)
  }
  
  .section-image .container {
    z-index: 2;
    position: relative
  }
  
  .page-header {
    min-height: 50vh;
    max-height: 999px;
    padding: 0;
    color: #fff;
    position: relative;
    overflow: hidden
  }
  
  .page-header .page-header-image {
    position: absolute;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    z-index: -1
  }
  
  .page-header>.content {
    margin-top: 11%;
    text-align: center;
    margin-bottom: 50px
  }
  
  .signup-page .page-header {
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content
  }
  
  .page-header .content-center {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    padding: 0 15px;
    width: 100%;
    max-width: 880px
  }
  
  .page-header footer {
    position: absolute;
    bottom: 0;
    width: 100%
  }
  
  .page-header .container {
    height: 100%;
    z-index: 1
  }
  
  .page-header .category, .page-header .description {
    color: rgba(255, 255, 255, .8)
  }
  
  .page-header.page-header-small {
    min-height: 60vh;
    max-height: 440px
  }
  
  .page-header.page-header-mini {
    min-height: 40vh;
    max-height: 340px
  }
  
  .page-header .title {
    margin-bottom: 15px
  }
  
  .page-header .title+h4 {
    margin-top: 10px
  }
  
  .page-header:after, .page-header:before {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: ""
  }
  
  .page-header:before {
    background-color: rgba(0, 0, 0, .3)
  }
  
  .page-header[filter-color=orange] {
    background: rgba(44, 44, 44, .2);
    background: linear-gradient(0deg, rgba(44, 44, 44, .2), rgba(224, 23, 3, .6))
  }
  
  .clear-filter:after, .clear-filter:before {
    display: none
  }
  
  .section-story-overview {
    padding: 50px 0
  }
  
  .section-story-overview .image-container {
    height: 335px;
    position: relative;
    background-position: center center;
    background-size: cover;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .3);
    border-radius: .25rem
  }
  
  .section-story-overview .image-container+.category {
    padding-top: 15px
  }
  
  .section-story-overview .image-container.image-right {
    z-index: 2
  }
  
  .section-story-overview .image-container.image-right+h3.title {
    margin-top: 120px
  }
  
  .section-story-overview .image-container.image-left {
    z-index: 1
  }
  
  .section-story-overview .image-container img {
    width: 100%;
    left: 0;
    top: 0;
    height: auto;
    position: absolute
  }
  
  .section-story-overview .image-container:nth-child(2) {
    margin-top: 420px;
    margin-left: -105px
  }
  
  .section-story-overview p.blockquote {
    width: 220px;
    min-height: 180px;
    text-align: left;
    position: absolute;
    top: 376px;
    right: 155px;
    z-index: 0
  }
  
  .section-nucleo-icons .nucleo-container img {
    width: auto;
    left: 0;
    top: 0;
    height: 100%;
    position: absolute
  }
  
  .section-nucleo-icons .nucleo-container {
    height: 335px;
    position: relative
  }
  
  .section-nucleo-icons h5 {
    margin-bottom: 35px
  }
  
  .section-nucleo-icons .icons-container {
    position: relative;
    max-width: 450px;
    height: 300px;
    max-height: 300px;
    margin: 0 auto
  }
  
  .section-nucleo-icons .icons-container i {
    font-size: 34px;
    position: absolute;
    left: 0;
    top: 0
  }
  
  .section-nucleo-icons .icons-container i:nth-child(1) {
    top: 5%;
    left: 7%
  }
  
  .section-nucleo-icons .icons-container i:nth-child(2) {
    top: 28%;
    left: 24%
  }
  
  .section-nucleo-icons .icons-container i:nth-child(3) {
    top: 40%
  }
  
  .section-nucleo-icons .icons-container i:nth-child(4) {
    top: 18%;
    left: 62%
  }
  
  .section-nucleo-icons .icons-container i:nth-child(5) {
    top: 74%;
    left: 3%
  }
  
  .section-nucleo-icons .icons-container i:nth-child(6) {
    top: 36%;
    left: 44%;
    font-size: 65px;
    color: #f96332;
    padding: 1px
  }
  
  .section-nucleo-icons .icons-container i:nth-child(7) {
    top: 59%;
    left: 26%
  }
  
  .section-nucleo-icons .icons-container i:nth-child(8) {
    top: 60%;
    left: 69%
  }
  
  .section-nucleo-icons .icons-container i:nth-child(9) {
    top: 72%;
    left: 47%
  }
  
  .section-nucleo-icons .icons-container i:nth-child(10) {
    top: 88%;
    left: 27%
  }
  
  .section-nucleo-icons .icons-container i:nth-child(11) {
    top: 31%;
    left: 80%
  }
  
  .section-nucleo-icons .icons-container i:nth-child(12) {
    top: 88%;
    left: 68%
  }
  
  .section-nucleo-icons .icons-container i:nth-child(13) {
    top: 5%;
    left: 81%
  }
  
  .section-nucleo-icons .icons-container i:nth-child(14) {
    top: 58%;
    left: 90%
  }
  
  .section-nucleo-icons .icons-container i:nth-child(15) {
    top: 6%;
    left: 40%
  }
  
  .section-images {
    max-height: 670px;
    height: 670px
  }
  
  .section-images .hero-images-container, .section-images .hero-images-container-1, .section-images .hero-images-container-2 {
    margin-top: -38vh
  }
  
  .section-images .hero-images-container {
    max-width: 670px
  }
  
  .section-images .hero-images-container-1 {
    max-width: 390px;
    position: absolute;
    top: 55%;
    right: 18%
  }
  
  .section-images .hero-images-container-2 {
    max-width: 225px;
    position: absolute;
    top: 68%;
    right: 12%
  }
  
  [data-background-color=gray] {
    background-color: #eee
  }
  
  [data-background-color=orange] {
    background-color: #e95e38
  }
  
  [data-background-color=black] {
    background-color: #2c2c2c
  }
  
  [data-background-color]:not([data-background-color=gray]) {
    color: #fff
  }
  
  [data-background-color]:not([data-background-color=gray]) .separator-line {
    background-color: rgba(255, 255, 255, .5)
  }
  
  [data-background-color]:not([data-background-color=gray]) .footer.footer-white .footer-brand, [data-background-color]:not([data-background-color=gray]) .footer.footer-white ul li>a.nav-link:not(.btn-icon) {
    color: initial
  }
  
  [data-background-color]:not([data-background-color=gray]) .card:not(.card-plain) .card-description, [data-background-color]:not([data-background-color=gray]) .card:not(.card-plain) .category {
    color: #9a9a9a
  }
  
  [data-background-color]:not([data-background-color=gray]) .card:not(.card-plain) .card-title {
    color: initial
  }
  
  [data-background-color]:not([data-background-color=gray]) .carousel .carousel-inner {
    box-shadow: none
  }
  
  [data-background-color]:not([data-background-color=gray]) .card-pricing.card-plain ul li, [data-background-color]:not([data-background-color=gray]) .icons-container i, [data-background-color]:not([data-background-color=gray]) .info.info-horizontal .icon i, [data-background-color]:not([data-background-color=gray]) .social-description h2, [data-background-color]:not([data-background-color=gray]) .title, [data-background-color]:not([data-background-color=gray]) a:not(.btn):not(.dropdown-item):not(.card-link), [data-background-color]:not([data-background-color=gray]) h1, [data-background-color]:not([data-background-color=gray]) h2, [data-background-color]:not([data-background-color=gray]) h3, [data-background-color]:not([data-background-color=gray]) h4, [data-background-color]:not([data-background-color=gray]) h5, [data-background-color]:not([data-background-color=gray]) h6, [data-background-color]:not([data-background-color=gray]) p, [data-background-color]:not([data-background-color=gray]) p.blockquote, [data-background-color]:not([data-background-color=gray]) p.blockquote small, [data-background-color]:not([data-background-color=gray]).card a:not(.btn):not(.dropdown-item), [data-background-color]:not([data-background-color=gray]).card-pricing ul li {
    color: #fff
  }
  
  [data-background-color]:not([data-background-color=gray]).card a:not(.btn):not(.dropdown-item):focus, [data-background-color]:not([data-background-color=gray]).card a:not(.btn):not(.dropdown-item):hover {
    border-color: #fff
  }
  
  [data-background-color]:not([data-background-color=gray]).card-pricing .icon i, [data-background-color]:not([data-background-color=gray]).card-pricing ul li, [data-background-color]:not([data-background-color=gray]).footer hr {
    border-color: rgba(255, 255, 255, .2)
  }
  
  [data-background-color]:not([data-background-color=gray]) .card-footer .stats i, [data-background-color]:not([data-background-color=gray]) .card-header:after, [data-background-color]:not([data-background-color=gray]) .card-plain .category, [data-background-color]:not([data-background-color=gray]).card-plain .category {
    color: rgba(255, 255, 255, .5)
  }
  
  [data-background-color]:not([data-background-color=gray]) .author span, [data-background-color]:not([data-background-color=gray]) .card-category, [data-background-color]:not([data-background-color=gray]) .card-pricing.card-plain ul li b, [data-background-color]:not([data-background-color=gray]) .card-pricing.card-plain ul li i, [data-background-color]:not([data-background-color=gray]).card-pricing ul li b, [data-background-color]:not([data-background-color=gray]).card-pricing ul li i {
    color: rgba(255, 255, 255, .8)!important
  }
  
  [data-background-color]:not([data-background-color=gray]) .separator {
    background-color: #fff
  }
  
  [data-background-color]:not([data-background-color=gray]) .navbar.bg-white p {
    color: #888
  }
  
  [data-background-color]:not([data-background-color=gray]) .description, [data-background-color]:not([data-background-color=gray]) .social-description p {
    color: rgba(255, 255, 255, .8)
  }
  
  [data-background-color]:not([data-background-color=gray]) .checkbox label::after, [data-background-color]:not([data-background-color=gray]) .checkbox label::before, [data-background-color]:not([data-background-color=gray]) .radio label::after, [data-background-color]:not([data-background-color=gray]) .radio label::before, [data-background-color]:not([data-background-color=gray]) p.blockquote {
    border-color: rgba(255, 255, 255, .2)
  }
  
  [data-background-color]:not([data-background-color=gray]) .checkbox input[type=checkbox]:disabled+label, [data-background-color]:not([data-background-color=gray]) .checkbox label, [data-background-color]:not([data-background-color=gray]) .checkbox label::after, [data-background-color]:not([data-background-color=gray]) .radio input[type=radio]:disabled+label, [data-background-color]:not([data-background-color=gray]) .radio label {
    color: #fff
  }
  
  [data-background-color]:not([data-background-color=gray]) .radio input[type=radio]:checked+label::after, [data-background-color]:not([data-background-color=gray]) .radio input[type=radio]:not(:disabled):hover+label::after {
    background-color: #fff;
    border-color: #fff
  }
  
  [data-background-color]:not([data-background-color=gray]) .form-control::-moz-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  [data-background-color]:not([data-background-color=gray]) .form-control:-moz-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  [data-background-color]:not([data-background-color=gray]) .form-control::-webkit-input-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  [data-background-color]:not([data-background-color=gray]) .form-control:-ms-input-placeholder {
    color: #ebebeb;
    opacity: 1;
    filter: alpha(opacity=100)
  }
  
  [data-background-color]:not([data-background-color=gray]) .form-control {
    border-color: rgba(255, 255, 255, .5);
    color: #fff
  }
  
  [data-background-color]:not([data-background-color=gray]) .form-control:focus {
    border-color: #fff;
    background-color: transparent;
    color: #fff
  }
  
  [data-background-color]:not([data-background-color=gray]) .has-danger:after, [data-background-color]:not([data-background-color=gray]) .has-success:after {
    color: #fff
  }
  
  [data-background-color]:not([data-background-color=gray]) .has-danger .form-control {
    background-color: transparent
  }
  
  [data-background-color]:not([data-background-color=gray]) .input-group-text {
    background-color: transparent;
    border-color: rgba(255, 255, 255, .5)
  }
  
  [data-background-color]:not([data-background-color=gray]) .input-group-focus .input-group-text {
    background-color: transparent;
    border-color: #fff;
    color: #fff
  }
  
  [data-background-color]:not([data-background-color=gray]) .form-group.form-group-no-border .form-control, [data-background-color]:not([data-background-color=gray]) .input-group.form-group-no-border .form-control {
    background-color: rgba(255, 255, 255, .1);
    color: #fff
  }
  
  [data-background-color]:not([data-background-color=gray]) .form-group.form-group-no-border .form-control:active, [data-background-color]:not([data-background-color=gray]) .form-group.form-group-no-border .form-control:focus, [data-background-color]:not([data-background-color=gray]) .input-group.form-group-no-border .form-control:active, [data-background-color]:not([data-background-color=gray]) .input-group.form-group-no-border .form-control:focus {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  [data-background-color]:not([data-background-color=gray]) .form-group.form-group-no-border .form-control+.input-group-text, [data-background-color]:not([data-background-color=gray]) .input-group.form-group-no-border .form-control+.input-group-text {
    background-color: rgba(255, 255, 255, .1)
  }
  
  [data-background-color]:not([data-background-color=gray]) .form-group.form-group-no-border .form-control+.input-group-text:active, [data-background-color]:not([data-background-color=gray]) .form-group.form-group-no-border .form-control+.input-group-text:focus, [data-background-color]:not([data-background-color=gray]) .form-group.form-group-no-border .form-control:focus+.input-group-text, [data-background-color]:not([data-background-color=gray]) .input-group.form-group-no-border .form-control+.input-group-text:active, [data-background-color]:not([data-background-color=gray]) .input-group.form-group-no-border .form-control+.input-group-text:focus, [data-background-color]:not([data-background-color=gray]) .input-group.form-group-no-border .form-control:focus+.input-group-text {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  [data-background-color]:not([data-background-color=gray]) .form-group.form-group-no-border .input-group-text, [data-background-color]:not([data-background-color=gray]) .input-group.form-group-no-border .input-group-text {
    background-color: rgba(255, 255, 255, .1);
    border: none
  }
  
  [data-background-color]:not([data-background-color=gray]) .form-group.form-group-no-border.input-group-focus .input-group-text, [data-background-color]:not([data-background-color=gray]) .input-group.form-group-no-border.input-group-focus .input-group-text {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
  }
  
  [data-background-color]:not([data-background-color=gray]) .form-group.form-group-no-border .input-group-text, [data-background-color]:not([data-background-color=gray]) .input-group-text, [data-background-color]:not([data-background-color=gray]) .input-group.form-group-no-border .input-group-text {
    color: rgba(255, 255, 255, .8)
  }
  
  [data-background-color]:not([data-background-color=gray]) .subscribe-line .form-control {
    background-color: transparent;
    border: 1px solid #e3e3e3;
    color: #2c2c2c
  }
  
  [data-background-color]:not([data-background-color=gray]) .subscribe-line .form-control:last-child {
    border-left: 0
  }
  
  [data-background-color]:not([data-background-color=gray]) .subscribe-line .form-group.form-group-no-border .input-group-text, [data-background-color]:not([data-background-color=gray]) .subscribe-line .input-group-text, [data-background-color]:not([data-background-color=gray]) .subscribe-line .input-group.form-group-no-border .input-group-text {
    color: #555;
    border: 1px solid #e3e3e3
  }
  
  [data-background-color]:not([data-background-color=gray]) .btn.btn-simple {
    background-color: transparent;
    border-color: rgba(255, 255, 255, .5);
    color: #fff
  }
  
  [data-background-color]:not([data-background-color=gray]) .btn.btn-simple:active, [data-background-color]:not([data-background-color=gray]) .btn.btn-simple:focus, [data-background-color]:not([data-background-color=gray]) .btn.btn-simple:hover {
    background-color: transparent;
    border-color: #fff
  }
  
  [data-background-color]:not([data-background-color=gray]) .nav-tabs>.nav-item>.nav-link i.now-ui-icons, [data-background-color]:not([data-background-color=gray]).section-nucleo-icons .icons-container i:nth-child(6) {
    color: #fff
  }
  
  [class*=contactus-], [class*=features-], [class*=pricing-], [class*=projects-], [class*=team-], [class*=testimonials-] {
    padding: 80px 0
  }
  
  .page-header .carousel .carousel-indicators {
    bottom: 60px
  }
  
  .page-header .container, .page-header .title {
    color: #fff
  }
  
  .page-header.header-small {
    height: 65vh;
    min-height: 65vh
  }
  
  .page-header.header-small .container {
    padding-top: 20vh
  }
  
  .header-filter {
    position: relative
  }
  
  .header-filter .container {
    z-index: 2;
    position: relative
  }
  
  .clear-filter:before {
    display: none
  }
  
  .iframe-container iframe {
    width: 100%;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .3)
  }
  
  .header-1 .wrapper, .header-2 .wrapper, .header-3 .wrapper {
    background: #ccc
  }
  
  .header-1 .content-center, .header-2 .content-center, .header-3 .content-center {
    max-width: none!important
  }
  
  .header-1 .page-header .card, .header-2 .page-header .card {
    margin-top: 60px
  }
  
  .header-3 .btn {
    margin: 0
  }
  
  .header-3 h6 {
    margin-bottom: 0
  }
  
  .phone-container img {
    width: 100%
  }
  
  .features-1, .features-2, .features-3 {
    text-align: center
  }
  
  .features-4 .card {
    margin-top: 70px
  }
  
  .features-2 .info-title, .features-2 .title {
    color: #fff
  }
  
  .features-5 .info {
    max-width: none;
    margin: 0 auto;
    padding: 10px 0 0
  }
  
  .features-5 .phone-container {
    max-width: 200px;
    margin: 0 auto
  }
  
  .features-6 .phone-container {
    max-width: 260px;
    margin: 60px auto 0
  }
  
  .features-6 .info {
    max-width: none;
    margin: 0 auto;
    padding: 10px 0 0
  }
  
  .features-6 .info:first-child {
    padding-top: 130px
  }
  
  .features-2, .features-7, .features-8 {
    position: relative
  }
  
  .features-2:after, .features-7:after, .features-8:after {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, .5)
  }
  
  .features-2 .container, .features-2 .container-fluid, .features-2 .description, .features-2 .title, .features-7 .container, .features-7 .container-fluid, .features-7 .description, .features-7 .title, .features-8 .container, .features-8 .container-fluid, .features-8 .description, .features-8 .title {
    position: relative;
    z-index: 2
  }
  
  .features-7 .title, .features-8 .title {
    color: #fff
  }
  
  .features-8 .title+.description {
    margin-bottom: 70px
  }
  
  .features-7 {
    overflow: hidden
  }
  
  .features-7 .info-title {
    color: #fff
  }
  
  .features-7 .info-horizontal {
    padding: 15px 0 0
  }
  
  .features-7 .info-horizontal:first-child {
    padding-top: 45px
  }
  
  .features-7 .image-container {
    max-width: 1200px;
    position: relative;
    height: 550px;
    margin-top: 58px
  }
  
  .features-7 .image-container img {
    max-width: 1200px;
    left: 100px;
    top: 0;
    height: 100%;
    position: absolute
  }
  
  .tablet-container {
    margin-top: 40px
  }
  
  [class*=blogs-] {
    padding: 50px 0
  }
  
  .blogs-1 .card {
    margin-bottom: 80px
  }
  
  .blogs-4 .card {
    margin-bottom: 60px;
    text-align: center
  }
  
  .team-2 .card .card-title {
    margin: 10px 0 0
  }
  
  .team-2 .card h6 {
    margin-top: 5px
  }
  
  .team-2 [class*=col-md-]:nth-child(2) {
    margin-top: 45px
  }
  
  .team-3 .card.card-profile .card-image a>img {
    border-radius: .1875rem 0 0 .1875rem
  }
  
  .team-3 .card.card-profile .card-title {
    margin-top: 15px
  }
  
  .team-4 .card {
    text-align: left
  }
  
  .team-4 .card .footer {
    margin-top: 0
  }
  
  .team-5 h5.description {
    margin-bottom: 100px
  }
  
  .team-5 [class*=col-md-] {
    margin-top: 50px
  }
  
  .team-5 [class*=col-md-]:nth-child(2) {
    margin-top: 95px
  }
  
  .team-5 .card.card-profile .card-title+.category {
    margin-bottom: .625rem
  }
  
  .projects-1 .card-title {
    margin-top: 10px
  }
  
  .projects-2 h2.title {
    margin-top: 5px;
    margin-bottom: 15px
  }
  
  .projects-2 .card-title {
    margin-bottom: 5px
  }
  
  .projects-2 .category {
    color: #888;
    margin-top: 5px
  }
  
  .projects-2 .card-description {
    margin-top: 20px
  }
  
  .projects-2 .card {
    text-align: center
  }
  
  .projects-3 h2.title, .projects-3 h3.title {
    margin-bottom: 80px;
    margin-top: 5px
  }
  
  .projects-3 .card {
    margin-bottom: 30px;
    text-align: center
  }
  
  .projects-3 .category {
    margin-bottom: 5px
  }
  
  .projects-3 .card-title {
    margin-top: 10px
  }
  
  .projects-5 h2.title {
    margin-top: 5px;
    margin-bottom: 15px
  }
  
  .projects-5 .info {
    padding: 0
  }
  
  .projects-5 .info p {
    margin: 0
  }
  
  .projects-5 .card-background {
    margin-bottom: 0
  }
  
  .projects-5 .card-background .card-body {
    padding-top: 140px;
    padding-bottom: 140px
  }
  
  .projects-5 hr {
    margin: 70px auto;
    max-width: 970px
  }
  
  .pricing-1 h2.title {
    margin-bottom: 10px
  }
  
  .pricing-1 .card-separator {
    width: 1px;
    display: block;
    height: 100%;
    background-color: rgba(136, 136, 136, .2);
    position: absolute;
    left: 0;
    top: 0
  }
  
  .pricing-2 .nav-pills {
    margin-bottom: 50px
  }
  
  .pricing-5 ngb-tabset .tab-content {
    width: 100%
  }
  
  .pricing-3 .title, .pricing-4 .title {
    margin-bottom: 10px
  }
  
  .testimonials-1 .description {
    margin-bottom: 50px
  }
  
  .section-testimonials, .testimonials-2 {
    background-image: none
  }
  
  .section-testimonials .card-profile .card-description, .section-testimonials .card-profile .card-title, .testimonials-2 .card-profile .card-description, .testimonials-2 .card-profile .card-title {
    text-align: left!important
  }
  
  .section-testimonials .card-image, .testimonials-2 .card-image {
    margin: 0
  }
  
  .section-testimonials .carousel .carousel-inner, .testimonials-2 .carousel .carousel-inner {
    box-shadow: none
  }
  
  .section-testimonials .carousel .carousel-control-next span, .testimonials-2 .carousel .carousel-control-next span {
    background-image: none!important
  }
  
  .section-testimonials .carousel .carousel-control-next span:after, .testimonials-2 .carousel .carousel-control-next span:after {
    content: "\ea3b";
    color: #444;
    display: inline-block;
    font: 14px/1 'Nucleo Outline';
    font-size: inherit;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }
  
  .section-testimonials .carousel .carousel-control-prev span, .testimonials-2 .carousel .carousel-control-prev span {
    background-image: none!important
  }
  
  .section-testimonials .carousel .carousel-control-prev span:after, .testimonials-2 .carousel .carousel-control-prev span:after {
    content: "\ea3a";
    color: #444;
    display: inline-block;
    font: 14px/1 'Nucleo Outline';
    font-size: inherit;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }
  
  .section-testimonials .testimonials-people, .testimonials-2 .testimonials-people {
    position: relative
  }
  
  .section-testimonials .testimonials-people img, .testimonials-2 .testimonials-people img {
    position: absolute;
    border-radius: 50%;
    z-index: 4
  }
  
  .section-testimonials .testimonials-people .left-first-person, .testimonials-2 .testimonials-people .left-first-person {
    left: 2%;
    top: 2%;
    height: 70px;
    width: 70px
  }
  
  .section-testimonials .testimonials-people .left-second-person, .testimonials-2 .testimonials-people .left-second-person {
    left: 65%;
    top: 100%;
    height: 70px;
    width: 70px
  }
  
  .section-testimonials .testimonials-people .left-third-person, .testimonials-2 .testimonials-people .left-third-person {
    left: -25%;
    top: 135%;
    height: 120px;
    width: 120px
  }
  
  .section-testimonials .testimonials-people .left-fourth-person, .testimonials-2 .testimonials-people .left-fourth-person {
    left: 40%;
    top: 180%;
    height: 40px;
    width: 40px
  }
  
  .section-testimonials .testimonials-people .left-fifth-person, .testimonials-2 .testimonials-people .left-fifth-person {
    left: 95%;
    top: 220%;
    height: 45px;
    width: 45px
  }
  
  .section-testimonials .testimonials-people .left-sixth-person, .testimonials-2 .testimonials-people .left-sixth-person {
    left: 40%;
    top: 265%;
    height: 95px;
    width: 95px
  }
  
  .section-testimonials .testimonials-people .right-first-person, .testimonials-2 .testimonials-people .right-first-person {
    right: 2%;
    top: 0;
    height: 60px;
    width: 60px
  }
  
  .section-testimonials .testimonials-people .right-second-person, .testimonials-2 .testimonials-people .right-second-person {
    right: 30%;
    top: 60%;
    height: 70px;
    width: 70px
  }
  
  .section-testimonials .testimonials-people .right-third-person, .testimonials-2 .testimonials-people .right-third-person {
    right: 95%;
    top: 95%;
    height: 50px;
    width: 50px
  }
  
  .section-testimonials .testimonials-people .right-fourth-person, .testimonials-2 .testimonials-people .right-fourth-person {
    right: 66%;
    top: 145%;
    height: 40px;
    width: 40px
  }
  
  .section-testimonials .testimonials-people .right-fifth-person, .testimonials-2 .testimonials-people .right-fifth-person {
    right: 90%;
    top: 210%;
    height: 100px;
    width: 100px
  }
  
  .section-testimonials .testimonials-people .right-sixth-person, .testimonials-2 .testimonials-people .right-sixth-person {
    right: 15%;
    top: 240%;
    height: 70px;
    width: 70px
  }
  
  .contactus-1 .info {
    padding: 0;
    margin: 0
  }
  
  .contactus-1 .info:first-child {
    margin-top: 30px
  }
  
  .contactus-1 .info .info-title {
    margin-top: 20px;
    color: #fff
  }
  
  .contactus-1 .info .icon {
    margin-top: 19px;
    color: #fff
  }
  
  .contactus-1 .card-contact {
    margin-top: 30px
  }
  
  .contactus-2 {
    padding: 0;
    position: relative
  }
  
  .contactus-2 .card-contact {
    max-width: 560px;
    margin: 80px 0 80px 150px
  }
  
  .contactus-2 .card-contact .info {
    padding: 0;
    margin: 0
  }
  
  .contactus-2 .map {
    width: 100%;
    height: 100%;
    position: absolute
  }
  
  .contactus-2 .info-horizontal .icon {
    margin-top: 28px
  }
  
  .contactus-2 .info-horizontal .icon>i {
    font-size: 2.2em;
    max-width: 45px
  }
  
  .sebm-google-map-container {
    height: 100%
  }
  
  .social-line-big-icons [class*=col-] {
    border-right: 1px solid #e3e3e3
  }
  
  .social-line-big-icons [class*=col-]:last-child {
    border: 0
  }
  
  .social-line-big-icons .btn {
    margin: 0;
    width: 100%;
    padding-top: 30px!important;
    padding-bottom: 30px!important;
    height: auto
  }
  
  .social-line-big-icons .btn .fa {
    font-size: 25px
  }
  
  .social-line {
    padding: .85rem 0
  }
  
  .subscribe-line {
    padding: 30px 0
  }
  
  .subscribe-line .card {
    margin-top: 54px
  }
  
  .subscribe-line .card .card-block {
    min-height: auto
  }
  
  .subscribe-line.subscribe-line-image {
    position: relative;
    background-position: center center;
    background-size: cover
  }
  
  .subscribe-line.subscribe-line-image .description {
    color: rgba(255, 255, 255, .8)
  }
  
  .subscribe-line.subscribe-line-image .title {
    color: #fff
  }
  
  .subscribe-line.subscribe-line-image:after {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: "";
    background-color: rgba(0, 0, 0, .66)
  }
  
  .subscribe-line.subscribe-line-image .container {
    z-index: 2;
    position: relative
  }
  
  .social-line-white, .subscribe-line-white {
    background-color: #fff
  }
  
  .social-line-black, .subscribe-line-black {
    background-color: #2c2c2c
  }
  
  .social-line-black [class*=col-], .subscribe-line-black [class*=col-] {
    border-color: rgba(255, 255, 255, .1)
  }
  
  [data-background-color] .social-line h1, [data-background-color] .social-line h2, [data-background-color] .social-line h3, [data-background-color] .social-line h4, [data-background-color] .social-line h5, [data-background-color] .social-line h6 {
    color: initial
  }
  
  [data-background-color] .social-line .btn.btn-simple {
    border: 0
  }
  
  @media screen and (max-width:991px) {
    .navbar-collapse {
      position: fixed;
      display: block;
      top: 0;
      height: 100%!important;
      width: 300px;
      right: 0;
      z-index: 1032;
      visibility: visible;
      background-color: #999;
      overflow-y: visible;
      border-top: none;
      text-align: left;
      max-height: none!important;
      -webkit-transform: translate3d(300px, 0, 0);
      transform: translate3d(300px, 0, 0);
      transition: .5s cubic-bezier(.685, .0473, .346, 1)
    }
    .navbar-collapse:after {
      background: #888;
      background: linear-gradient(#888 0, #000 80%);
      opacity: .76;
      filter: alpha(opacity=76);
      display: block;
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: -1
    }
    .navbar-collapse[data-color=blue]:after {
      background: #2ca8ff;
      background: linear-gradient(#2ca8ff 0, #000 80%)
    }
    .navbar-collapse[data-color=green]:after {
      background: #18ce0f;
      background: linear-gradient(#18ce0f 0, #000 80%)
    }
    .navbar-collapse[data-color=orange]:after {
      background: #f96332;
      background: linear-gradient(#f96332 0, #000 80%)
    }
    .navbar-collapse[data-color=red]:after {
      background: #ff3636;
      background: linear-gradient(#ff3636 0, #000 80%)
    }
    .navbar-collapse[data-color=yellow]:after {
      background: #ffb236;
      background: linear-gradient(#ffb236 0, #000 80%)
    }
    .nav-open .navbar-collapse {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
    }
    .navbar-collapse .navbar-nav:not(.navbar-logo) .nav-link {
      margin: .3125rem 1rem 0
    }
    .navbar-collapse .navbar-nav:not(.navbar-logo) .nav-link:not(.btn) {
      color: #fff!important
    }
    .navbar-collapse .dropdown-menu .dropdown-item {
      color: #fff
    }
    .menu-on-left .navbar-collapse {
      right: auto;
      left: 0;
      -webkit-transform: translate3d(-300px, 0, 0);
      transform: translate3d(-300px, 0, 0)
    }
    .menu-on-left .navbar-brand {
      float: right;
      margin-right: 0;
      margin-left: 1rem
    }
    .navbar .navbar-brand {
      padding-top: .5rem;
      padding-bottom: .5rem
    }
    .navbar .navbar-nav {
      margin-top: 53px
    }
    .navbar .navbar-nav.navbar-logo {
      top: 0;
      height: 53px
    }
    .navbar .dropdown .dropdown-menu, .navbar .dropdown.show .dropdown-menu {
      background-color: transparent;
      border: 0;
      transition: none;
      box-shadow: none;
      -webkit-transform: none!important;
      transform: none!important;
      width: auto;
      margin: 0 1rem 15px;
      padding-top: 0;
      overflow-y: scroll
    }
    .navbar .dropdown .dropdown-menu:before, .navbar .dropdown.show .dropdown-menu:before {
      display: none
    }
    .navbar .dropdown .dropdown-item {
      padding-left: 2.5rem
    }
    .navbar .dropdown .dropdown-menu {
      display: none
    }
    .navbar .dropdown.show .dropdown-menu {
      display: block
    }
    .navbar .dropdown-menu .dropdown-item:focus, .navbar .dropdown-menu .dropdown-item:hover {
      color: #fff;
      border-radius: .1875rem
    }
    .navbar .navbar-translate {
      width: 100%;
      position: relative;
      display: flex;
      justify-content: space-between!important;
      align-items: center;
      transition: .5s cubic-bezier(.685, .0473, .346, 1)
    }
    .navbar .navbar-toggler-bar {
      display: block;
      position: relative;
      width: 22px;
      height: 1px;
      border-radius: 1px;
      background: #fff
    }
    .navbar .navbar-toggler-bar+.navbar-toggler-bar {
      margin-top: 7px
    }
    .navbar .navbar-toggler-bar.bar2 {
      width: 17px;
      transition: width .2s linear
    }
    .navbar.bg-white:not(.navbar-transparent) .navbar-toggler-bar {
      background: #888
    }
    .navbar .toggled .navbar-toggler-bar {
      width: 24px
    }
    .navbar .toggled .navbar-toggler-bar+.navbar-toggler-bar {
      margin-top: 5px
    }
    .navbar .nav-link i.fa, .navbar .nav-link i.now-ui-icons {
      opacity: .5
    }
    .nav-open .wrapper {
      -webkit-transform: translate3d(-150px, 0, 0);
      transform: translate3d(-150px, 0, 0)
    }
    .nav-open .navbar-translate {
      -webkit-transform: translate3d(-300px, 0, 0);
      transform: translate3d(-300px, 0, 0)
    }
    .nav-open .menu-on-left .navbar-collapse {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
    }
    .nav-open .menu-on-left .navbar-translate {
      -webkit-transform: translate3d(300px, 0, 0);
      transform: translate3d(300px, 0, 0)
    }
    .nav-open .menu-on-left .wrapper {
      -webkit-transform: translate3d(150px, 0, 0);
      transform: translate3d(150px, 0, 0)
    }
    .nav-open .menu-on-left #bodyClick {
      right: auto;
      left: 300px
    }
    .wrapper {
      transition: .5s cubic-bezier(.685, .0473, .346, 1)
    }
    .bar1, .bar2, .bar3 {
      outline: transparent solid 1px
    }
    .bar1 {
      top: 0;
      -webkit-animation: .5s linear forwards topbar-back;
      animation: .5s forwards topbar-back
    }
    .bar2 {
      opacity: 1
    }
    .bar3 {
      bottom: 0;
      -webkit-animation: .5s linear forwards bottombar-back;
      animation: .5s forwards bottombar-back
    }
    .toggled .bar1 {
      top: 6px;
      -webkit-animation: .5s linear forwards topbar-x;
      animation: .5s forwards topbar-x
    }
    .toggled .bar2 {
      opacity: 0
    }
    .toggled .bar3 {
      bottom: 6px;
      -webkit-animation: .5s linear forwards bottombar-x;
      animation: .5s forwards bottombar-x
    }
    @keyframes topbar-x {
      0% {
        top: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0)
      }
      45% {
        top: 6px;
        -webkit-transform: rotate(145deg);
        transform: rotate(145deg)
      }
      75% {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
      }
      100% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
      }
    }
    @-webkit-keyframes topbar-x {
      0% {
        top: 0;
        -webkit-transform: rotate(0)
      }
      45% {
        top: 6px;
        -webkit-transform: rotate(145deg)
      }
      75% {
        -webkit-transform: rotate(130deg)
      }
      100% {
        -webkit-transform: rotate(135deg)
      }
    }
    @keyframes topbar-back {
      0% {
        top: 6px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
      }
      45% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
      }
      75% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
      }
      100% {
        top: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0)
      }
    }
    @-webkit-keyframes topbar-back {
      0% {
        top: 6px;
        -webkit-transform: rotate(135deg)
      }
      45% {
        -webkit-transform: rotate(-10deg)
      }
      75% {
        -webkit-transform: rotate(5deg)
      }
      100% {
        top: 0;
        -webkit-transform: rotate(0)
      }
    }
    @keyframes bottombar-x {
      0% {
        bottom: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0)
      }
      45% {
        bottom: 6px;
        -webkit-transform: rotate(-145deg);
        transform: rotate(-145deg)
      }
      75% {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
      }
      100% {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
      }
    }
    @-webkit-keyframes bottombar-x {
      0% {
        bottom: 0;
        -webkit-transform: rotate(0)
      }
      45% {
        bottom: 6px;
        -webkit-transform: rotate(-145deg)
      }
      75% {
        -webkit-transform: rotate(-130deg)
      }
      100% {
        -webkit-transform: rotate(-135deg)
      }
    }
    @keyframes bottombar-back {
      0% {
        bottom: 6px;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
      }
      45% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
      }
      75% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
      }
      100% {
        bottom: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0)
      }
    }
    @-webkit-keyframes bottombar-back {
      0% {
        bottom: 6px;
        -webkit-transform: rotate(-135deg)
      }
      45% {
        -webkit-transform: rotate(10deg)
      }
      75% {
        -webkit-transform: rotate(-5deg)
      }
      100% {
        bottom: 0;
        -webkit-transform: rotate(0)
      }
    }
    @-webkit-keyframes fadeIn {
      0% {
        opacity: 0
      }
      100% {
        opacity: 1
      }
    }
    @keyframes fadeIn {
      0% {
        opacity: 0
      }
      100% {
        opacity: 1
      }
    }
    #bodyClick {
      height: 100%;
      width: 100%;
      position: fixed;
      opacity: 1;
      top: 0;
      left: auto;
      right: 300px;
      content: "";
      z-index: 9999;
      overflow-x: hidden;
      background-color: transparent;
      transition: .5s cubic-bezier(.685, .0473, .346, 1)
    }
    .profile-photo .profile-photo-small {
      margin-left: -2px
    }
    [class*=navbar-toggleable-] .navbar-collapse {
      width: 300px
    }
    .button-dropdown {
      display: none
    }
    .section-nucleo-icons .container .row>[class*=col-]:first-child {
      text-align: center
    }
    .footer .copyright {
      text-align: right
    }
    .section-nucleo-icons .icons-container {
      margin-top: 65px
    }
    .section-images {
      height: 500px;
      max-height: 500px
    }
    .section-images .hero-images-container {
      max-width: 500px
    }
    .section-images .hero-images-container-1 {
      right: 10%;
      top: 68%;
      max-width: 269px
    }
    .section-images .hero-images-container-2 {
      right: 5%;
      max-width: 135px;
      top: 93%
    }
  }
  
  @media screen and (min-width:992px) {
    .navbar-nav .nav-link.profile-photo {
      padding: 0;
      margin: 7px .7rem
    }
    .navbar-nav .nav-link.btn:not(.btn-sm) {
      margin: 0
    }
    .navbar-nav .nav-item:not(:last-child) {
      margin-right: 5px
    }
    .card.card-form-horizontal [class*=col-md-]:not(:last-child), .card.card-form-horizontal [class*=col-sm-]:not(:last-child) {
      padding-right: 0
    }
    .burger-menu .navbar-collapse {
      position: fixed;
      top: 0;
      height: 100%!important;
      width: 300px;
      right: 0;
      z-index: 1032;
      visibility: visible;
      background-color: #999;
      overflow-y: visible;
      border-top: none;
      text-align: left;
      max-height: none!important;
      -webkit-transform: translate3d(300px, 0, 0);
      transform: translate3d(300px, 0, 0);
      transition: .5s cubic-bezier(.685, .0473, .346, 1);
      display: block!important
    }
    .burger-menu .navbar-collapse:after {
      background: #888;
      background: linear-gradient(#888 0, #000 80%);
      opacity: .76;
      filter: alpha(opacity=76);
      display: block;
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: -1
    }
    .burger-menu .navbar-collapse[data-color=blue]:after {
      background: #2ca8ff;
      background: linear-gradient(#2ca8ff 0, #000 80%)
    }
    .burger-menu .navbar-collapse[data-color=green]:after {
      background: #18ce0f;
      background: linear-gradient(#18ce0f 0, #000 80%)
    }
    .burger-menu .navbar-collapse[data-color=orange]:after {
      background: #f96332;
      background: linear-gradient(#f96332 0, #000 80%)
    }
    .burger-menu .navbar-collapse[data-color=red]:after {
      background: #ff3636;
      background: linear-gradient(#ff3636 0, #000 80%)
    }
    .burger-menu .navbar-collapse[data-color=yellow]:after {
      background: #ffb236;
      background: linear-gradient(#ffb236 0, #000 80%)
    }
    .nav-open .burger-menu .navbar-collapse {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
    }
    .burger-menu .navbar-collapse .navbar-nav:not(.navbar-logo) .nav-link {
      margin: .3125rem 1rem 0
    }
    .burger-menu .navbar-collapse .navbar-nav:not(.navbar-logo) .nav-link:not(.btn) {
      color: #fff!important
    }
    .burger-menu .navbar-collapse .dropdown-menu .dropdown-item {
      color: #fff
    }
    .menu-on-left .burger-menu .navbar-collapse {
      right: auto;
      left: 0;
      -webkit-transform: translate3d(-300px, 0, 0);
      transform: translate3d(-300px, 0, 0)
    }
    .burger-menu .menu-on-left .navbar-brand {
      float: right;
      margin-right: 0;
      margin-left: 1rem
    }
    .burger-menu .navbar .navbar-brand {
      padding-top: .5rem;
      padding-bottom: .5rem
    }
    .burger-menu .navbar .navbar-nav {
      margin-top: 53px
    }
    .burger-menu .navbar .navbar-nav.navbar-logo {
      top: 0;
      height: 53px
    }
    .burger-menu .navbar .dropdown .dropdown-menu, .burger-menu .navbar .dropdown.show .dropdown-menu {
      background-color: transparent;
      border: 0;
      transition: none;
      box-shadow: none;
      -webkit-transform: none!important;
      transform: none!important;
      width: auto;
      margin: 0 1rem 15px;
      padding-top: 0;
      height: 300px;
      overflow-y: scroll
    }
    .burger-menu .navbar .dropdown .dropdown-menu:before, .burger-menu .navbar .dropdown.show .dropdown-menu:before {
      display: none
    }
    .burger-menu .navbar .dropdown .dropdown-item {
      padding-left: 2.5rem
    }
    .burger-menu .navbar .dropdown .dropdown-menu {
      display: none
    }
    .burger-menu .navbar .dropdown.show .dropdown-menu {
      display: block
    }
    .burger-menu .navbar .dropdown-menu .dropdown-item:focus, .burger-menu .navbar .dropdown-menu .dropdown-item:hover {
      color: #fff;
      border-radius: .1875rem
    }
    .burger-menu .navbar .navbar-translate {
      width: 100%;
      position: relative;
      display: flex;
      justify-content: space-between!important;
      align-items: center;
      transition: .5s cubic-bezier(.685, .0473, .346, 1)
    }
    .burger-menu .navbar .navbar-toggler-bar {
      display: block;
      position: relative;
      width: 22px;
      height: 1px;
      border-radius: 1px;
      background: #fff
    }
    .burger-menu .navbar .navbar-toggler-bar+.navbar-toggler-bar {
      margin-top: 7px
    }
    .burger-menu .navbar .navbar-toggler-bar.bar2 {
      width: 17px;
      transition: width .2s linear
    }
    .burger-menu .navbar.bg-white:not(.navbar-transparent) .navbar-toggler-bar {
      background: #888
    }
    .burger-menu .navbar .toggled .navbar-toggler-bar {
      width: 24px
    }
    .burger-menu .navbar .toggled .navbar-toggler-bar+.navbar-toggler-bar {
      margin-top: 5px
    }
    .burger-menu .navbar .nav-link i.fa, .burger-menu .navbar .nav-link i.now-ui-icons {
      opacity: .5
    }
    .burger-menu .nav-open .wrapper {
      -webkit-transform: translate3d(-150px, 0, 0);
      transform: translate3d(-150px, 0, 0)
    }
    .burger-menu .nav-open .navbar-translate {
      -webkit-transform: translate3d(-300px, 0, 0);
      transform: translate3d(-300px, 0, 0)
    }
    .burger-menu .nav-open .menu-on-left .navbar-collapse {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
    }
    .burger-menu .nav-open .menu-on-left .navbar-translate {
      -webkit-transform: translate3d(300px, 0, 0);
      transform: translate3d(300px, 0, 0)
    }
    .burger-menu .nav-open .menu-on-left .wrapper {
      -webkit-transform: translate3d(150px, 0, 0);
      transform: translate3d(150px, 0, 0)
    }
    .burger-menu .nav-open .menu-on-left #bodyClick {
      right: auto;
      left: 300px
    }
    .burger-menu .wrapper {
      transition: .5s cubic-bezier(.685, .0473, .346, 1)
    }
    .burger-menu .bar1, .burger-menu .bar2, .burger-menu .bar3 {
      outline: transparent solid 1px
    }
    .burger-menu .bar1 {
      top: 0;
      -webkit-animation: .5s linear forwards topbar-back;
      animation: .5s forwards topbar-back
    }
    .burger-menu .bar2 {
      opacity: 1
    }
    .burger-menu .bar3 {
      bottom: 0;
      -webkit-animation: .5s linear forwards bottombar-back;
      animation: .5s forwards bottombar-back
    }
    .burger-menu .toggled .bar1 {
      top: 6px;
      -webkit-animation: .5s linear forwards topbar-x;
      animation: .5s forwards topbar-x
    }
    .burger-menu .toggled .bar2 {
      opacity: 0
    }
    .burger-menu .toggled .bar3 {
      bottom: 6px;
      -webkit-animation: .5s linear forwards bottombar-x;
      animation: .5s forwards bottombar-x
    }
    @keyframes topbar-x {
      0% {
        top: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0)
      }
      45% {
        top: 6px;
        -webkit-transform: rotate(145deg);
        transform: rotate(145deg)
      }
      75% {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
      }
      100% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
      }
    }
    @-webkit-keyframes topbar-x {
      0% {
        top: 0;
        -webkit-transform: rotate(0)
      }
      45% {
        top: 6px;
        -webkit-transform: rotate(145deg)
      }
      75% {
        -webkit-transform: rotate(130deg)
      }
      100% {
        -webkit-transform: rotate(135deg)
      }
    }
    @keyframes topbar-back {
      0% {
        top: 6px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
      }
      45% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
      }
      75% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
      }
      100% {
        top: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0)
      }
    }
    @-webkit-keyframes topbar-back {
      0% {
        top: 6px;
        -webkit-transform: rotate(135deg)
      }
      45% {
        -webkit-transform: rotate(-10deg)
      }
      75% {
        -webkit-transform: rotate(5deg)
      }
      100% {
        top: 0;
        -webkit-transform: rotate(0)
      }
    }
    @keyframes bottombar-x {
      0% {
        bottom: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0)
      }
      45% {
        bottom: 6px;
        -webkit-transform: rotate(-145deg);
        transform: rotate(-145deg)
      }
      75% {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
      }
      100% {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
      }
    }
    @-webkit-keyframes bottombar-x {
      0% {
        bottom: 0;
        -webkit-transform: rotate(0)
      }
      45% {
        bottom: 6px;
        -webkit-transform: rotate(-145deg)
      }
      75% {
        -webkit-transform: rotate(-130deg)
      }
      100% {
        -webkit-transform: rotate(-135deg)
      }
    }
    @keyframes bottombar-back {
      0% {
        bottom: 6px;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
      }
      45% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
      }
      75% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
      }
      100% {
        bottom: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0)
      }
    }
    @-webkit-keyframes bottombar-back {
      0% {
        bottom: 6px;
        -webkit-transform: rotate(-135deg)
      }
      45% {
        -webkit-transform: rotate(10deg)
      }
      75% {
        -webkit-transform: rotate(-5deg)
      }
      100% {
        bottom: 0;
        -webkit-transform: rotate(0)
      }
    }
    @-webkit-keyframes fadeIn {
      0% {
        opacity: 0
      }
      100% {
        opacity: 1
      }
    }
    @keyframes fadeIn {
      0% {
        opacity: 0
      }
      100% {
        opacity: 1
      }
    }
    .burger-menu #bodyClick {
      height: 100%;
      width: 100%;
      position: fixed;
      opacity: 1;
      top: 0;
      left: auto;
      right: 300px;
      content: "";
      z-index: 9999;
      overflow-x: hidden;
      background-color: transparent;
      transition: .5s cubic-bezier(.685, .0473, .346, 1)
    }
    .burger-menu .navbar-collapse .navbar-nav {
      margin-top: 53px;
      height: 100%;
      z-index: 2;
      position: relative;
      display: flex;
      flex-direction: column
    }
    .burger-menu .navbar-collapse .navbar-nav .nav-item {
      margin: 0
    }
    .burger-menu.menu-on-left .navbar-collapse {
      right: auto;
      left: 0;
      -webkit-transform: translate3d(-300px, 0, 0);
      transform: translate3d(-300px, 0, 0)
    }
    .burger-menu .navbar-toggleable-md .navbar-nav .dropdown-menu {
      position: static;
      float: none
    }
    .burger-menu .navbar-toggleable-md .navbar-toggler {
      display: inline-block
    }
    .nav-open .burger-menu.menu-on-left .navbar .navbar-translate {
      -webkit-transform: translate3d(300px, 0, 0);
      transform: translate3d(300px, 0, 0)
    }
    .nav-open .burger-menu .navbar .navbar-translate {
      -webkit-transform: translate3d(-300px, 0, 0);
      transform: translate3d(-300px, 0, 0)
    }
    .nav-open .burger-menu.menu-on-left .navbar-collapse {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
    }
    .nav-open .burger-menu.menu-on-left #bodyClick {
      right: auto;
      left: 300px
    }
    .burger-menu.menu-on-left .navbar-brand {
      float: right;
      margin-right: 0;
      margin-left: 1rem
    }
    .section-nucleo-icons .icons-container {
      margin: 0 0 0 auto
    }
    .footer:not(.footer-big) .copyright {
      float: right
    }
  }
  
  @media screen and (min-width:768px) {
    .image-container.image-right {
      top: 80px;
      margin-left: -100px;
      margin-bottom: 130px
    }
    .image-container.image-left {
      margin-right: -100px
    }
  }
  
  @media screen and (max-width:768px) {
    .image-container.image-left {
      margin-bottom: 260px
    }
    .image-container.image-left p.blockquote {
      margin: 0 auto;
      position: relative;
      right: 0
    }
    .header-2 .card-form-horizontal .form-group, .header-2 .card-form-horizontal .input-group {
      margin-bottom: 10px
    }
    .contactus-2 .card-contact {
      max-width: inherit;
      margin: 15px 0 0
    }
    .section-story-overview .image-container+.category {
      padding-top: 50px
    }
    .features-7 .image-container img {
      left: 0;
      top: 0;
      max-width: inherit;
      width: 100%;
      height: auto;
      position: relative
    }
    .footer.footer-big .social-feed i {
      padding-bottom: 10px
    }
    .nav-tabs {
      display: inline-block;
      width: 100%;
      padding-left: 100px;
      padding-right: 100px;
      text-align: center
    }
    .nav-tabs .nav-item>.nav-link {
      margin-bottom: 5px
    }
    .landing-page .section-story-overview .image-container:nth-child(2) {
      margin-left: 0;
      margin-bottom: 30px
    }
  }
  
  @media screen and (max-width:580px) {
    .alert button.close {
      position: absolute;
      right: -6px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%)
    }
  }
  
  @media screen and (max-width:576px) {
    .navbar[class*=navbar-toggleable-] .container {
      margin-left: 0;
      margin-right: 0
    }
    .typography-line span {
      margin-left: 0
    }
    .footer .copyright {
      text-align: center
    }
    .projects-1 .nav-pills {
      display: block
    }
    .projects-1 .nav-pills .nav-item .nav-link {
      margin: 0 auto 15px
    }
    .subscribe-line .card-form-horizontal .btn {
      margin-top: 10px
    }
    .modal .modal-dialog .modal-header button.close {
      font-size: 18px;
      right: 12px;
      top: 10px
    }
    .header-3 .btn {
      margin-bottom: 10px
    }
    .card.card-fashion:not(.card-background):before {
      display: none
    }
    .profile-page .content-center {
      margin: 10px 0 0
    }
    .profile-page .content-center .content .social-description {
      width: 105px;
      max-width: 105px
    }
    .section-nucleo-icons .icons-container i {
      font-size: 30px
    }
    .section-nucleo-icons .icons-container i:nth-child(6) {
      font-size: 48px
    }
    .page-header .container h6.category-absolute {
      width: 90%
    }
  }
  
  @media screen and (min-width:991px) and (max-width:1200px) {
    .section-images .hero-images-container-1 {
      right: 9%;
      max-width: 370px
    }
    .section-images .hero-images-container-2 {
      right: 2%;
      max-width: 216px
    }
  }
  
  @media screen and (max-width:768px) {
    .section-images {
      height: 300px;
      max-height: 300px
    }
    .section-images .hero-images-container {
      max-width: 380px
    }
    .section-images .hero-images-container-1 {
      right: 7%;
      top: 87%;
      max-width: 210px
    }
    .section-images .hero-images-container-2 {
      right: 1%;
      max-width: 133px;
      top: 99%
    }
    .footer nav {
      display: block;
      float: none
    }
    #social-buttons>.row .col-md-1:nth-child(2) p, #social-buttons>.row .col-md-1:nth-child(3) p, #social-buttons>.row .col-md-3 p {
      display: none
    }
  }
  
  @media screen and (max-width:517px) {
    .alert .alert-icon {
      margin-top: 10px
    }
  }
  
  @media screen and (min-width:1200px) {
    .section-images .hero-images-container-1 {
      top: 51%;
      right: 21%
    }
    .section-images .hero-images-container-2 {
      top: 66%;
      right: 14%
    }
  }
  
  .text-margin {
    margin-right: 2px!important
  }
  
  .logo-container .brand, .logo-container .logo, .presentation-page .front, .presentation-page .front .btn, .presentation-page .front:after {
    transition: .2s
  }
  
  .presentation-page .loader {
    opacity: 0;
    display: block;
    transition: .4s;
    -webkit-transition: .4s;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1031;
    margin-left: -32px;
    margin-top: -32px
  }
  
  .presentation-page .section-basic-components, .presentation-page .section-testimonials {
    overflow: hidden
  }
  
  .presentation-page .loader.visible {
    display: block;
    opacity: 1
  }
  
  .presentation-page .modal-content {
    background-color: transparent;
    box-shadow: 0 0 0
  }
  
  .presentation-page .modal-backdrop.in {
    opacity: .45
  }
  
  .presentation-page .preload-image {
    display: none;
    box-shadow: 0 0 15px rgba(0, 0, 0, .15), 0 0 1px 1px rgba(0, 0, 0, .1)
  }
  
  .presentation-page .section-components .col-md-3 {
    max-width: 16%;
    padding-left: 100px
  }
  
  .presentation-page .section-icons {
    padding: 180px 0
  }
  
  .presentation-page .section-icons [class*=col-]:nth-child(2) {
    padding: 0 70px
  }
  
  .presentation-page .section-icons[data-background-color=black] {
    background-color: #777
  }
  
  .presentation-page .section-icons .icons-nucleo {
    width: 100%;
    height: 100%;
    position: relative;
    top: -48px
  }
  
  .presentation-page .section-icons .icons-nucleo .now-ui-icons {
    position: absolute;
    color: #fff;
    transform: translate3D(0, 50px, 0);
    -webkit-transform: translate3D(0, 50px, 0);
    transition: .6s cubic-bezier(.34, 2, .7, 1)
  }
  
  .presentation-page .section-icons .icons-nucleo .first-left-icon {
    top: -25%;
    left: 10%;
    font-size: 65px
  }
  
  .presentation-page .section-icons .icons-nucleo .second-left-icon {
    top: 0;
    left: 45%;
    font-size: 35px
  }
  
  .presentation-page .section-icons .icons-nucleo .third-left-icon {
    top: 30%;
    left: 65%;
    font-size: 25px
  }
  
  .presentation-page .section-icons .icons-nucleo .fourth-left-icon {
    top: 70%;
    left: 10%;
    font-size: 50px
  }
  
  .presentation-page .section-icons .icons-nucleo .fifth-left-icon {
    top: 45%;
    left: 30%;
    font-size: 40px
  }
  
  .presentation-page .section-icons .icons-nucleo .sixth-left-icon {
    top: 120%;
    left: 35%;
    font-size: 40px
  }
  
  .presentation-page .section-icons .icons-nucleo .seventh-left-icon {
    top: 35%;
    left: 85%;
    font-size: 45px
  }
  
  .presentation-page .section-icons .icons-nucleo .eighth-left-icon {
    top: 90%;
    left: 55%;
    font-size: 30px
  }
  
  .presentation-page .section-icons .icons-nucleo .ninth-left-icon {
    top: 40%;
    left: 5%;
    font-size: 40px
  }
  
  .presentation-page .section-icons .icons-nucleo .tenth-left-icon {
    top: 75%;
    left: 80%;
    font-size: 35px
  }
  
  .presentation-page .section-icons .icons-nucleo .first-right-icon {
    top: -25%;
    right: 10%;
    font-size: 65px
  }
  
  .presentation-page .section-icons .icons-nucleo .second-right-icon {
    top: 0;
    right: 45%;
    font-size: 35px
  }
  
  .presentation-page .section-icons .icons-nucleo .third-right-icon {
    top: 30%;
    right: 65%;
    font-size: 25px
  }
  
  .presentation-page .section-icons .icons-nucleo .fourth-right-icon {
    top: 70%;
    right: 10%;
    font-size: 50px
  }
  
  .presentation-page .section-icons .icons-nucleo .fifth-right-icon {
    top: 45%;
    right: 30%;
    font-size: 40px
  }
  
  .presentation-page .section-icons .icons-nucleo .sixth-right-icon {
    top: 120%;
    right: 35%;
    font-size: 35px
  }
  
  .presentation-page .section-icons .icons-nucleo .seventh-right-icon {
    top: 35%;
    right: 88%;
    font-size: 30px
  }
  
  .presentation-page .section-icons .icons-nucleo .eighth-right-icon {
    top: 90%;
    right: 55%;
    font-size: 35px
  }
  
  .presentation-page .section-icons .icons-nucleo .ninth-right-icon {
    top: 40%;
    right: 5%;
    font-size: 40px
  }
  
  .presentation-page .section-icons .icons-nucleo .tenth-right-icon {
    top: 75%;
    right: 80%;
    font-size: 35px
  }
  
  .presentation-page .section-cards .image-container1, .presentation-page .section-cards .image-container2, .presentation-page .section-cards .image-container3, .presentation-page .section-cards .image-container4, .presentation-page .section-cards .image-container5 {
    display: inline-block;
    position: relative;
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .2);
    border-radius: .1875rem;
    overflow: hidden
  }
  
  .presentation-page .section-cards .image-container1 {
    left: 48px
  }
  
  .presentation-page .section-cards .image-container5 {
    right: 48px
  }
  
  .presentation-page .section-cards .image-container2 {
    left: 25px
  }
  
  .presentation-page .section-cards .image-container4 {
    right: 25px
  }
  
  .presentation-page .section-cards .images-container {
    height: 100%;
    margin: 60px auto 0;
    text-align: center
  }
  
  .presentation-page .section-cards .image-container1, .presentation-page .section-cards .image-container5 {
    width: 16%;
    top: -53px;
    z-index: 1
  }
  
  .presentation-page .section-cards .image-container2, .presentation-page .section-cards .image-container4 {
    width: 22%;
    top: -27px;
    z-index: 2
  }
  
  .presentation-page .section-cards .image-container3 {
    width: 22%;
    z-index: 3
  }
  
  .presentation-page .section-cards+.section-content {
    padding-top: 480px;
    padding-bottom: 30px;
    margin-top: -277px
  }
  
  .presentation-page .page-header+.section-components {
    padding-top: 300px
  }
  
  .presentation-page>.description {
    padding-top: 20px
  }
  
  .presentation-page .section-rotation {
    padding: 140px 0
  }
  
  .presentation-page .section-images {
    padding: 80px 0
  }
  
  .presentation-page .section-thin {
    padding: 0
  }
  
  .presentation-page .section-pay {
    padding-top: 20px
  }
  
  .presentation-page .colors {
    padding: 70px 0;
    z-index: 7;
    position: relative;
    margin-top: -300px;
    border-top: 1px solid #ddd
  }
  
  .presentation-page .card-container {
    -webkit-perspective: 900px;
    -o-perspective: 900px;
    perspective: 900px;
    width: 300px;
    position: relative;
    margin-top: 90px
  }
  
  .presentation-page .card-component {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    height: 500px
  }
  
  .presentation-page .card-component .front {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    cursor: pointer;
    box-shadow: 10px 4px 14px rgba(0, 0, 0, .12);
    border-radius: 10px;
    overflow: hidden
  }
  
  .presentation-page h5.description {
    margin-top: 35px
  }
  
  .presentation-page .category {
    text-transform: uppercase
  }
  
  .presentation-page .section-basic-components {
    padding: 190px 0
  }
  
  .presentation-page .section-basic-components .title {
    margin-top: 60px
  }
  
  .presentation-page .section-basic-components .image-container {
    height: 380px;
    position: relative
  }
  
  .presentation-page .section-basic-components .image-container .components-macbook {
    width: auto;
    left: 100px;
    top: 0;
    height: auto;
    position: absolute
  }
  
  .presentation-page .section-basic-components .image-container .coloured-card-btn-img, .presentation-page .section-basic-components .image-container .coloured-card-img, .presentation-page .section-basic-components .image-container .linkedin-btn-img, .presentation-page .section-basic-components .image-container .share-btn-img, .presentation-page .section-basic-components .image-container .social-img, .presentation-page .section-basic-components .image-container .table-img {
    position: absolute;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2)
  }
  
  .presentation-page .section-basic-components .image-container .table-img {
    left: 65%;
    top: 23%;
    height: 175px;
    border-radius: 3px
  }
  
  .presentation-page .section-basic-components .image-container .share-btn-img {
    left: 83%;
    top: 95%;
    height: 25px;
    border-radius: 10px
  }
  
  .presentation-page .section-basic-components .image-container .coloured-card-img {
    left: 50%;
    top: -11%;
    height: 102px;
    border-radius: 3px
  }
  
  .presentation-page .section-basic-components .image-container .coloured-card-btn-img {
    left: -3%;
    top: 42%;
    height: 133px;
    border-radius: 3px
  }
  
  .presentation-page .section-basic-components .image-container .social-img {
    left: -4%;
    top: 95%;
    height: 57px
  }
  
  .presentation-page .section-basic-components .image-container .linkedin-btn-img {
    left: 3%;
    top: -3%;
    height: 25px;
    border-radius: 10px
  }
  
  .presentation-page .section-components+.section {
    margin-top: -270px;
    z-index: 7;
    position: relative;
    border-top: 1px solid rgba(231, 231, 231, .5)
  }
  
  .presentation-page .info {
    max-width: 410px
  }
  
  .presentation-page .section-free-demo {
    overflow: hidden
  }
  
  .presentation-page .section-free-demo .github-buttons>.btn {
    float: left;
    margin-right: 15px
  }
  
  .presentation-page .section-free-demo .github-buttons .github-button {
    float: left;
    margin-top: 15px
  }
  
  .presentation-page .section-free-demo .github-background-container {
    position: absolute;
    right: -420px;
    top: -50px
  }
  
  .presentation-page .section-free-demo .github-background-container i {
    font-size: 810px;
    opacity: .1
  }
  
  .presentation-page .section-sections {
    overflow: hidden;
    padding-top: 200px
  }
  
  .presentation-page .section-sections .container-fluid {
    z-index: 1
  }
  
  .presentation-page .section-sections .container-fluid img {
    position: relative;
    z-index: 2
  }
  
  .presentation-page .section-examples {
    margin-top: -125px
  }
  
  .presentation-page .section-examples .section-description {
    margin-top: 100px
  }
  
  .presentation-page .section-testimonials {
    padding-bottom: 0
  }
  
  .presentation-page .section-testimonials[data-background-color=black] {
    background: #181818
  }
  
  .presentation-page .section-testimonials .carousel .card {
    margin: 40px auto
  }
  
  .presentation-page .section-testimonials .testimonials-people {
    margin-top: -100px
  }
  
  .presentation-page .section-pricing .our-clients {
    margin-bottom: 100px;
    margin-top: 50px
  }
  
  .presentation-page .section-pricing .our-clients img {
    width: 100%;
    max-width: 120px;
    margin: 0 30px;
    display: inline-block
  }
  
  .presentation-page .section-sharing span {
    margin-top: 30px;
    display: block
  }
  
  .presentation-page .section-sharing .fa-pay {
    font-size: 30px;
    display: inline-block;
    margin: 5px 1px 0;
    width: auto
  }
  
  .presentation-page .section-components {
    z-index: 1
  }
  
  .presentation-page .front img {
    z-index: 2;
    position: relative
  }
  
  .presentation-page .card-component img {
    width: 100%
  }
  
  .presentation-page .description .col-md-3 {
    width: 16%;
    margin-left: 4%
  }
  
  .presentation-page .first-card {
    z-index: 6
  }
  
  .presentation-page .second-card {
    z-index: 5
  }
  
  .presentation-page .third-card {
    z-index: 4
  }
  
  .presentation-page .fourth-card {
    z-index: 3
  }
  
  .presentation-page .section-gray h1 small {
    color: #888
  }
  
  .presentation-page .color-container {
    text-align: center
  }
  
  .presentation-page .color-container img {
    width: 100%;
    margin-bottom: 10px
  }
  
  .presentation-page .circle-color {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: block;
    background-color: #ccc;
    margin: 0 auto
  }
  
  .presentation-page .circle-red {
    background-color: #ff3b30
  }
  
  .presentation-page .circle-blue {
    background-color: #3472f7
  }
  
  .presentation-page .circle-azure {
    background-color: #2ca8ff
  }
  
  .presentation-page .circle-green {
    background-color: #05ae0e
  }
  
  .presentation-page .circle-orange {
    background-color: #ff9500
  }
  
  .index-page .rellax-text-container, .presentation-page .rellax-text-container {
    max-width: 1003px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 24%
  }
  
  .index-page .rellax-text-container .h1-seo, .presentation-page .rellax-text-container .h1-seo {
    font-size: 14.8em;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans Condensed', sans-serif;
    z-index: 1;
    letter-spacing: -10px;
    text-align: center;
    background: #ffedea;
    background: linear-gradient(to bottom, #fff 35%, #c38775 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
  }
  
  .index-page .rellax-text-container .pro, .presentation-page .rellax-text-container .pro {
    position: absolute;
    font-size: 20px;
    background: #132026;
    padding: 6px 10px;
    border-radius: 4px;
    top: 41px;
    font-weight: 600;
    margin-top: 10px;
    right: -78px
  }
  
  .index-page .n-logo, .presentation-page .n-logo {
    max-width: 100px;
    margin-bottom: 40px
  }
  
  .index-page .page-header-city, .presentation-page .page-header-city {
    background-size: cover;
    background-position: top;
    top: 25.5%;
    background-repeat: no-repeat
  }
  
  .index-page .h3-description, .presentation-page .h3-description {
    z-index: 3;
    top: 50%;
    position: absolute;
    width: 100%;
    text-align: center;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .71)
  }
  
  .index-page .category-absolute, .presentation-page .category-absolute {
    z-index: 3
  }
  
  .index-page .rellax-header, .presentation-page .rellax-header {
    position: absolute;
    height: 100%;
    width: 100%
  }
  
  .index-page .rellax-header-sky, .presentation-page .rellax-header-sky {
    z-index: 0;
    height: 50%
  }
  
  .index-page .rellax-header-buildings, .presentation-page .rellax-header-buildings {
    z-index: 2
  }
  
  .index-page [data-background-color=dark-red], .presentation-page [data-background-color=dark-red] {
    background: #220c08
  }
  
  .index-page .page-header, .presentation-page .page-header {
    background: #d0aea8
  }
  
  .index-page .rellax-text-container {
    top: 22%
  }
  
  .index-page .rellax-text-container .h1-seo {
    letter-spacing: -3px;
    font-size: 10.3em
  }
  
  .tim-white-buttons {
    background-color: #777
  }
  
  .typography-line {
    padding-left: 25%;
    margin-bottom: 35px;
    position: relative;
    display: block;
    width: 100%
  }
  
  .typography-line span {
    bottom: 10px;
    color: #c0c1c2;
    display: block;
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    left: 0;
    margin-left: 20px;
    position: absolute;
    width: 260px;
    text-transform: none
  }
  
  .tim-row {
    padding-top: 60px
  }
  
  .tim-row h3 {
    margin-top: 0
  }
  
  .switch {
    margin-right: 20px
  }
  
  #navbar-full .navbar {
    border-radius: 0!important;
    margin-bottom: 15px;
    z-index: 2
  }
  
  #menu-dropdown .navbar {
    border-radius: 3px
  }
  
  #pagination-row .pagination-container {
    height: 100%;
    max-height: 100%;
    display: flex;
    align-items: center
  }
  
  #icons-row i.now-ui-icons {
    font-size: 30px
  }
  
  .space {
    height: 130px;
    display: block
  }
  
  .space-110 {
    height: 110px;
    display: block
  }
  
  .space-50 {
    height: 50px;
    display: block
  }
  
  .space-70 {
    height: 70px;
    display: block
  }
  
  .navigation-example .img-src {
    background-attachment: scroll
  }
  
  .navigation-example {
    background-position: center center;
    background-size: cover;
    margin-top: 0;
    min-height: 740px;
    height: 100%
  }
  
  #notifications {
    background-color: #fff;
    display: block;
    width: 100%;
    position: relative
  }
  
  .tim-note {
    text-transform: capitalize
  }
  
  #buttons .btn, #javascriptComponents .btn {
    margin: 0 0 10px
  }
  
  .space-100 {
    height: 100px;
    display: block;
    width: 100%
  }
  
  .be-social {
    padding-bottom: 20px;
    margin: 0 auto 40px
  }
  
  .txt-white {
    color: #fff
  }
  
  .txt-gray {
    color: #ddd!important
  }
  
  .parallax {
    width: 100%;
    height: 570px;
    display: block;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
  }
  
  .logo-container .logo {
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #333;
    width: 50px;
    float: left
  }
  
  .logo-container .brand {
    font-size: 16px;
    color: #fff;
    line-height: 18px;
    float: left;
    margin-left: 10px;
    margin-top: 7px;
    width: 70px;
    height: 40px;
    text-align: left
  }
  
  .logo-container .brand-material {
    font-size: 18px;
    margin-top: 15px;
    height: 25px;
    width: auto
  }
  
  .logo-container .logo img {
    width: 100%
  }
  
  .navbar-small .logo-container .brand {
    color: #333
  }
  
  .fixed-section {
    top: 90px;
    max-height: 80vh;
    overflow: scroll;
    position: -webkit-sticky;
    position: sticky
  }
  
  .fixed-section ul {
    padding: 0
  }
  
  .fixed-section ul li {
    list-style: none
  }
  
  .fixed-section li a {
    font-size: 14px;
    padding: 2px;
    display: block;
    color: #666
  }
  
  .fixed-section li a.active {
    color: #0bf
  }
  
  .fixed-section.float {
    position: fixed;
    top: 100px;
    width: 200px;
    margin-top: 0
  }
  
  .parallax .parallax-image {
    width: 100%;
    overflow: hidden;
    position: absolute
  }
  
  .parallax .parallax-image img {
    width: 100%
  }
  
  @media (max-width:768px) {
    .parallax .parallax-image {
      width: 100%;
      height: 640px;
      overflow: hidden
    }
    .parallax .parallax-image img {
      height: 100%;
      width: auto
    }
  }
  
  .social-buttons-demo .btn {
    margin-right: 5px;
    margin-bottom: 7px
  }
  
  .img-container {
    width: 100%;
    overflow: hidden
  }
  
  .img-container img, .lightbox img {
    width: 100%
  }
  
  .lightbox .modal-content {
    overflow: hidden
  }
  
  .lightbox .modal-body {
    padding: 0
  }
  
  @media screen and (min-width:991px) {
    .lightbox .modal-dialog {
      width: 960px
    }
  }
  
  @media screen and (max-width:576px) {
    .index-page .typography-line span {
      margin-left: 0
    }
    .presentation-page .section-cards+.section-content {
      padding-top: 70px;
      margin-top: 0
    }
    .presentation-page .rellax-text-container .pro {
      bottom: 84px;
      top: initial;
      font-size: 13px;
      right: 55px
    }
    .presentation-page .section-components .col-md-3 {
      max-width: inherit
    }
    .presentation-page .card-container {
      margin: 0 auto
    }
    .presentation-page .card-container .card-component .front {
      -webkit-transform: rotateY(0);
      transform: rotateY(0)
    }
    .presentation-page .index-page .h1-seo, .presentation-page .rellax-text-container .h1-seo {
      background: linear-gradient(to bottom, #fff 64%, #c38775 100%);
      -webkit-background-clip: text;
      font-size: 8.4em
    }
    .index-page .rellax-text-container, .presentation-page .rellax-text-container {
      top: 21%;
      max-width: 360px
    }
    .index-page .rellax-text-container {
      top: 25%
    }
    .index-page .rellax-text-container .h1-seo {
      font-size: 3.8em
    }
    #images img {
      max-width: 50%;
      margin-bottom: 15px
    }
  }
  
  @media only screen and (min-device-width:375px) and (max-device-width:667px) {
    .presentation-page .rellax-text-container {
      top: 20%!important
    }
    .presentation-page .page-header+.section-components {
      padding-top: 200px
    }
  }
  
  @media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:portrait) {
    .presentation-page .rellax-text-container {
      top: 17%!important
    }
  }
  
  @media screen and (max-width:768px) and (min-width:576px) {
    .index-page .rellax-text-container, .presentation-page .rellax-text-container {
      max-width: 565px;
      top: 33%
    }
    .index-page .rellax-text-container {
      top: 26%
    }
    .presentation-page .rellax-text-container .h1-seo {
      font-size: 9.3em
    }
    .index-page .rellax-text-container .h1-seo {
      font-size: 5.6em
    }
    .presentation-page .rellax-text-container .pro {
      font-size: 12px;
      top: -14px;
      right: 2px
    }
  }
  
  @media screen and (max-width:991px) and (min-width:768px) {
    .index-page .rellax-text-container, .presentation-page .rellax-text-container {
      max-width: 730px;
      top: 32%
    }
    .index-page .rellax-text-container {
      top: 24%
    }
    .presentation-page .rellax-text-container .pro {
      font-size: 14px;
      top: 18px;
      right: -3px
    }
    .presentation-page .rellax-text-container .h1-seo {
      font-size: 10.8em
    }
    .index-page .rellax-text-container .h1-seo {
      font-size: 6.9em
    }
  }
  
  @media screen and (min-width:768px) {
    .presentation-page .card-container:hover .front {
      top: -80px
    }
    .presentation-page .section-content .image-container {
      height: 400px
    }
    .presentation-page .section-content .image-container img {
      position: absolute;
      width: 100%;
      max-width: 380px
    }
    .presentation-page .section-content .image-container .img-blog {
      z-index: 4;
      left: 100px;
      top: 20px
    }
    .presentation-page .section-content .image-container .img-comments {
      z-index: 3;
      left: -100px;
      top: -40px
    }
  }
  
  @media (max-width:991px) {
    .fixed-section.affix {
      position: relative;
      margin-bottom: 100px
    }
    .presentation-page .section-cards .image-container1, .presentation-page .section-cards .image-container5 {
      width: 15%;
      top: -75px
    }
    .presentation-page .section-cards .image-container2, .presentation-page .section-cards .image-container4 {
      width: 21%;
      top: -62px
    }
    .presentation-page .section-cards .image-container3 {
      width: 22%;
      top: -45px
    }
  }
  
  @media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .presentation-page .section-icons .icons-nucleo {
      position: initial
    }
    .presentation-page .eighth-left-icon, .presentation-page .eighth-right-icon, .presentation-page .fifth-left-icon, .presentation-page .fifth-right-icon, .presentation-page .fourth-left-icon, .presentation-page .fourth-right-icon, .presentation-page .ninth-left-icon, .presentation-page .ninth-right-icon, .presentation-page .second-left-icon, .presentation-page .seventh-right-icon, .presentation-page .sixth-left-icon, .presentation-page .sixth-right-icon, .presentation-page .tenth-left-icon, .presentation-page .tenth-right-icon, .presentation-page .third-left-icon, .presentation-page .third-right-icon {
      display: none
    }
    .presentation-page .section-icons .icons-nucleo .first-left-icon, .presentation-page .section-icons .icons-nucleo .first-right-icon {
      top: -15%
    }
    .presentation-page .section-icons .icons-nucleo .second-right-icon {
      top: 35%;
      right: 80%
    }
    .presentation-page .section-content .image-container {
      height: 550px
    }
    .index-page .category-absolute {
      top: 90vh
    }
    .footer ul {
      text-align: left
    }
  }
  
  @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .section-images .hero-images-container, .section-images .hero-images-container-1, .section-images .hero-images-container-2 {
      margin-top: -15vh;
      margin-left: 80px
    }
    .section-images .hero-images-container {
      max-width: 300px
    }
    .section-images .hero-images-container-1 {
      right: 28%;
      top: 40%
    }
    .section-images .hero-images-container-2 {
      right: 21%;
      top: 55%
    }
    .index-page .category-absolute {
      top: 90vh
    }
  }
  
  @media (max-width:768px) {
    .btn, .btn-morphing {
      margin-bottom: 10px
    }
    .parallax .motto {
      top: 170px;
      margin-top: 0;
      font-size: 60px;
      width: 270px
    }
  }
  
  @media screen and (max-width:767px) {
    .presentation-page .section-icons .icons-nucleo {
      top: -135px
    }
    .presentation-page .section-icons .icons-nucleo.icons-nucleo-right {
      top: 0
    }
    .presentation-page .eighth-left-icon, .presentation-page .eighth-right-icon, .presentation-page .fifth-left-icon, .presentation-page .fifth-right-icon, .presentation-page .first-right-icon, .presentation-page .fourth-right-icon, .presentation-page .ninth-right-icon, .presentation-page .second-left-icon, .presentation-page .second-right-icon, .presentation-page .seventh-right-icon, .presentation-page .sixth-left-icon, .presentation-page .sixth-right-icon, .presentation-page .tenth-right-icon, .presentation-page .third-left-icon, .presentation-page .third-right-icon {
      display: none
    }
    .presentation-page .section-icons .icons-nucleo .first-left-icon {
      left: 2%
    }
    .presentation-page .section-icons .icons-nucleo .fourth-left-icon {
      left: 46%
    }
    .presentation-page .section-icons .icons-nucleo .seventh-left-icon {
      left: 80%;
      font-size: 55px
    }
    .presentation-page .section-icons .icons-nucleo .ninth-left-icon {
      left: 28%
    }
    .presentation-page .section-icons .icons-nucleo .tenth-left-icon {
      left: 65%
    }
    .presentation-page .testimonials-people img {
      position: relative;
      display: none
    }
    .presentation-page .section-content .image-container {
      margin-bottom: 45px
    }
    .presentation-page .section-content img {
      margin-bottom: 15px
    }
  }
  
  @media screen and (min-width:768px) {
    .presentation-page .section-sections .row {
      margin-left: -30px;
      margin-right: -30px
    }
    .presentation-page .section-sections .rellax {
      left: 60px;
      position: absolute!important;
      z-index: 4!important;
      box-shadow: 0 8px 50px 0 rgba(0, 0, 0, .4)
    }
  }
  
  #images h4 {
    margin-bottom: 30px
  }
  
  #javascriptComponents {
    padding-bottom: 0
  }
  
  .layers-container {
    display: block;
    margin-top: 50px;
    position: relative
  }
  
  .layers-container img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    text-align: center
  }
  
  .animate {
    transition: 1.5s ease-in-out;
    -moz-transition: 1.5s ease-in-out;
    -webkit-transition: 1.5s ease-in-out
  }
  
  .navbar-transparent.navbar-small .logo-container .brand {
    color: #fff
  }
  
  .navbar-default.navbar-small .logo-container .brand {
    color: #333
  }
  
  .sharing-area {
    margin-top: 80px
  }
  
  .sharing-area .btn {
    margin: 15px 4px 0
  }
  
  .section-notifications, .section-thin {
    padding: 0
  }
  
  .section-navbars {
    padding-top: 0
  }
  
  #navbar .navbar {
    margin-bottom: 20px
  }
  
  #menu-dropdown .navbar-toggler, #navbar .navbar-toggler {
    pointer-events: none
  }
  
  .section-tabs {
    background: #ebebeb
  }
  
  .section-pagination {
    padding-bottom: 0
  }
  
  .section-download {
    padding-top: 130px
  }
  
  .section-download .description {
    margin-bottom: 60px
  }
  
  .section-download h4 {
    margin-bottom: 25px
  }
  
  .section-examples a {
    text-decoration: none
  }
  
  .section-examples a+a, .section-examples h5 {
    margin-top: 30px
  }
  
  .components-page .wrapper>.header, .tutorial-page .wrapper>.header {
    height: 500px;
    padding-top: 128px;
    background-size: cover;
    background-position: center center
  }
  
  .components-page .title, .tutorial-page .title {
    color: #fff
  }
  
  .invision-logo {
    max-width: 70px;
    top: -2px;
    position: relative
  }
  
  .creative-tim-logo {
    max-width: 140px;
    top: -2px;
    position: relative
  }
  
  .section-javascript .title {
    margin-bottom: 0
  }
  
  .navbar .switch-background {
    display: block
  }
  
  .navbar-transparent .switch-background {
    display: none
  }
  
  .section-signup .col .btn {
    margin-top: 30px
  }
  
  #buttons-row .btn {
    margin-bottom: 10px
  }
  
  @media screen and (max-width:991px) {
    .header-1 .navbar-collapse, .header-2 .navbar-collapse, .header-3 .navbar-collapse, .section-navbars .navbar-collapse {
      display: none!important
    }
    .presentation-page .section-basic-components .image-container {
      height: 425px;
      margin-top: 100px
    }
    .presentation-page .section-basic-components .image-container .components-macbook {
      width: 100%;
      height: 100%;
      position: relative;
      left: 0
    }
    .presentation-page .section-free-demo .github-background-container {
      position: initial;
      left: 0;
      top: 0;
      max-width: 400px;
      margin: 0 auto;
      text-align: center
    }
    .presentation-page .section-free-demo .github-background-container i {
      font-size: 400px
    }
    .presentation-page .section-components .col-md-3 {
      padding-left: 15px
    }
    .presentation-page .h3-description, .presentation-page .index-page .h3-description {
      top: 53%
    }
  }
  
  @media (max-width:1200px) and (min-width:991px) {
    .presentation-page .section-basic-components .image-container {
      height: 326px;
      margin-top: 30px
    }
    .presentation-page .section-basic-components .image-container .social-img {
      height: 48px
    }
    .index-page .rellax-text-container, .presentation-page .rellax-text-container {
      max-width: 900px;
      top: 27%
    }
    .index-page .rellax-text-container {
      top: 23%
    }
    .presentation-page .rellax-text-container .pro {
      font-size: 18px;
      top: 29px;
      right: -29px
    }
    .presentation-page .rellax-text-container .h1-seo {
      font-size: 14em
    }
    .index-page .rellax-text-container .h1-seo {
      font-size: 9em
    }
  }
  
  .burger-menu .section-navbars .navbar-collapse {
    display: none!important
  }
  
  .section-basic {
    padding-top: 0
  }
  
  .section-images {
    padding-bottom: 0;
    z-index: 2
  }
  
  @-webkit-keyframes Floatingy {
    from, to {
      -webkit-transform: translate(0, 0)
    }
    65% {
      -webkit-transform: translate(50px, 0)
    }
  }
  
  @-webkit-keyframes Floatingx {
    from, to {
      -webkit-transform: translate(50px, 0)
    }
    65% {
      -webkit-transform: translate(0, 0)
    }
  }
  
  .coloured-card-btn-img, .coloured-card-img, .linkedin-btn-img, .share-btn-img, .social-img, .table-img {
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    -webkit-animation-name: Floatingy;
    -moz-animation-name: Floatingy;
    float: left
  }
  
  .table-img {
    -webkit-animation-duration: 14s;
    -moz-animation-duration: 14s;
    -webkit-animation-name: Floatingx;
    -moz-animation-name: Floatingx
  }
  
  .coloured-card-img {
    -webkit-animation-duration: 10s;
    -moz-animation-duration: 10s
  }
  
  .coloured-card-btn-img {
    -webkit-animation-duration: 18s;
    -moz-animation-duration: 18s
  }
  
  .linkedin-btn-img {
    -webkit-animation-duration: 15s;
    -moz-animation-duration: 15s;
    -webkit-animation-name: Floatingx;
    -moz-animation-name: Floatingx
  }
  
  .share-btn-img {
    -webkit-animation-duration: 11s;
    -moz-animation-duration: 11s
  }
  
  .social-img {
    -webkit-animation-duration: 16s;
    -moz-animation-duration: 16s;
    -webkit-animation-name: Floatingx;
    -moz-animation-name: Floatingx
  }

  .description-info{
    padding-right: 0px!important;
  }