/*!

 =========================================================
 * Now UI Kit Pro - v1.3.0
 =========================================================

 * Product Page: https://www.creative-tim.com/product/now-ui-kit-pro
 * Copyright 2019 Creative Tim (http://www.creative-tim.com)

 * 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: none;
   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)
}
p.standort{font-size: 12px; text-align: center}
.now-ui-icons.iconbigsize{font-size: 30px;}
.bootstrap-switch .bootstrap-switch-container {
   display: inline-flex;
   top: 0;
   height: 22px;
   border-radius: 4px;
   transform: translateZ(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: #3195f9
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-blue,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-blue {
   color: #fff;
   background: #3195f9
}

.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: hsla(0, 0%, 9%, .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-bottom-left-radius: 0;
   border-top-left-radius: 0;
   border-bottom-right-radius: 3px;
   border-top-right-radius: 3px
}

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   border-bottom-left-radius: 3px;
   border-top-left-radius: 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: #3195f9
}

.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-blue~.bootstrap-switch-default {
   background-color: #3195f9
}

.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 - 12.1.0 - 10/25/2018 */
.noUi-target,
.noUi-target * {
   -webkit-touch-callout: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-user-select: none;
   -ms-touch-action: 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
}

.noUi-base,
.noUi-connects {
   width: 100%;
   height: 100%;
   position: relative;
   z-index: 1
}

.noUi-connects {
   overflow: hidden;
   z-index: 0
}

.noUi-connect,
.noUi-origin {
   will-change: transform;
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   transform-origin: 0 0
}

html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
   left: auto;
   right: 0
}

.noUi-vertical .noUi-origin {
   width: 0
}

.noUi-horizontal .noUi-origin {
   height: 0
}

.noUi-handle {
   position: absolute
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
   transition: transform .3s
}

.noUi-state-drag * {
   cursor: inherit !important
}

.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-top: -7px;
   outline: none
}

.noUi-vertical {
   width: 18px
}

.noUi-vertical .noUi-handle {
   width: 28px;
   height: 34px;
   left: -6px;
   top: -17px
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
   right: -15px;
   left: auto
}

.noUi-target {
   background-color: hsla(0, 0%, 71%, .3)
}

.noUi-connect,
.noUi-connects,
.noUi-target {
   border-radius: 3px
}

.noUi-connect {
   background: #888;
   transition: background .45s
}

.noUi-draggable {
   cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
   cursor: ns-resize
}

.noUi-handle {
   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 ease 0s;
   -moz-transition: .3s ease 0s;
   -ms-transition: .3s ease 0s;
   -o-transform: .3s ease 0s;
   transition: .3s ease 0s
}

.noUi-active {
   transform: scale3d(1.5, 1.5, 1)
}

.noUi-handle:after,
.noUi-handle:before {
   display: none
}

.noUi-handle:after {
   left: 17px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
   width: 14px;
   height: 1px;
   left: 6px;
   top: 14px
}

.noUi-vertical .noUi-handle:after {
   top: 17px
}

[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;
   white-space: nowrap;
   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 {
   transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
   transform: translate(50%, 50%)
}

.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 {
   transform: translateY(-50%);
   padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
   transform: translateY(50%)
}

.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 {
   display: block;
   position: absolute;
   border: 1px solid #d9d9d9;
   border-radius: 3px;
   background: #fff;
   color: #000;
   padding: 5px;
   text-align: center;
   white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
   transform: translate(-50%);
   left: 50%;
   bottom: 120%
}

.noUi-vertical .noUi-tooltip {
   transform: translateY(-50%);
   top: 50%;
   right: 120%
}

.slider.slider-neutral.noUi-connect,
.slider.slider-neutral .noUi-connect {
   background-color: #fff
}

.slider.slider-neutral.noUi-target {
   background-color: hsla(0, 0%, 100%, .3)
}

.slider.slider-neutral .noUi-handle {
   background-color: #fff
}

.slider.slider-primary.noUi-connect,
.slider.slider-primary .noUi-connect {
   background-color: #3195f9
}

.slider.slider-primary.noUi-target {
   background-color: rgba(249, 99, 50, .3)
}

.slider.slider-primary .noUi-handle {
   background-color: #3195f9
}

.slider.slider-info.noUi-connect,
.slider.slider-info .noUi-connect {
   background-color: #3195f9
}

.slider.slider-info.noUi-target {
   background-color: rgba(44, 168, 255, .3)
}

.slider.slider-info .noUi-handle {
   background-color: #3195f9
}

.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
}

/*!
 * Bootstrap-select v1.13.1 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2018 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */
.bootstrap-select>select.bs-select-hidden,
select.bs-select-hidden,
select.selectpicker {
   display: none !important
}

.bootstrap-select {
   width: 220px \0
}

.bootstrap-select>.dropdown-menu {
   overflow: visible !important
}

.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active {
   background-color: inherit
}

.bootstrap-select.dropup .dropdown-menu:not(.inner) {
   top: auto !important;
   bottom: 100%
}

.bootstrap-select>.dropdown-toggle {
   position: relative;
   width: 100%;
   z-index: 1;
   text-align: right;
   white-space: nowrap;
   margin: 0
}

.bootstrap-select>select {
   position: absolute !important;
   bottom: 0;
   left: 50%;
   display: block !important;
   width: .5px !important;
   height: 100% !important;
   padding: 0 !important;
   opacity: 0 !important;
   border: none
}

.bootstrap-select>select.mobile-device {
   top: 0;
   left: 0;
   display: block !important;
   width: 100% !important;
   z-index: 2
}

.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select .selectpicker:invalid+.dropdown-toggle {
   border-color: #b94a48
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select .selectpicker:valid+.dropdown-toggle {
   border-color: #28a745
}

.bootstrap-select.fit-width {
   width: auto !important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
   width: 220px
}

.bootstrap-select.form-control {
   margin-bottom: 0;
   padding: 0;
   border: none
}

:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
   width: 100%
}

.bootstrap-select.form-control.input-group-btn {
   z-index: auto
}

.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn {
   border-radius: 0
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*=col-] {
   float: none;
   display: inline-block;
   margin-left: 0
}

.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*=col-].dropdown-menu-right,
.row .bootstrap-select[class*=col-].dropdown-menu-right {
   float: right
}

.form-group .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-inline .bootstrap-select {
   margin-bottom: 0
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
   padding: 0
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
   height: 100%;
   font-size: inherit;
   line-height: inherit;
   border-radius: inherit
}

.bootstrap-select.form-control-lg .dropdown-toggle,
.bootstrap-select.form-control-sm .dropdown-toggle {
   font-size: inherit;
   line-height: inherit;
   border-radius: inherit
}

.bootstrap-select.form-control-sm .dropdown-toggle {
   padding: .25rem .5rem
}

.bootstrap-select.form-control-lg .dropdown-toggle {
   padding: .5rem 1rem
}

.form-inline .bootstrap-select .form-control {
   width: 100%
}

.bootstrap-select.disabled,
.bootstrap-select>.disabled {
   cursor: not-allowed
}

.bootstrap-select.disabled:focus,
.bootstrap-select>.disabled:focus {
   outline: none !important
}

.bootstrap-select.bs-container {
   position: absolute;
   top: 0;
   left: 0;
   height: 0 !important;
   padding: 0 !important
}

.bootstrap-select.bs-container .dropdown-menu {
   z-index: 1060
}

.bootstrap-select .dropdown-toggle:before {
   content: "";
   display: inline-block
}

.bootstrap-select .dropdown-toggle .filter-option {
   position: absolute;
   top: 0;
   left: 0;
   padding-top: inherit;
   padding-right: inherit;
   padding-bottom: inherit;
   padding-left: inherit;
   height: 100%;
   width: 100%;
   text-align: left;
   outline: none
}

.bootstrap-select .dropdown-toggle .filter-option-inner {
   padding-right: inherit
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
   overflow: hidden
}

.bootstrap-select .dropdown-toggle .caret {
   position: absolute;
   top: 50%;
   right: 12px;
   margin-top: -2px;
   vertical-align: middle
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
   border-radius: inherit
}

.bootstrap-select[class*=col-] .dropdown-toggle {
   width: 100%
}

.bootstrap-select .dropdown-menu {
   min-width: 100%;
   box-sizing: border-box
}

.bootstrap-select .dropdown-menu>.inner:focus {
   outline: none !important
}

.bootstrap-select .dropdown-menu.inner {
   position: static;
   float: none;
   border: 0;
   padding: 0;
   margin: 0;
   border-radius: 0;
   box-shadow: none
}

.bootstrap-select .dropdown-menu li {
   position: relative
}

.bootstrap-select .dropdown-menu li.active small {
   color: #fff
}

.bootstrap-select .dropdown-menu li.disabled a {
   cursor: not-allowed
}

.bootstrap-select .dropdown-menu li a {
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.bootstrap-select .dropdown-menu li a.opt {
   position: relative;
   padding-left: 2.25em
}

.bootstrap-select .dropdown-menu li a span.check-mark {
   display: none
}

.bootstrap-select .dropdown-menu li a span.text {
   display: inline-block
}

.bootstrap-select .dropdown-menu li small {
   padding-left: .5em
}

.bootstrap-select .dropdown-menu .notify {
   position: absolute;
   bottom: 5px;
   width: 96%;
   margin: 0 2%;
   min-height: 26px;
   padding: 3px 5px;
   background: #f5f5f5;
   border: 1px solid #e3e3e3;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
   pointer-events: none;
   opacity: .9;
   box-sizing: border-box
}

.bootstrap-select .no-results {
   padding: 3px;
   background: #f5f5f5;
   margin: 0 5px;
   white-space: nowrap
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
   position: static;
   display: inline;
   padding: 0
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
   display: inline
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
   position: static;
   top: auto;
   margin-top: -1px
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
   position: absolute;
   display: inline-block;
   right: 15px;
   top: 14px
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
   margin-right: 34px
}

.bootstrap-select .bs-ok-default:after {
   content: "";
   display: block;
   width: .5em;
   height: 1em;
   border-style: solid;
   border-width: 0 .26em .26em 0;
   transform: rotate(45deg)
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle {
   z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
   content: "";
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
   border-bottom: 7px solid hsla(0, 0%, 80%, .2);
   position: absolute;
   bottom: -4px;
   left: 9px;
   display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
   content: "";
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-bottom: 6px solid #fff;
   position: absolute;
   bottom: -4px;
   left: 10px;
   display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
   bottom: auto;
   top: -4px;
   border-top: 7px solid hsla(0, 0%, 80%, .2);
   border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
   bottom: auto;
   top: -4px;
   border-top: 6px solid #fff;
   border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
   right: 12px;
   left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
   right: 13px;
   left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before {
   display: block
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
   padding: 4px 8px
}

.bs-actionsbox {
   width: 100%;
   box-sizing: border-box
}

.bs-actionsbox .btn-group button {
   width: 50%
}

.bs-donebutton {
   float: left;
   width: 100%;
   box-sizing: border-box
}

.bs-donebutton .btn-group button {
   width: 100%
}

.bs-searchbox+.bs-actionsbox {
   padding: 0 8px 4px
}

.bs-searchbox .form-control {
   margin-bottom: 0;
   width: 100%;
   float: none
}

.bootstrap-tagsinput {
   display: inline-block;
   padding: 4px 6px;
   max-width: 100%;
   line-height: 22px;
   background-color: transparent !important
}

.bootstrap-tagsinput input {
   outline: none;
   background-color: transparent;
   margin: 0;
   width: 74px;
   max-width: inherit
}

.bootstrap-tagsinput input,
.bootstrap-tagsinput input:focus {
   border: none;
   box-shadow: none
}

.bootstrap-tagsinput.form-control input::-moz-placeholder {
   color: #777;
   opacity: 1
}

.bootstrap-tagsinput.form-control input:-ms-input-placeholder,
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
   color: #777
}

.bootstrap-tagsinput .tag {
   cursor: pointer;
   margin: 5px 3px 5px 0;
   position: relative;
   padding: 3px 8px;
   border-radius: 12px;
   color: #fff;
   font-weight: 500;
   font-size: .75em;
   text-transform: uppercase;
   display: inline-block;
   line-height: 1.5em;
   padding-left: .8em
}

.bootstrap-tagsinput .tag:hover {
   padding-right: 22px
}

.bootstrap-tagsinput .tag:hover [data-role=remove] {
   opacity: 1;
   padding-right: 4px
}

.bootstrap-tagsinput .tag [data-role=remove] {
   cursor: pointer;
   position: absolute;
   top: 3px;
   right: 0;
   opacity: 0;
   background-color: transparent
}

.bootstrap-tagsinput .tag [data-role=remove]:after {
   font-family: Nucleo Outline;
   content: "\ea53";
   padding: 0 2px
}

.bootstrap-tagsinput.badge-primary .badge {
   background-color: #3195f9;
   color: #fff;
   border: none
}

.bootstrap-tagsinput.badge-primary .badge .tagsinput-remove-link {
   color: #fff
}

.bootstrap-tagsinput.badge-primary .badge .tagsinput-add {
   color: #3195f9
}

.bootstrap-tagsinput.badge-info .badge {
   background-color: #3195f9;
   color: #fff;
   border: none
}

.bootstrap-tagsinput.badge-info .badge .tagsinput-remove-link {
   color: #fff
}

.bootstrap-tagsinput.badge-info .badge .tagsinput-add {
   color: #3195f9
}

.bootstrap-tagsinput.badge-success .badge {
   background-color: #18ce0f;
   color: #fff;
   border: none
}

.bootstrap-tagsinput.badge-success .badge .tagsinput-remove-link {
   color: #fff
}

.bootstrap-tagsinput.badge-success .badge .tagsinput-add {
   color: #18ce0f
}

.bootstrap-tagsinput.badge-warning .badge {
   background-color: #ffb236;
   color: #fff;
   border: none
}

.bootstrap-tagsinput.badge-warning .badge .tagsinput-remove-link {
   color: #fff
}

.bootstrap-tagsinput.badge-warning .badge .tagsinput-add {
   color: #ffb236
}

.bootstrap-tagsinput.badge-danger .badge {
   background-color: #ff3636;
   color: #fff;
   border: none
}

.bootstrap-tagsinput.badge-danger .badge .tagsinput-remove-link {
   color: #fff
}

.bootstrap-tagsinput.badge-danger .badge .tagsinput-add {
   color: #ff3636
}

.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-sm,
.fileinput-new.input-group .btn-file.btn-xs,
.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 none;
   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.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;
   background-color: transparent
}

.bootstrap-datetimepicker-widget a[data-action],
.bootstrap-datetimepicker-widget a[data-action]:active {
   color: #66615b !important
}

.bootstrap-datetimepicker-widget a[data-action=togglePicker],
.bootstrap-datetimepicker-widget a[data-action=togglePicker]:hover {
   color: #3195f9
}

.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;
   border-color: transparent;
   background-color: #3195f9 !important;
   color: #fff !important;
   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:not([data-action=togglePeriod]):active,
.bootstrap-datetimepicker-widget .btn:not([data-action=togglePeriod]):focus,
.bootstrap-datetimepicker-widget .btn:not([data-action=togglePeriod]):hover {
   box-shadow: none !important;
   background-color: transparent !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: #3195f9
}

.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: none;
   color: #cfcfca;
   cursor: not-allowed
}

.bootstrap-datetimepicker-widget table th.next span,
.bootstrap-datetimepicker-widget table th.prev span {
   border-radius: 4px;
   height: 27px;
   width: 27px;
   line-height: 28px;
   font-size: 12px;
   border-radius: 50%;
   text-align: center;
   color: #3195f9
}

.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: #3195f9;
   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: all .3s ease 0s
}

.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: 7px 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: #3195f9;
   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: none;
   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: #3195f9;
   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: none;
   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: hsla(0, 0%, 100%, .8)
}

input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.new>div,
input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td.old>div {
   color: hsla(0, 0%, 100%, .4)
}

input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget button[data-action] {
   background-color: #fff !important
}

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.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,
input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget table td span:hover {
   background: hsla(0, 0%, 100%, .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: hsla(0, 0%, 100%, .2)
}

input.datetimepicker[data-color=orange]+.bootstrap-datetimepicker-widget {
   background-color: #3195f9
}

input.datetimepicker[data-color=orange]+.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before,
input.datetimepicker[data-color=orange]+.bootstrap-datetimepicker-widget.dropdown-menu.top:after,
input.datetimepicker[data-color=orange]+.bootstrap-datetimepicker-widget button[data-action],
input.datetimepicker[data-color=orange]+.bootstrap-datetimepicker-widget table td.active:hover>div,
input.datetimepicker[data-color=orange]+.bootstrap-datetimepicker-widget table td.active>div {
   color: #3195f9 !important
}

input.datetimepicker[data-color=blue]+.bootstrap-datetimepicker-widget {
   background-color: #3195f9
}

input.datetimepicker[data-color=blue]+.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before,
input.datetimepicker[data-color=blue]+.bootstrap-datetimepicker-widget.dropdown-menu.top:after,
input.datetimepicker[data-color=blue]+.bootstrap-datetimepicker-widget button[data-action],
input.datetimepicker[data-color=blue]+.bootstrap-datetimepicker-widget table td.active:hover>div,
input.datetimepicker[data-color=blue]+.bootstrap-datetimepicker-widget table td.active>div {
   color: #3195f9
}

input.datetimepicker[data-color=green]+.bootstrap-datetimepicker-widget {
   background-color: #18ce0f
}

input.datetimepicker[data-color=green]+.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before,
input.datetimepicker[data-color=green]+.bootstrap-datetimepicker-widget.dropdown-menu.top:after,
input.datetimepicker[data-color=green]+.bootstrap-datetimepicker-widget button[data-action],
input.datetimepicker[data-color=green]+.bootstrap-datetimepicker-widget table td.active:hover>div,
input.datetimepicker[data-color=green]+.bootstrap-datetimepicker-widget table td.active>div {
   color: #18ce0f
}

input.datetimepicker[data-color=red]+.bootstrap-datetimepicker-widget {
   background-color: #ff3636
}

input.datetimepicker[data-color=red]+.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before,
input.datetimepicker[data-color=red]+.bootstrap-datetimepicker-widget.dropdown-menu.top:after,
input.datetimepicker[data-color=red]+.bootstrap-datetimepicker-widget button[data-action],
input.datetimepicker[data-color=red]+.bootstrap-datetimepicker-widget table td.active:hover>div,
input.datetimepicker[data-color=red]+.bootstrap-datetimepicker-widget table td.active>div {
   color: #ff3636
}

input.datetimepicker[data-color=yellow]+.bootstrap-datetimepicker-widget {
   background-color: #ffb236
}

input.datetimepicker[data-color=yellow]+.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before,
input.datetimepicker[data-color=yellow]+.bootstrap-datetimepicker-widget.dropdown-menu.top:after,
input.datetimepicker[data-color=yellow]+.bootstrap-datetimepicker-widget button[data-action],
input.datetimepicker[data-color=yellow]+.bootstrap-datetimepicker-widget table td.active:hover>div,
input.datetimepicker[data-color=yellow]+.bootstrap-datetimepicker-widget table td.active>div {
   color: #ffb236
}

@font-face {
   font-family: Nucleo Outline;
   src: url(../../template/fonts/nucleo-outline.eot);
   src: url(../../template/fonts/nucleo-outline.eot) format("embedded-opentype"), url(../../template/fonts/nucleo-outline.woff2) format("woff2"), url(../../template/fonts/nucleo-outline.woff) format("woff"), url(../template/fonts/nucleo-outline.ttf) format("truetype");
   font-weight: 400;
   font-style: normal
}

.now-ui-icons {
   display: inline-block;
   font: normal normal normal 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 {
   animation: a 2s infinite linear
}

@keyframes a {
   0% {
      transform: rotate(0deg)
   }

   to {
      transform: rotate(1turn)
   }
}

.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"
}

.all-icons .font-icon-detail {
   text-align: center;
   padding: 45px 0 30px;
   border: 1px solid #e5e5e5;
   border-radius: .1875rem;
   margin: 15px 0;
   min-height: 168px
}

.all-icons [class*=now-ui-icons] {
   font-size: 32px
}

.all-icons .font-icon-detail p {
   margin: 25px auto 0;
   width: 100%;
   text-align: center;
   display: block;
   color: #b8b8b8;
   padding: 0 10px;
   font-size: .7142em
}

.alert {
   border: 0;
   border-radius: 0;
   color: #fff;
   padding-top: .9rem;
   padding-bottom: .9rem
}

.alert .alert-link {
   color: #fff;
   opacity: .8
}

.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
}

.form-check {
   margin-top: .65rem;
   padding-left: 0
}

.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
}

.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
}

.badge {
   border-radius: 8px;
   padding: 4px 8px;
   text-transform: uppercase;
   font-size: .7142em;
   line-height: 12px;
   background-color: transparent;
   border: 1px solid;
   margin-bottom: 5px;
   color: #fff;
   border-radius: .875rem
}

.badge:focus,
.badge:hover {
   text-decoration: none
}

.badge-icon {
   padding: .4em .55em
}

.badge-icon i {
   font-size: .8em
}

.badge-default,
.badge-default[href]:focus,
.badge-default[href]:hover {
   border-color: #888;
   background-color: #888;
   color: #fff
}

.badge-primary,
.badge-primary[href]:focus,
.badge-primary[href]:hover {
   border-color: #3195f9;
   background-color: #3195f9;
   color: #fff
}

.badge-info,
.badge-info[href]:focus,
.badge-info[href]:hover {
   border-color: #3195f9;
   background-color: #3195f9;
   color: #fff
}

.badge-success,
.badge-success[href]:focus,
.badge-success[href]:hover {
   border-color: #18ce0f;
   background-color: #18ce0f;
   color: #fff
}

.badge-warning,
.badge-warning[href]:focus,
.badge-warning[href]:hover {
   border-color: #ffb236;
   background-color: #ffb236;
   color: #fff
}

.badge-danger,
.badge-danger[href]:focus,
.badge-danger[href]:hover {
   border-color: #ff3636;
   background-color: #ff3636;
   color: #fff
}

.badge-neutral {
   color: inherit !important
}

.badge-neutral,
.badge-neutral[href]:focus,
.badge-neutral[href]:hover {
   border-color: #fff;
   background-color: #fff;
   color: #fff
}

.pagination .page-item .page-link {
   border: 0;
   border-radius: 30px !important;
   transition: all .3s;
   padding: 0 11px;
   margin: 0 3px;
   min-width: 30px;
   text-align: center;
   box-shadow: none;
   height: 30px;
   line-height: 30px;
   color: #2c2c2c;
   cursor: pointer;
   font-size: 14px;
   text-transform: uppercase;
   background: transparent
}

.pagination .page-item .page-link:focus,
.pagination .page-item .page-link:hover {
   color: #2c2c2c;
   background-color: hsla(0, 0%, 87%, .3);
   border: none
}

.pagination .arrow-margin-left,
.pagination .arrow-margin-right {
   position: absolute
}

.pagination .arrow-margin-right {
   right: 0
}

.pagination .arrow-margin-left {
   left: 0
}

.pagination .page-item.active>.page-link {
   color: #e3e3e3;
   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: hsla(0, 0%, 100%, .2);
   color: #fff
}

.pagination.pagination-info .page-item.active>.page-link,
.pagination.pagination-info .page-item.active>.page-link:focus,
.pagination.pagination-info .page-item.active>.page-link:hover {
   background-color: #3195f9;
   border-color: #3195f9
}

.pagination.pagination-success .page-item.active>.page-link,
.pagination.pagination-success .page-item.active>.page-link:focus,
.pagination.pagination-success .page-item.active>.page-link:hover {
   background-color: #18ce0f;
   border-color: #18ce0f
}

.pagination.pagination-primary .page-item.active>.page-link,
.pagination.pagination-primary .page-item.active>.page-link:focus,
.pagination.pagination-primary .page-item.active>.page-link:hover {
   background-color: #3195f9;
   border-color: #3195f9
}

.pagination.pagination-warning .page-item.active>.page-link,
.pagination.pagination-warning .page-item.active>.page-link:focus,
.pagination.pagination-warning .page-item.active>.page-link:hover {
   background-color: #ffb236;
   border-color: #ffb236
}

.pagination.pagination-danger .page-item.active>.page-link,
.pagination.pagination-danger .page-item.active>.page-link:focus,
.pagination.pagination-danger .page-item.active>.page-link:hover {
   background-color: #ff3636;
   border-color: #ff3636
}

.pagination.pagination-neutral .page-item>.page-link {
   color: #fff
}

.pagination.pagination-neutral .page-item>.page-link:focus,
.pagination.pagination-neutral .page-item>.page-link:hover {
   background-color: hsla(0, 0%, 100%, .2);
   color: #fff
}

.pagination.pagination-neutral .page-item.active>.page-link,
.pagination.pagination-neutral .page-item.active>.page-link:focus,
.pagination.pagination-neutral .page-item.active>.page-link:hover {
   background-color: #fff;
   border-color: #fff;
   color: #3195f9
}

.pagination-container {
   display: flex;
   align-items: center
}

button,
input,
optgroup,
select,
textarea {
   font-family: Montserrat, Helvetica Neue, Arial, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-weight: 400;

}

small {
   font-size: 60%
}

a,
a:focus,
a:hover {
   color: #3195f9
}

.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
}

.h2,
.h3,
h2,
h3 {
   margin-bottom: 30px
}

.h3,
h3 {
   font-size: 1.4em;
   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: #3195f9 !important
}

.text-info {
   color: #3195f9 !important
}

.text-success {
   color: #18ce0f !important
}

.text-warning {
   color: #ffb236 !important
}

.text-danger {
   color: #ff3636 !important
}

.text-black {
   color: #444
}

.blockquote {
   border-left: none;
   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: #3195f9;
   color: #3195f9
}

.blockquote.blockquote-primary small {
   color: #3195f9
}

.blockquote.blockquote-danger {
   border-color: #ff3636;
   color: #ff3636
}

.blockquote.blockquote-danger small {
   color: #ff3636
}

.blockquote.blockquote-white {
   border-color: hsla(0, 0%, 100%, .8);
   color: #fff
}

.blockquote.blockquote-white small {
   color: hsla(0, 0%, 100%, .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: all .3s ease 0s
}

.bootstrap-switch-label:before,
.card a {
   transition: all .15s ease 0s
}

.dropdown-toggle:after,
[data-toggle=collapse][data-parent="#accordion"] i {
   transition: transform .15s ease 0s
}

.dropdown-toggle[aria-expanded=true]:after,
[data-toggle=collapse][data-parent="#accordion"][aria-expanded=true] i {
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
   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: #3195f9
}

.section-space {
   height: 62px;
   display: block
}

.pull-left {
   float: left
}

.pull-right {
   float: right
}

.title-up {
   text-transform: uppercase
}

.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:hover,
.btn:active:hover,
.btn:focus,
.btn:hover,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled).active:focus,
.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled):active:focus,
.navbar .navbar-nav>a.btn.active:hover,
.navbar .navbar-nav>a.btn:active:hover,
.navbar .navbar-nav>a.btn:focus,
.navbar .navbar-nav>a.btn:hover,
.navbar .navbar-nav>a.btn:not(:disabled):not(.disabled).active,
.navbar .navbar-nav>a.btn:not(:disabled):not(.disabled).active:focus,
.navbar .navbar-nav>a.btn:not(:disabled):not(.disabled):active,
.navbar .navbar-nav>a.btn:not(:disabled):not(.disabled):active:focus,
.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:hover,
.navbar .navbar-nav>a.btn: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:hover,
.btn.btn-simple:active:hover,
.btn.btn-simple:focus,
.btn.btn-simple:hover,
.btn.btn-simple:not(:disabled):not(.disabled).active,
.btn.btn-simple:not(:disabled):not(.disabled).active:focus,
.btn.btn-simple:not(:disabled):not(.disabled):active,
.btn.btn-simple:not(:disabled):not(.disabled):active:focus,
.navbar .navbar-nav>a.btn.btn-simple.active:hover,
.navbar .navbar-nav>a.btn.btn-simple:active:hover,
.navbar .navbar-nav>a.btn.btn-simple:focus,
.navbar .navbar-nav>a.btn.btn-simple:hover,
.navbar .navbar-nav>a.btn.btn-simple:not(:disabled):not(.disabled).active,
.navbar .navbar-nav>a.btn.btn-simple:not(:disabled):not(.disabled).active:focus,
.navbar .navbar-nav>a.btn.btn-simple:not(:disabled):not(.disabled):active,
.navbar .navbar-nav>a.btn.btn-simple:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-simple.dropdown-toggle,
.show>.btn.btn-simple.dropdown-toggle:focus,
.show>.btn.btn-simple.dropdown-toggle:hover,
.show>.navbar .navbar-nav>a.btn.btn-simple.dropdown-toggle,
.show>.navbar .navbar-nav>a.btn.btn-simple.dropdown-toggle:focus,
.show>.navbar .navbar-nav>a.btn.btn-simple.dropdown-toggle: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:hover,
.btn.btn-link:active:hover,
.btn.btn-link:focus,
.btn.btn-link:hover,
.btn.btn-link:not(:disabled):not(.disabled).active,
.btn.btn-link:not(:disabled):not(.disabled).active:focus,
.btn.btn-link:not(:disabled):not(.disabled):active,
.btn.btn-link:not(:disabled):not(.disabled):active:focus,
.navbar .navbar-nav>a.btn.btn-link.active:hover,
.navbar .navbar-nav>a.btn.btn-link:active:hover,
.navbar .navbar-nav>a.btn.btn-link:focus,
.navbar .navbar-nav>a.btn.btn-link:hover,
.navbar .navbar-nav>a.btn.btn-link:not(:disabled):not(.disabled).active,
.navbar .navbar-nav>a.btn.btn-link:not(:disabled):not(.disabled).active:focus,
.navbar .navbar-nav>a.btn.btn-link:not(:disabled):not(.disabled):active,
.navbar .navbar-nav>a.btn.btn-link:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-link.dropdown-toggle,
.show>.btn.btn-link.dropdown-toggle:focus,
.show>.btn.btn-link.dropdown-toggle:hover,
.show>.navbar .navbar-nav>a.btn.btn-link.dropdown-toggle,
.show>.navbar .navbar-nav>a.btn.btn-link.dropdown-toggle:focus,
.show>.navbar .navbar-nav>a.btn.btn-link.dropdown-toggle: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[class*=btn-outline-],
.navbar .navbar-nav>a.btn.btn-icon[class*=btn-outline-] {
   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.fab,
.btn.btn-icon.btn-sm i.now-ui-icons,
.navbar .navbar-nav>a.btn.btn-icon.btn-sm i.fab,
.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.fab,
.btn.btn-icon.btn-lg i.now-ui-icons,
.navbar .navbar-nav>a.btn.btn-icon.btn-lg i.fab,
.navbar .navbar-nav>a.btn.btn-icon.btn-lg i.now-ui-icons {
   font-size: 1.325rem
}

.btn.btn-icon:not(.btn-footer) i.fab,
.btn.btn-icon:not(.btn-footer) i.now-ui-icons,
.navbar .navbar-nav>a.btn.btn-icon:not(.btn-footer) i.fab,
.navbar .navbar-nav>a.btn.btn-icon:not(.btn-footer) i.now-ui-icons {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-12px, -12px);
   line-height: 1.5626rem;
   width: 23px
}

.btn:not(.btn-icon) .now-ui-icons,
.navbar .navbar-nav>a.btn:not(.btn-icon) .now-ui-icons {
   position: relative;
   top: 1px
}

.btn-primary {
   background-color: #3195f9;
   color: #fff
}

.btn-primary.active:hover,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle,
.show>.btn-primary.dropdown-toggle:focus,
.show>.btn-primary.dropdown-toggle:hover {
   background-color: #6fb4f8;
   color: #fff;
   box-shadow: none
}

.btn-primary: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: #3195f9;
   border-color: #3195f9
}

.btn-primary.btn-simple {
   color: #3195f9;
   border-color: #3195f9
}

.btn-primary.btn-simple.active:hover,
.btn-primary.btn-simple:active:hover,
.btn-primary.btn-simple:focus,
.btn-primary.btn-simple:hover,
.btn-primary.btn-simple:not(:disabled):not(.disabled).active,
.btn-primary.btn-simple:not(:disabled):not(.disabled).active:focus,
.btn-primary.btn-simple:not(:disabled):not(.disabled):active,
.btn-primary.btn-simple:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.btn-simple.dropdown-toggle,
.show>.btn-primary.btn-simple.dropdown-toggle:focus,
.show>.btn-primary.btn-simple.dropdown-toggle:hover {
   background-color: transparent;
   color: #fa7a50;
   border-color: #fa7a50;
   box-shadow: none
}

.btn-primary.btn-link {
   color: #3195f9
}

.btn-primary.btn-link.active:hover,
.btn-primary.btn-link:active:hover,
.btn-primary.btn-link:focus,
.btn-primary.btn-link:hover,
.btn-primary.btn-link:not(:disabled):not(.disabled).active,
.btn-primary.btn-link:not(:disabled):not(.disabled).active:focus,
.btn-primary.btn-link:not(:disabled):not(.disabled):active,
.btn-primary.btn-link:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.btn-link.dropdown-toggle,
.show>.btn-primary.btn-link.dropdown-toggle:focus,
.show>.btn-primary.btn-link.dropdown-toggle:hover {
   background-color: transparent;
   color: #fa7a50;
   text-decoration: none;
   box-shadow: none
}

.btn-success {
   background-color: #18ce0f;
   color: #fff
}

.btn-success.active:hover,
.btn-success:active:hover,
.btn-success:focus,
.btn-success:hover,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled):active:focus,
.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: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:hover,
.btn-success.btn-simple:active:hover,
.btn-success.btn-simple:focus,
.btn-success.btn-simple:hover,
.btn-success.btn-simple:not(:disabled):not(.disabled).active,
.btn-success.btn-simple:not(:disabled):not(.disabled).active:focus,
.btn-success.btn-simple:not(:disabled):not(.disabled):active,
.btn-success.btn-simple:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.btn-simple.dropdown-toggle,
.show>.btn-success.btn-simple.dropdown-toggle:focus,
.show>.btn-success.btn-simple.dropdown-toggle:hover {
   background-color: transparent;
   color: #1beb11;
   border-color: #1beb11;
   box-shadow: none
}

.btn-success.btn-link {
   color: #18ce0f
}

.btn-success.btn-link.active:hover,
.btn-success.btn-link:active:hover,
.btn-success.btn-link:focus,
.btn-success.btn-link:hover,
.btn-success.btn-link:not(:disabled):not(.disabled).active,
.btn-success.btn-link:not(:disabled):not(.disabled).active:focus,
.btn-success.btn-link:not(:disabled):not(.disabled):active,
.btn-success.btn-link:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.btn-link.dropdown-toggle,
.show>.btn-success.btn-link.dropdown-toggle:focus,
.show>.btn-success.btn-link.dropdown-toggle:hover {
   background-color: transparent;
   color: #1beb11;
   text-decoration: none;
   box-shadow: none
}

.btn-info {
   background-color: #3195f9;
   color: #fff
}

.btn-info.active:hover,
.btn-info:active:hover,
.btn-info:focus,
.btn-info:hover,
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled):active:focus,
.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: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: #3195f9;
   border-color: #3195f9
}

.btn-info.btn-simple {
   color: #3195f9;
   border-color: #3195f9
}

.btn-info.btn-simple.active:hover,
.btn-info.btn-simple:active:hover,
.btn-info.btn-simple:focus,
.btn-info.btn-simple:hover,
.btn-info.btn-simple:not(:disabled):not(.disabled).active,
.btn-info.btn-simple:not(:disabled):not(.disabled).active:focus,
.btn-info.btn-simple:not(:disabled):not(.disabled):active,
.btn-info.btn-simple:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.btn-simple.dropdown-toggle,
.show>.btn-info.btn-simple.dropdown-toggle:focus,
.show>.btn-info.btn-simple.dropdown-toggle:hover {
   background-color: transparent;
   color: #4bb5ff;
   border-color: #4bb5ff;
   box-shadow: none
}

.btn-info.btn-link {
   color: #3195f9
}

.btn-info.btn-link.active:hover,
.btn-info.btn-link:active:hover,
.btn-info.btn-link:focus,
.btn-info.btn-link:hover,
.btn-info.btn-link:not(:disabled):not(.disabled).active,
.btn-info.btn-link:not(:disabled):not(.disabled).active:focus,
.btn-info.btn-link:not(:disabled):not(.disabled):active,
.btn-info.btn-link:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.btn-link.dropdown-toggle,
.show>.btn-info.btn-link.dropdown-toggle:focus,
.show>.btn-info.btn-link.dropdown-toggle:hover {
   background-color: transparent;
   color: #4bb5ff;
   text-decoration: none;
   box-shadow: none
}

.btn-warning {
   background-color: #ffb236;
   color: #fff
}

.btn-warning.active:hover,
.btn-warning:active:hover,
.btn-warning:focus,
.btn-warning:hover,
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.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: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:hover,
.btn-warning.btn-simple:active:hover,
.btn-warning.btn-simple:focus,
.btn-warning.btn-simple:hover,
.btn-warning.btn-simple:not(:disabled):not(.disabled).active,
.btn-warning.btn-simple:not(:disabled):not(.disabled).active:focus,
.btn-warning.btn-simple:not(:disabled):not(.disabled):active,
.btn-warning.btn-simple:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.btn-simple.dropdown-toggle,
.show>.btn-warning.btn-simple.dropdown-toggle:focus,
.show>.btn-warning.btn-simple.dropdown-toggle:hover {
   background-color: transparent;
   color: #ffbe55;
   border-color: #ffbe55;
   box-shadow: none
}

.btn-warning.btn-link {
   color: #ffb236
}

.btn-warning.btn-link.active:hover,
.btn-warning.btn-link:active:hover,
.btn-warning.btn-link:focus,
.btn-warning.btn-link:hover,
.btn-warning.btn-link:not(:disabled):not(.disabled).active,
.btn-warning.btn-link:not(:disabled):not(.disabled).active:focus,
.btn-warning.btn-link:not(:disabled):not(.disabled):active,
.btn-warning.btn-link:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.btn-link.dropdown-toggle,
.show>.btn-warning.btn-link.dropdown-toggle:focus,
.show>.btn-warning.btn-link.dropdown-toggle:hover {
   background-color: transparent;
   color: #ffbe55;
   text-decoration: none;
   box-shadow: none
}

.btn-danger {
   background-color: #ff3636;
   color: #fff
}

.btn-danger.active:hover,
.btn-danger:active:hover,
.btn-danger:focus,
.btn-danger:hover,
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.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: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:hover,
.btn-danger.btn-simple:active:hover,
.btn-danger.btn-simple:focus,
.btn-danger.btn-simple:hover,
.btn-danger.btn-simple:not(:disabled):not(.disabled).active,
.btn-danger.btn-simple:not(:disabled):not(.disabled).active:focus,
.btn-danger.btn-simple:not(:disabled):not(.disabled):active,
.btn-danger.btn-simple:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.btn-simple.dropdown-toggle,
.show>.btn-danger.btn-simple.dropdown-toggle:focus,
.show>.btn-danger.btn-simple.dropdown-toggle:hover {
   background-color: transparent;
   color: #f55;
   border-color: #f55;
   box-shadow: none
}

.btn-danger.btn-link {
   color: #ff3636
}

.btn-danger.btn-link.active:hover,
.btn-danger.btn-link:active:hover,
.btn-danger.btn-link:focus,
.btn-danger.btn-link:hover,
.btn-danger.btn-link:not(:disabled):not(.disabled).active,
.btn-danger.btn-link:not(:disabled):not(.disabled).active:focus,
.btn-danger.btn-link:not(:disabled):not(.disabled):active,
.btn-danger.btn-link:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.btn-link.dropdown-toggle,
.show>.btn-danger.btn-link.dropdown-toggle:focus,
.show>.btn-danger.btn-link.dropdown-toggle:hover {
   background-color: transparent;
   color: #f55;
   text-decoration: none;
   box-shadow: none
}

.btn-neutral {
   background-color: #fff;
   color: #3195f9
}

.btn-neutral.active:hover,
.btn-neutral:active:hover,
.btn-neutral:focus,
.btn-neutral:hover,
.btn-neutral:not(:disabled):not(.disabled).active,
.btn-neutral:not(:disabled):not(.disabled).active:focus,
.btn-neutral:not(:disabled):not(.disabled):active,
.btn-neutral:not(:disabled):not(.disabled):active:focus,
.show>.btn-neutral.dropdown-toggle,
.show>.btn-neutral.dropdown-toggle:focus,
.show>.btn-neutral.dropdown-toggle:hover {
   color: #fff
}

.btn-neutral: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 !important
}

.btn-neutral.btn-primary {
   color: #3195f9
}

.btn-neutral.btn-primary:active,
.btn-neutral.btn-primary:focus,
.btn-neutral.btn-primary:hover {
   color: #fa7a50 !important
}

.btn-neutral.btn-info {
   color: #3195f9
}

.btn-neutral.btn-info:active,
.btn-neutral.btn-info:focus,
.btn-neutral.btn-info:hover {
   color: #4bb5ff !important
}

.btn-neutral.btn-warning {
   color: #ffb236
}

.btn-neutral.btn-warning:active,
.btn-neutral.btn-warning:focus,
.btn-neutral.btn-warning:hover {
   color: #ffbe55 !important
}

.btn-neutral.btn-success {
   color: #18ce0f
}

.btn-neutral.btn-success:active,
.btn-neutral.btn-success:focus,
.btn-neutral.btn-success:hover {
   color: #1beb11 !important
}

.btn-neutral.btn-default {
   color: #888
}

.btn-neutral.btn-default:active,
.btn-neutral.btn-default:focus,
.btn-neutral.btn-default:hover {
   color: #979797 !important
}

.btn-neutral.active:hover,
.btn-neutral:active:hover,
.btn-neutral:focus,
.btn-neutral:hover,
.btn-neutral:not(:disabled):not(.disabled).active,
.btn-neutral:not(:disabled):not(.disabled).active:focus,
.btn-neutral:not(:disabled):not(.disabled):active,
.btn-neutral:not(:disabled):not(.disabled):active:focus,
.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 !important
}

.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:hover,
.btn-neutral.btn-simple:active:hover,
.btn-neutral.btn-simple:focus,
.btn-neutral.btn-simple:hover,
.btn-neutral.btn-simple:not(:disabled):not(.disabled).active,
.btn-neutral.btn-simple:not(:disabled):not(.disabled).active:focus,
.btn-neutral.btn-simple:not(:disabled):not(.disabled):active,
.btn-neutral.btn-simple:not(:disabled):not(.disabled):active:focus,
.show>.btn-neutral.btn-simple.dropdown-toggle,
.show>.btn-neutral.btn-simple.dropdown-toggle:focus,
.show>.btn-neutral.btn-simple.dropdown-toggle:hover {
   background-color: transparent;
   color: #fff;
   border-color: #fff;
   box-shadow: none
}

.btn-neutral.btn-link {
   color: #fff
}

.btn-neutral.btn-link.active:hover,
.btn-neutral.btn-link:active:hover,
.btn-neutral.btn-link:focus,
.btn-neutral.btn-link:hover,
.btn-neutral.btn-link:not(:disabled):not(.disabled).active,
.btn-neutral.btn-link:not(:disabled):not(.disabled).active:focus,
.btn-neutral.btn-link:not(:disabled):not(.disabled):active,
.btn-neutral.btn-link:not(:disabled):not(.disabled):active:focus,
.show>.btn-neutral.btn-link.dropdown-toggle,
.show>.btn-neutral.btn-link.dropdown-toggle:focus,
.show>.btn-neutral.btn-link.dropdown-toggle:hover {
   background-color: transparent;
   color: #fff;
   text-decoration: none;
   box-shadow: none
}

.btn-outline-primary {
   color: #3195f9;
   border-color: #3195f9
}
.btn-outline-weiss {
   color: #ffffff;
   border-color: #ffffff
}
.btn-outline-primary.active:hover,
.btn-outline-primary:active:hover,
.btn-outline-primary:focus,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle,
.show>.btn-outline-primary.dropdown-toggle:focus,
.show>.btn-outline-primary.dropdown-toggle:hover {
   background-color: transparent;
   color: #fa7a50;
   border-color: #fa7a50;
   box-shadow: none
}

.btn-outline-success {
   color: #18ce0f;
   border-color: #18ce0f
}

.btn-outline-success.active:hover,
.btn-outline-success:active:hover,
.btn-outline-success:focus,
.btn-outline-success:hover,
.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle,
.show>.btn-outline-success.dropdown-toggle:focus,
.show>.btn-outline-success.dropdown-toggle:hover {
   background-color: transparent;
   color: #1beb11;
   border-color: #1beb11;
   box-shadow: none
}

.btn-outline-info {
   color: #3195f9;
   border-color: #3195f9
}

.btn-outline-info.active:hover,
.btn-outline-info:active:hover,
.btn-outline-info:focus,
.btn-outline-info:hover,
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle,
.show>.btn-outline-info.dropdown-toggle:focus,
.show>.btn-outline-info.dropdown-toggle:hover {
   background-color: transparent;
   color: #4bb5ff;
   border-color: #4bb5ff;
   box-shadow: none
}

.btn-outline-warning {
   color: #ffb236;
   border-color: #ffb236
}

.btn-outline-warning.active:hover,
.btn-outline-warning:active:hover,
.btn-outline-warning:focus,
.btn-outline-warning:hover,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle,
.show>.btn-outline-warning.dropdown-toggle:focus,
.show>.btn-outline-warning.dropdown-toggle:hover {
   background-color: transparent;
   color: #ffbe55;
   border-color: #ffbe55;
   box-shadow: none
}

.btn-outline-danger {
   color: #ff3636;
   border-color: #ff3636
}

.btn-outline-danger.active:hover,
.btn-outline-danger:active:hover,
.btn-outline-danger:focus,
.btn-outline-danger:hover,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle,
.show>.btn-outline-danger.dropdown-toggle:focus,
.show>.btn-outline-danger.dropdown-toggle:hover {
   background-color: transparent;
   color: #f55;
   border-color: #f55;
   box-shadow: none
}

.btn-outline-default {
   color: #888;
   border-color: #888
}

.btn-outline-default.active:hover,
.btn-outline-default:active:hover,
.btn-outline-default:focus,
.btn-outline-default:hover,
.btn-outline-default:not(:disabled):not(.disabled).active,
.btn-outline-default:not(:disabled):not(.disabled).active:focus,
.btn-outline-default:not(:disabled):not(.disabled):active,
.btn-outline-default:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-default.dropdown-toggle,
.show>.btn-outline-default.dropdown-toggle:focus,
.show>.btn-outline-default.dropdown-toggle:hover {
   background-color: transparent;
   color: #979797;
   border-color: #979797;
   box-shadow: none
}

.btn-round {
   border-width: 1px;
   border-radius: 30px !important;
   padding: 11px 23px
}

.btn-round[class*=btn-outline-] {
   padding: 10px 22px
}

[class*=btn-outline-] {
   border: 1px solid;
   padding: 10px 22px
}

.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,
[class*=btn-outline-],
[class*=btn-outline-].disabled,
[class*=btn-outline-].disabled.active,
[class*=btn-outline-].disabled.focus,
[class*=btn-outline-].disabled:active,
[class*=btn-outline-].disabled:focus,
[class*=btn-outline-].disabled:hover,
[class*=btn-outline-]:disabled,
[class*=btn-outline-]:disabled.active,
[class*=btn-outline-]:disabled.focus,
[class*=btn-outline-]:disabled:active,
[class*=btn-outline-]:disabled:focus,
[class*=btn-outline-]:disabled:hover,
[class*=btn-outline-][disabled],
[class*=btn-outline-][disabled].active,
[class*=btn-outline-][disabled].focus,
[class*=btn-outline-][disabled]:active,
[class*=btn-outline-][disabled]:focus,
[class*=btn-outline-][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] [class*=btn-outline-],
fieldset[disabled] [class*=btn-outline-].active,
fieldset[disabled] [class*=btn-outline-].focus,
fieldset[disabled] [class*=btn-outline-]:active,
fieldset[disabled] [class*=btn-outline-]:focus,
fieldset[disabled] [class*=btn-outline-]:hover {
   background-color: transparent
}

.btn-lg {
   font-size: 1em;
   border-radius: .25rem;
   padding: 15px 48px
}

.btn-lg[class*=btn-outline-] {
   padding: 14px 47px
}

.btn-sm {
   font-size: 14px;
   border-radius: .1875rem;
   padding: 5px 15px
}

.btn-sm[class*=btn-outline-] {
   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
}

.btn.btn-facebook {
   background-color: #3b5998;
   color: #fff
}

.btn.btn-facebook.active:hover,
.btn.btn-facebook:active:hover,
.btn.btn-facebook:focus,
.btn.btn-facebook:hover,
.btn.btn-facebook:not(:disabled):not(.disabled).active,
.btn.btn-facebook:not(:disabled):not(.disabled).active:focus,
.btn.btn-facebook:not(:disabled):not(.disabled):active,
.btn.btn-facebook:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-facebook.dropdown-toggle,
.show>.btn.btn-facebook.dropdown-toggle:focus,
.show>.btn.btn-facebook.dropdown-toggle:hover {
   background-color: #4466ae;
   color: #fff
}

.btn.btn-facebook.btn-simple {
   color: #3b5998;
   box-shadow: none;
   background-color: transparent;
   border-color: #3b5998
}

.btn.btn-facebook.btn-simple.active:hover,
.btn.btn-facebook.btn-simple:active:hover,
.btn.btn-facebook.btn-simple:focus,
.btn.btn-facebook.btn-simple:hover,
.btn.btn-facebook.btn-simple:not(:disabled):not(.disabled).active,
.btn.btn-facebook.btn-simple:not(:disabled):not(.disabled).active:focus,
.btn.btn-facebook.btn-simple:not(:disabled):not(.disabled):active,
.btn.btn-facebook.btn-simple:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-facebook.btn-simple.dropdown-toggle,
.show>.btn.btn-facebook.btn-simple.dropdown-toggle:focus,
.show>.btn.btn-facebook.btn-simple.dropdown-toggle:hover {
   color: #4466ae;
   border-color: #4466ae;
   background-color: transparent
}

.btn.btn-facebook.btn-neutral {
   color: #3b5998;
   background-color: #fff
}

.btn.btn-facebook.btn-neutral.active:hover,
.btn.btn-facebook.btn-neutral:active:hover,
.btn.btn-facebook.btn-neutral:focus,
.btn.btn-facebook.btn-neutral:hover,
.btn.btn-facebook.btn-neutral:not(:disabled):not(.disabled).active,
.btn.btn-facebook.btn-neutral:not(:disabled):not(.disabled).active:focus,
.btn.btn-facebook.btn-neutral:not(:disabled):not(.disabled):active,
.btn.btn-facebook.btn-neutral:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-facebook.btn-neutral.dropdown-toggle,
.show>.btn.btn-facebook.btn-neutral.dropdown-toggle:focus,
.show>.btn.btn-facebook.btn-neutral.dropdown-toggle:hover {
   color: #4466ae;
   background-color: #fff
}

.btn.btn-twitter {
   background-color: #55acee;
   color: #fff
}

.btn.btn-twitter.active:hover,
.btn.btn-twitter:active:hover,
.btn.btn-twitter:focus,
.btn.btn-twitter:hover,
.btn.btn-twitter:not(:disabled):not(.disabled).active,
.btn.btn-twitter:not(:disabled):not(.disabled).active:focus,
.btn.btn-twitter:not(:disabled):not(.disabled):active,
.btn.btn-twitter:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-twitter.dropdown-toggle,
.show>.btn.btn-twitter.dropdown-toggle:focus,
.show>.btn.btn-twitter.dropdown-toggle:hover {
   background-color: #71baf1;
   color: #fff
}

.btn.btn-twitter.btn-simple {
   color: #55acee;
   box-shadow: none;
   background-color: transparent;
   border-color: #55acee
}

.btn.btn-twitter.btn-simple.active:hover,
.btn.btn-twitter.btn-simple:active:hover,
.btn.btn-twitter.btn-simple:focus,
.btn.btn-twitter.btn-simple:hover,
.btn.btn-twitter.btn-simple:not(:disabled):not(.disabled).active,
.btn.btn-twitter.btn-simple:not(:disabled):not(.disabled).active:focus,
.btn.btn-twitter.btn-simple:not(:disabled):not(.disabled):active,
.btn.btn-twitter.btn-simple:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-twitter.btn-simple.dropdown-toggle,
.show>.btn.btn-twitter.btn-simple.dropdown-toggle:focus,
.show>.btn.btn-twitter.btn-simple.dropdown-toggle:hover {
   color: #71baf1;
   border-color: #71baf1;
   background-color: transparent
}

.btn.btn-twitter.btn-neutral {
   color: #55acee;
   background-color: #fff
}

.btn.btn-twitter.btn-neutral.active:hover,
.btn.btn-twitter.btn-neutral:active:hover,
.btn.btn-twitter.btn-neutral:focus,
.btn.btn-twitter.btn-neutral:hover,
.btn.btn-twitter.btn-neutral:not(:disabled):not(.disabled).active,
.btn.btn-twitter.btn-neutral:not(:disabled):not(.disabled).active:focus,
.btn.btn-twitter.btn-neutral:not(:disabled):not(.disabled):active,
.btn.btn-twitter.btn-neutral:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-twitter.btn-neutral.dropdown-toggle,
.show>.btn.btn-twitter.btn-neutral.dropdown-toggle:focus,
.show>.btn.btn-twitter.btn-neutral.dropdown-toggle:hover {
   color: #71baf1;
   background-color: #fff
}

.btn.btn-pinterest {
   background-color: #cc2127;
   color: #fff
}

.btn.btn-pinterest.active:hover,
.btn.btn-pinterest:active:hover,
.btn.btn-pinterest:focus,
.btn.btn-pinterest:hover,
.btn.btn-pinterest:not(:disabled):not(.disabled).active,
.btn.btn-pinterest:not(:disabled):not(.disabled).active:focus,
.btn.btn-pinterest:not(:disabled):not(.disabled):active,
.btn.btn-pinterest:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-pinterest.dropdown-toggle,
.show>.btn.btn-pinterest.dropdown-toggle:focus,
.show>.btn.btn-pinterest.dropdown-toggle:hover {
   background-color: #dd2e34;
   color: #fff
}

.btn.btn-pinterest.btn-simple {
   color: #cc2127;
   box-shadow: none;
   background-color: transparent;
   border-color: #cc2127
}

.btn.btn-pinterest.btn-simple.active:hover,
.btn.btn-pinterest.btn-simple:active:hover,
.btn.btn-pinterest.btn-simple:focus,
.btn.btn-pinterest.btn-simple:hover,
.btn.btn-pinterest.btn-simple:not(:disabled):not(.disabled).active,
.btn.btn-pinterest.btn-simple:not(:disabled):not(.disabled).active:focus,
.btn.btn-pinterest.btn-simple:not(:disabled):not(.disabled):active,
.btn.btn-pinterest.btn-simple:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-pinterest.btn-simple.dropdown-toggle,
.show>.btn.btn-pinterest.btn-simple.dropdown-toggle:focus,
.show>.btn.btn-pinterest.btn-simple.dropdown-toggle:hover {
   color: #dd2e34;
   border-color: #dd2e34;
   background-color: transparent
}

.btn.btn-pinterest.btn-neutral {
   color: #cc2127;
   background-color: #fff
}

.btn.btn-pinterest.btn-neutral.active:hover,
.btn.btn-pinterest.btn-neutral:active:hover,
.btn.btn-pinterest.btn-neutral:focus,
.btn.btn-pinterest.btn-neutral:hover,
.btn.btn-pinterest.btn-neutral:not(:disabled):not(.disabled).active,
.btn.btn-pinterest.btn-neutral:not(:disabled):not(.disabled).active:focus,
.btn.btn-pinterest.btn-neutral:not(:disabled):not(.disabled):active,
.btn.btn-pinterest.btn-neutral:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-pinterest.btn-neutral.dropdown-toggle,
.show>.btn.btn-pinterest.btn-neutral.dropdown-toggle:focus,
.show>.btn.btn-pinterest.btn-neutral.dropdown-toggle:hover {
   color: #dd2e34;
   background-color: #fff
}

.btn.btn-google {
   background-color: #dd4b39;
   color: #fff
}

.btn.btn-google.active:hover,
.btn.btn-google:active:hover,
.btn.btn-google:focus,
.btn.btn-google:hover,
.btn.btn-google:not(:disabled):not(.disabled).active,
.btn.btn-google:not(:disabled):not(.disabled).active:focus,
.btn.btn-google:not(:disabled):not(.disabled):active,
.btn.btn-google:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-google.dropdown-toggle,
.show>.btn.btn-google.dropdown-toggle:focus,
.show>.btn.btn-google.dropdown-toggle:hover {
   background-color: #e16353;
   color: #fff
}

.btn.btn-google.btn-simple {
   color: #dd4b39;
   box-shadow: none;
   background-color: transparent;
   border-color: #dd4b39
}

.btn.btn-google.btn-simple.active:hover,
.btn.btn-google.btn-simple:active:hover,
.btn.btn-google.btn-simple:focus,
.btn.btn-google.btn-simple:hover,
.btn.btn-google.btn-simple:not(:disabled):not(.disabled).active,
.btn.btn-google.btn-simple:not(:disabled):not(.disabled).active:focus,
.btn.btn-google.btn-simple:not(:disabled):not(.disabled):active,
.btn.btn-google.btn-simple:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-google.btn-simple.dropdown-toggle,
.show>.btn.btn-google.btn-simple.dropdown-toggle:focus,
.show>.btn.btn-google.btn-simple.dropdown-toggle:hover {
   color: #e16353;
   border-color: #e16353;
   background-color: transparent
}

.btn.btn-google.btn-neutral {
   color: #dd4b39;
   background-color: #fff
}

.btn.btn-google.btn-neutral.active:hover,
.btn.btn-google.btn-neutral:active:hover,
.btn.btn-google.btn-neutral:focus,
.btn.btn-google.btn-neutral:hover,
.btn.btn-google.btn-neutral:not(:disabled):not(.disabled).active,
.btn.btn-google.btn-neutral:not(:disabled):not(.disabled).active:focus,
.btn.btn-google.btn-neutral:not(:disabled):not(.disabled):active,
.btn.btn-google.btn-neutral:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-google.btn-neutral.dropdown-toggle,
.show>.btn.btn-google.btn-neutral.dropdown-toggle:focus,
.show>.btn.btn-google.btn-neutral.dropdown-toggle:hover {
   color: #e16353;
   background-color: #fff
}

.btn.btn-linkedin {
   background-color: #0077b5;
   color: #fff
}

.btn.btn-linkedin.active:hover,
.btn.btn-linkedin:active:hover,
.btn.btn-linkedin:focus,
.btn.btn-linkedin:hover,
.btn.btn-linkedin:not(:disabled):not(.disabled).active,
.btn.btn-linkedin:not(:disabled):not(.disabled).active:focus,
.btn.btn-linkedin:not(:disabled):not(.disabled):active,
.btn.btn-linkedin:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-linkedin.dropdown-toggle,
.show>.btn.btn-linkedin.dropdown-toggle:focus,
.show>.btn.btn-linkedin.dropdown-toggle:hover {
   background-color: #008bd4;
   color: #fff
}

.btn.btn-linkedin.btn-simple {
   color: #0077b5;
   box-shadow: none;
   background-color: transparent;
   border-color: #0077b5
}

.btn.btn-linkedin.btn-simple.active:hover,
.btn.btn-linkedin.btn-simple:active:hover,
.btn.btn-linkedin.btn-simple:focus,
.btn.btn-linkedin.btn-simple:hover,
.btn.btn-linkedin.btn-simple:not(:disabled):not(.disabled).active,
.btn.btn-linkedin.btn-simple:not(:disabled):not(.disabled).active:focus,
.btn.btn-linkedin.btn-simple:not(:disabled):not(.disabled):active,
.btn.btn-linkedin.btn-simple:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-linkedin.btn-simple.dropdown-toggle,
.show>.btn.btn-linkedin.btn-simple.dropdown-toggle:focus,
.show>.btn.btn-linkedin.btn-simple.dropdown-toggle:hover {
   color: #008bd4;
   border-color: #008bd4;
   background-color: transparent
}

.btn.btn-linkedin.btn-neutral {
   color: #0077b5;
   background-color: #fff
}

.btn.btn-linkedin.btn-neutral.active:hover,
.btn.btn-linkedin.btn-neutral:active:hover,
.btn.btn-linkedin.btn-neutral:focus,
.btn.btn-linkedin.btn-neutral:hover,
.btn.btn-linkedin.btn-neutral:not(:disabled):not(.disabled).active,
.btn.btn-linkedin.btn-neutral:not(:disabled):not(.disabled).active:focus,
.btn.btn-linkedin.btn-neutral:not(:disabled):not(.disabled):active,
.btn.btn-linkedin.btn-neutral:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-linkedin.btn-neutral.dropdown-toggle,
.show>.btn.btn-linkedin.btn-neutral.dropdown-toggle:focus,
.show>.btn.btn-linkedin.btn-neutral.dropdown-toggle:hover {
   color: #008bd4;
   background-color: #fff
}

.btn.btn-dribbble {
   background-color: #ea4c89;
   color: #fff
}

.btn.btn-dribbble.active:hover,
.btn.btn-dribbble:active:hover,
.btn.btn-dribbble:focus,
.btn.btn-dribbble:hover,
.btn.btn-dribbble:not(:disabled):not(.disabled).active,
.btn.btn-dribbble:not(:disabled):not(.disabled).active:focus,
.btn.btn-dribbble:not(:disabled):not(.disabled):active,
.btn.btn-dribbble:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-dribbble.dropdown-toggle,
.show>.btn.btn-dribbble.dropdown-toggle:focus,
.show>.btn.btn-dribbble.dropdown-toggle:hover {
   background-color: #ed679b;
   color: #fff
}

.btn.btn-dribbble.btn-simple {
   color: #ea4c89;
   box-shadow: none;
   background-color: transparent;
   border-color: #ea4c89
}

.btn.btn-dribbble.btn-simple.active:hover,
.btn.btn-dribbble.btn-simple:active:hover,
.btn.btn-dribbble.btn-simple:focus,
.btn.btn-dribbble.btn-simple:hover,
.btn.btn-dribbble.btn-simple:not(:disabled):not(.disabled).active,
.btn.btn-dribbble.btn-simple:not(:disabled):not(.disabled).active:focus,
.btn.btn-dribbble.btn-simple:not(:disabled):not(.disabled):active,
.btn.btn-dribbble.btn-simple:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-dribbble.btn-simple.dropdown-toggle,
.show>.btn.btn-dribbble.btn-simple.dropdown-toggle:focus,
.show>.btn.btn-dribbble.btn-simple.dropdown-toggle:hover {
   color: #ed679b;
   border-color: #ed679b;
   background-color: transparent
}

.btn.btn-dribbble.btn-neutral {
   color: #ea4c89;
   background-color: #fff
}

.btn.btn-dribbble.btn-neutral.active:hover,
.btn.btn-dribbble.btn-neutral:active:hover,
.btn.btn-dribbble.btn-neutral:focus,
.btn.btn-dribbble.btn-neutral:hover,
.btn.btn-dribbble.btn-neutral:not(:disabled):not(.disabled).active,
.btn.btn-dribbble.btn-neutral:not(:disabled):not(.disabled).active:focus,
.btn.btn-dribbble.btn-neutral:not(:disabled):not(.disabled):active,
.btn.btn-dribbble.btn-neutral:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-dribbble.btn-neutral.dropdown-toggle,
.show>.btn.btn-dribbble.btn-neutral.dropdown-toggle:focus,
.show>.btn.btn-dribbble.btn-neutral.dropdown-toggle:hover {
   color: #ed679b;
   background-color: #fff
}

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

.btn.btn-github.active:hover,
.btn.btn-github:active:hover,
.btn.btn-github:focus,
.btn.btn-github:hover,
.btn.btn-github:not(:disabled):not(.disabled).active,
.btn.btn-github:not(:disabled):not(.disabled).active:focus,
.btn.btn-github:not(:disabled):not(.disabled):active,
.btn.btn-github:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-github.dropdown-toggle,
.show>.btn.btn-github.dropdown-toggle:focus,
.show>.btn.btn-github.dropdown-toggle:hover {
   background-color: #424242;
   color: #fff
}

.btn.btn-github.btn-simple {
   color: #333;
   box-shadow: none;
   background-color: transparent;
   border-color: #333
}

.btn.btn-github.btn-simple.active:hover,
.btn.btn-github.btn-simple:active:hover,
.btn.btn-github.btn-simple:focus,
.btn.btn-github.btn-simple:hover,
.btn.btn-github.btn-simple:not(:disabled):not(.disabled).active,
.btn.btn-github.btn-simple:not(:disabled):not(.disabled).active:focus,
.btn.btn-github.btn-simple:not(:disabled):not(.disabled):active,
.btn.btn-github.btn-simple:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-github.btn-simple.dropdown-toggle,
.show>.btn.btn-github.btn-simple.dropdown-toggle:focus,
.show>.btn.btn-github.btn-simple.dropdown-toggle:hover {
   color: #424242;
   border-color: #424242;
   background-color: transparent
}

.btn.btn-github.btn-neutral {
   color: #333;
   background-color: #fff
}

.btn.btn-github.btn-neutral.active:hover,
.btn.btn-github.btn-neutral:active:hover,
.btn.btn-github.btn-neutral:focus,
.btn.btn-github.btn-neutral:hover,
.btn.btn-github.btn-neutral:not(:disabled):not(.disabled).active,
.btn.btn-github.btn-neutral:not(:disabled):not(.disabled).active:focus,
.btn.btn-github.btn-neutral:not(:disabled):not(.disabled):active,
.btn.btn-github.btn-neutral:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-github.btn-neutral.dropdown-toggle,
.show>.btn.btn-github.btn-neutral.dropdown-toggle:focus,
.show>.btn.btn-github.btn-neutral.dropdown-toggle:hover {
   color: #424242;
   background-color: #fff
}

.btn.btn-youtube {
   background-color: #e52d27;
   color: #fff
}

.btn.btn-youtube.active:hover,
.btn.btn-youtube:active:hover,
.btn.btn-youtube:focus,
.btn.btn-youtube:hover,
.btn.btn-youtube:not(:disabled):not(.disabled).active,
.btn.btn-youtube:not(:disabled):not(.disabled).active:focus,
.btn.btn-youtube:not(:disabled):not(.disabled):active,
.btn.btn-youtube:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-youtube.dropdown-toggle,
.show>.btn.btn-youtube.dropdown-toggle:focus,
.show>.btn.btn-youtube.dropdown-toggle:hover {
   background-color: #e84842;
   color: #fff
}

.btn.btn-youtube.btn-simple {
   color: #e52d27;
   box-shadow: none;
   background-color: transparent;
   border-color: #e52d27
}

.btn.btn-youtube.btn-simple.active:hover,
.btn.btn-youtube.btn-simple:active:hover,
.btn.btn-youtube.btn-simple:focus,
.btn.btn-youtube.btn-simple:hover,
.btn.btn-youtube.btn-simple:not(:disabled):not(.disabled).active,
.btn.btn-youtube.btn-simple:not(:disabled):not(.disabled).active:focus,
.btn.btn-youtube.btn-simple:not(:disabled):not(.disabled):active,
.btn.btn-youtube.btn-simple:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-youtube.btn-simple.dropdown-toggle,
.show>.btn.btn-youtube.btn-simple.dropdown-toggle:focus,
.show>.btn.btn-youtube.btn-simple.dropdown-toggle:hover {
   color: #e84842;
   border-color: #e84842;
   background-color: transparent
}

.btn.btn-youtube.btn-neutral {
   color: #e52d27;
   background-color: #fff
}

.btn.btn-youtube.btn-neutral.active:hover,
.btn.btn-youtube.btn-neutral:active:hover,
.btn.btn-youtube.btn-neutral:focus,
.btn.btn-youtube.btn-neutral:hover,
.btn.btn-youtube.btn-neutral:not(:disabled):not(.disabled).active,
.btn.btn-youtube.btn-neutral:not(:disabled):not(.disabled).active:focus,
.btn.btn-youtube.btn-neutral:not(:disabled):not(.disabled):active,
.btn.btn-youtube.btn-neutral:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-youtube.btn-neutral.dropdown-toggle,
.show>.btn.btn-youtube.btn-neutral.dropdown-toggle:focus,
.show>.btn.btn-youtube.btn-neutral.dropdown-toggle:hover {
   color: #e84842;
   background-color: #fff
}

.btn.btn-instagram {
   background-color: #125688;
   color: #fff
}

.btn.btn-instagram.active:hover,
.btn.btn-instagram:active:hover,
.btn.btn-instagram:focus,
.btn.btn-instagram:hover,
.btn.btn-instagram:not(:disabled):not(.disabled).active,
.btn.btn-instagram:not(:disabled):not(.disabled).active:focus,
.btn.btn-instagram:not(:disabled):not(.disabled):active,
.btn.btn-instagram:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-instagram.dropdown-toggle,
.show>.btn.btn-instagram.dropdown-toggle:focus,
.show>.btn.btn-instagram.dropdown-toggle:hover {
   background-color: #1667a3;
   color: #fff
}

.btn.btn-instagram.btn-simple {
   color: #125688;
   box-shadow: none;
   background-color: transparent;
   border-color: #125688
}

.btn.btn-instagram.btn-simple.active:hover,
.btn.btn-instagram.btn-simple:active:hover,
.btn.btn-instagram.btn-simple:focus,
.btn.btn-instagram.btn-simple:hover,
.btn.btn-instagram.btn-simple:not(:disabled):not(.disabled).active,
.btn.btn-instagram.btn-simple:not(:disabled):not(.disabled).active:focus,
.btn.btn-instagram.btn-simple:not(:disabled):not(.disabled):active,
.btn.btn-instagram.btn-simple:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-instagram.btn-simple.dropdown-toggle,
.show>.btn.btn-instagram.btn-simple.dropdown-toggle:focus,
.show>.btn.btn-instagram.btn-simple.dropdown-toggle:hover {
   color: #1667a3;
   border-color: #1667a3;
   background-color: transparent
}

.btn.btn-instagram.btn-neutral {
   color: #125688;
   background-color: #fff
}

.btn.btn-instagram.btn-neutral.active:hover,
.btn.btn-instagram.btn-neutral:active:hover,
.btn.btn-instagram.btn-neutral:focus,
.btn.btn-instagram.btn-neutral:hover,
.btn.btn-instagram.btn-neutral:not(:disabled):not(.disabled).active,
.btn.btn-instagram.btn-neutral:not(:disabled):not(.disabled).active:focus,
.btn.btn-instagram.btn-neutral:not(:disabled):not(.disabled):active,
.btn.btn-instagram.btn-neutral:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-instagram.btn-neutral.dropdown-toggle,
.show>.btn.btn-instagram.btn-neutral.dropdown-toggle:focus,
.show>.btn.btn-instagram.btn-neutral.dropdown-toggle:hover {
   color: #1667a3;
   background-color: #fff
}

.btn.btn-reddit {
   background-color: #ff4500;
   color: #fff
}

.btn.btn-reddit.active:hover,
.btn.btn-reddit:active:hover,
.btn.btn-reddit:focus,
.btn.btn-reddit:hover,
.btn.btn-reddit:not(:disabled):not(.disabled).active,
.btn.btn-reddit:not(:disabled):not(.disabled).active:focus,
.btn.btn-reddit:not(:disabled):not(.disabled):active,
.btn.btn-reddit:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-reddit.dropdown-toggle,
.show>.btn.btn-reddit.dropdown-toggle:focus,
.show>.btn.btn-reddit.dropdown-toggle:hover {
   background-color: #ff5b1f;
   color: #fff
}

.btn.btn-reddit.btn-simple {
   color: #ff4500;
   box-shadow: none;
   background-color: transparent;
   border-color: #ff4500
}

.btn.btn-reddit.btn-simple.active:hover,
.btn.btn-reddit.btn-simple:active:hover,
.btn.btn-reddit.btn-simple:focus,
.btn.btn-reddit.btn-simple:hover,
.btn.btn-reddit.btn-simple:not(:disabled):not(.disabled).active,
.btn.btn-reddit.btn-simple:not(:disabled):not(.disabled).active:focus,
.btn.btn-reddit.btn-simple:not(:disabled):not(.disabled):active,
.btn.btn-reddit.btn-simple:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-reddit.btn-simple.dropdown-toggle,
.show>.btn.btn-reddit.btn-simple.dropdown-toggle:focus,
.show>.btn.btn-reddit.btn-simple.dropdown-toggle:hover {
   color: #ff5b1f;
   border-color: #ff5b1f;
   background-color: transparent
}

.btn.btn-reddit.btn-neutral {
   color: #ff4500;
   background-color: #fff
}

.btn.btn-reddit.btn-neutral.active:hover,
.btn.btn-reddit.btn-neutral:active:hover,
.btn.btn-reddit.btn-neutral:focus,
.btn.btn-reddit.btn-neutral:hover,
.btn.btn-reddit.btn-neutral:not(:disabled):not(.disabled).active,
.btn.btn-reddit.btn-neutral:not(:disabled):not(.disabled).active:focus,
.btn.btn-reddit.btn-neutral:not(:disabled):not(.disabled):active,
.btn.btn-reddit.btn-neutral:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-reddit.btn-neutral.dropdown-toggle,
.show>.btn.btn-reddit.btn-neutral.dropdown-toggle:focus,
.show>.btn.btn-reddit.btn-neutral.dropdown-toggle:hover {
   color: #ff5b1f;
   background-color: #fff
}

.btn.btn-tumblr {
   background-color: #35465c;
   color: #fff
}

.btn.btn-tumblr.active:hover,
.btn.btn-tumblr:active:hover,
.btn.btn-tumblr:focus,
.btn.btn-tumblr:hover,
.btn.btn-tumblr:not(:disabled):not(.disabled).active,
.btn.btn-tumblr:not(:disabled):not(.disabled).active:focus,
.btn.btn-tumblr:not(:disabled):not(.disabled):active,
.btn.btn-tumblr:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-tumblr.dropdown-toggle,
.show>.btn.btn-tumblr.dropdown-toggle:focus,
.show>.btn.btn-tumblr.dropdown-toggle:hover {
   background-color: #40556f;
   color: #fff
}

.btn.btn-tumblr.btn-simple {
   color: #35465c;
   box-shadow: none;
   background-color: transparent;
   border-color: #35465c
}

.btn.btn-tumblr.btn-simple.active:hover,
.btn.btn-tumblr.btn-simple:active:hover,
.btn.btn-tumblr.btn-simple:focus,
.btn.btn-tumblr.btn-simple:hover,
.btn.btn-tumblr.btn-simple:not(:disabled):not(.disabled).active,
.btn.btn-tumblr.btn-simple:not(:disabled):not(.disabled).active:focus,
.btn.btn-tumblr.btn-simple:not(:disabled):not(.disabled):active,
.btn.btn-tumblr.btn-simple:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-tumblr.btn-simple.dropdown-toggle,
.show>.btn.btn-tumblr.btn-simple.dropdown-toggle:focus,
.show>.btn.btn-tumblr.btn-simple.dropdown-toggle:hover {
   color: #40556f;
   border-color: #40556f;
   background-color: transparent
}

.btn.btn-tumblr.btn-neutral {
   color: #35465c;
   background-color: #fff
}

.btn.btn-tumblr.btn-neutral.active:hover,
.btn.btn-tumblr.btn-neutral:active:hover,
.btn.btn-tumblr.btn-neutral:focus,
.btn.btn-tumblr.btn-neutral:hover,
.btn.btn-tumblr.btn-neutral:not(:disabled):not(.disabled).active,
.btn.btn-tumblr.btn-neutral:not(:disabled):not(.disabled).active:focus,
.btn.btn-tumblr.btn-neutral:not(:disabled):not(.disabled):active,
.btn.btn-tumblr.btn-neutral:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-tumblr.btn-neutral.dropdown-toggle,
.show>.btn.btn-tumblr.btn-neutral.dropdown-toggle:focus,
.show>.btn.btn-tumblr.btn-neutral.dropdown-toggle:hover {
   color: #40556f;
   background-color: #fff
}

.btn.btn-behance {
   background-color: #1769ff;
   color: #fff
}

.btn.btn-behance.active:hover,
.btn.btn-behance:active:hover,
.btn.btn-behance:focus,
.btn.btn-behance:hover,
.btn.btn-behance:not(:disabled):not(.disabled).active,
.btn.btn-behance:not(:disabled):not(.disabled).active:focus,
.btn.btn-behance:not(:disabled):not(.disabled):active,
.btn.btn-behance:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-behance.dropdown-toggle,
.show>.btn.btn-behance.dropdown-toggle:focus,
.show>.btn.btn-behance.dropdown-toggle:hover {
   background-color: #367dff;
   color: #fff
}

.btn.btn-behance.btn-simple {
   color: #1769ff;
   box-shadow: none;
   background-color: transparent;
   border-color: #1769ff
}

.btn.btn-behance.btn-simple.active:hover,
.btn.btn-behance.btn-simple:active:hover,
.btn.btn-behance.btn-simple:focus,
.btn.btn-behance.btn-simple:hover,
.btn.btn-behance.btn-simple:not(:disabled):not(.disabled).active,
.btn.btn-behance.btn-simple:not(:disabled):not(.disabled).active:focus,
.btn.btn-behance.btn-simple:not(:disabled):not(.disabled):active,
.btn.btn-behance.btn-simple:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-behance.btn-simple.dropdown-toggle,
.show>.btn.btn-behance.btn-simple.dropdown-toggle:focus,
.show>.btn.btn-behance.btn-simple.dropdown-toggle:hover {
   color: #367dff;
   border-color: #367dff;
   background-color: transparent
}

.btn.btn-behance.btn-neutral {
   color: #1769ff;
   background-color: #fff
}

.btn.btn-behance.btn-neutral.active:hover,
.btn.btn-behance.btn-neutral:active:hover,
.btn.btn-behance.btn-neutral:focus,
.btn.btn-behance.btn-neutral:hover,
.btn.btn-behance.btn-neutral:not(:disabled):not(.disabled).active,
.btn.btn-behance.btn-neutral:not(:disabled):not(.disabled).active:focus,
.btn.btn-behance.btn-neutral:not(:disabled):not(.disabled):active,
.btn.btn-behance.btn-neutral:not(:disabled):not(.disabled):active:focus,
.show>.btn.btn-behance.btn-neutral.dropdown-toggle,
.show>.btn.btn-behance.btn-neutral.dropdown-toggle:focus,
.show>.btn.btn-behance.btn-neutral.dropdown-toggle:hover {
   color: #367dff;
   background-color: #fff
}

.form-control:-moz-placeholder,
.form-control::-moz-placeholder {
   color: #888;
   opacity: .8;
   filter: alpha(opacity=80)
}

.form-control::-webkit-input-placeholder {
   color: #888;
   opacity: .8;
   filter: alpha(opacity=80)
}

.form-control:-ms-input-placeholder {
   color: #888;
   opacity: .8;
   filter: alpha(opacity=80)
}

.form-control {
   background-color: transparent;
   border: 1px solid #e3e3e3;
   border-radius: 30px;
   color: #2c2c2c;
   height: auto;
   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 #3195f9;
   box-shadow: none;
   outline: 0 !important;
   color: #2c2c2c
}

.form-control:focus+.input-group-text,
.form-control:focus~.input-group-text {
   border: 1px solid #3195f9;
   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: hsla(0, 0%, 87%, .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.no-border.input-lg .input-group-text,
.input-group.no-border.input-lg .input-group-text {
   padding: 15px 0 15px 19px
}

.form-group.no-border.input-lg .form-control,
.input-group.no-border.input-lg .form-control {
   padding: 15px 19px
}

.form-group.no-border.input-lg .form-control+.input-group-text,
.input-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.no-border .form-control,
.input-group.no-border .form-control {
   padding: 11px 19px
}

.form-group.no-border .form-control+.input-group-text,
.input-group.no-border .form-control+.input-group-text {
   padding: 11px 19px 11px 0
}

.form-group.no-border .input-group-text,
.input-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.no-border .form-control,
.form-group.no-border .form-control+.input-group-text,
.input-group.no-border .form-control,
.input-group.no-border .form-control+.input-group-text {
   background-color: hsla(0, 0%, 87%, .3);
   border: medium none
}

.form-group.no-border .form-control+.input-group-text:active,
.form-group.no-border .form-control+.input-group-text:focus,
.form-group.no-border .form-control:active,
.form-group.no-border .form-control:focus,
.input-group.no-border .form-control+.input-group-text:active,
.input-group.no-border .form-control+.input-group-text:focus,
.input-group.no-border .form-control:active,
.input-group.no-border .form-control:focus {
   border: medium none;
   background-color: hsla(0, 0%, 87%, .5)
}

.form-group.no-border .form-control:focus+.input-group-text,
.input-group.no-border .form-control:focus+.input-group-text {
   background-color: hsla(0, 0%, 87%, .5)
}

.form-group.no-border .input-group-prepend .input-group-text,
.input-group.no-border .input-group-prepend .input-group-text {
   background-color: hsla(0, 0%, 87%, .3);
   border: none;
   border-left: transparent !important
}

.form-group.no-border.input-group-focus.no-border .input-group-text,
.input-group.no-border.input-group-focus.no-border .input-group-text {
   background-color: hsla(0, 0%, 87%, .5)
}

.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
}

.input-group-focus .input-group-text {
   background-color: #fff;
   border-color: #3195f9
}

.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: -.5rem .7rem;
   padding-left: 18px
}

.input-group-text i {
   width: 17px
}

.form-group,
.input-group {
   margin-bottom: 10px;
   position: relative
}

.input-group[disabled] .input-group-text {
   background-color: #e3e3e3
}

.form-group .input-group-prepend,
.input-group .input-group-prepend {
   margin-right: 0
}

.form-group .input-group-prepend .input-group-text,
.input-group .input-group-prepend .input-group-text {
   border-left: 1px solid #e3e3e3
}

.form-group .input-group-append .input-group-text,
.input-group .input-group-append .input-group-text {
   border-right: 1px solid #e3e3e3;
   padding: 10px 18px 10px 0
}

.form-group.input-group-focus .input-group-prepend .input-group-text,
.input-group.input-group-focus .input-group-prepend .input-group-text {
   border-left: 1px solid #3195f9
}

.form-group.input-group-focus .input-group-append .input-group-text,
.input-group.input-group-focus .input-group-append .input-group-text {
   border-right: 1px solid #3195f9
}

.form-group.input-group-focus.no-border .input-group-prepend .input-group-text,
.input-group.input-group-focus.no-border .input-group-prepend .input-group-text {
   border-left: transparent
}

.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-text:first-child,
.input-group .form-control:first-child {
   border-right: 0 none
}

.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.dropdown-toggle,
.input-group-text:last-child,
.input-group .form-control:last-child {
   border-left: 0 none
}

.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.no-border .form-control,
.has-success.form-group .form-control,
.has-success.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
}

.progress-container {
   position: relative
}

.progress-container+.progress-container,
.progress-container~.progress-container {
   margin-top: 15px
}

.progress-container .progress-badge {
   color: #888;
   font-size: .8571em;
   text-transform: uppercase
}

.progress-container .progress {
   height: 1px;
   border-radius: 0;
   box-shadow: none;
   background: hsla(0, 0%, 87%, .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: hsla(0, 0%, 100%, .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: #3195f9
}

.progress-container.progress-primary .progress-badge,
.progress-container.progress-primary .progress-value {
   color: #3195f9
}

.progress-container.progress-info .progress {
   background: rgba(44, 168, 255, .3)
}

.progress-container.progress-info .progress-bar {
   background: #3195f9
}

.progress-container.progress-info .progress-badge,
.progress-container.progress-info .progress-value {
   color: #3195f9
}

.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
}

.nav-pills.nav-pills-just-icons .nav-item .nav-link {
   text-align: center;
   border-radius: 50%;
   height: 80px;
   width: 80px;
   padding: 0;
   max-width: 80px;
   min-width: auto;
   margin-bottom: 4px
}

.nav-pills.nav-pills-just-icons .nav-item .nav-link i {
   line-height: 80px
}

.nav-pills:not(.flex-column) .nav-item:not(:last-child) .nav-link {
   margin-right: 19px
}

.nav-pills .nav-item .nav-link {
   padding: 10px 23px;
   min-width: 100px;
   font-weight: 400;
   text-align: center;
   color: #444
}

.nav-pills .nav-item .nav-link,
.nav-pills .nav-item .nav-link:hover {
   background-color: hsla(0, 0%, 87%, .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;
   line-height: 60px;
   font-size: 24px
}

.nav-pills.nav-pills-neutral .nav-item .nav-link {
   background-color: hsla(0, 0%, 100%, .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: #3195f9
}

.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: #3195f9
}

.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: #3195f9
}

.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
}

.tab-space {
   padding: 20px 0 50px
}

.nav-align-center {
   text-align: center
}

.nav-align-center .nav-pills {
   display: inline-flex
}

.nav-pills.flex-column li>a {
   margin-bottom: 15px
}

.nav-pills:not(.nav-pills-icons):not(.nav-pills-just-icons) .nav-item .nav-link {
   border-radius: 30px
}

.nav-pills.nav-pills-icons .nav-item .nav-link {
   background-color: transparent
}

.nav-pills.nav-pills-icons .nav-item i {
   font-size: 20px
}

.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;
   margin-right: 5px;
   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: hsla(0, 0%, 100%, .5)
}

.nav-tabs.nav-tabs-neutral>.nav-item>.nav-link {
   color: #fff
}

.nav-tabs.nav-tabs-neutral>.nav-item>.nav-link.active {
   background-color: hsla(0, 0%, 100%, .2);
   color: #fff
}

.nav-tabs.nav-tabs-primary>.nav-item>.nav-link.active {
   background-color: #3195f9
}

.nav-tabs.nav-tabs-info>.nav-item>.nav-link.active {
   background-color: #3195f9
}

.nav-tabs.nav-tabs-danger>.nav-item>.nav-link.active {
   background-color: #ff3636
}

.nav-tabs.nav-tabs-warning>.nav-item>.nav-link.active {
   background-color: #ffb236
}

.nav-tabs.nav-tabs-success>.nav-item>.nav-link.active {
   background-color: #18ce0f
}

.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: 21px;
   font-weight: inherit;
   font-size: inherit
}

.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.fab+p,
.navbar .navbar-nav .nav-link:not(.btn) i.now-ui-icons+p {
   margin-left: 3px
}

.navbar .navbar-nav .nav-link:not(.btn) i.fab,
.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.active .nav-link:not(.btn),
.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 {
   background-color: hsla(0, 0%, 100%, .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;
   outline: 0;
   cursor: pointer
}

.navbar .navbar-toggler.navbar-toggler-left {
   position: relative;
   left: 0;
   padding-left: 0
}

.navbar .navbar-toggler .navbar-toggler-bar.middle-bar {
   width: 17px;
   transition: width .2s linear
}

.navbar .navbar-toggler:hover .navbar-toggler-bar.middle-bar {
   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 !important
}

.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.active .nav-link:not(.btn),
.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 {
   background-color: hsla(0, 0%, 87%, .3)
}

.navbar.bg-white:not(.navbar-transparent) .logo-container {
   border: 1px solid #888
}

.bg-default {
   background-color: #888 !important
}

.bg-primary {
   background-color: #3195f9 !important
}

.bg-info {
   background-color: #3195f9 !important
}

.bg-success {
   background-color: #18ce0f !important
}

.bg-danger {
   background-color: #ff3636 !important
}

.bg-warning {
   background-color: #ffb236 !important
}

.bg-white {
   background-color: rgba(255, 255, 255, 0.854) !important
}

.navbar p {
   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-toggler {
   vertical-align: middle
}

.navbar .navbar-toggler.navbar-toggler-left {
   top: 0
}

.navbar .navbar-toggler.navbar-toggler-right {
   padding-right: 0;
   top: 8px
}

.dropdown-menu {
   border: 0;
   box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .2);
   border-radius: .125rem;
   transition: all .15s linear;
   font-size: 14px
}

.dropdown-menu.dropdown-menu-right:before {
   left: auto;
   right: 10px
}

.bootstrap-select .dropdown-menu.inner li a,
.dropdown-menu .dropdown-item {
   outline: none
}

.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
}

.dropdown-menu .dropdown-divider {
   background-color: hsla(0, 0%, 87%, .5)
}

.dropdown-menu .dropdown-header:not([href]):not([tabindex]) {
   color: hsla(0, 0%, 71%, .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: hsla(0, 0%, 100%, .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: hsla(0, 0%, 100%, .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: hsla(0, 0%, 100%, .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: hsla(0, 0%, 100%, .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: hsla(0, 0%, 100%, .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: hsla(0, 0%, 100%, .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: hsla(0, 0%, 100%, .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: hsla(0, 0%, 100%, .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: hsla(0, 0%, 100%, .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: hsla(0, 0%, 100%, .2)
}

.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
}

.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
}

.bootstrap-select .dropdown-menu.inner li a,
.dropdown-menu .dropdown-item {
   font-size: .8571em;
   padding-top: .6rem;
   padding-bottom: .6rem;
   margin-top: 5px;
   transition: all .15s 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: hsla(0, 0%, 87%, .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: hsla(0, 0%, 71%, .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.bootstrap-datetimepicker-widget,
.dropdown .dropdown-menu:not(.inner) {
   transform: translate3d(0, -25px, 0) !important;
   visibility: hidden;
   display: block;
   opacity: 0;
   filter: alpha(opacity=0);
   top: 100% !important
}

.dropdown-menu.bootstrap-datetimepicker-widget.bottom.open,
.dropdown-menu.bootstrap-datetimepicker-widget.top.open,
.dropdown.show .dropdown-menu:not(.inner) {
   opacity: 1;
   filter: alpha(opacity=100);
   visibility: visible;
   transform: translateZ(0) !important
}

.dropdown-menu.bootstrap-datetimepicker-widget.top,
.dropup .dropdown-menu:not(.inner) {
   visibility: hidden;
   opacity: 0;
   filter: alpha(opacity=0);
   transform: translate3d(0, 25px, 0) !important;
   display: block;
   top: auto !important;
   bottom: 100% !important
}

.dropdown-menu.bootstrap-datetimepicker-widget.top.open,
.dropup.show .dropdown-menu:not(.inner) {
   visibility: visible;
   opacity: 1;
   filter: alpha(opacity=100);
   transform: translate3d(0, -1px, 0) !important
}

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: transparent
}

.popover .popover-header {
   color: hsla(0, 0%, 71%, .6);
   font-size: 14px;
   text-transform: capitalize;
   font-weight: 600;
   margin: 0;
   margin-top: 5px;
   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: #3195f9
}

.popover.popover-primary .popover-body {
   color: #fff
}

.popover.popover-primary.bs-popover-right .arrow:after {
   border-right-color: #3195f9
}

.popover.popover-primary.bs-popover-top .arrow:after {
   border-top-color: #3195f9
}

.popover.popover-primary.bs-popover-bottom .arrow:after {
   border-bottom-color: #3195f9
}

.popover.popover-primary.bs-popover-left .arrow:after {
   border-left-color: #3195f9
}

.popover.popover-primary .popover-header {
   color: #fff;
   opacity: .6
}

.popover.popover-info {
   background-color: #3195f9
}

.popover.popover-info .popover-body {
   color: #fff
}

.popover.popover-info.bs-popover-right .arrow:after {
   border-right-color: #3195f9
}

.popover.popover-info.bs-popover-top .arrow:after {
   border-top-color: #3195f9
}

.popover.popover-info.bs-popover-bottom .arrow:after {
   border-bottom-color: #3195f9
}

.popover.popover-info.bs-popover-left .arrow:after {
   border-left-color: #3195f9
}

.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: inherit;
   box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .2)
}

.table>thead>tr>th {
   border-bottom-width: 1px;
   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.form-check-radio .icons,
.table .form-check .icons {
   position: relative
}

.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,
.table .form-check label.form-check-label .form-check-sign:after,
.table .form-check 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
}

.table-shopping .td-name small {
   color: #9a9a9a;
   font-size: .75em;
   font-weight: 300
}

.table-shopping .td-number {
   font-weight: 300;
   font-size: 1.5em
}

.table-shopping .td-name {
   min-width: 200px
}

.table-shopping .td-number {
   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 {
   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: #3195f9
}

.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: #3195f9
}

.info.info-hover:hover .icon.icon-success+.info-title {
   color: #18ce0f
}

.info .icon {
   color: #888;
   transition: transform .4s, box-shadow .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: #3195f9
}

.icon.icon-primary.icon-circle {
   box-shadow: 0 9px 30px -6px rgba(249, 99, 50, .3)
}

.icon.icon-info {
   color: #3195f9
}

.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 auto;
   width: 64px;
   height: 64px;
   margin-right: 15px
}

.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 {
   padding: 24px 24px 16px;
   line-height: 1.9
}

.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-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: #3195f9;
   font-size: 21px
}

.modal.modal-mini .modal-profile[class*=modal-profile-] i {
   color: #fff
}

.modal.modal-mini .modal-profile.modal-profile-primary {
   background-color: #3195f9
}

.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: #3195f9
}

.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-primary .modal-content {
   background-color: #3195f9;
   color: #fff
}

.modal.modal-primary .modal-header .close {
   color: #fff
}

.modal.modal-danger .modal-content {
   background-color: #ff3636;
   color: #fff
}

.modal.modal-danger .modal-header .close {
   color: #fff
}

.modal.modal-warning .modal-content {
   background-color: #ffb236;
   color: #fff
}

.modal.modal-warning .modal-header .close {
   color: #fff
}

.modal.modal-success .modal-content {
   background-color: #18ce0f;
   color: #fff
}

.modal.modal-success .modal-header .close {
   color: #fff
}

.modal.modal-info .modal-content {
   background-color: #3195f9;
   color: #fff
}

.modal.modal-info .modal-header .close {
   color: #fff
}

.modal.show.modal-mini .modal-dialog {
   transform: translateY(30%)
}

.modal .modal-header .close {
   color: #ff3636;
   text-shadow: none
}

.modal .modal-header .close:focus,
.modal .modal-header .close:hover {
   opacity: 1
}

.modal .modal-login {
   max-width: 320px
}

.modal .modal-login .card-login .logo-container {
   width: 65px;
   margin-bottom: 38px;
   margin-top: 27px
}

.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
}

.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
}

.footer ul li a,
.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: " "
}

.card {
   border: 0;
   border-radius: .1875rem;
   display: inline-block;
   position: relative;
   width: 100%;
   margin-bottom: 30px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
    border:3px solid #fff;
}

.card .card-header {
   border-bottom: 0;
   border-radius: 0
}

.card .card-footer,
.card .card-header {
   background-color: transparent;
   padding: 0
}

.card .card-footer {
   margin-top: 15px;
   border: 0
}

.card[data-background-color=orange] {
   background-color: #3195f9
}

.card[data-background-color=red] {
   background-color: #ff3636
}

.card[data-background-color=yellow] {
   background-color: #ffb236
}

.card[data-background-color=blue] {
   background-color: #3195f9
}

.card[data-background-color=green] {
   background-color: #15b60d
}

.card .rounded {
   border-radius: .1875rem !important
}

.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-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);
   transform: rotate(180deg)
}

.card-collapse .card .card-header a[data-toggle=collapse] i {
   float: right;
   position: relative;
   color: #3195f9;
   top: 1px;
   transition: all .3s ease 0s
}

.card .card-image {
   position: relative
}

.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: #a2a2a2
}

.card .card-title {
   margin-top: 15px;
   line-height: 1.25em
}

.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-background {
   background-position: 50%;
   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: hsla(0, 0%, 100%, .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, 64, 116, 0.69);
   border-radius: .25rem
}

.card-blog .row .category {
   margin-bottom: 0
}

.card-blog .card-image+.category {
   margin-top: 20px
}

.card-contact .header .title {
   margin: 10px 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%;
   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: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   z-index: 2;
   position: absolute;
   pointer-events: none;
   border-color: hsla(0, 0%, 100%, 0);
   border-left-color: #fff;
   border-width: 10px;
   margin-top: -10px
}

.card-fashion.arrow-left:not(.card-background):before {
   right: 100%;
   border-right-color: #fff;
   left: auto;
   border-left: none
}

.card-form-horizontal .card-body {
   padding-left: 15px;
   padding-right: 15px
}

.card-form-horizontal .form-group {
   padding-bottom: 0;
   margin: 3px 0 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-no-shadow {
   box-shadow: none;
   border-radius: 0;
   margin: 0
}

.card-no-shadow:after {
   border-radius: 0
}

.card-plain {
   background: transparent;
   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
}

.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 #3195f9;
   color: #3195f9
}

.card-pricing .icon.icon-info i {
   box-shadow: 0 9px 30px -6px #3195f9;
   color: #3195f9
}

.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 hsla(0, 0%, 53%, .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: hsla(0, 0%, 100%, .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-profile,
.card-testimonial {
   margin-top: 60px;
   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-plain.card-profile .card-avatar,
.card-plain.card-testimonial .card-avatar {
   margin-top: 0
}

.card-profile .card-body .card-avatar,
.card-testimonial .card-body .card-avatar {
   margin: 0 auto 30px
}

.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,
.card-product .price-old {
   font-size: 16px;
   color: #888
}

.card-product .price-old {
   text-decoration: line-through
}

.card-product .price-new {
   color: #ff3636
}

.card-product:not(.card-plain) .card-image {
   padding: 15px
}

.card-raised {
box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
   border:3px solid #fff;
}

.card-raised.card-plain {
   box-shadow: none
}

.card-signup {
   max-width: 350px;
   margin: 0 auto
}

.card-signup .card-header {
   margin: 0 20px;
   padding: 30px 0
}

.card-signup .card-title {
   margin-top: 15px;
   margin-bottom: 15px
}

.card-signup .card-footer {
   margin-bottom: 10px;
   margin-top: 24px;
   padding: 24px 0
}

.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.form-check-radio label,
.card-signup .form-check label {
   margin-left: 11px;
   color: initial;
   padding-left: 40px
}

.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 {
   margin: 0 5px;
   box-shadow: 0 5px 50px 0 rgba(0, 0, 0, .2)
}

.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 .card-description+.card-title {
   margin-top: 30px
}

.card-testimonial .icon i {
   font-size: 32px
}

.card-testimonial .icon.icon-primary i {
   color: #3195f9
}

.card-testimonial .icon.icon-info i {
   color: #3195f9
}

.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-testimonial .card-description+.card-title {
   margin-top: 20px
}

.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: hsla(0, 0%, 100%, .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: all .2s ease 0s;
   box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .2)
}

.presentation-page .section-sections img:hover {
   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 .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>.card-title {
   margin-bottom: 30px
}

.ecommerce-page .card-refine [role=tabpanel] {
   max-height: 273px;
   overflow-y: scroll
}

.ecommerce-page .card-refine h6 {
   margin-top: .5rem
}

.ecommerce-page .card-refine .card-body {
   padding-left: 25px;
   padding-right: 25px;
   padding-bottom: 0
}

.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: #3195f9
}

.ecommerce-page .card-product .card-image {
   width: 200px;
   margin: 0 auto
}

.product-page {
   background-color: #eee
}

.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 .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;
   position: relative;
   z-index: 100
}

.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: hsla(0, 0%, 89%, .26);
   background: linear-gradient(0deg, hsla(0, 0%, 89%, .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: 50%
}

.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 .checkbox label {
   margin-left: 14px;
   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 .page-header {
   display: block;
   align-items: unset
}

.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;
   margin-bottom: 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,
.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: hsla(0, 0%, 100%, .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: hsla(0, 0%, 100%, .5);
   color: #fff
}

.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.no-border .form-control,
.login-page .card-login.card-plain .input-group.no-border .form-control {
   background-color: hsla(0, 0%, 100%, .1);
   color: #fff
}

.login-page .card-login.card-plain .form-group.no-border .form-control:active,
.login-page .card-login.card-plain .form-group.no-border .form-control:focus,
.login-page .card-login.card-plain .input-group.no-border .form-control:active,
.login-page .card-login.card-plain .input-group.no-border .form-control:focus {
   background-color: hsla(0, 0%, 100%, .2);
   color: #fff
}

.login-page .card-login.card-plain .form-group.no-border .form-control+.input-group-text,
.login-page .card-login.card-plain .input-group.no-border .form-control+.input-group-text {
   background-color: hsla(0, 0%, 100%, .1)
}

.login-page .card-login.card-plain .form-group.no-border .form-control+.input-group-text:active,
.login-page .card-login.card-plain .form-group.no-border .form-control+.input-group-text:focus,
.login-page .card-login.card-plain .form-group.no-border .form-control:focus+.input-group-text,
.login-page .card-login.card-plain .input-group.no-border .form-control+.input-group-text:active,
.login-page .card-login.card-plain .input-group.no-border .form-control+.input-group-text:focus,
.login-page .card-login.card-plain .input-group.no-border .form-control:focus+.input-group-text {
   background-color: hsla(0, 0%, 100%, .2);
   color: #fff
}

.login-page .card-login.card-plain .form-group.no-border .input-group-text,
.login-page .card-login.card-plain .input-group.no-border .input-group-text {
   background-color: hsla(0, 0%, 100%, .1);
   border: none;
   color: #fff
}

.login-page .card-login.card-plain .form-group.no-border.input-group-focus .input-group-text,
.login-page .card-login.card-plain .input-group.no-border.input-group-focus .input-group-text {
   background-color: hsla(0, 0%, 100%, .2);
   color: #fff
}

.login-page .card-login.card-plain .form-group.no-border .input-group-text,
.login-page .card-login.card-plain .input-group-text,
.login-page .card-login.card-plain .input-group.no-border .input-group-text {
   color: hsla(0, 0%, 100%, .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 .description {
   margin-bottom: 70px
}

.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
}

.sections-page .page-header {
   display: flex;
   align-items: center
}

.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
}

.page-header {
   min-height: 100vh;
   max-height: 999px;
   padding: 0;
   color: #fff;
   position: relative;
   overflow: hidden
}

.page-header>.content {
   margin-top: 12%;
   text-align: center;
   margin-bottom: 50px
}

.page-header.page-header-small {
   min-height: 70vh;
   max-height: 440px
}

.page-header:before {
background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 3%, rgba(48,124,210,0.774969362745098) 34%, rgba(119,183,255,0.4948573179271709) 74%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 3%, rgba(48,124,210,0.774969362745098) 34%, rgba(119,183,255,0.4948573179271709) 74%);
background: linear-gradient(0deg, rgba(255,255,255,1) 3%, rgba(48,124,210,0.774969362745098) 34%, rgba(119,183,255,0.4948573179271709) 74%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#77b7ff",GradientType=1);
}

.page-header>.container {
   z-index: 2;
   padding-top: 12vh;
   padding-bottom: 40px
}

.page-header .page-header-image {
   position: absolute;
   background-size: cover;
   background-position: 50%;
   width: 100%;
   height: 100%;
   z-index: -1
}

.page-header .content-center {
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 2;
   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;
   text-align: center;
   position: relative
}

.page-header .category,
.page-header .description {
   color: hsla(0, 0%, 100%, .8)
}

.page-header:after,
.page-header:before {
   position: absolute;
   z-index: 0;
   width: 100%;
   height: 100%;
   display: block;
   left: 0;
   top: 0;
   content: ""
}

.clear-filter:after,
.clear-filter:before {
   display: none
}

.clear-filter[filter-color=orange] {
   background: rgba(44, 44, 44, .2);
   background: linear-gradient(0deg, rgba(44, 44, 44, .2), rgba(224, 23, 3, .6))
}

.section-story-overview .image-container {
   height: 335px;
   position: relative;
   background-position: 50%;
   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: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:first-child {
   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: #3195f9;
   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=orange] {
   background-color: #e95e38
}

[data-background-color=black] {
   background-color: #2c2c2c
}

[data-background-color]:not([data-background-color=gray]),
[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]) p,
[data-background-color]:not([data-background-color=gray]) p.blockquote,
[data-background-color]:not([data-background-color=gray]) p.blockquote small {
   color: #fff
}

[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]) .icons-container,
[data-background-color]:not([data-background-color=gray]) a:not(.btn):not(.dropdown-item),
[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 {
   color: #fff
}

[data-background-color]:not([data-background-color=gray]) .description,
[data-background-color]:not([data-background-color=gray]) .social-description p {
   color: hsla(0, 0%, 100%, .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: hsla(0, 0%, 100%, .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,
[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: hsla(0, 0%, 100%, .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: hsla(0, 0%, 100%, .5);
   color: #fff
}

[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.no-border .form-control,
[data-background-color]:not([data-background-color=gray]) .input-group.no-border .form-control {
   background-color: hsla(0, 0%, 100%, .1);
   color: #fff
}

[data-background-color]:not([data-background-color=gray]) .form-group.no-border .form-control:active,
[data-background-color]:not([data-background-color=gray]) .form-group.no-border .form-control:focus,
[data-background-color]:not([data-background-color=gray]) .input-group.no-border .form-control:active,
[data-background-color]:not([data-background-color=gray]) .input-group.no-border .form-control:focus {
   background-color: hsla(0, 0%, 100%, .2);
   color: #fff
}

[data-background-color]:not([data-background-color=gray]) .form-group.no-border .form-control+.input-group-text,
[data-background-color]:not([data-background-color=gray]) .input-group.no-border .form-control+.input-group-text {
   background-color: hsla(0, 0%, 100%, .1)
}

[data-background-color]:not([data-background-color=gray]) .form-group.no-border .form-control+.input-group-text:active,
[data-background-color]:not([data-background-color=gray]) .form-group.no-border .form-control+.input-group-text:focus,
[data-background-color]:not([data-background-color=gray]) .form-group.no-border .form-control:focus+.input-group-text,
[data-background-color]:not([data-background-color=gray]) .input-group.no-border .form-control+.input-group-text:active,
[data-background-color]:not([data-background-color=gray]) .input-group.no-border .form-control+.input-group-text:focus,
[data-background-color]:not([data-background-color=gray]) .input-group.no-border .form-control:focus+.input-group-text {
   background-color: hsla(0, 0%, 100%, .2);
   color: #fff
}

[data-background-color]:not([data-background-color=gray]) .form-group.no-border .input-group-text,
[data-background-color]:not([data-background-color=gray]) .input-group.no-border .input-group-text {
   background-color: hsla(0, 0%, 100%, .1);
   border: none;
   color: #fff
}

[data-background-color]:not([data-background-color=gray]) .form-group.no-border.input-group-focus .input-group-text,
[data-background-color]:not([data-background-color=gray]) .input-group.no-border.input-group-focus .input-group-text {
   background-color: hsla(0, 0%, 100%, .2);
   color: #fff
}

[data-background-color]:not([data-background-color=gray]) .btn.btn-simple {
   background-color: transparent;
   border-color: hsla(0, 0%, 100%, .5);
   color: #fff
}

.show>[data-background-color]:not([data-background-color=gray]) .btn.btn-simple.dropdown-toggle,
.show>[data-background-color]:not([data-background-color=gray]) .btn.btn-simple.dropdown-toggle:focus,
.show>[data-background-color]:not([data-background-color=gray]) .btn.btn-simple.dropdown-toggle:hover,
[data-background-color]:not([data-background-color=gray]) .btn.btn-simple.active:hover,
[data-background-color]:not([data-background-color=gray]) .btn.btn-simple:active:hover,
[data-background-color]:not([data-background-color=gray]) .btn.btn-simple:focus,
[data-background-color]:not([data-background-color=gray]) .btn.btn-simple:hover,
[data-background-color]:not([data-background-color=gray]) .btn.btn-simple:not(:disabled):not(.disabled).active,
[data-background-color]:not([data-background-color=gray]) .btn.btn-simple:not(:disabled):not(.disabled).active:focus,
[data-background-color]:not([data-background-color=gray]) .btn.btn-simple:not(:disabled):not(.disabled):active,
[data-background-color]:not([data-background-color=gray]) .btn.btn-simple:not(:disabled):not(.disabled):active:focus {
   background-color: transparent;
   border-color: #fff;
   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
}

.parallax-s {
   overflow: hidden;
   height: 500px;
   width: 100%
}

.section-image {
   background-size: cover;
   background-position: 50%;
   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: hsla(0, 0%, 100%, .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: hsla(0, 0%, 100%, .5)
}

.section-image:after {
   position: absolute;
   z-index: 1;
   width: 100%;
   height: 100%;
   display: block;
   left: 0;
   top: 0;
   content: "";
background: rgb(0,39,84);
   background: -moz-linear-gradient(167deg, rgba(0,39,84,0.8618040966386554) 20%, rgba(119,183,255,0.4948573179271709) 68%);
   background: -webkit-linear-gradient(167deg, rgba(0,39,84,0.8618040966386554) 20%, rgba(119,183,255,0.4948573179271709) 68%);
   background: linear-gradient(167deg, rgba(0,39,84,0.8618040966386554) 20%, rgba(119,183,255,0.4948573179271709) 68%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002754",endColorstr="#77b7ff",GradientType=1);
}

.section-image .container {
   z-index: 2;
   position: relative
}

.signup-page .page-header {
   max-height: fit-content;
   display: block;
   align-items: unset
}

.page-header.page-header-mini {
   min-height: 40vh;
   max-height: 340px
}

.page-header .title {
   margin-bottom: 15px;
   font-size: 2.2rem;
}
.page-header h2 {
   margin-bottom: 15px;
   font-size: 1.6rem;
}
.page-header .title+h4 {
   margin-top: 10px
}

.section-story-overview {
   padding: 50px 0
}

.section-story-overview .image-container img {
   width: 100%;
   left: 0;
   top: 0;
   height: auto;
   position: absolute
}

[data-background-color=gray] {
   background-color: #eee
}

[data-background-color]:not([data-background-color=gray]) .separator-line {
   background-color: hsla(0, 0%, 100%, .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]).card-pricing ul li,
[data-background-color]:not([data-background-color=gray]).card a:not(.btn):not(.dropdown-item),
[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]) 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 {
   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: hsla(0, 0%, 100%, .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: hsla(0, 0%, 100%, .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: hsla(0, 0%, 100%, .8) !important
}

[data-background-color]:not([data-background-color=gray]) .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.no-border .input-group-text {
   color: hsla(0, 0%, 100%, .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 none
}

[data-background-color]:not([data-background-color=gray]) .subscribe-line .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.no-border .input-group-text {
   color: #555;
   border: 1px solid #e3e3e3
}

[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
}

.header-filter .card-pricing.card-plain ul li,
.header-filter .info-title,
.header-filter .info.info-horizontal .icon i {
   color: #fff
}

.header-filter[filter-color=orange] {
   background: rgba(44, 44, 44, .2);
   background: linear-gradient(0deg, rgba(44, 44, 44, .2), rgba(224, 23, 3, .6))
}

.header-filter[filter-color=black] {
   background: rgba(44, 44, 44, .2);
   background: linear-gradient(0deg, rgba(44, 44, 44, .2), rgba(0, 0, 0, .7))
}

.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: 0;
   border-bottom-left-radius: .1875rem;
   border-top-left-radius: .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: hsla(0, 0%, 53%, .2);
   position: absolute;
   left: 0;
   top: 0
}

.pricing-2 .nav-pills {
   margin-bottom: 50px
}

.pricing-5 .nav-pills {
   margin-top: 50px;
   margin-bottom: 50px
}

.pricing-3 .title,
.pricing-4 .title {
   margin-bottom: 10px
}

.testimonials-1 .description {
   margin-bottom: 50px; color: #fff;
}
.testimonials-1 h3{font-size: 3rem !important;}
.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 i,
.section-testimonials .carousel .carousel-control-prev i,
.testimonials-2 .carousel .carousel-control-next i,
.testimonials-2 .carousel .carousel-control-prev i {
   color: #444
}

.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
}

.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;
   border: 0
}

.social-line-big-icons .btn .fab {
   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: 50%;
   background-size: cover
}

.subscribe-line.subscribe-line-image .description {
   color: hsla(0, 0%, 100%, .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, 119, 216, 0.63);
}

.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: hsla(0, 0%, 100%, .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;
      transform: translate3d(300px, 0, 0);
      transition: all .5s cubic-bezier(.685, .0473, .346, 1)
   }

   .navbar-collapse:before {
      background: #3195f9;
      background: linear-gradient(#3195f9, #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 .navbar-nav:not(.navbar-logo) .nav-link {
      margin: 0 1rem;
      margin-top: .3125rem
   }

   .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-translate {
      flex-direction: row-reverse
   }

   .navbar .navbar-nav {
      margin-top: 53px;
      position: relative;
      max-height: calc(100vh - 75px);
      min-height: 100%;
      overflow: auto
   }

   .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;
      width: auto;
      margin: 0 1rem;
      margin-bottom: 15px;
      padding-top: 0;
      height: 125px;
      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;
      -ms-flex-pack: justify !important;
      justify-content: space-between !important;
      -ms-flex-align: center;
      align-items: center;
      transform: translateZ(0);
      transition: all .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
   }

   .top-bar {
      transform: rotate(0)
   }

   .middle-bar {
      opacity: 1
   }

   .bottom-bar {
      transform: rotate(0)
   }

   .bottom-bar,
   .middle-bar,
   .top-bar {
      transition: all .2s
   }

   .toggled .top-bar {
      transform: rotate(45deg);
      transform-origin: 0
   }

   .toggled .bottom-bar {
      transform: rotate(-45deg);
      transform-origin: 0
   }

   .toggled .middle-bar {
      opacity: 0
   }

   [class*=navbar-expand-] .navbar-collapse {
      width: 300px
   }

   #bodyClick,
   .wrapper {
      transition: all .5s cubic-bezier(.685, .0473, .346, 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
   }

   .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 {
      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%
   }

   .nav-open .navbar-collapse {
      transform: translateZ(0)
   }

   .nav-open .wrapper {
      transform: translate3d(-150px, 0, 0)
   }

   .nav-open .navbar-translate {
      transform: translate3d(-300px, 0, 0)
   }

   .nav-open .menu-on-left .navbar-collapse {
      transform: translateZ(0)
   }

   .nav-open .menu-on-left .navbar-translate {
      transform: translate3d(300px, 0, 0)
   }

   .nav-open .menu-on-left .wrapper {
      transform: translate3d(150px, 0, 0)
   }

   .nav-open .menu-on-left #bodyClick {
      right: auto;
      left: 300px
   }
}

@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
   }

   .navbar-collapse:not(.has-image) {
      background: transparent !important
   }

   .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;
      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;
      transform: translate3d(300px, 0, 0);
      transition: all .5s cubic-bezier(.685, .0473, .346, 1)
   }

   .burger-menu .navbar-collapse:before {
      background: #3195f9;
      background: linear-gradient(#3195f9, #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 .navbar-nav:not(.navbar-logo) .nav-link {
      margin: 0 1rem;
      margin-top: .3125rem
   }

   .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
   }

   .burger-menu .navbar .navbar-nav {
      margin-top: 53px;
      position: relative;
      max-height: calc(100vh - 75px);
      min-height: 100%;
      overflow: auto
   }

   .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;
      width: auto;
      margin: 0 1rem;
      margin-bottom: 15px;
      padding-top: 0;
      height: 125px;
      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;
      -ms-flex-pack: justify !important;
      justify-content: space-between !important;
      -ms-flex-align: center;
      align-items: center;
      transform: translateZ(0);
      transition: all .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 .top-bar {
      transform: rotate(0)
   }

   .burger-menu .middle-bar {
      opacity: 1
   }

   .burger-menu .bottom-bar {
      transform: rotate(0)
   }

   .burger-menu .bottom-bar,
   .burger-menu .middle-bar,
   .burger-menu .top-bar {
      transition: all .2s
   }

   .burger-menu .toggled .top-bar {
      transform: rotate(45deg);
      transform-origin: 0
   }

   .burger-menu .toggled .bottom-bar {
      transform: rotate(-45deg);
      transform-origin: 0
   }

   .burger-menu .toggled .middle-bar {
      opacity: 0
   }

   .burger-menu [class*=navbar-expand-] .navbar-collapse {
      width: 300px
   }

   .burger-menu #bodyClick,
   .burger-menu .wrapper {
      transition: all .5s cubic-bezier(.685, .0473, .346, 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
   }

   .burger-menu .navbar-toggler {
      display: block
   }

   .burger-menu .navbar-collapse {
      display: block !important
   }

   .burger-menu .navbar-collapse .navbar-nav {
      max-height: calc(100vh - 75px);
      min-height: 100%;
      overflow: auto;
      margin-top: 53px;
      height: 100%;
      z-index: 2;
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column
   }

   .burger-menu .navbar-collapse .navbar-nav .nav-item {
      margin: 0
   }

   .burger-menu .navbar-nav .dropdown-menu {
      position: static;
      float: none
   }

   .burger-menu.menu-on-left .navbar-collapse {
      right: auto;
      left: 0;
      transform: translate3d(-300px, 0, 0)
   }

   .burger-menu.menu-on-left .navbar-translate {
      flex-direction: row-reverse
   }

   .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 {
      transform: translate3d(300px, 0, 0)
   }

   .nav-open .burger-menu .navbar .navbar-translate {
      transform: translate3d(-300px, 0, 0)
   }

   .nav-open .burger-menu.menu-on-left .navbar-collapse,
   .nav-open .burger-menu .navbar-collapse {
      transform: translateZ(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
   }

   .profile-page .page-header {
      min-height: 580px !important
   }

   .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: 0;
      margin-top: 15px
   }

   .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%;
      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
   }

   .team-4 .card-profile .card-footer {
      text-align: center
   }

   .nav-pills.nav-pills-just-icons {
      justify-content: center
   }

   .nav-pills.nav-pills-just-icons .nav-item .nav-link {
      margin-top: 15px;
      margin-left: auto;
      margin-right: auto
   }

   .footer .footer-brand,
   .footer .pull-left,
   .footer .pull-right {
      float: unset
   }

   .media {
      display: block
   }

   .media .media {
      padding-left: 35px
   }

   .fileinput {
      margin: 0 auto;
      width: stretch
   }

   .header-3 .buttons {
      text-align: center !important
   }

   .blog-post .button-container>.btn:first-child {
      display: block
   }

   .testimonials-2 .card-testimonial .card-body {
      max-width: 350px;
      min-height: 400px;
      margin: 0 auto
   }

   .footer .copyright {
      text-align: center
   }

   .projects-1 .nav-pills {
      display: block
   }

   .projects-1 .nav-pills .nav-item {
      min-width: 200px
   }

   .projects-1 .nav-pills:not(.flex-column) .nav-item:not(:last-child) .nav-link {
      margin-right: 0
   }

   .projects-1 .nav-pills .nav-item .nav-link {
      margin: 0 auto;
      margin-bottom: 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%
   }

   .pricing-5 .title {
      text-align: center
   }

   .pricing-5 .nav-pills {
      justify-content: center
   }

   .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%
   }
}

@media only screen and (min-height:950px) {
   .index-page .page-header .category-absolute {
      margin-top: -330px
   }
}