/*!
 * Front-utils Docs
 * http://leandromancini.com/front-utils/
 * 
 * Github
 * https://github.com/leandro-mancini/front-utils
 */


@font-face {
    font-family: "front-utils";
    src: url("../fonts/front-utils.eot?-luxi4q");
    src: url("../fonts/front-utils.eot?#iefix-luxi4q") format("embedded-opentype"),url("../fonts/front-utils.woff?-luxi4q") format("woff"),url("../fonts/front-utils.ttf?-luxi4q") format("truetype"),url("../fonts/front-utils.svg?-luxi4q#front-utils") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "front-utils-panel-icons";
    src: url("../fonts/front-utils-panel-icons.eot?-luxi4q");
    src: url("../fonts/front-utils-panel-icons.eot?#iefix-luxi4q") format("embedded-opentype"),url("../fonts/front-utils-panel-icons.woff?-luxi4q") format("woff"),url("../fonts/front-utils-panel-icons.ttf?-luxi4q") format("truetype"),url("../fonts/front-utils-panel-icons.svg?-luxi4q#front-utils-panel-icons") format("svg");
    font-weight: normal;
    font-style: normal;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media screen and (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media screen and (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    /*margin-left: -15px;
    margin-right: -15px;*/
    width: 100%;
}

    .row:before, .row:after {
        content: " ";
        display: table;
    }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: 0%;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: 0%;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

@media screen and (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: 0%;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: 0%;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media screen and (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: 0%;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: 0%;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media screen and (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: 0%;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: 0%;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0%;
    }
}

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

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important;
}

@media screen and (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md, td.visible-md {
        display: table-cell !important;
    }
}

@media screen and (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important;
    }
}

@media screen and (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media screen and (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print, td.visible-print {
        display: table-cell !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

.ft-tst{  
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media all and (max-width: 768px) {
    .ft-nav-mobile{  
        display: block !important;
    }
}

.ft-curtina-mobile{
    background: #000;
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100;
}

.ft-nav-mobile-visible{ overflow: hidden; position: relative; }
.ft-nav-mobile-visible .ft-curtina-mobile{ display: block; }
.ft-nav-mobile-visible .ft-nav-mobile.ft-opened{ left: inherit; right: 10px; }
.ft-nav-mobile-visible .ft-nav-mobile.ft-opened li {
  background-color: #fff;
}
.ft-nav-mobile-visible .ft-nav-mobile.ft-opened .first {
  top: 14px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  zoom: 1;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  width: 0;

}
.ft-nav-mobile-visible .ft-nav-mobile.ft-opened .second {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ft-nav-mobile-visible .ft-nav-mobile.ft-opened .hidden {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ft-nav-mobile-visible .ft-nav-mobile.ft-opened .third {
  top: 14px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  zoom: 1;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  width: 0;
}
.ft-nav-mobile-visible .ft-menu-mobile{ 
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}


.ft-nav-mobile {
  float: right;
  width: 32px;
  height: 22px;
  cursor: pointer;
  display: none;
  /*display: block;*/
  position: absolute;
  right: 20px;
  top: 13px;
}
.ft-nav-mobile.ft-left{ left: 20px; }
.ft-nav-mobile.ft-right{ right: 20px; }
.ft-nav-mobile ul {
  z-index: 3000;
  position: relative;
  margin-top: 1px;
  width: 100%;
  margin: 0;
  height: 100%;
  -webkit-transition: .3s ease-in-out all;
  -moz-transition: .3s ease-in-out all;
  -ms-transition: .3s ease-in-out all;
  -o-transition: .3s ease-in-out all;
  transition: .3s ease-in-out all;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.ft-nav-mobile ul li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  list-style: none;
  height: 3px;
  background-color: #1ab551;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.ft-nav-mobile ul .first { top: 3px; }
.ft-nav-mobile ul .hidden, .ft-nav-mobile ul .second { top: 10px; }
.ft-nav-mobile ul .third { top: 17px; }
.ft-nav-mobile ul:hover li { cursor: pointer; }

.ft-menu-mobile{ 
    background: #fff;
    border-right: 5px solid #f2f2f2;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 265px;
    overflow: auto;
    z-index: 110;

    -moz-transform: translateX(-265px);
    -webkit-transform: translateX(-265px);
    -o-transform: translateX(-265px);
    transform: translateX(-265px);
}



.ft-sidebar, .ft-notification, .ft-topbar, .ft-main {
    -moz-transition: -moz-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.ft-sidebar {
    -moz-transform: translateX(-265px);
    -ms-transform: translateX(-265px);
    -webkit-transform: translateX(-265px);
    transform: translateX(-265px);
}

.ft-notification {
    -moz-transform: translateX(265px);
    -ms-transform: translateX(265px);
    -webkit-transform: translateX(265px);
    transform: translateX(265px);
}

.ft-topbar, .ft-main {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.ft-sidebar-visible.ft-browser-chrome {
    overflow: hidden;
}

.ft-sidebar-visible .ft-topbar, .ft-sidebar-visible .ft-main {
    -moz-transform: translateX(265px);
    -ms-transform: translateX(265px);
    -webkit-transform: translateX(265px);
    transform: translateX(265px);
}

.ft-sidebar-visible .ft-notification {
    -moz-transform: translateX(265px);
    -ms-transform: translateX(265px);
    -webkit-transform: translateX(265px);
    transform: translateX(265px);
}

.ft-sidebar-visible .ft-sidebar {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.ft-notifications-visible .ft-topbar, .ft-notifications-visible .ft-main {
    -moz-transform: translateX(-265px);
    -ms-transform: translateX(-265px);
    -webkit-transform: translateX(-265px);
    transform: translateX(-265px);
}

.ft-notifications-visible .ft-notification {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    overflow: auto;
    z-index: 3;
}

.ft-notifications-visible .ft-sidebar {
    -moz-transform: translateX(-265px);
    -ms-transform: translateX(-265px);
    -webkit-transform: translateX(-265px);
    transform: translateX(-265px);
}

.ft-bg-theme-blue {
    background-color: #254fa2;
}

.ft-theme-blue .ft-color-theme, .ft-theme-blue .ft-ico-alone, .ft-theme-blue .ft-ico-bg:before {
    color: #1d3f81 !important;
}

.ft-theme-blue p a:not([class*="ft-btn"]), .ft-theme-blue .ft-breadcrumb a, .ft-theme-blue .hopscotch-bubble a {
    color: #1d3f81;
}

    .ft-theme-blue p a:not([class*="ft-btn"]):hover, .ft-theme-blue p a:not([class*="ft-btn"]):focus, .ft-theme-blue p a:not([class*="ft-btn"]).ft-active, .ft-theme-blue .ft-breadcrumb a:hover, .ft-theme-blue .ft-breadcrumb a:focus, .ft-theme-blue .ft-breadcrumb a.ft-active, .ft-theme-blue .hopscotch-bubble a:hover, .ft-theme-blue .hopscotch-bubble a:focus, .ft-theme-blue .hopscotch-bubble a.ft-active {
        color: #162f61;
    }

.ft-theme-blue .ft-tag-primary {
    background-color: #254fa2;
}

.ft-theme-blue .ft-background-primary, .ft-theme-blue .ft-table .ft-background-primary td {
    background-color: #a8beeb;
    color: #254fa2;
}

.ft-theme-blue .ft-user-account {
    background: #1f4389;
}

.ft-theme-blue .ft-topbar {
    background-color: #254fa2;
}

    .ft-theme-blue .ft-topbar .ft-alerts-list [class^="ft-ico"] {
        color: #183369;
    }

        .ft-theme-blue .ft-topbar .ft-alerts-list [class^="ft-ico"]:hover:not([data-counter]):not(.ft-active) {
            color: #0e1f40;
        }

    .ft-theme-blue .ft-topbar.ft-topbar-gray {
        background: #f7f7f7;
    }

        .ft-theme-blue .ft-topbar.ft-topbar-gray .ft-user-account {
            background-color: #dedede;
        }

            .ft-theme-blue .ft-topbar.ft-topbar-gray .ft-user-account > a {
                color: #555555;
            }

                .ft-theme-blue .ft-topbar.ft-topbar-gray .ft-user-account > a small {
                    color: #555555;
                    color: #555555;
                }

                .ft-theme-blue .ft-topbar.ft-topbar-gray .ft-user-account > a:before {
                    color: #555555;
                    color: rgba(85,85,85,0.5);
                    box-shadow: inset 0 0 0 2px rgba(85,85,85,0.3);
                }

        .ft-theme-blue .ft-topbar.ft-topbar-gray [class*="ft-go"] {
            background-color: #dedede;
        }

            .ft-theme-blue .ft-topbar.ft-topbar-gray [class*="ft-go"]:before {
                color: #555555;
            }

        .ft-theme-blue .ft-topbar.ft-topbar-gray .ft-brand-name {
            background: #f7f7f7;
        }

            .ft-theme-blue .ft-topbar.ft-topbar-gray .ft-brand-name a {
                color: #555555;
            }

        .ft-theme-blue .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a {
            color: #555555;
            color: rgba(85,85,85,0.4);
        }

            .ft-theme-blue .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a.ft-active {
                color: black;
            }

            .ft-theme-blue .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter] {
                color: #555555;
                color: #555555;
            }

                .ft-theme-blue .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter].ft-active {
                    color: black;
                }

                .ft-theme-blue .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter]:after {
                    color: white;
                }

.ft-theme-blue [class*="ft-go"] {
    background: #1d3f81;
}

    .ft-theme-blue [class*="ft-go"]:hover, .ft-theme-blue [class*="ft-go"]:focus {
        background: #1f4389;
    }

.ft-theme-blue .ft-menu li {
    border-bottom-color: #282828;
}

    .ft-theme-blue .ft-menu li.ft-active:not(.ft-submenu-parent) > a {
        background-color: #3d3d3d;
    }

.ft-theme-blue .ft-menu a {
    color: #8c8c8c;
}

    .ft-theme-blue .ft-menu a:hover, .ft-theme-blue .ft-menu a:focus {
        color: white;
        background-color: #323232;
    }

.ft-theme-blue .ft-sidebar [class*="ft-go"] {
    background: #254fa2;
}

.ft-theme-blue .ft-submenu-parent:after {
    color: #8c8c8c;
}

.ft-theme-blue .ft-submenu-parent:hover:after {
    color: white;
}

.ft-theme-blue .ft-submenu-parent li {
    border-bottom-color: #323232;
}

.ft-theme-blue .ft-submenu-parent.ft-active {
    background-color: #282828;
}

    .ft-theme-blue .ft-submenu-parent.ft-active ul {
        border-top-color: #323232;
    }

.ft-theme-blue .ft-brand-name {
    background-color: #254fa2;
}

.ft-theme-blue .ft-area-account[class*="ft-ico"]:before {
    color: #254fa2;
}

.ft-theme-blue .ft-info-header [class*="ft-title"] {
    color: #254fa2;
}

.ft-theme-blue .ft-checkbox-cart:checked ~ .ft-cart-header {
    color: #1d3f81 !important;
}

    .ft-theme-blue .ft-checkbox-cart:checked ~ .ft-cart-header .ft-ico-cart, .ft-theme-blue .ft-checkbox-cart:checked ~ .ft-cart-header strong {
        color: #1d3f81 !important;
    }

.ft-theme-blue .ft-cart-header {
    background-color: #1d3f81;
    background-color: #1d3f81;
}

.ft-theme-blue [class*="ft-btn"][data-ft-module]:after {
    border-top-color: #1d3f81;
}

.ft-theme-blue [class*="ft-btn"].ft-btn-danger {
    color: #d75553;
}

    .ft-theme-blue [class*="ft-btn"].ft-btn-danger:hover, .ft-theme-blue [class*="ft-btn"].ft-btn-danger:focus, .ft-theme-blue [class*="ft-btn"].ft-btn-danger:active, .ft-theme-blue [class*="ft-btn"].ft-btn-danger.ft-active:not([data-ft-module="tabs"]) {
        background: #db6664;
        border-color: #df7775;
        color: white;
    }

    .ft-theme-blue [class*="ft-btn"].ft-btn-danger.ft-disabled, .ft-theme-blue [class*="ft-btn"].ft-btn-danger.ft-disabled:focus, .ft-theme-blue [class*="ft-btn"].ft-btn-danger.ft-disabled:hover, .ft-theme-blue [class*="ft-btn"].ft-btn-danger.ft-disabled:active, .ft-theme-blue [class*="ft-btn"].ft-btn-danger.ft-disabled.ft-active, .ft-theme-blue [class*="ft-btn"].ft-btn-danger[disabled], .ft-theme-blue [class*="ft-btn"].ft-btn-danger[disabled]:focus, .ft-theme-blue [class*="ft-btn"].ft-btn-danger[disabled]:hover, .ft-theme-blue [class*="ft-btn"].ft-btn-danger[disabled]:active, .ft-theme-blue [class*="ft-btn"].ft-btn-danger[disabled].ft-active {
        background: #e5e5e5;
        border-color: #cccccc;
        color: #df7775;
    }

.ft-theme-blue [class*="ft-btn"].ft-btn-success:focus, .ft-theme-blue [class*="ft-btn"].ft-btn-success:hover, .ft-theme-blue [class*="ft-btn"].ft-btn-success:active, .ft-theme-blue [class*="ft-btn"].ft-btn-success.ft-active:not([data-ft-module="tabs"]) {
    background: #4c4c4c;
    border-color: #666666;
    color: white;
}

.ft-theme-blue [class*="ft-btn"].ft-btn-success.ft-disabled, .ft-theme-blue [class*="ft-btn"].ft-btn-success.ft-disabled:focus, .ft-theme-blue [class*="ft-btn"].ft-btn-success.ft-disabled:hover, .ft-theme-blue [class*="ft-btn"].ft-btn-success.ft-disabled:active, .ft-theme-blue [class*="ft-btn"].ft-btn-success.ft-disabled.ft-active, .ft-theme-blue [class*="ft-btn"].ft-btn-success[disabled], .ft-theme-blue [class*="ft-btn"].ft-btn-success[disabled]:focus, .ft-theme-blue [class*="ft-btn"].ft-btn-success[disabled]:hover, .ft-theme-blue [class*="ft-btn"].ft-btn-success[disabled]:active, .ft-theme-blue [class*="ft-btn"].ft-btn-success[disabled].ft-active {
    background: #bfbfbf;
    border-color: #a5a5a5;
}

.ft-theme-blue .ft-btn:hover, .ft-theme-blue .ft-btn:focus, .ft-theme-blue .ft-btn:active, .ft-theme-blue .ft-btn.ft-active:not([data-ft-module="tabs"]) {
    background: #e5e5e5;
    border-color: #cccccc;
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
}

.ft-theme-blue .ft-btn.ft-disabled, .ft-theme-blue .ft-btn.ft-disabled:focus, .ft-theme-blue .ft-btn.ft-disabled:hover, .ft-theme-blue .ft-btn.ft-disabled:active, .ft-theme-blue .ft-btn.ft-disabled.ft-active, .ft-theme-blue .ft-btn[disabled], .ft-theme-blue .ft-btn[disabled]:focus, .ft-theme-blue .ft-btn[disabled]:hover, .ft-theme-blue .ft-btn[disabled]:active, .ft-theme-blue .ft-btn[disabled].ft-active {
    background: #e5e5e5;
    border-color: #cccccc;
    color: #7f7f7f;
}

.ft-theme-blue .ft-btn-primary {
    background: #1d3f81;
    border-color: #193771;
}

    .ft-theme-blue .ft-btn-primary:hover, .ft-theme-blue .ft-btn-primary:focus, .ft-theme-blue .ft-btn-primary:active, .ft-theme-blue .ft-btn-primary.ft-active:not([data-ft-module="tabs"]) {
        background: #162f61;
        border-color: #162f61;
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    }

    .ft-theme-blue .ft-btn-primary.ft-disabled, .ft-theme-blue .ft-btn-primary.ft-disabled:focus, .ft-theme-blue .ft-btn-primary.ft-disabled:hover, .ft-theme-blue .ft-btn-primary.ft-disabled:active, .ft-theme-blue .ft-btn-primary.ft-disabled.ft-active, .ft-theme-blue .ft-btn-primary[disabled], .ft-theme-blue .ft-btn-primary[disabled]:focus, .ft-theme-blue .ft-btn-primary[disabled]:hover, .ft-theme-blue .ft-btn-primary[disabled]:active, .ft-theme-blue .ft-btn-primary[disabled].ft-active {
        background: #7c95c7;
        border-color: #92a7d0;
    }

.ft-theme-blue .ft-tabs-button-nav .ft-active [class*="ft-btn"] {
    background-color: #dddddd;
}

.ft-theme-blue .ft-collapse .ft-collapse-header:before {
    color: #254fa2;
    border: 3px solid #254fa2;
}

.ft-theme-blue [class*="ft-pagination"] li.ft-active {
    background-color: #1d3f81;
    border-color: #1d3f81;
}

.ft-theme-blue .pager li {
    border: 1px solid #dddddd;
    color: #555555;
}

    .ft-theme-blue .pager li:hover, .ft-theme-blue .pager li:focus {
        background-color: #dddddd;
    }

    .ft-theme-blue .pager li.disabled a {
        border: 1px solid #dddddd;
        color: #eeeeee;
    }

        .ft-theme-blue .pager li.disabled a:hover, .ft-theme-blue .pager li.disabled a:focus {
            background: none;
        }

.ft-theme-blue .ft-table.ft-bg-header thead {
    background-color: #254fa2;
}

    .ft-theme-blue .ft-table.ft-bg-header thead th {
        color: white;
    }

        .ft-theme-blue .ft-table.ft-bg-header thead th a {
            color: white;
        }

        .ft-theme-blue .ft-table.ft-bg-header thead th.ft-data-descending a:after, .ft-theme-blue .ft-table.ft-bg-header thead th.ft-data-ascending a:after {
            border-top-color: white;
        }

        .ft-theme-blue .ft-table.ft-bg-header thead th.ft-data-ascending a:after {
            border-color: transparent;
            border-bottom-color: white;
        }

.ft-theme-blue .ft-table thead th a {
    color: black;
}

.ft-theme-blue .ft-table tbody tr:hover {
    background-color: #1d3f81;
    background-color: rgba(29,63,129,0.02);
}

.ft-theme-blue .ft-table tbody a:not([class*="ft-btn"]) {
    color: #254fa2;
}

.ft-theme-blue .ft-table.ft-table-striped tbody tr:hover td {
    background-color: #1d3f81;
    background-color: rgba(29,63,129,0.02);
}

.ft-theme-blue .ft-table.ft-table-striped.ft-no-hover tbody tr:hover td {
    background: white;
}

.ft-theme-blue .ft-table.ft-table-striped.ft-no-hover tbody tr:hover:nth-child(odd) td {
    background: #f7f7f7;
}

.ft-theme-blue .ft-tabs-nav:not(.in-dropdown) li {
    background-color: #1d3f81;
    background-color: rgba(29,63,129,0.7);
}

    .ft-theme-blue .ft-tabs-nav:not(.in-dropdown) li:hover {
        background-color: #1d3f81;
    }

    .ft-theme-blue .ft-tabs-nav:not(.in-dropdown) li.ft-active {
        background-color: white;
    }

.ft-theme-blue .ft-lnk-nav:hover {
    color: #1d3f81;
}

    .ft-theme-blue .ft-lnk-nav:hover[class*="ft-ico"]:before {
        color: #1d3f81;
        border-color: #1d3f81;
    }

.ft-theme-blue .ft-lnk-nav[class*="ft-ico"]:before {
    color: #254fa2;
    border: 4px solid #254fa2;
}

.ft-theme-blue .ft-dropdown ul a:focus, .ft-theme-blue .ft-dropdown ul a:hover {
    background-color: #1d3f81;
    color: white;
}

.ft-theme-blue .ft-dropdown ul a.ft-color-danger:hover, .ft-theme-blue .ft-dropdown .ft-cart ul li a:hover, .ft-cart .ft-theme-blue .ft-dropdown ul li a:hover {
    color: white !important;
}

.ft-theme-blue .ft-switch-btn input:checked + label span:after {
    background-color: #254fa2;
}

.ft-theme-blue .ft-list-title a {
    color: #254fa2;
}

.ft-theme-blue.ft-pre-panel .ft-topbar {
    background-color: #f7f7f7;
}

.ft-theme-blue .is-selected .pika-button {
    color: white;
    background: #1d3f81;
    box-shadow: none;
}

.ft-theme-blue .pika-button:hover {
    color: white !important;
    background: #254fa2 !important;
}

.ft-theme-blue .hopscotch-actions button.hopscotch-nav-button.next {
    background-color: #254fa2;
}

.ft-theme-blue div[data-ft-module="progressBar"] span {
    background-color: #254fa2;
}

.ft-theme-blue .ft-word-dotted {
    border-color: #1d3f81;
}

.ft-theme-blue .ft-steps-nav .ft-actived:before {
    border-color: #254fa2;
}

.ft-theme-blue .ft-steps-nav .ft-actived .ft-steps-btn {
    color: #254fa2;
}

    .ft-theme-blue .ft-steps-nav .ft-actived .ft-steps-btn:before {
        border-color: #254fa2;
        background: #254fa2;
        color: white;
    }

    .ft-theme-blue .ft-steps-nav .ft-actived .ft-steps-btn:after {
        color: #92a7d0;
    }

.ft-theme-blue .ft-steps-nav .ft-actived.ft-active .ft-steps-btn:before {
    background: white;
    color: #254fa2;
}

.ft-theme-blue .ft-steps-nav .ft-active .ft-steps-btn:before {
    border-color: #254fa2;
}

.ft-theme-blue .ft-steps-nav .ft-active .ft-steps-btn:before, .ft-theme-blue .ft-steps-nav .ft-active .ft-steps-btn:after {
    color: #254fa2;
}

.ft-theme-blue .ft-steps-arrow:before {
    background: #254fa2;
}

.ft-theme-blue .ft-tabs-btn-nav .ft-active [class*="ft-btn"], .ft-theme-blue .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:focus, .ft-theme-blue .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:hover, .ft-theme-blue .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:active {
    background: #e9edf5;
    border-color: #92a7d0;
    color: #254fa2;
}

    .ft-theme-blue .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 5px;
        position: relative;
        border: 8px solid transparent;
        border-color: #92a7d0 transparent transparent transparent;
        position: absolute;
        top: auto;
        margin-left: -8px;
    }

    .ft-theme-blue .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 5px;
        position: relative;
        border: 6px solid transparent;
        border-color: #e9edf5 transparent transparent transparent;
        position: absolute;
        top: auto;
        margin-left: -6px;
    }

.ft-bg-theme-gold {
    background-color: #a38e17;
}

.ft-theme-gold .ft-color-theme, .ft-theme-gold .ft-ico-alone, .ft-theme-gold .ft-ico-bg:before {
    color: #827112 !important;
}

.ft-theme-gold p a:not([class*="ft-btn"]), .ft-theme-gold .ft-breadcrumb a, .ft-theme-gold .hopscotch-bubble a {
    color: #827112;
}

    .ft-theme-gold p a:not([class*="ft-btn"]):hover, .ft-theme-gold p a:not([class*="ft-btn"]):focus, .ft-theme-gold p a:not([class*="ft-btn"]).ft-active, .ft-theme-gold .ft-breadcrumb a:hover, .ft-theme-gold .ft-breadcrumb a:focus, .ft-theme-gold .ft-breadcrumb a.ft-active, .ft-theme-gold .hopscotch-bubble a:hover, .ft-theme-gold .hopscotch-bubble a:focus, .ft-theme-gold .hopscotch-bubble a.ft-active {
        color: #61550d;
    }

.ft-theme-gold .ft-tag-primary {
    background-color: #a38e17;
}

.ft-theme-gold .ft-background-primary, .ft-theme-gold .ft-table .ft-background-primary td {
    background-color: #f0e396;
    color: #a38e17;
}

.ft-theme-gold .ft-user-account {
    background: #8a7813;
}

.ft-theme-gold .ft-topbar {
    background-color: #a38e17;
}

    .ft-theme-gold .ft-topbar .ft-alerts-list [class^="ft-ico"] {
        color: #695c0e;
    }

        .ft-theme-gold .ft-topbar .ft-alerts-list [class^="ft-ico"]:hover:not([data-counter]):not(.ft-active) {
            color: #413809;
        }

    .ft-theme-gold .ft-topbar.ft-topbar-gray {
        background: #f7f7f7;
    }

        .ft-theme-gold .ft-topbar.ft-topbar-gray .ft-user-account {
            background-color: #dedede;
        }

            .ft-theme-gold .ft-topbar.ft-topbar-gray .ft-user-account > a {
                color: #555555;
            }

                .ft-theme-gold .ft-topbar.ft-topbar-gray .ft-user-account > a small {
                    color: #555555;
                    color: #555555;
                }

                .ft-theme-gold .ft-topbar.ft-topbar-gray .ft-user-account > a:before {
                    color: #555555;
                    color: rgba(85,85,85,0.5);
                    box-shadow: inset 0 0 0 2px rgba(85,85,85,0.3);
                }

        .ft-theme-gold .ft-topbar.ft-topbar-gray [class*="ft-go"] {
            background-color: #dedede;
        }

            .ft-theme-gold .ft-topbar.ft-topbar-gray [class*="ft-go"]:before {
                color: #555555;
            }

        .ft-theme-gold .ft-topbar.ft-topbar-gray .ft-brand-name {
            background: #f7f7f7;
        }

            .ft-theme-gold .ft-topbar.ft-topbar-gray .ft-brand-name a {
                color: #555555;
            }

        .ft-theme-gold .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a {
            color: #555555;
            color: rgba(85,85,85,0.4);
        }

            .ft-theme-gold .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a.ft-active {
                color: black;
            }

            .ft-theme-gold .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter] {
                color: #555555;
                color: #555555;
            }

                .ft-theme-gold .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter].ft-active {
                    color: black;
                }

                .ft-theme-gold .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter]:after {
                    color: white;
                }

.ft-theme-gold [class*="ft-go"] {
    background: #827112;
}

    .ft-theme-gold [class*="ft-go"]:hover, .ft-theme-gold [class*="ft-go"]:focus {
        background: #8a7813;
    }

.ft-theme-gold .ft-menu li {
    border-bottom-color: #282828;
}

    .ft-theme-gold .ft-menu li.ft-active:not(.ft-submenu-parent) > a {
        background-color: #3d3d3d;
    }

.ft-theme-gold .ft-menu a {
    color: #8c8c8c;
}

    .ft-theme-gold .ft-menu a:hover, .ft-theme-gold .ft-menu a:focus {
        color: white;
        background-color: #323232;
    }

.ft-theme-gold .ft-sidebar [class*="ft-go"] {
    background: #a38e17;
}

.ft-theme-gold .ft-submenu-parent:after {
    color: #8c8c8c;
}

.ft-theme-gold .ft-submenu-parent:hover:after {
    color: white;
}

.ft-theme-gold .ft-submenu-parent li {
    border-bottom-color: #323232;
}

.ft-theme-gold .ft-submenu-parent.ft-active {
    background-color: #282828;
}

    .ft-theme-gold .ft-submenu-parent.ft-active ul {
        border-top-color: #323232;
    }

.ft-theme-gold .ft-brand-name {
    background-color: #a38e17;
}

.ft-theme-gold .ft-area-account[class*="ft-ico"]:before {
    color: #a38e17;
}

.ft-theme-gold .ft-info-header [class*="ft-title"] {
    color: #a38e17;
}

.ft-theme-gold .ft-checkbox-cart:checked ~ .ft-cart-header {
    color: #827112 !important;
}

    .ft-theme-gold .ft-checkbox-cart:checked ~ .ft-cart-header .ft-ico-cart, .ft-theme-gold .ft-checkbox-cart:checked ~ .ft-cart-header strong {
        color: #827112 !important;
    }

.ft-theme-gold .ft-cart-header {
    background-color: #827112;
    background-color: #827112;
}

.ft-theme-gold [class*="ft-btn"][data-ft-module]:after {
    border-top-color: #827112;
}

.ft-theme-gold [class*="ft-btn"].ft-btn-danger {
    color: #d75553;
}

    .ft-theme-gold [class*="ft-btn"].ft-btn-danger:hover, .ft-theme-gold [class*="ft-btn"].ft-btn-danger:focus, .ft-theme-gold [class*="ft-btn"].ft-btn-danger:active, .ft-theme-gold [class*="ft-btn"].ft-btn-danger.ft-active:not([data-ft-module="tabs"]) {
        background: #db6664;
        border-color: #df7775;
        color: white;
    }

    .ft-theme-gold [class*="ft-btn"].ft-btn-danger.ft-disabled, .ft-theme-gold [class*="ft-btn"].ft-btn-danger.ft-disabled:focus, .ft-theme-gold [class*="ft-btn"].ft-btn-danger.ft-disabled:hover, .ft-theme-gold [class*="ft-btn"].ft-btn-danger.ft-disabled:active, .ft-theme-gold [class*="ft-btn"].ft-btn-danger.ft-disabled.ft-active, .ft-theme-gold [class*="ft-btn"].ft-btn-danger[disabled], .ft-theme-gold [class*="ft-btn"].ft-btn-danger[disabled]:focus, .ft-theme-gold [class*="ft-btn"].ft-btn-danger[disabled]:hover, .ft-theme-gold [class*="ft-btn"].ft-btn-danger[disabled]:active, .ft-theme-gold [class*="ft-btn"].ft-btn-danger[disabled].ft-active {
        background: #e5e5e5;
        border-color: #cccccc;
        color: #df7775;
    }

.ft-theme-gold [class*="ft-btn"].ft-btn-success:focus, .ft-theme-gold [class*="ft-btn"].ft-btn-success:hover, .ft-theme-gold [class*="ft-btn"].ft-btn-success:active, .ft-theme-gold [class*="ft-btn"].ft-btn-success.ft-active:not([data-ft-module="tabs"]) {
    background: #4c4c4c;
    border-color: #666666;
    color: white;
}

.ft-theme-gold [class*="ft-btn"].ft-btn-success.ft-disabled, .ft-theme-gold [class*="ft-btn"].ft-btn-success.ft-disabled:focus, .ft-theme-gold [class*="ft-btn"].ft-btn-success.ft-disabled:hover, .ft-theme-gold [class*="ft-btn"].ft-btn-success.ft-disabled:active, .ft-theme-gold [class*="ft-btn"].ft-btn-success.ft-disabled.ft-active, .ft-theme-gold [class*="ft-btn"].ft-btn-success[disabled], .ft-theme-gold [class*="ft-btn"].ft-btn-success[disabled]:focus, .ft-theme-gold [class*="ft-btn"].ft-btn-success[disabled]:hover, .ft-theme-gold [class*="ft-btn"].ft-btn-success[disabled]:active, .ft-theme-gold [class*="ft-btn"].ft-btn-success[disabled].ft-active {
    background: #bfbfbf;
    border-color: #a5a5a5;
}

.ft-theme-gold .ft-btn:hover, .ft-theme-gold .ft-btn:focus, .ft-theme-gold .ft-btn:active, .ft-theme-gold .ft-btn.ft-active:not([data-ft-module="tabs"]) {
    background: #e5e5e5;
    border-color: #cccccc;
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
}

.ft-theme-gold .ft-btn.ft-disabled, .ft-theme-gold .ft-btn.ft-disabled:focus, .ft-theme-gold .ft-btn.ft-disabled:hover, .ft-theme-gold .ft-btn.ft-disabled:active, .ft-theme-gold .ft-btn.ft-disabled.ft-active, .ft-theme-gold .ft-btn[disabled], .ft-theme-gold .ft-btn[disabled]:focus, .ft-theme-gold .ft-btn[disabled]:hover, .ft-theme-gold .ft-btn[disabled]:active, .ft-theme-gold .ft-btn[disabled].ft-active {
    background: #e5e5e5;
    border-color: #cccccc;
    color: #7f7f7f;
}

.ft-theme-gold .ft-btn-primary {
    background: #827112;
    border-color: #726310;
}

    .ft-theme-gold .ft-btn-primary:hover, .ft-theme-gold .ft-btn-primary:focus, .ft-theme-gold .ft-btn-primary:active, .ft-theme-gold .ft-btn-primary.ft-active:not([data-ft-module="tabs"]) {
        background: #61550d;
        border-color: #61550d;
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    }

    .ft-theme-gold .ft-btn-primary.ft-disabled, .ft-theme-gold .ft-btn-primary.ft-disabled:focus, .ft-theme-gold .ft-btn-primary.ft-disabled:hover, .ft-theme-gold .ft-btn-primary.ft-disabled:active, .ft-theme-gold .ft-btn-primary.ft-disabled.ft-active, .ft-theme-gold .ft-btn-primary[disabled], .ft-theme-gold .ft-btn-primary[disabled]:focus, .ft-theme-gold .ft-btn-primary[disabled]:hover, .ft-theme-gold .ft-btn-primary[disabled]:active, .ft-theme-gold .ft-btn-primary[disabled].ft-active {
        background: #c7bb73;
        border-color: #d1c68b;
    }

.ft-theme-gold .ft-tabs-button-nav .ft-active [class*="ft-btn"] {
    background-color: #dddddd;
}

.ft-theme-gold .ft-collapse .ft-collapse-header:before {
    color: #a38e17;
    border: 3px solid #a38e17;
}

.ft-theme-gold [class*="ft-pagination"] li.ft-active {
    background-color: #827112;
    border-color: #827112;
}

.ft-theme-gold .pager li {
    border: 1px solid #dddddd;
    color: #555555;
}

    .ft-theme-gold .pager li:hover, .ft-theme-gold .pager li:focus {
        background-color: #dddddd;
    }

    .ft-theme-gold .pager li.disabled a {
        border: 1px solid #dddddd;
        color: #eeeeee;
    }

        .ft-theme-gold .pager li.disabled a:hover, .ft-theme-gold .pager li.disabled a:focus {
            background: none;
        }

.ft-theme-gold .ft-table.ft-bg-header thead {
    background-color: #a38e17;
}

    .ft-theme-gold .ft-table.ft-bg-header thead th {
        color: white;
    }

        .ft-theme-gold .ft-table.ft-bg-header thead th a {
            color: white;
        }

        .ft-theme-gold .ft-table.ft-bg-header thead th.ft-data-descending a:after, .ft-theme-gold .ft-table.ft-bg-header thead th.ft-data-ascending a:after {
            border-top-color: white;
        }

        .ft-theme-gold .ft-table.ft-bg-header thead th.ft-data-ascending a:after {
            border-color: transparent;
            border-bottom-color: white;
        }

.ft-theme-gold .ft-table thead th a {
    color: black;
}

.ft-theme-gold .ft-table tbody tr:hover {
    background-color: #827112;
    background-color: rgba(130,113,18,0.02);
}

.ft-theme-gold .ft-table tbody a:not([class*="ft-btn"]) {
    color: #a38e17;
}

.ft-theme-gold .ft-table.ft-table-striped tbody tr:hover td {
    background-color: #827112;
    background-color: rgba(130,113,18,0.02);
}

.ft-theme-gold .ft-table.ft-table-striped.ft-no-hover tbody tr:hover td {
    background: white;
}

.ft-theme-gold .ft-table.ft-table-striped.ft-no-hover tbody tr:hover:nth-child(odd) td {
    background: #f7f7f7;
}

.ft-theme-gold .ft-tabs-nav:not(.in-dropdown) li {
    background-color: #827112;
    background-color: rgba(130,113,18,0.7);
}

    .ft-theme-gold .ft-tabs-nav:not(.in-dropdown) li:hover {
        background-color: #827112;
    }

    .ft-theme-gold .ft-tabs-nav:not(.in-dropdown) li.ft-active {
        background-color: white;
    }

.ft-theme-gold .ft-lnk-nav:hover {
    color: #827112;
}

    .ft-theme-gold .ft-lnk-nav:hover[class*="ft-ico"]:before {
        color: #827112;
        border-color: #827112;
    }

.ft-theme-gold .ft-lnk-nav[class*="ft-ico"]:before {
    color: #a38e17;
    border: 4px solid #a38e17;
}

.ft-theme-gold .ft-dropdown ul a:focus, .ft-theme-gold .ft-dropdown ul a:hover {
    background-color: #827112;
    color: white;
}

.ft-theme-gold .ft-dropdown ul a.ft-color-danger:hover, .ft-theme-gold .ft-dropdown .ft-cart ul li a:hover, .ft-cart .ft-theme-gold .ft-dropdown ul li a:hover {
    color: white !important;
}

.ft-theme-gold .ft-switch-btn input:checked + label span:after {
    background-color: #a38e17;
}

.ft-theme-gold .ft-list-title a {
    color: #a38e17;
}

.ft-theme-gold.ft-pre-panel .ft-topbar {
    background-color: #f7f7f7;
}

.ft-theme-gold .is-selected .pika-button {
    color: white;
    background: #827112;
    box-shadow: none;
}

.ft-theme-gold .pika-button:hover {
    color: white !important;
    background: #a38e17 !important;
}

.ft-theme-gold .hopscotch-actions button.hopscotch-nav-button.next {
    background-color: #a38e17;
}

.ft-theme-gold div[data-ft-module="progressBar"] span {
    background-color: #a38e17;
}

.ft-theme-gold .ft-word-dotted {
    border-color: #827112;
}

.ft-theme-gold .ft-steps-nav .ft-actived:before {
    border-color: #a38e17;
}

.ft-theme-gold .ft-steps-nav .ft-actived .ft-steps-btn {
    color: #a38e17;
}

    .ft-theme-gold .ft-steps-nav .ft-actived .ft-steps-btn:before {
        border-color: #a38e17;
        background: #a38e17;
        color: white;
    }

    .ft-theme-gold .ft-steps-nav .ft-actived .ft-steps-btn:after {
        color: #d1c68b;
    }

.ft-theme-gold .ft-steps-nav .ft-actived.ft-active .ft-steps-btn:before {
    background: white;
    color: #a38e17;
}

.ft-theme-gold .ft-steps-nav .ft-active .ft-steps-btn:before {
    border-color: #a38e17;
}

.ft-theme-gold .ft-steps-nav .ft-active .ft-steps-btn:before, .ft-theme-gold .ft-steps-nav .ft-active .ft-steps-btn:after {
    color: #a38e17;
}

.ft-theme-gold .ft-steps-arrow:before {
    background: #a38e17;
}

.ft-theme-gold .ft-tabs-btn-nav .ft-active [class*="ft-btn"], .ft-theme-gold .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:focus, .ft-theme-gold .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:hover, .ft-theme-gold .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:active {
    background: #f5f3e7;
    border-color: #d1c68b;
    color: #a38e17;
}

    .ft-theme-gold .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 5px;
        position: relative;
        border: 8px solid transparent;
        border-color: #d1c68b transparent transparent transparent;
        position: absolute;
        top: auto;
        margin-left: -8px;
    }

    .ft-theme-gold .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 5px;
        position: relative;
        border: 6px solid transparent;
        border-color: #f5f3e7 transparent transparent transparent;
        position: absolute;
        top: auto;
        margin-left: -6px;
    }

.ft-bg-theme-gray {
    background-color: #878787;
}

.ft-theme-gray .ft-color-theme, html .ft-color-theme, .ft-theme-gray .ft-ico-alone, html .ft-ico-alone, .ft-theme-gray .ft-ico-bg:before, html .ft-ico-bg:before {
    color: #6c6c6c !important;
}

.ft-theme-gray p a:not([class*="ft-btn"]), html p a:not([class*="ft-btn"]), .ft-theme-gray .ft-breadcrumb a, html .ft-breadcrumb a, .ft-theme-gray .hopscotch-bubble a, html .hopscotch-bubble a {
    color: #6c6c6c;
}

    .ft-theme-gray p a:not([class*="ft-btn"]):hover, html p a:not([class*="ft-btn"]):hover, .ft-theme-gray p a:not([class*="ft-btn"]):focus, html p a:not([class*="ft-btn"]):focus, .ft-theme-gray p a:not([class*="ft-btn"]).ft-active, html p a:not([class*="ft-btn"]).ft-active, .ft-theme-gray .ft-breadcrumb a:hover, html .ft-breadcrumb a:hover, .ft-theme-gray .ft-breadcrumb a:focus, html .ft-breadcrumb a:focus, .ft-theme-gray .ft-breadcrumb a.ft-active, html .ft-breadcrumb a.ft-active, .ft-theme-gray .hopscotch-bubble a:hover, html .hopscotch-bubble a:hover, .ft-theme-gray .hopscotch-bubble a:focus, html .hopscotch-bubble a:focus, .ft-theme-gray .hopscotch-bubble a.ft-active, html .hopscotch-bubble a.ft-active {
        color: #515151;
    }

.ft-theme-gray .ft-tag-primary, html .ft-tag-primary {
    background-color: #878787;
}

.ft-theme-gray .ft-background-primary, html .ft-background-primary, .ft-theme-gray .ft-table .ft-background-primary td, html .ft-table .ft-background-primary td {
    background-color: #ededed;
    color: #878787;
}

.ft-theme-gray .ft-user-account, html .ft-user-account {
    background: #727272;
}

.ft-theme-gray .ft-topbar, html .ft-topbar {
    background-color: #878787;
}

    .ft-theme-gray .ft-topbar .ft-alerts-list [class^="ft-ico"], html .ft-topbar .ft-alerts-list [class^="ft-ico"] {
        color: #575757;
    }

        .ft-theme-gray .ft-topbar .ft-alerts-list [class^="ft-ico"]:hover:not([data-counter]):not(.ft-active), html .ft-topbar .ft-alerts-list [class^="ft-ico"]:hover:not([data-counter]):not(.ft-active) {
            color: #363636;
        }

    .ft-theme-gray .ft-topbar.ft-topbar-gray, html .ft-topbar.ft-topbar-gray {
        background: #f7f7f7;
    }

        .ft-theme-gray .ft-topbar.ft-topbar-gray .ft-user-account, html .ft-topbar.ft-topbar-gray .ft-user-account {
            background-color: #dedede;
        }

            .ft-theme-gray .ft-topbar.ft-topbar-gray .ft-user-account > a, html .ft-topbar.ft-topbar-gray .ft-user-account > a {
                color: #555555;
            }

                .ft-theme-gray .ft-topbar.ft-topbar-gray .ft-user-account > a small, html .ft-topbar.ft-topbar-gray .ft-user-account > a small {
                    color: #555555;
                    color: #555555;
                }

                .ft-theme-gray .ft-topbar.ft-topbar-gray .ft-user-account > a:before, html .ft-topbar.ft-topbar-gray .ft-user-account > a:before {
                    color: #555555;
                    color: rgba(85,85,85,0.5);
                    box-shadow: inset 0 0 0 2px rgba(85,85,85,0.3);
                }

        .ft-theme-gray .ft-topbar.ft-topbar-gray [class*="ft-go"], html .ft-topbar.ft-topbar-gray [class*="ft-go"] {
            background-color: #dedede;
        }

            .ft-theme-gray .ft-topbar.ft-topbar-gray [class*="ft-go"]:before, html .ft-topbar.ft-topbar-gray [class*="ft-go"]:before {
                color: #555555;
            }

        .ft-theme-gray .ft-topbar.ft-topbar-gray .ft-brand-name, html .ft-topbar.ft-topbar-gray .ft-brand-name {
            background: #f7f7f7;
        }

            .ft-theme-gray .ft-topbar.ft-topbar-gray .ft-brand-name a, html .ft-topbar.ft-topbar-gray .ft-brand-name a {
                color: #555555;
            }

        .ft-theme-gray .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a, html .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a {
            color: #555555;
            color: rgba(85,85,85,0.4);
        }

            .ft-theme-gray .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a.ft-active, html .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a.ft-active {
                color: black;
            }

            .ft-theme-gray .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter], html .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter] {
                color: #555555;
                color: #555555;
            }

                .ft-theme-gray .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter].ft-active, html .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter].ft-active {
                    color: black;
                }

                .ft-theme-gray .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter]:after, html .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter]:after {
                    color: white;
                }

.ft-theme-gray [class*="ft-go"], html [class*="ft-go"] {
    background: #6c6c6c;
}

    .ft-theme-gray [class*="ft-go"]:hover, html [class*="ft-go"]:hover, .ft-theme-gray [class*="ft-go"]:focus, html [class*="ft-go"]:focus {
        background: #727272;
    }

.ft-theme-gray .ft-menu li, html .ft-menu li {
    border-bottom-color: #282828;
}

    .ft-theme-gray .ft-menu li.ft-active:not(.ft-submenu-parent) > a, html .ft-menu li.ft-active:not(.ft-submenu-parent) > a {
        background-color: #3d3d3d;
    }

.ft-theme-gray .ft-menu a, html .ft-menu a {
    color: #8c8c8c;
}

    .ft-theme-gray .ft-menu a:hover, html .ft-menu a:hover, .ft-theme-gray .ft-menu a:focus, html .ft-menu a:focus {
        color: white;
        background-color: #323232;
    }

.ft-theme-gray .ft-sidebar [class*="ft-go"], html .ft-sidebar [class*="ft-go"] {
    background: #878787;
}

.ft-theme-gray .ft-submenu-parent:after, html .ft-submenu-parent:after {
    color: #8c8c8c;
}

.ft-theme-gray .ft-submenu-parent:hover:after, html .ft-submenu-parent:hover:after {
    color: white;
}

.ft-theme-gray .ft-submenu-parent li, html .ft-submenu-parent li {
    border-bottom-color: #323232;
}

.ft-theme-gray .ft-submenu-parent.ft-active, html .ft-submenu-parent.ft-active {
    background-color: #282828;
}

    .ft-theme-gray .ft-submenu-parent.ft-active ul, html .ft-submenu-parent.ft-active ul {
        border-top-color: #323232;
    }

.ft-theme-gray .ft-brand-name, html .ft-brand-name {
    background-color: #878787;
}

.ft-theme-gray .ft-area-account[class*="ft-ico"]:before, html .ft-area-account[class*="ft-ico"]:before {
    color: #878787;
}

.ft-theme-gray .ft-info-header [class*="ft-title"], html .ft-info-header [class*="ft-title"] {
    color: #878787;
}

.ft-theme-gray .ft-checkbox-cart:checked ~ .ft-cart-header, html .ft-checkbox-cart:checked ~ .ft-cart-header {
    color: #6c6c6c !important;
}

    .ft-theme-gray .ft-checkbox-cart:checked ~ .ft-cart-header .ft-ico-cart, html .ft-checkbox-cart:checked ~ .ft-cart-header .ft-ico-cart, .ft-theme-gray .ft-checkbox-cart:checked ~ .ft-cart-header strong, html .ft-checkbox-cart:checked ~ .ft-cart-header strong {
        color: #6c6c6c !important;
    }

.ft-theme-gray .ft-cart-header, html .ft-cart-header {
    background-color: #6c6c6c;
    background-color: #6c6c6c;
}

.ft-theme-gray [class*="ft-btn"][data-ft-module]:after, html [class*="ft-btn"][data-ft-module]:after {
    border-top-color: #6c6c6c;
}

.ft-theme-gray [class*="ft-btn"].ft-btn-danger, html [class*="ft-btn"].ft-btn-danger {
    color: #fff;
    background: #d75553;
    border-color:#e33551;
}

    .ft-theme-gray [class*="ft-btn"].ft-btn-danger:hover, html [class*="ft-btn"].ft-btn-danger:hover, .ft-theme-gray [class*="ft-btn"].ft-btn-danger:focus, html [class*="ft-btn"].ft-btn-danger:focus, .ft-theme-gray [class*="ft-btn"].ft-btn-danger:active, html [class*="ft-btn"].ft-btn-danger:active, .ft-theme-gray [class*="ft-btn"].ft-btn-danger.ft-active:not([data-ft-module="tabs"]), html [class*="ft-btn"].ft-btn-danger.ft-active:not([data-ft-module="tabs"]) {
        background: #e33551;
        border-color: #e33551;
        color: white;
    }

    .ft-theme-gray [class*="ft-btn"].ft-btn-danger.ft-disabled, html [class*="ft-btn"].ft-btn-danger.ft-disabled, .ft-theme-gray [class*="ft-btn"].ft-btn-danger.ft-disabled:focus, html [class*="ft-btn"].ft-btn-danger.ft-disabled:focus, .ft-theme-gray [class*="ft-btn"].ft-btn-danger.ft-disabled:hover, html [class*="ft-btn"].ft-btn-danger.ft-disabled:hover, .ft-theme-gray [class*="ft-btn"].ft-btn-danger.ft-disabled:active, html [class*="ft-btn"].ft-btn-danger.ft-disabled:active, .ft-theme-gray [class*="ft-btn"].ft-btn-danger.ft-disabled.ft-active, html [class*="ft-btn"].ft-btn-danger.ft-disabled.ft-active, .ft-theme-gray [class*="ft-btn"].ft-btn-danger[disabled], html [class*="ft-btn"].ft-btn-danger[disabled], .ft-theme-gray [class*="ft-btn"].ft-btn-danger[disabled]:focus, html [class*="ft-btn"].ft-btn-danger[disabled]:focus, .ft-theme-gray [class*="ft-btn"].ft-btn-danger[disabled]:hover, html [class*="ft-btn"].ft-btn-danger[disabled]:hover, .ft-theme-gray [class*="ft-btn"].ft-btn-danger[disabled]:active, html [class*="ft-btn"].ft-btn-danger[disabled]:active, .ft-theme-gray [class*="ft-btn"].ft-btn-danger[disabled].ft-active, html [class*="ft-btn"].ft-btn-danger[disabled].ft-active {
        background: #e5e5e5;
        border-color: #cccccc;
        color: #999;
    }

.ft-theme-gray [class*="ft-btn"].ft-btn-success:focus, html [class*="ft-btn"].ft-btn-success:focus, .ft-theme-gray [class*="ft-btn"].ft-btn-success:hover, html [class*="ft-btn"].ft-btn-success:hover, .ft-theme-gray [class*="ft-btn"].ft-btn-success:active, html [class*="ft-btn"].ft-btn-success:active, .ft-theme-gray [class*="ft-btn"].ft-btn-success.ft-active:not([data-ft-module="tabs"]), html [class*="ft-btn"].ft-btn-success.ft-active:not([data-ft-module="tabs"]) {
    background: #0f6c30;
    border-color: #0f6c30;
    color: white;
}

.ft-theme-gray [class*="ft-btn"].ft-btn-success.ft-disabled, html [class*="ft-btn"].ft-btn-success.ft-disabled, .ft-theme-gray [class*="ft-btn"].ft-btn-success.ft-disabled:focus, html [class*="ft-btn"].ft-btn-success.ft-disabled:focus, .ft-theme-gray [class*="ft-btn"].ft-btn-success.ft-disabled:hover, html [class*="ft-btn"].ft-btn-success.ft-disabled:hover, .ft-theme-gray [class*="ft-btn"].ft-btn-success.ft-disabled:active, html [class*="ft-btn"].ft-btn-success.ft-disabled:active, .ft-theme-gray [class*="ft-btn"].ft-btn-success.ft-disabled.ft-active, html [class*="ft-btn"].ft-btn-success.ft-disabled.ft-active, .ft-theme-gray [class*="ft-btn"].ft-btn-success[disabled], html [class*="ft-btn"].ft-btn-success[disabled], .ft-theme-gray [class*="ft-btn"].ft-btn-success[disabled]:focus, html [class*="ft-btn"].ft-btn-success[disabled]:focus, .ft-theme-gray [class*="ft-btn"].ft-btn-success[disabled]:hover, html [class*="ft-btn"].ft-btn-success[disabled]:hover, .ft-theme-gray [class*="ft-btn"].ft-btn-success[disabled]:active, html [class*="ft-btn"].ft-btn-success[disabled]:active, .ft-theme-gray [class*="ft-btn"].ft-btn-success[disabled].ft-active, html [class*="ft-btn"].ft-btn-success[disabled].ft-active {
    background: #bfbfbf;
    border-color: #a5a5a5;
    text-shadow:none;
}

.ft-theme-gray .ft-btn:hover, html .ft-btn:hover, .ft-theme-gray .ft-btn:focus, html .ft-btn:focus, .ft-theme-gray .ft-btn:active, html .ft-btn:active, .ft-theme-gray .ft-btn.ft-active:not([data-ft-module="tabs"]), html .ft-btn.ft-active:not([data-ft-module="tabs"]) {
    /*background: #e5e5e5;*/
    border-color: #cccccc;
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
}

.ft-theme-gray .ft-btn.ft-disabled, html .ft-btn.ft-disabled, .ft-theme-gray .ft-btn.ft-disabled:focus, html .ft-btn.ft-disabled:focus, .ft-theme-gray .ft-btn.ft-disabled:hover, html .ft-btn.ft-disabled:hover, .ft-theme-gray .ft-btn.ft-disabled:active, html .ft-btn.ft-disabled:active, .ft-theme-gray .ft-btn.ft-disabled.ft-active, html .ft-btn.ft-disabled.ft-active, .ft-theme-gray .ft-btn[disabled], html .ft-btn[disabled], .ft-theme-gray .ft-btn[disabled]:focus, html .ft-btn[disabled]:focus, .ft-theme-gray .ft-btn[disabled]:hover, html .ft-btn[disabled]:hover, .ft-theme-gray .ft-btn[disabled]:active, html .ft-btn[disabled]:active, .ft-theme-gray .ft-btn[disabled].ft-active, html .ft-btn[disabled].ft-active {
    background: #e5e5e5;
    border-color: #cccccc;
    color: #999;
}

.ft-theme-gray .ft-btn-primary, html .ft-btn-primary {
    background: #00aff2;
    border-color: #008abf;
}

    .ft-theme-gray .ft-btn-primary:hover, html .ft-btn-primary:hover, .ft-theme-gray .ft-btn-primary:focus, html .ft-btn-primary:focus, .ft-theme-gray .ft-btn-primary:active, html .ft-btn-primary:active, .ft-theme-gray .ft-btn-primary.ft-active:not([data-ft-module="tabs"]), html .ft-btn-primary.ft-active:not([data-ft-module="tabs"]) {
        background: #008abf;
        border-color: #008abf;
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    }

    .ft-theme-gray .ft-btn-primary.ft-disabled, html .ft-btn-primary.ft-disabled, .ft-theme-gray .ft-btn-primary.ft-disabled:focus, html .ft-btn-primary.ft-disabled:focus, .ft-theme-gray .ft-btn-primary.ft-disabled:hover, html .ft-btn-primary.ft-disabled:hover, .ft-theme-gray .ft-btn-primary.ft-disabled:active, html .ft-btn-primary.ft-disabled:active, .ft-theme-gray .ft-btn-primary.ft-disabled.ft-active, html .ft-btn-primary.ft-disabled.ft-active, .ft-theme-gray .ft-btn-primary[disabled], html .ft-btn-primary[disabled], .ft-theme-gray .ft-btn-primary[disabled]:focus, html .ft-btn-primary[disabled]:focus, .ft-theme-gray .ft-btn-primary[disabled]:hover, html .ft-btn-primary[disabled]:hover, .ft-theme-gray .ft-btn-primary[disabled]:active, html .ft-btn-primary[disabled]:active, .ft-theme-gray .ft-btn-primary[disabled].ft-active, html .ft-btn-primary[disabled].ft-active {
        background: #b7b7b7;
        border-color: #c3c3c3;
    }

.ft-theme-gray .ft-tabs-button-nav .ft-active [class*="ft-btn"], html .ft-tabs-button-nav .ft-active [class*="ft-btn"] {
    background-color: #dddddd;
}

.ft-theme-gray .ft-collapse .ft-collapse-header:before, html .ft-collapse .ft-collapse-header:before {
    color: #878787;
    border: 3px solid #878787;
}

.ft-theme-gray [class*="ft-pagination"] li.ft-active, html [class*="ft-pagination"] li.ft-active {
    background-color: #6c6c6c;
    border-color: #6c6c6c;
}

.ft-theme-gray .pager li, html .pager li {
    border: 1px solid #dddddd;
    color: #555555;
}

    .ft-theme-gray .pager li:hover, html .pager li:hover, .ft-theme-gray .pager li:focus, html .pager li:focus {
        background-color: #dddddd;
    }

    .ft-theme-gray .pager li.disabled a, html .pager li.disabled a {
        border: 1px solid #dddddd;
        color: #eeeeee;
    }

        .ft-theme-gray .pager li.disabled a:hover, html .pager li.disabled a:hover, .ft-theme-gray .pager li.disabled a:focus, html .pager li.disabled a:focus {
            background: none;
        }

.ft-theme-gray .ft-table.ft-bg-header thead, html .ft-table.ft-bg-header thead {
    background-color: #878787;
}

    .ft-theme-gray .ft-table.ft-bg-header thead th, html .ft-table.ft-bg-header thead th {
        color: white;
    }

        .ft-theme-gray .ft-table.ft-bg-header thead th a, html .ft-table.ft-bg-header thead th a {
            color: white;
        }

        .ft-theme-gray .ft-table.ft-bg-header thead th.ft-data-descending a:after, html .ft-table.ft-bg-header thead th.ft-data-descending a:after, .ft-theme-gray .ft-table.ft-bg-header thead th.ft-data-ascending a:after, html .ft-table.ft-bg-header thead th.ft-data-ascending a:after {
            border-top-color: white;
        }

        .ft-theme-gray .ft-table.ft-bg-header thead th.ft-data-ascending a:after, html .ft-table.ft-bg-header thead th.ft-data-ascending a:after {
            border-color: transparent;
            border-bottom-color: white;
        }

.ft-theme-gray .ft-table thead th a, html .ft-table thead th a {
    color: black;
}

.ft-theme-gray .ft-table tbody tr:hover, html .ft-table tbody tr:hover {
    background-color: #6c6c6c;
    background-color: rgba(108,108,108,0.02);
}

.ft-theme-gray .ft-table tbody a:not([class*="ft-btn"]), html .ft-table tbody a:not([class*="ft-btn"]) {
    color: #878787;
}

.ft-theme-gray .ft-table.ft-table-striped tbody tr:hover td, html .ft-table.ft-table-striped tbody tr:hover td {
    background-color: #6c6c6c;
    background-color: rgba(108,108,108,0.02);
}

.ft-theme-gray .ft-table.ft-table-striped.ft-no-hover tbody tr:hover td, html .ft-table.ft-table-striped.ft-no-hover tbody tr:hover td {
    background: white;
}

.ft-theme-gray .ft-table.ft-table-striped.ft-no-hover tbody tr:hover:nth-child(odd) td, html .ft-table.ft-table-striped.ft-no-hover tbody tr:hover:nth-child(odd) td {
    background: #f7f7f7;
}

.ft-theme-gray .ft-tabs-nav:not(.in-dropdown) li, html .ft-tabs-nav:not(.in-dropdown) li {
    background-color: #6c6c6c;
    background-color: rgba(108,108,108,0.7);
}

    .ft-theme-gray .ft-tabs-nav:not(.in-dropdown) li:hover, html .ft-tabs-nav:not(.in-dropdown) li:hover {
        background-color: #6c6c6c;
    }

    .ft-theme-gray .ft-tabs-nav:not(.in-dropdown) li.ft-active, html .ft-tabs-nav:not(.in-dropdown) li.ft-active {
        background-color: white;
    }

.ft-theme-gray .ft-lnk-nav:hover, html .ft-lnk-nav:hover {
    color: #6c6c6c;
}

    .ft-theme-gray .ft-lnk-nav:hover[class*="ft-ico"]:before, html .ft-lnk-nav:hover[class*="ft-ico"]:before {
        color: #6c6c6c;
        border-color: #6c6c6c;
    }

.ft-theme-gray .ft-lnk-nav[class*="ft-ico"]:before, html .ft-lnk-nav[class*="ft-ico"]:before {
    color: #878787;
    border: 4px solid #878787;
}

.ft-theme-gray .ft-dropdown ul a:focus, html .ft-dropdown ul a:focus, .ft-theme-gray .ft-dropdown ul a:hover, html .ft-dropdown ul a:hover {
    background-color: #6c6c6c;
    color: white;
}

.ft-theme-gray .ft-dropdown ul a.ft-color-danger:hover, html .ft-dropdown ul a.ft-color-danger:hover, .ft-theme-gray .ft-dropdown .ft-cart ul li a:hover, .ft-cart .ft-theme-gray .ft-dropdown ul li a:hover, html .ft-dropdown .ft-cart ul li a:hover, .ft-cart html .ft-dropdown ul li a:hover {
    color: white !important;
}

.ft-theme-gray .ft-switch-btn input:checked + label span:after, html .ft-switch-btn input:checked + label span:after {
    background-color: #878787;
}

.ft-theme-gray .ft-list-title a, html .ft-list-title a {
    color: #878787;
}

.ft-theme-gray.ft-pre-panel .ft-topbar, html.ft-pre-panel .ft-topbar {
    background-color: #f7f7f7;
}

.ft-theme-gray .is-selected .pika-button, html .is-selected .pika-button {
    color: white;
    background: #6c6c6c;
    box-shadow: none;
}

.ft-theme-gray .pika-button:hover, html .pika-button:hover {
    color: white !important;
    background: #878787 !important;
}

.ft-theme-gray .hopscotch-actions button.hopscotch-nav-button.next, html .hopscotch-actions button.hopscotch-nav-button.next {
    background-color: #878787;
}

.ft-theme-gray div[data-ft-module="progressBar"] span, html div[data-ft-module="progressBar"] span {
    background-color: #878787;
}

.ft-theme-gray .ft-word-dotted, html .ft-word-dotted {
    border-color: #6c6c6c;
}

.ft-theme-gray .ft-steps-nav .ft-actived:before, html .ft-steps-nav .ft-actived:before {
    border-color: #878787;
}

.ft-theme-gray .ft-steps-nav .ft-actived .ft-steps-btn, html .ft-steps-nav .ft-actived .ft-steps-btn {
    color: #878787;
}

    .ft-theme-gray .ft-steps-nav .ft-actived .ft-steps-btn:before, html .ft-steps-nav .ft-actived .ft-steps-btn:before {
        border-color: #878787;
        background: #878787;
        color: white;
    }

    .ft-theme-gray .ft-steps-nav .ft-actived .ft-steps-btn:after, html .ft-steps-nav .ft-actived .ft-steps-btn:after {
        color: #c3c3c3;
    }

.ft-theme-gray .ft-steps-nav .ft-actived.ft-active .ft-steps-btn:before, html .ft-steps-nav .ft-actived.ft-active .ft-steps-btn:before {
    background: white;
    color: #878787;
}

.ft-theme-gray .ft-steps-nav .ft-active .ft-steps-btn:before, html .ft-steps-nav .ft-active .ft-steps-btn:before {
    border-color: #878787;
}

.ft-theme-gray .ft-steps-nav .ft-active .ft-steps-btn:before, html .ft-steps-nav .ft-active .ft-steps-btn:before, .ft-theme-gray .ft-steps-nav .ft-active .ft-steps-btn:after, html .ft-steps-nav .ft-active .ft-steps-btn:after {
    color: #878787;
}

.ft-theme-gray .ft-steps-arrow:before, html .ft-steps-arrow:before {
    background: #878787;
}

html .ft-theme-blue .ft-tabs-btn-nav .ft-active [class*="ft-btn"], .ft-theme-blue html .ft-tabs-btn-nav .ft-active [class*="ft-btn"], html .ft-theme-blue .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:focus, .ft-theme-blue html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:focus, html .ft-theme-blue .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:hover, .ft-theme-blue html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:hover, html .ft-theme-blue .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:active, .ft-theme-blue html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:active, html .ft-theme-gold .ft-tabs-btn-nav .ft-active [class*="ft-btn"], .ft-theme-gold html .ft-tabs-btn-nav .ft-active [class*="ft-btn"], html .ft-theme-gold .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:focus, .ft-theme-gold html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:focus, html .ft-theme-gold .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:hover, .ft-theme-gold html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:hover, html .ft-theme-gold .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:active, .ft-theme-gold html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:active, .ft-theme-gray .ft-tabs-btn-nav .ft-active [class*="ft-btn"], html .ft-tabs-btn-nav .ft-active [class*="ft-btn"], .ft-theme-gray .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:focus, html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:focus, .ft-theme-gray .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:hover, html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:hover, .ft-theme-gray .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:active, html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:active, html .ft-theme-light-green .ft-tabs-btn-nav .ft-active [class*="ft-btn"], .ft-theme-light-green html .ft-tabs-btn-nav .ft-active [class*="ft-btn"], html .ft-theme-light-green .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:focus, .ft-theme-light-green html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:focus, html .ft-theme-light-green .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:hover, .ft-theme-light-green html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:hover, html .ft-theme-light-green .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:active, .ft-theme-light-green html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:active, html .ft-theme-green .ft-tabs-btn-nav .ft-active [class*="ft-btn"], .ft-theme-green html .ft-tabs-btn-nav .ft-active [class*="ft-btn"], html .ft-theme-green .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:focus, .ft-theme-green html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:focus, html .ft-theme-green .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:hover, .ft-theme-green html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:hover, html .ft-theme-green .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:active, .ft-theme-green html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:active, html .ft-theme-orange .ft-tabs-btn-nav .ft-active [class*="ft-btn"], .ft-theme-orange html .ft-tabs-btn-nav .ft-active [class*="ft-btn"], html .ft-theme-orange .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:focus, .ft-theme-orange html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:focus, html .ft-theme-orange .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:hover, .ft-theme-orange html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:hover, html .ft-theme-orange .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:active, .ft-theme-orange html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:active, html .ft-theme-wine .ft-tabs-btn-nav .ft-active [class*="ft-btn"], .ft-theme-wine html .ft-tabs-btn-nav .ft-active [class*="ft-btn"], html .ft-theme-wine .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:focus, .ft-theme-wine html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:focus, html .ft-theme-wine .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:hover, .ft-theme-wine html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:hover, html .ft-theme-wine .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:active, .ft-theme-wine html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:active, html .ft-theme-cyanogen .ft-tabs-btn-nav .ft-active [class*="ft-btn"], .ft-theme-cyanogen html .ft-tabs-btn-nav .ft-active [class*="ft-btn"], html .ft-theme-cyanogen .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:focus, .ft-theme-cyanogen html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:focus, html .ft-theme-cyanogen .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:hover, .ft-theme-cyanogen html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:hover, html .ft-theme-cyanogen .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:active, .ft-theme-cyanogen html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:active, html .ft-theme-light-red .ft-tabs-btn-nav .ft-active [class*="ft-btn"], .ft-theme-light-red html .ft-tabs-btn-nav .ft-active [class*="ft-btn"], html .ft-theme-light-red .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:focus, .ft-theme-light-red html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:focus, html .ft-theme-light-red .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:hover, .ft-theme-light-red html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:hover, html .ft-theme-light-red .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:active, .ft-theme-light-red html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:active {
    background: #f3f3f3;
    border-color: #c3c3c3;
    color: #878787;
}

    .ft-theme-gray .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:before, html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 5px;
        position: relative;
        border: 8px solid transparent;
        border-color: #c3c3c3 transparent transparent transparent;
        position: absolute;
        top: auto;
        margin-left: -8px;
    }

    .ft-theme-gray .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:after, html .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 5px;
        position: relative;
        border: 6px solid transparent;
        border-color: #f3f3f3 transparent transparent transparent;
        position: absolute;
        top: auto;
        margin-left: -6px;
    }

.ft-bg-theme-light-green {
    background-color: #25b89a;
}

.ft-theme-light-green .ft-color-theme, .ft-theme-light-green .ft-ico-alone, .ft-theme-light-green .ft-ico-bg:before {
    color: #1d937b !important;
}

.ft-theme-light-green p a:not([class*="ft-btn"]), .ft-theme-light-green .ft-breadcrumb a, .ft-theme-light-green .hopscotch-bubble a {
    color: #1d937b;
}

    .ft-theme-light-green p a:not([class*="ft-btn"]):hover, .ft-theme-light-green p a:not([class*="ft-btn"]):focus, .ft-theme-light-green p a:not([class*="ft-btn"]).ft-active, .ft-theme-light-green .ft-breadcrumb a:hover, .ft-theme-light-green .ft-breadcrumb a:focus, .ft-theme-light-green .ft-breadcrumb a.ft-active, .ft-theme-light-green .hopscotch-bubble a:hover, .ft-theme-light-green .hopscotch-bubble a:focus, .ft-theme-light-green .hopscotch-bubble a.ft-active {
        color: #166e5c;
    }

.ft-theme-light-green .ft-tag-primary {
    background-color: #25b89a;
}

.ft-theme-light-green .ft-background-primary, .ft-theme-light-green .ft-table .ft-background-primary td {
    background-color: #b8f1e5;
    color: #25b89a;
}

.ft-theme-light-green .ft-user-account {
    background: #1f9c82;
}

.ft-theme-light-green .ft-topbar {
    background-color: #25b89a;
}

    .ft-theme-light-green .ft-topbar .ft-alerts-list [class^="ft-ico"] {
        color: #187764;
    }

        .ft-theme-light-green .ft-topbar .ft-alerts-list [class^="ft-ico"]:hover:not([data-counter]):not(.ft-active) {
            color: #0e493d;
        }

    .ft-theme-light-green .ft-topbar.ft-topbar-gray {
        background: #f7f7f7;
    }

        .ft-theme-light-green .ft-topbar.ft-topbar-gray .ft-user-account {
            background-color: #dedede;
        }

            .ft-theme-light-green .ft-topbar.ft-topbar-gray .ft-user-account > a {
                color: #555555;
            }

                .ft-theme-light-green .ft-topbar.ft-topbar-gray .ft-user-account > a small {
                    color: #555555;
                    color: #555555;
                }

                .ft-theme-light-green .ft-topbar.ft-topbar-gray .ft-user-account > a:before {
                    color: #555555;
                    color: rgba(85,85,85,0.5);
                    box-shadow: inset 0 0 0 2px rgba(85,85,85,0.3);
                }

        .ft-theme-light-green .ft-topbar.ft-topbar-gray [class*="ft-go"] {
            background-color: #dedede;
        }

            .ft-theme-light-green .ft-topbar.ft-topbar-gray [class*="ft-go"]:before {
                color: #555555;
            }

        .ft-theme-light-green .ft-topbar.ft-topbar-gray .ft-brand-name {
            background: #f7f7f7;
        }

            .ft-theme-light-green .ft-topbar.ft-topbar-gray .ft-brand-name a {
                color: #555555;
            }

        .ft-theme-light-green .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a {
            color: #555555;
            color: rgba(85,85,85,0.4);
        }

            .ft-theme-light-green .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a.ft-active {
                color: black;
            }

            .ft-theme-light-green .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter] {
                color: #555555;
                color: #555555;
            }

                .ft-theme-light-green .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter].ft-active {
                    color: black;
                }

                .ft-theme-light-green .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter]:after {
                    color: white;
                }

.ft-theme-light-green [class*="ft-go"] {
    background: #1d937b;
}

    .ft-theme-light-green [class*="ft-go"]:hover, .ft-theme-light-green [class*="ft-go"]:focus {
        background: #1f9c82;
    }

.ft-theme-light-green .ft-menu li {
    border-bottom-color: #282828;
}

    .ft-theme-light-green .ft-menu li.ft-active:not(.ft-submenu-parent) > a {
        background-color: #3d3d3d;
    }

.ft-theme-light-green .ft-menu a {
    color: #8c8c8c;
}

    .ft-theme-light-green .ft-menu a:hover, .ft-theme-light-green .ft-menu a:focus {
        color: white;
        background-color: #323232;
    }

.ft-theme-light-green .ft-sidebar [class*="ft-go"] {
    background: #25b89a;
}

.ft-theme-light-green .ft-submenu-parent:after {
    color: #8c8c8c;
}

.ft-theme-light-green .ft-submenu-parent:hover:after {
    color: white;
}

.ft-theme-light-green .ft-submenu-parent li {
    border-bottom-color: #323232;
}

.ft-theme-light-green .ft-submenu-parent.ft-active {
    background-color: #282828;
}

    .ft-theme-light-green .ft-submenu-parent.ft-active ul {
        border-top-color: #323232;
    }

.ft-theme-light-green .ft-brand-name {
    background-color: #25b89a;
}

.ft-theme-light-green .ft-area-account[class*="ft-ico"]:before {
    color: #25b89a;
}

.ft-theme-light-green .ft-info-header [class*="ft-title"] {
    color: #25b89a;
}

.ft-theme-light-green .ft-checkbox-cart:checked ~ .ft-cart-header {
    color: #1d937b !important;
}

    .ft-theme-light-green .ft-checkbox-cart:checked ~ .ft-cart-header .ft-ico-cart, .ft-theme-light-green .ft-checkbox-cart:checked ~ .ft-cart-header strong {
        color: #1d937b !important;
    }

.ft-theme-light-green .ft-cart-header {
    background-color: #1d937b;
    background-color: #1d937b;
}

.ft-theme-light-green [class*="ft-btn"][data-ft-module]:after {
    border-top-color: #1d937b;
}

.ft-theme-light-green [class*="ft-btn"].ft-btn-danger {
    color: #d75553;
}

    .ft-theme-light-green [class*="ft-btn"].ft-btn-danger:hover, .ft-theme-light-green [class*="ft-btn"].ft-btn-danger:focus, .ft-theme-light-green [class*="ft-btn"].ft-btn-danger:active, .ft-theme-light-green [class*="ft-btn"].ft-btn-danger.ft-active:not([data-ft-module="tabs"]) {
        background: #db6664;
        border-color: #df7775;
        color: white;
    }

    .ft-theme-light-green [class*="ft-btn"].ft-btn-danger.ft-disabled, .ft-theme-light-green [class*="ft-btn"].ft-btn-danger.ft-disabled:focus, .ft-theme-light-green [class*="ft-btn"].ft-btn-danger.ft-disabled:hover, .ft-theme-light-green [class*="ft-btn"].ft-btn-danger.ft-disabled:active, .ft-theme-light-green [class*="ft-btn"].ft-btn-danger.ft-disabled.ft-active, .ft-theme-light-green [class*="ft-btn"].ft-btn-danger[disabled], .ft-theme-light-green [class*="ft-btn"].ft-btn-danger[disabled]:focus, .ft-theme-light-green [class*="ft-btn"].ft-btn-danger[disabled]:hover, .ft-theme-light-green [class*="ft-btn"].ft-btn-danger[disabled]:active, .ft-theme-light-green [class*="ft-btn"].ft-btn-danger[disabled].ft-active {
        background: #e5e5e5;
        border-color: #cccccc;
        color: #df7775;
    }

.ft-theme-light-green [class*="ft-btn"].ft-btn-success:focus, .ft-theme-light-green [class*="ft-btn"].ft-btn-success:hover, .ft-theme-light-green [class*="ft-btn"].ft-btn-success:active, .ft-theme-light-green [class*="ft-btn"].ft-btn-success.ft-active:not([data-ft-module="tabs"]) {
    background: #4c4c4c;
    border-color: #666666;
    color: white;
}

.ft-theme-light-green [class*="ft-btn"].ft-btn-success.ft-disabled, .ft-theme-light-green [class*="ft-btn"].ft-btn-success.ft-disabled:focus, .ft-theme-light-green [class*="ft-btn"].ft-btn-success.ft-disabled:hover, .ft-theme-light-green [class*="ft-btn"].ft-btn-success.ft-disabled:active, .ft-theme-light-green [class*="ft-btn"].ft-btn-success.ft-disabled.ft-active, .ft-theme-light-green [class*="ft-btn"].ft-btn-success[disabled], .ft-theme-light-green [class*="ft-btn"].ft-btn-success[disabled]:focus, .ft-theme-light-green [class*="ft-btn"].ft-btn-success[disabled]:hover, .ft-theme-light-green [class*="ft-btn"].ft-btn-success[disabled]:active, .ft-theme-light-green [class*="ft-btn"].ft-btn-success[disabled].ft-active {
    background: #bfbfbf;
    border-color: #a5a5a5;
}

.ft-theme-light-green .ft-btn:hover, .ft-theme-light-green .ft-btn:focus, .ft-theme-light-green .ft-btn:active, .ft-theme-light-green .ft-btn.ft-active:not([data-ft-module="tabs"]) {
    background: #e5e5e5;
    border-color: #cccccc;
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
}

.ft-theme-light-green .ft-btn.ft-disabled, .ft-theme-light-green .ft-btn.ft-disabled:focus, .ft-theme-light-green .ft-btn.ft-disabled:hover, .ft-theme-light-green .ft-btn.ft-disabled:active, .ft-theme-light-green .ft-btn.ft-disabled.ft-active, .ft-theme-light-green .ft-btn[disabled], .ft-theme-light-green .ft-btn[disabled]:focus, .ft-theme-light-green .ft-btn[disabled]:hover, .ft-theme-light-green .ft-btn[disabled]:active, .ft-theme-light-green .ft-btn[disabled].ft-active {
    background: #e5e5e5;
    border-color: #cccccc;
    color: #7f7f7f;
}

.ft-theme-light-green .ft-btn-primary {
    background: #1d937b;
    border-color: #19806b;
}

    .ft-theme-light-green .ft-btn-primary:hover, .ft-theme-light-green .ft-btn-primary:focus, .ft-theme-light-green .ft-btn-primary:active, .ft-theme-light-green .ft-btn-primary.ft-active:not([data-ft-module="tabs"]) {
        background: #166e5c;
        border-color: #166e5c;
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    }

    .ft-theme-light-green .ft-btn-primary.ft-disabled, .ft-theme-light-green .ft-btn-primary.ft-disabled:focus, .ft-theme-light-green .ft-btn-primary.ft-disabled:hover, .ft-theme-light-green .ft-btn-primary.ft-disabled:active, .ft-theme-light-green .ft-btn-primary.ft-disabled.ft-active, .ft-theme-light-green .ft-btn-primary[disabled], .ft-theme-light-green .ft-btn-primary[disabled]:focus, .ft-theme-light-green .ft-btn-primary[disabled]:hover, .ft-theme-light-green .ft-btn-primary[disabled]:active, .ft-theme-light-green .ft-btn-primary[disabled].ft-active {
        background: #7cd4c2;
        border-color: #92dbcc;
    }

.ft-theme-light-green .ft-tabs-button-nav .ft-active [class*="ft-btn"] {
    background-color: #dddddd;
}

.ft-theme-light-green .ft-collapse .ft-collapse-header:before {
    color: #25b89a;
    border: 3px solid #25b89a;
}

.ft-theme-light-green [class*="ft-pagination"] li.ft-active {
    background-color: #1d937b;
    border-color: #1d937b;
}

.ft-theme-light-green .pager li {
    border: 1px solid #dddddd;
    color: #555555;
}

    .ft-theme-light-green .pager li:hover, .ft-theme-light-green .pager li:focus {
        background-color: #dddddd;
    }

    .ft-theme-light-green .pager li.disabled a {
        border: 1px solid #dddddd;
        color: #eeeeee;
    }

        .ft-theme-light-green .pager li.disabled a:hover, .ft-theme-light-green .pager li.disabled a:focus {
            background: none;
        }

.ft-theme-light-green .ft-table.ft-bg-header thead {
    background-color: #25b89a;
}

    .ft-theme-light-green .ft-table.ft-bg-header thead th {
        color: white;
    }

        .ft-theme-light-green .ft-table.ft-bg-header thead th a {
            color: white;
        }

        .ft-theme-light-green .ft-table.ft-bg-header thead th.ft-data-descending a:after, .ft-theme-light-green .ft-table.ft-bg-header thead th.ft-data-ascending a:after {
            border-top-color: white;
        }

        .ft-theme-light-green .ft-table.ft-bg-header thead th.ft-data-ascending a:after {
            border-color: transparent;
            border-bottom-color: white;
        }

.ft-theme-light-green .ft-table thead th a {
    color: black;
}

.ft-theme-light-green .ft-table tbody tr:hover {
    background-color: #1d937b;
    background-color: rgba(29,147,123,0.02);
}

.ft-theme-light-green .ft-table tbody a:not([class*="ft-btn"]) {
    color: #25b89a;
}

.ft-theme-light-green .ft-table.ft-table-striped tbody tr:hover td {
    background-color: #1d937b;
    background-color: rgba(29,147,123,0.02);
}

.ft-theme-light-green .ft-table.ft-table-striped.ft-no-hover tbody tr:hover td {
    background: white;
}

.ft-theme-light-green .ft-table.ft-table-striped.ft-no-hover tbody tr:hover:nth-child(odd) td {
    background: #f7f7f7;
}

.ft-theme-light-green .ft-tabs-nav:not(.in-dropdown) li {
    background-color: #1d937b;
    background-color: rgba(29,147,123,0.7);
}

    .ft-theme-light-green .ft-tabs-nav:not(.in-dropdown) li:hover {
        background-color: #1d937b;
    }

    .ft-theme-light-green .ft-tabs-nav:not(.in-dropdown) li.ft-active {
        background-color: white;
    }

.ft-theme-light-green .ft-lnk-nav:hover {
    color: #1d937b;
}

    .ft-theme-light-green .ft-lnk-nav:hover[class*="ft-ico"]:before {
        color: #1d937b;
        border-color: #1d937b;
    }

.ft-theme-light-green .ft-lnk-nav[class*="ft-ico"]:before {
    color: #25b89a;
    border: 4px solid #25b89a;
}

.ft-theme-light-green .ft-dropdown ul a:focus, .ft-theme-light-green .ft-dropdown ul a:hover {
    background-color: #1d937b;
    color: white;
}

.ft-theme-light-green .ft-dropdown ul a.ft-color-danger:hover, .ft-theme-light-green .ft-dropdown .ft-cart ul li a:hover, .ft-cart .ft-theme-light-green .ft-dropdown ul li a:hover {
    color: white !important;
}

.ft-theme-light-green .ft-switch-btn input:checked + label span:after {
    background-color: #25b89a;
}

.ft-theme-light-green .ft-list-title a {
    color: #25b89a;
}

.ft-theme-light-green.ft-pre-panel .ft-topbar {
    background-color: #f7f7f7;
}

.ft-theme-light-green .is-selected .pika-button {
    color: white;
    background: #1d937b;
    box-shadow: none;
}

.ft-theme-light-green .pika-button:hover {
    color: white !important;
    background: #25b89a !important;
}

.ft-theme-light-green .hopscotch-actions button.hopscotch-nav-button.next {
    background-color: #25b89a;
}

.ft-theme-light-green div[data-ft-module="progressBar"] span {
    background-color: #25b89a;
}

.ft-theme-light-green .ft-word-dotted {
    border-color: #1d937b;
}

.ft-theme-light-green .ft-steps-nav .ft-actived:before {
    border-color: #25b89a;
}

.ft-theme-light-green .ft-steps-nav .ft-actived .ft-steps-btn {
    color: #25b89a;
}

    .ft-theme-light-green .ft-steps-nav .ft-actived .ft-steps-btn:before {
        border-color: #25b89a;
        background: #25b89a;
        color: white;
    }

    .ft-theme-light-green .ft-steps-nav .ft-actived .ft-steps-btn:after {
        color: #92dbcc;
    }

.ft-theme-light-green .ft-steps-nav .ft-actived.ft-active .ft-steps-btn:before {
    background: white;
    color: #25b89a;
}

.ft-theme-light-green .ft-steps-nav .ft-active .ft-steps-btn:before {
    border-color: #25b89a;
}

.ft-theme-light-green .ft-steps-nav .ft-active .ft-steps-btn:before, .ft-theme-light-green .ft-steps-nav .ft-active .ft-steps-btn:after {
    color: #25b89a;
}

.ft-theme-light-green .ft-steps-arrow:before {
    background: #25b89a;
}

.ft-theme-light-green .ft-tabs-btn-nav .ft-active [class*="ft-btn"], .ft-theme-light-green .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:focus, .ft-theme-light-green .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:hover, .ft-theme-light-green .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:active {
    background: #e9f7f4;
    border-color: #92dbcc;
    color: #25b89a;
}

    .ft-theme-light-green .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 5px;
        position: relative;
        border: 8px solid transparent;
        border-color: #92dbcc transparent transparent transparent;
        position: absolute;
        top: auto;
        margin-left: -8px;
    }

    .ft-theme-light-green .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 5px;
        position: relative;
        border: 6px solid transparent;
        border-color: #e9f7f4 transparent transparent transparent;
        position: absolute;
        top: auto;
        margin-left: -6px;
    }

.ft-bg-theme-green {
    background-color: #1ab551;
}

.ft-theme-green .ft-color-theme, .ft-theme-green .ft-ico-alone, .ft-theme-green .ft-ico-bg:before {
    color: #149040 !important;
}

.ft-theme-green p a:not([class*="ft-btn"]), .ft-theme-green .ft-breadcrumb a, .ft-theme-green .hopscotch-bubble a {
    color: #149040;
}

    .ft-theme-green p a:not([class*="ft-btn"]):hover, .ft-theme-green p a:not([class*="ft-btn"]):focus, .ft-theme-green p a:not([class*="ft-btn"]).ft-active, .ft-theme-green .ft-breadcrumb a:hover, .ft-theme-green .ft-breadcrumb a:focus, .ft-theme-green .ft-breadcrumb a.ft-active, .ft-theme-green .hopscotch-bubble a:hover, .ft-theme-green .hopscotch-bubble a:focus, .ft-theme-green .hopscotch-bubble a.ft-active {
        color: #0f6c30;
    }

.ft-theme-green .ft-tag-primary {
    background-color: #1ab551;
}

.ft-theme-green .ft-background-primary, .ft-theme-green .ft-table .ft-background-primary td {
    background-color: #a8f3c3;
    color: #1ab551;
}

.ft-theme-green .ft-user-account {
    background: #169944;
}

.ft-theme-green .ft-topbar {
    background-color: #1ab551;
}

    .ft-theme-green .ft-topbar .ft-alerts-list [class^="ft-ico"] {
        color: #107534;
    }

        .ft-theme-green .ft-topbar .ft-alerts-list [class^="ft-ico"]:hover:not([data-counter]):not(.ft-active) {
            color: #0a4820;
        }

    .ft-theme-green .ft-topbar.ft-topbar-gray {
        background: #f7f7f7;
    }

        .ft-theme-green .ft-topbar.ft-topbar-gray .ft-user-account {
            background-color: #dedede;
        }

            .ft-theme-green .ft-topbar.ft-topbar-gray .ft-user-account > a {
                color: #555555;
            }

                .ft-theme-green .ft-topbar.ft-topbar-gray .ft-user-account > a small {
                    color: #555555;
                    color: #555555;
                }

                .ft-theme-green .ft-topbar.ft-topbar-gray .ft-user-account > a:before {
                    color: #555555;
                    color: rgba(85,85,85,0.5);
                    box-shadow: inset 0 0 0 2px rgba(85,85,85,0.3);
                }

        .ft-theme-green .ft-topbar.ft-topbar-gray [class*="ft-go"] {
            background-color: #dedede;
        }

            .ft-theme-green .ft-topbar.ft-topbar-gray [class*="ft-go"]:before {
                color: #555555;
            }

        .ft-theme-green .ft-topbar.ft-topbar-gray .ft-brand-name {
            background: #f7f7f7;
        }

            .ft-theme-green .ft-topbar.ft-topbar-gray .ft-brand-name a {
                color: #555555;
            }

        .ft-theme-green .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a {
            color: #555555;
            color: rgba(85,85,85,0.4);
        }

            .ft-theme-green .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a.ft-active {
                color: black;
            }

            .ft-theme-green .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter] {
                color: #555555;
                color: #555555;
            }

                .ft-theme-green .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter].ft-active {
                    color: black;
                }

                .ft-theme-green .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter]:after {
                    color: white;
                }

.ft-theme-green [class*="ft-go"] {
    background: #149040;
}

    .ft-theme-green [class*="ft-go"]:hover, .ft-theme-green [class*="ft-go"]:focus {
        background: #169944;
    }

.ft-theme-green .ft-menu li {
    border-bottom-color: #282828;
}

    .ft-theme-green .ft-menu li.ft-active:not(.ft-submenu-parent) > a {
        background-color: #3d3d3d;
    }

.ft-theme-green .ft-menu a {
    color: #8c8c8c;
}

    .ft-theme-green .ft-menu a:hover, .ft-theme-green .ft-menu a:focus {
        color: white;
        background-color: #323232;
    }

.ft-theme-green .ft-sidebar [class*="ft-go"] {
    background: #1ab551;
}

.ft-theme-green .ft-submenu-parent:after {
    color: #8c8c8c;
}

.ft-theme-green .ft-submenu-parent:hover:after {
    color: white;
}

.ft-theme-green .ft-submenu-parent li {
    border-bottom-color: #323232;
}

.ft-theme-green .ft-submenu-parent.ft-active {
    background-color: #282828;
}

    .ft-theme-green .ft-submenu-parent.ft-active ul {
        border-top-color: #323232;
    }

.ft-theme-green .ft-brand-name {
    background-color: #1ab551;
}

.ft-theme-green .ft-area-account[class*="ft-ico"]:before {
    color: #1ab551;
}

.ft-theme-green .ft-info-header [class*="ft-title"] {
    color: #1ab551;
}

.ft-theme-green .ft-checkbox-cart:checked ~ .ft-cart-header {
    color: #149040 !important;
}

    .ft-theme-green .ft-checkbox-cart:checked ~ .ft-cart-header .ft-ico-cart, .ft-theme-green .ft-checkbox-cart:checked ~ .ft-cart-header strong {
        color: #149040 !important;
    }

.ft-theme-green .ft-cart-header {
    background-color: #149040;
    background-color: #149040;
}

.ft-theme-green [class*="ft-btn"][data-ft-module]:after {
    border-top-color: #149040;
}

.ft-theme-green [class*="ft-btn"].ft-btn-danger {
    color: #d75553;
}

    .ft-theme-green [class*="ft-btn"].ft-btn-danger:hover, .ft-theme-green [class*="ft-btn"].ft-btn-danger:focus, .ft-theme-green [class*="ft-btn"].ft-btn-danger:active, .ft-theme-green [class*="ft-btn"].ft-btn-danger.ft-active:not([data-ft-module="tabs"]) {
        background: #db6664;
        border-color: #df7775;
        color: white;
    }

    .ft-theme-green [class*="ft-btn"].ft-btn-danger.ft-disabled, .ft-theme-green [class*="ft-btn"].ft-btn-danger.ft-disabled:focus, .ft-theme-green [class*="ft-btn"].ft-btn-danger.ft-disabled:hover, .ft-theme-green [class*="ft-btn"].ft-btn-danger.ft-disabled:active, .ft-theme-green [class*="ft-btn"].ft-btn-danger.ft-disabled.ft-active, .ft-theme-green [class*="ft-btn"].ft-btn-danger[disabled], .ft-theme-green [class*="ft-btn"].ft-btn-danger[disabled]:focus, .ft-theme-green [class*="ft-btn"].ft-btn-danger[disabled]:hover, .ft-theme-green [class*="ft-btn"].ft-btn-danger[disabled]:active, .ft-theme-green [class*="ft-btn"].ft-btn-danger[disabled].ft-active {
        background: #e5e5e5;
        border-color: #cccccc;
        color: #df7775;
    }

.ft-theme-green [class*="ft-btn"].ft-btn-success:focus, .ft-theme-green [class*="ft-btn"].ft-btn-success:hover, .ft-theme-green [class*="ft-btn"].ft-btn-success:active, .ft-theme-green [class*="ft-btn"].ft-btn-success.ft-active:not([data-ft-module="tabs"]) {
    background: #4c4c4c;
    border-color: #666666;
    color: white;
}

.ft-theme-green [class*="ft-btn"].ft-btn-success.ft-disabled, .ft-theme-green [class*="ft-btn"].ft-btn-success.ft-disabled:focus, .ft-theme-green [class*="ft-btn"].ft-btn-success.ft-disabled:hover, .ft-theme-green [class*="ft-btn"].ft-btn-success.ft-disabled:active, .ft-theme-green [class*="ft-btn"].ft-btn-success.ft-disabled.ft-active, .ft-theme-green [class*="ft-btn"].ft-btn-success[disabled], .ft-theme-green [class*="ft-btn"].ft-btn-success[disabled]:focus, .ft-theme-green [class*="ft-btn"].ft-btn-success[disabled]:hover, .ft-theme-green [class*="ft-btn"].ft-btn-success[disabled]:active, .ft-theme-green [class*="ft-btn"].ft-btn-success[disabled].ft-active {
    background: #bfbfbf;
    border-color: #a5a5a5;
}

.ft-theme-green .ft-btn:hover, .ft-theme-green .ft-btn:focus, .ft-theme-green .ft-btn:active, .ft-theme-green .ft-btn.ft-active:not([data-ft-module="tabs"]) {
    background: #e5e5e5;
    border-color: #cccccc;
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
}

.ft-theme-green .ft-btn.ft-disabled, .ft-theme-green .ft-btn.ft-disabled:focus, .ft-theme-green .ft-btn.ft-disabled:hover, .ft-theme-green .ft-btn.ft-disabled:active, .ft-theme-green .ft-btn.ft-disabled.ft-active, .ft-theme-green .ft-btn[disabled], .ft-theme-green .ft-btn[disabled]:focus, .ft-theme-green .ft-btn[disabled]:hover, .ft-theme-green .ft-btn[disabled]:active, .ft-theme-green .ft-btn[disabled].ft-active {
    background: #e5e5e5;
    border-color: #cccccc;
    color: #7f7f7f;
}

.ft-theme-green .ft-btn-primary {
    background: #149040;
    border-color: #127e38;
}

    .ft-theme-green .ft-btn-primary:hover, .ft-theme-green .ft-btn-primary:focus, .ft-theme-green .ft-btn-primary:active, .ft-theme-green .ft-btn-primary.ft-active:not([data-ft-module="tabs"]) {
        background: #0f6c30;
        border-color: #0f6c30;
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    }

    .ft-theme-green .ft-btn-primary.ft-disabled, .ft-theme-green .ft-btn-primary.ft-disabled:focus, .ft-theme-green .ft-btn-primary.ft-disabled:hover, .ft-theme-green .ft-btn-primary.ft-disabled:active, .ft-theme-green .ft-btn-primary.ft-disabled.ft-active, .ft-theme-green .ft-btn-primary[disabled], .ft-theme-green .ft-btn-primary[disabled]:focus, .ft-theme-green .ft-btn-primary[disabled]:hover, .ft-theme-green .ft-btn-primary[disabled]:active, .ft-theme-green .ft-btn-primary[disabled].ft-active {
        background: #75d296;
        border-color: #8cdaa8;
    }

.ft-theme-green .ft-tabs-button-nav .ft-active [class*="ft-btn"] {
    background-color: #dddddd;
}

.ft-theme-green .ft-collapse .ft-collapse-header:before {
    color: #1ab551;
    border: 3px solid #1ab551;
}

.ft-theme-green [class*="ft-pagination"] li.ft-active {
    background-color: #149040;
    border-color: #149040;
}

.ft-theme-green .pager li {
    border: 1px solid #dddddd;
    color: #555555;
}

    .ft-theme-green .pager li:hover, .ft-theme-green .pager li:focus {
        background-color: #dddddd;
    }

    .ft-theme-green .pager li.disabled a {
        border: 1px solid #dddddd;
        color: #eeeeee;
    }

        .ft-theme-green .pager li.disabled a:hover, .ft-theme-green .pager li.disabled a:focus {
            background: none;
        }

.ft-theme-green .ft-table.ft-bg-header thead {
    background-color: #1ab551;
}

    .ft-theme-green .ft-table.ft-bg-header thead th {
        color: white;
    }

        .ft-theme-green .ft-table.ft-bg-header thead th a {
            color: white;
        }

        .ft-theme-green .ft-table.ft-bg-header thead th.ft-data-descending a:after, .ft-theme-green .ft-table.ft-bg-header thead th.ft-data-ascending a:after {
            border-top-color: white;
        }

        .ft-theme-green .ft-table.ft-bg-header thead th.ft-data-ascending a:after {
            border-color: transparent;
            border-bottom-color: white;
        }

.ft-theme-green .ft-table thead th a {
    color: black;
}

.ft-theme-green .ft-table tbody tr:hover {
    background-color: #149040;
    background-color: rgba(20,144,64,0.02);
}

.ft-theme-green .ft-table tbody a:not([class*="ft-btn"]) {
    color: #1ab551;
}

.ft-theme-green .ft-table.ft-table-striped tbody tr:hover td {
    background-color: #149040;
    background-color: rgba(20,144,64,0.02);
}

.ft-theme-green .ft-table.ft-table-striped.ft-no-hover tbody tr:hover td {
    background: white;
}

.ft-theme-green .ft-table.ft-table-striped.ft-no-hover tbody tr:hover:nth-child(odd) td {
    background: #f7f7f7;
}

.ft-theme-green .ft-tabs-nav:not(.in-dropdown) li {
    background-color: #149040;
    background-color: rgba(20,144,64,0.7);
}

    .ft-theme-green .ft-tabs-nav:not(.in-dropdown) li:hover {
        background-color: #149040;
    }

    .ft-theme-green .ft-tabs-nav:not(.in-dropdown) li.ft-active {
        background-color: white;
    }

.ft-theme-green .ft-lnk-nav:hover {
    color: #149040;
}

    .ft-theme-green .ft-lnk-nav:hover[class*="ft-ico"]:before {
        color: #149040;
        border-color: #149040;
    }

.ft-theme-green .ft-lnk-nav[class*="ft-ico"]:before {
    color: #1ab551;
    border: 4px solid #1ab551;
}

.ft-theme-green .ft-dropdown ul a:focus, .ft-theme-green .ft-dropdown ul a:hover {
    background-color: #149040;
    color: white;
}

.ft-theme-green .ft-dropdown ul a.ft-color-danger:hover, .ft-theme-green .ft-dropdown .ft-cart ul li a:hover, .ft-cart .ft-theme-green .ft-dropdown ul li a:hover {
    color: white !important;
}

.ft-theme-green .ft-switch-btn input:checked + label span:after {
    background-color: #1ab551;
}

.ft-theme-green .ft-list-title a {
    color: #1ab551;
}

.ft-theme-green.ft-pre-panel .ft-topbar {
    background-color: #f7f7f7;
}

.ft-theme-green .is-selected .pika-button {
    color: white;
    background: #149040;
    box-shadow: none;
}

.ft-theme-green .pika-button:hover {
    color: white !important;
    background: #1ab551 !important;
}

.ft-theme-green .hopscotch-actions button.hopscotch-nav-button.next {
    background-color: #1ab551;
}

.ft-theme-green div[data-ft-module="progressBar"] span {
    background-color: #1ab551;
}

.ft-theme-green .ft-word-dotted {
    border-color: #149040;
}

.ft-theme-green .ft-steps-nav .ft-actived:before {
    border-color: #1ab551;
}

.ft-theme-green .ft-steps-nav .ft-actived .ft-steps-btn {
    color: #1ab551;
}

    .ft-theme-green .ft-steps-nav .ft-actived .ft-steps-btn:before {
        border-color: #1ab551;
        background: #1ab551;
        color: white;
    }

    .ft-theme-green .ft-steps-nav .ft-actived .ft-steps-btn:after {
        color: #8cdaa8;
    }

.ft-theme-green .ft-steps-nav .ft-actived.ft-active .ft-steps-btn:before {
    background: white;
    color: #1ab551;
}

.ft-theme-green .ft-steps-nav .ft-active .ft-steps-btn:before {
    border-color: #1ab551;
}

.ft-theme-green .ft-steps-nav .ft-active .ft-steps-btn:before, .ft-theme-green .ft-steps-nav .ft-active .ft-steps-btn:after {
    color: #1ab551;
}

.ft-theme-green .ft-steps-arrow:before {
    background: #1ab551;
}

.ft-theme-green .ft-tabs-btn-nav .ft-active [class*="ft-btn"], .ft-theme-green .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:focus, .ft-theme-green .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:hover, .ft-theme-green .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:active {
    background: #e8f7ed;
    border-color: #8cdaa8;
    color: #1ab551;
}

    .ft-theme-green .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 5px;
        position: relative;
        border: 8px solid transparent;
        border-color: #8cdaa8 transparent transparent transparent;
        position: absolute;
        top: auto;
        margin-left: -8px;
    }

    .ft-theme-green .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 5px;
        position: relative;
        border: 6px solid transparent;
        border-color: #e8f7ed transparent transparent transparent;
        position: absolute;
        top: auto;
        margin-left: -6px;
    }

.ft-bg-theme-orange {
    background-color: #ef7736;
}

.ft-theme-orange .ft-color-theme, .ft-theme-orange .ft-ico-alone, .ft-theme-orange .ft-ico-bg:before {
    color: #bf5f2b !important;
}

.ft-theme-orange p a:not([class*="ft-btn"]), .ft-theme-orange .ft-breadcrumb a, .ft-theme-orange .hopscotch-bubble a {
    color: #bf5f2b;
}

    .ft-theme-orange p a:not([class*="ft-btn"]):hover, .ft-theme-orange p a:not([class*="ft-btn"]):focus, .ft-theme-orange p a:not([class*="ft-btn"]).ft-active, .ft-theme-orange .ft-breadcrumb a:hover, .ft-theme-orange .ft-breadcrumb a:focus, .ft-theme-orange .ft-breadcrumb a.ft-active, .ft-theme-orange .hopscotch-bubble a:hover, .ft-theme-orange .hopscotch-bubble a:focus, .ft-theme-orange .hopscotch-bubble a.ft-active {
        color: #8f4720;
    }

.ft-theme-orange .ft-tag-primary {
    background-color: #ef7736;
}

.ft-theme-orange .ft-background-primary, .ft-theme-orange .ft-table .ft-background-primary td {
    background-color: #fef7f3;
    color: #ef7736;
}

.ft-theme-orange .ft-user-account {
    background: #cb652d;
}

.ft-theme-orange .ft-topbar {
    background-color: #ef7736;
}

    .ft-theme-orange .ft-topbar .ft-alerts-list [class^="ft-ico"] {
        color: #9b4d23;
    }

        .ft-theme-orange .ft-topbar .ft-alerts-list [class^="ft-ico"]:hover:not([data-counter]):not(.ft-active) {
            color: #5f2f15;
        }

    .ft-theme-orange .ft-topbar.ft-topbar-gray {
        background: #f7f7f7;
    }

        .ft-theme-orange .ft-topbar.ft-topbar-gray .ft-user-account {
            background-color: #dedede;
        }

            .ft-theme-orange .ft-topbar.ft-topbar-gray .ft-user-account > a {
                color: #555555;
            }

                .ft-theme-orange .ft-topbar.ft-topbar-gray .ft-user-account > a small {
                    color: #555555;
                    color: #555555;
                }

                .ft-theme-orange .ft-topbar.ft-topbar-gray .ft-user-account > a:before {
                    color: #555555;
                    color: rgba(85,85,85,0.5);
                    box-shadow: inset 0 0 0 2px rgba(85,85,85,0.3);
                }

        .ft-theme-orange .ft-topbar.ft-topbar-gray [class*="ft-go"] {
            background-color: #dedede;
        }

            .ft-theme-orange .ft-topbar.ft-topbar-gray [class*="ft-go"]:before {
                color: #555555;
            }

        .ft-theme-orange .ft-topbar.ft-topbar-gray .ft-brand-name {
            background: #f7f7f7;
        }

            .ft-theme-orange .ft-topbar.ft-topbar-gray .ft-brand-name a {
                color: #555555;
            }

        .ft-theme-orange .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a {
            color: #555555;
            color: rgba(85,85,85,0.4);
        }

            .ft-theme-orange .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a.ft-active {
                color: black;
            }

            .ft-theme-orange .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter] {
                color: #555555;
                color: #555555;
            }

                .ft-theme-orange .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter].ft-active {
                    color: black;
                }

                .ft-theme-orange .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter]:after {
                    color: white;
                }

.ft-theme-orange [class*="ft-go"] {
    background: #bf5f2b;
}

    .ft-theme-orange [class*="ft-go"]:hover, .ft-theme-orange [class*="ft-go"]:focus {
        background: #cb652d;
    }

.ft-theme-orange .ft-menu li {
    border-bottom-color: #282828;
}

    .ft-theme-orange .ft-menu li.ft-active:not(.ft-submenu-parent) > a {
        background-color: #3d3d3d;
    }

.ft-theme-orange .ft-menu a {
    color: #8c8c8c;
}

    .ft-theme-orange .ft-menu a:hover, .ft-theme-orange .ft-menu a:focus {
        color: white;
        background-color: #323232;
    }

.ft-theme-orange .ft-sidebar [class*="ft-go"] {
    background: #ef7736;
}

.ft-theme-orange .ft-submenu-parent:after {
    color: #8c8c8c;
}

.ft-theme-orange .ft-submenu-parent:hover:after {
    color: white;
}

.ft-theme-orange .ft-submenu-parent li {
    border-bottom-color: #323232;
}

.ft-theme-orange .ft-submenu-parent.ft-active {
    background-color: #282828;
}

    .ft-theme-orange .ft-submenu-parent.ft-active ul {
        border-top-color: #323232;
    }

.ft-theme-orange .ft-brand-name {
    background-color: #ef7736;
}

.ft-theme-orange .ft-area-account[class*="ft-ico"]:before {
    color: #ef7736;
}

.ft-theme-orange .ft-info-header [class*="ft-title"] {
    color: #ef7736;
}

.ft-theme-orange .ft-checkbox-cart:checked ~ .ft-cart-header {
    color: #bf5f2b !important;
}

    .ft-theme-orange .ft-checkbox-cart:checked ~ .ft-cart-header .ft-ico-cart, .ft-theme-orange .ft-checkbox-cart:checked ~ .ft-cart-header strong {
        color: #bf5f2b !important;
    }

.ft-theme-orange .ft-cart-header {
    background-color: #bf5f2b;
    background-color: #bf5f2b;
}

.ft-theme-orange [class*="ft-btn"][data-ft-module]:after {
    border-top-color: #bf5f2b;
}

.ft-theme-orange [class*="ft-btn"].ft-btn-danger {
    color: #d75553;
}

    .ft-theme-orange [class*="ft-btn"].ft-btn-danger:hover, .ft-theme-orange [class*="ft-btn"].ft-btn-danger:focus, .ft-theme-orange [class*="ft-btn"].ft-btn-danger:active, .ft-theme-orange [class*="ft-btn"].ft-btn-danger.ft-active:not([data-ft-module="tabs"]) {
        background: #db6664;
        border-color: #df7775;
        color: white;
    }

    .ft-theme-orange [class*="ft-btn"].ft-btn-danger.ft-disabled, .ft-theme-orange [class*="ft-btn"].ft-btn-danger.ft-disabled:focus, .ft-theme-orange [class*="ft-btn"].ft-btn-danger.ft-disabled:hover, .ft-theme-orange [class*="ft-btn"].ft-btn-danger.ft-disabled:active, .ft-theme-orange [class*="ft-btn"].ft-btn-danger.ft-disabled.ft-active, .ft-theme-orange [class*="ft-btn"].ft-btn-danger[disabled], .ft-theme-orange [class*="ft-btn"].ft-btn-danger[disabled]:focus, .ft-theme-orange [class*="ft-btn"].ft-btn-danger[disabled]:hover, .ft-theme-orange [class*="ft-btn"].ft-btn-danger[disabled]:active, .ft-theme-orange [class*="ft-btn"].ft-btn-danger[disabled].ft-active {
        background: #e5e5e5;
        border-color: #cccccc;
        color: #df7775;
    }

.ft-theme-orange [class*="ft-btn"].ft-btn-success:focus, .ft-theme-orange [class*="ft-btn"].ft-btn-success:hover, .ft-theme-orange [class*="ft-btn"].ft-btn-success:active, .ft-theme-orange [class*="ft-btn"].ft-btn-success.ft-active:not([data-ft-module="tabs"]) {
    background: #4c4c4c;
    border-color: #666666;
    color: white;
}

.ft-theme-orange [class*="ft-btn"].ft-btn-success.ft-disabled, .ft-theme-orange [class*="ft-btn"].ft-btn-success.ft-disabled:focus, .ft-theme-orange [class*="ft-btn"].ft-btn-success.ft-disabled:hover, .ft-theme-orange [class*="ft-btn"].ft-btn-success.ft-disabled:active, .ft-theme-orange [class*="ft-btn"].ft-btn-success.ft-disabled.ft-active, .ft-theme-orange [class*="ft-btn"].ft-btn-success[disabled], .ft-theme-orange [class*="ft-btn"].ft-btn-success[disabled]:focus, .ft-theme-orange [class*="ft-btn"].ft-btn-success[disabled]:hover, .ft-theme-orange [class*="ft-btn"].ft-btn-success[disabled]:active, .ft-theme-orange [class*="ft-btn"].ft-btn-success[disabled].ft-active {
    background: #bfbfbf;
    border-color: #a5a5a5;
}

.ft-theme-orange .ft-btn:hover, .ft-theme-orange .ft-btn:focus, .ft-theme-orange .ft-btn:active, .ft-theme-orange .ft-btn.ft-active:not([data-ft-module="tabs"]) {
    background: #e5e5e5;
    border-color: #cccccc;
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
}

.ft-theme-orange .ft-btn.ft-disabled, .ft-theme-orange .ft-btn.ft-disabled:focus, .ft-theme-orange .ft-btn.ft-disabled:hover, .ft-theme-orange .ft-btn.ft-disabled:active, .ft-theme-orange .ft-btn.ft-disabled.ft-active, .ft-theme-orange .ft-btn[disabled], .ft-theme-orange .ft-btn[disabled]:focus, .ft-theme-orange .ft-btn[disabled]:hover, .ft-theme-orange .ft-btn[disabled]:active, .ft-theme-orange .ft-btn[disabled].ft-active {
    background: #e5e5e5;
    border-color: #cccccc;
    color: #7f7f7f;
}

.ft-theme-orange .ft-btn-primary {
    background: #bf5f2b;
    border-color: #a75325;
}

    .ft-theme-orange .ft-btn-primary:hover, .ft-theme-orange .ft-btn-primary:focus, .ft-theme-orange .ft-btn-primary:active, .ft-theme-orange .ft-btn-primary.ft-active:not([data-ft-module="tabs"]) {
        background: #8f4720;
        border-color: #8f4720;
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    }

    .ft-theme-orange .ft-btn-primary.ft-disabled, .ft-theme-orange .ft-btn-primary.ft-disabled:focus, .ft-theme-orange .ft-btn-primary.ft-disabled:hover, .ft-theme-orange .ft-btn-primary.ft-disabled:active, .ft-theme-orange .ft-btn-primary.ft-disabled.ft-active, .ft-theme-orange .ft-btn-primary[disabled], .ft-theme-orange .ft-btn-primary[disabled]:focus, .ft-theme-orange .ft-btn-primary[disabled]:hover, .ft-theme-orange .ft-btn-primary[disabled]:active, .ft-theme-orange .ft-btn-primary[disabled].ft-active {
        background: #f5ad86;
        border-color: #f7bb9a;
    }

.ft-theme-orange .ft-tabs-button-nav .ft-active [class*="ft-btn"] {
    background-color: #dddddd;
}

.ft-theme-orange .ft-collapse .ft-collapse-header:before {
    color: #ef7736;
    border: 3px solid #ef7736;
}

.ft-theme-orange [class*="ft-pagination"] li.ft-active {
    background-color: #bf5f2b;
    border-color: #bf5f2b;
}

.ft-theme-orange .pager li {
    border: 1px solid #dddddd;
    color: #555555;
}

    .ft-theme-orange .pager li:hover, .ft-theme-orange .pager li:focus {
        background-color: #dddddd;
    }

    .ft-theme-orange .pager li.disabled a {
        border: 1px solid #dddddd;
        color: #eeeeee;
    }

        .ft-theme-orange .pager li.disabled a:hover, .ft-theme-orange .pager li.disabled a:focus {
            background: none;
        }

.ft-theme-orange .ft-table.ft-bg-header thead {
    background-color: #ef7736;
}

    .ft-theme-orange .ft-table.ft-bg-header thead th {
        color: white;
    }

        .ft-theme-orange .ft-table.ft-bg-header thead th a {
            color: white;
        }

        .ft-theme-orange .ft-table.ft-bg-header thead th.ft-data-descending a:after, .ft-theme-orange .ft-table.ft-bg-header thead th.ft-data-ascending a:after {
            border-top-color: white;
        }

        .ft-theme-orange .ft-table.ft-bg-header thead th.ft-data-ascending a:after {
            border-color: transparent;
            border-bottom-color: white;
        }

.ft-theme-orange .ft-table thead th a {
    color: black;
}

.ft-theme-orange .ft-table tbody tr:hover {
    background-color: #bf5f2b;
    background-color: rgba(191,95,43,0.02);
}

.ft-theme-orange .ft-table tbody a:not([class*="ft-btn"]) {
    color: #ef7736;
}

.ft-theme-orange .ft-table.ft-table-striped tbody tr:hover td {
    background-color: #bf5f2b;
    background-color: rgba(191,95,43,0.02);
}

.ft-theme-orange .ft-table.ft-table-striped.ft-no-hover tbody tr:hover td {
    background: white;
}

.ft-theme-orange .ft-table.ft-table-striped.ft-no-hover tbody tr:hover:nth-child(odd) td {
    background: #f7f7f7;
}

.ft-theme-orange .ft-tabs-nav:not(.in-dropdown) li {
    background-color: #bf5f2b;
    background-color: rgba(191,95,43,0.7);
}

    .ft-theme-orange .ft-tabs-nav:not(.in-dropdown) li:hover {
        background-color: #bf5f2b;
    }

    .ft-theme-orange .ft-tabs-nav:not(.in-dropdown) li.ft-active {
        background-color: white;
    }

.ft-theme-orange .ft-lnk-nav:hover {
    color: #bf5f2b;
}

    .ft-theme-orange .ft-lnk-nav:hover[class*="ft-ico"]:before {
        color: #bf5f2b;
        border-color: #bf5f2b;
    }

.ft-theme-orange .ft-lnk-nav[class*="ft-ico"]:before {
    color: #ef7736;
    border: 4px solid #ef7736;
}

.ft-theme-orange .ft-dropdown ul a:focus, .ft-theme-orange .ft-dropdown ul a:hover {
    background-color: #bf5f2b;
    color: white;
}

.ft-theme-orange .ft-dropdown ul a.ft-color-danger:hover, .ft-theme-orange .ft-dropdown .ft-cart ul li a:hover, .ft-cart .ft-theme-orange .ft-dropdown ul li a:hover {
    color: white !important;
}

.ft-theme-orange .ft-switch-btn input:checked + label span:after {
    background-color: #ef7736;
}

.ft-theme-orange .ft-list-title a {
    color: #ef7736;
}

.ft-theme-orange.ft-pre-panel .ft-topbar {
    background-color: #f7f7f7;
}

.ft-theme-orange .is-selected .pika-button {
    color: white;
    background: #bf5f2b;
    box-shadow: none;
}

.ft-theme-orange .pika-button:hover {
    color: white !important;
    background: #ef7736 !important;
}

.ft-theme-orange .hopscotch-actions button.hopscotch-nav-button.next {
    background-color: #ef7736;
}

.ft-theme-orange div[data-ft-module="progressBar"] span {
    background-color: #ef7736;
}

.ft-theme-orange .ft-word-dotted {
    border-color: #bf5f2b;
}

.ft-theme-orange .ft-steps-nav .ft-actived:before {
    border-color: #ef7736;
}

.ft-theme-orange .ft-steps-nav .ft-actived .ft-steps-btn {
    color: #ef7736;
}

    .ft-theme-orange .ft-steps-nav .ft-actived .ft-steps-btn:before {
        border-color: #ef7736;
        background: #ef7736;
        color: white;
    }

    .ft-theme-orange .ft-steps-nav .ft-actived .ft-steps-btn:after {
        color: #f7bb9a;
    }

.ft-theme-orange .ft-steps-nav .ft-actived.ft-active .ft-steps-btn:before {
    background: white;
    color: #ef7736;
}

.ft-theme-orange .ft-steps-nav .ft-active .ft-steps-btn:before {
    border-color: #ef7736;
}

.ft-theme-orange .ft-steps-nav .ft-active .ft-steps-btn:before, .ft-theme-orange .ft-steps-nav .ft-active .ft-steps-btn:after {
    color: #ef7736;
}

.ft-theme-orange .ft-steps-arrow:before {
    background: #ef7736;
}

.ft-theme-orange .ft-tabs-btn-nav .ft-active [class*="ft-btn"], .ft-theme-orange .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:focus, .ft-theme-orange .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:hover, .ft-theme-orange .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:active {
    background: #fdf1ea;
    border-color: #f7bb9a;
    color: #ef7736;
}

    .ft-theme-orange .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 5px;
        position: relative;
        border: 8px solid transparent;
        border-color: #f7bb9a transparent transparent transparent;
        position: absolute;
        top: auto;
        margin-left: -8px;
    }

    .ft-theme-orange .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 5px;
        position: relative;
        border: 6px solid transparent;
        border-color: #fdf1ea transparent transparent transparent;
        position: absolute;
        top: auto;
        margin-left: -6px;
    }

.ft-bg-theme-wine {
    background-color: #513335;
}

.ft-theme-wine .ft-color-theme, .ft-theme-wine .ft-ico-alone, .ft-theme-wine .ft-ico-bg:before {
    color: #40282a !important;
}

.ft-theme-wine p a:not([class*="ft-btn"]), .ft-theme-wine .ft-breadcrumb a, .ft-theme-wine .hopscotch-bubble a {
    color: #40282a;
}

    .ft-theme-wine p a:not([class*="ft-btn"]):hover, .ft-theme-wine p a:not([class*="ft-btn"]):focus, .ft-theme-wine p a:not([class*="ft-btn"]).ft-active, .ft-theme-wine .ft-breadcrumb a:hover, .ft-theme-wine .ft-breadcrumb a:focus, .ft-theme-wine .ft-breadcrumb a.ft-active, .ft-theme-wine .hopscotch-bubble a:hover, .ft-theme-wine .hopscotch-bubble a:focus, .ft-theme-wine .hopscotch-bubble a.ft-active {
        color: #301e1f;
    }

.ft-theme-wine .ft-tag-primary {
    background-color: #513335;
}

.ft-theme-wine .ft-background-primary, .ft-theme-wine .ft-table .ft-background-primary td {
    background-color: #bc9497;
    color: #513335;
}

.ft-theme-wine .ft-user-account {
    background: #442b2d;
}

.ft-theme-wine .ft-topbar {
    background-color: #513335;
}

    .ft-theme-wine .ft-topbar .ft-alerts-list [class^="ft-ico"] {
        color: #857071;
    }

        .ft-theme-wine .ft-topbar .ft-alerts-list [class^="ft-ico"]:hover:not([data-counter]):not(.ft-active) {
            color: #d3cccc;
        }

    .ft-theme-wine .ft-topbar.ft-topbar-gray {
        background: #f7f7f7;
    }

        .ft-theme-wine .ft-topbar.ft-topbar-gray .ft-user-account {
            background-color: #dedede;
        }

            .ft-theme-wine .ft-topbar.ft-topbar-gray .ft-user-account > a {
                color: #555555;
            }

                .ft-theme-wine .ft-topbar.ft-topbar-gray .ft-user-account > a small {
                    color: #555555;
                    color: #555555;
                }

                .ft-theme-wine .ft-topbar.ft-topbar-gray .ft-user-account > a:before {
                    color: #555555;
                    color: rgba(85,85,85,0.5);
                    box-shadow: inset 0 0 0 2px rgba(85,85,85,0.3);
                }

        .ft-theme-wine .ft-topbar.ft-topbar-gray [class*="ft-go"] {
            background-color: #dedede;
        }

            .ft-theme-wine .ft-topbar.ft-topbar-gray [class*="ft-go"]:before {
                color: #555555;
            }

        .ft-theme-wine .ft-topbar.ft-topbar-gray .ft-brand-name {
            background: #f7f7f7;
        }

            .ft-theme-wine .ft-topbar.ft-topbar-gray .ft-brand-name a {
                color: #555555;
            }

        .ft-theme-wine .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a {
            color: #555555;
            color: rgba(85,85,85,0.4);
        }

            .ft-theme-wine .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a.ft-active {
                color: black;
            }

            .ft-theme-wine .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter] {
                color: #555555;
                color: #555555;
            }

                .ft-theme-wine .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter].ft-active {
                    color: black;
                }

                .ft-theme-wine .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter]:after {
                    color: white;
                }

.ft-theme-wine [class*="ft-go"] {
    background: #40282a;
}

    .ft-theme-wine [class*="ft-go"]:hover, .ft-theme-wine [class*="ft-go"]:focus {
        background: #442b2d;
    }

.ft-theme-wine .ft-menu li {
    border-bottom-color: #282828;
}

    .ft-theme-wine .ft-menu li.ft-active:not(.ft-submenu-parent) > a {
        background-color: #3d3d3d;
    }

.ft-theme-wine .ft-menu a {
    color: #8c8c8c;
}

    .ft-theme-wine .ft-menu a:hover, .ft-theme-wine .ft-menu a:focus {
        color: white;
        background-color: #323232;
    }

.ft-theme-wine .ft-sidebar [class*="ft-go"] {
    background: #513335;
}

.ft-theme-wine .ft-submenu-parent:after {
    color: #8c8c8c;
}

.ft-theme-wine .ft-submenu-parent:hover:after {
    color: white;
}

.ft-theme-wine .ft-submenu-parent li {
    border-bottom-color: #323232;
}

.ft-theme-wine .ft-submenu-parent.ft-active {
    background-color: #282828;
}

    .ft-theme-wine .ft-submenu-parent.ft-active ul {
        border-top-color: #323232;
    }

.ft-theme-wine .ft-brand-name {
    background-color: #513335;
}

.ft-theme-wine .ft-area-account[class*="ft-ico"]:before {
    color: #7c6667;
}

.ft-theme-wine .ft-info-header [class*="ft-title"] {
    color: #513335;
}

.ft-theme-wine .ft-checkbox-cart:checked ~ .ft-cart-header {
    color: #40282a !important;
}

    .ft-theme-wine .ft-checkbox-cart:checked ~ .ft-cart-header .ft-ico-cart, .ft-theme-wine .ft-checkbox-cart:checked ~ .ft-cart-header strong {
        color: #40282a !important;
    }

.ft-theme-wine .ft-cart-header {
    background-color: #40282a;
    background-color: #40282a;
}

.ft-theme-wine [class*="ft-btn"][data-ft-module]:after {
    border-top-color: #40282a;
}

.ft-theme-wine [class*="ft-btn"].ft-btn-danger {
    color: #d75553;
}

    .ft-theme-wine [class*="ft-btn"].ft-btn-danger:hover, .ft-theme-wine [class*="ft-btn"].ft-btn-danger:focus, .ft-theme-wine [class*="ft-btn"].ft-btn-danger:active, .ft-theme-wine [class*="ft-btn"].ft-btn-danger.ft-active:not([data-ft-module="tabs"]) {
        background: #db6664;
        border-color: #df7775;
        color: white;
    }

    .ft-theme-wine [class*="ft-btn"].ft-btn-danger.ft-disabled, .ft-theme-wine [class*="ft-btn"].ft-btn-danger.ft-disabled:focus, .ft-theme-wine [class*="ft-btn"].ft-btn-danger.ft-disabled:hover, .ft-theme-wine [class*="ft-btn"].ft-btn-danger.ft-disabled:active, .ft-theme-wine [class*="ft-btn"].ft-btn-danger.ft-disabled.ft-active, .ft-theme-wine [class*="ft-btn"].ft-btn-danger[disabled], .ft-theme-wine [class*="ft-btn"].ft-btn-danger[disabled]:focus, .ft-theme-wine [class*="ft-btn"].ft-btn-danger[disabled]:hover, .ft-theme-wine [class*="ft-btn"].ft-btn-danger[disabled]:active, .ft-theme-wine [class*="ft-btn"].ft-btn-danger[disabled].ft-active {
        background: #e5e5e5;
        border-color: #cccccc;
        color: #df7775;
    }

.ft-theme-wine [class*="ft-btn"].ft-btn-success:focus, .ft-theme-wine [class*="ft-btn"].ft-btn-success:hover, .ft-theme-wine [class*="ft-btn"].ft-btn-success:active, .ft-theme-wine [class*="ft-btn"].ft-btn-success.ft-active:not([data-ft-module="tabs"]) {
    background: #4c4c4c;
    border-color: #666666;
    color: white;
}

.ft-theme-wine [class*="ft-btn"].ft-btn-success.ft-disabled, .ft-theme-wine [class*="ft-btn"].ft-btn-success.ft-disabled:focus, .ft-theme-wine [class*="ft-btn"].ft-btn-success.ft-disabled:hover, .ft-theme-wine [class*="ft-btn"].ft-btn-success.ft-disabled:active, .ft-theme-wine [class*="ft-btn"].ft-btn-success.ft-disabled.ft-active, .ft-theme-wine [class*="ft-btn"].ft-btn-success[disabled], .ft-theme-wine [class*="ft-btn"].ft-btn-success[disabled]:focus, .ft-theme-wine [class*="ft-btn"].ft-btn-success[disabled]:hover, .ft-theme-wine [class*="ft-btn"].ft-btn-success[disabled]:active, .ft-theme-wine [class*="ft-btn"].ft-btn-success[disabled].ft-active {
    background: #bfbfbf;
    border-color: #a5a5a5;
}

.ft-theme-wine .ft-btn:hover, .ft-theme-wine .ft-btn:focus, .ft-theme-wine .ft-btn:active, .ft-theme-wine .ft-btn.ft-active:not([data-ft-module="tabs"]) {
    background: #e5e5e5;
    border-color: #cccccc;
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
}

.ft-theme-wine .ft-btn.ft-disabled, .ft-theme-wine .ft-btn.ft-disabled:focus, .ft-theme-wine .ft-btn.ft-disabled:hover, .ft-theme-wine .ft-btn.ft-disabled:active, .ft-theme-wine .ft-btn.ft-disabled.ft-active, .ft-theme-wine .ft-btn[disabled], .ft-theme-wine .ft-btn[disabled]:focus, .ft-theme-wine .ft-btn[disabled]:hover, .ft-theme-wine .ft-btn[disabled]:active, .ft-theme-wine .ft-btn[disabled].ft-active {
    background: #e5e5e5;
    border-color: #cccccc;
    color: #7f7f7f;
}

.ft-theme-wine .ft-btn-primary {
    background: #40282a;
    border-color: #382325;
}

    .ft-theme-wine .ft-btn-primary:hover, .ft-theme-wine .ft-btn-primary:focus, .ft-theme-wine .ft-btn-primary:active, .ft-theme-wine .ft-btn-primary.ft-active:not([data-ft-module="tabs"]) {
        background: #301e1f;
        border-color: #301e1f;
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    }

    .ft-theme-wine .ft-btn-primary.ft-disabled, .ft-theme-wine .ft-btn-primary.ft-disabled:focus, .ft-theme-wine .ft-btn-primary.ft-disabled:hover, .ft-theme-wine .ft-btn-primary.ft-disabled:active, .ft-theme-wine .ft-btn-primary.ft-disabled.ft-active, .ft-theme-wine .ft-btn-primary[disabled], .ft-theme-wine .ft-btn-primary[disabled]:focus, .ft-theme-wine .ft-btn-primary[disabled]:hover, .ft-theme-wine .ft-btn-primary[disabled]:active, .ft-theme-wine .ft-btn-primary[disabled].ft-active {
        background: #968485;
        border-color: #a8999a;
    }

.ft-theme-wine .ft-tabs-button-nav .ft-active [class*="ft-btn"] {
    background-color: #dddddd;
}

.ft-theme-wine .ft-collapse .ft-collapse-header:before {
    color: #513335;
    border: 3px solid #513335;
}

.ft-theme-wine [class*="ft-pagination"] li.ft-active {
    background-color: #40282a;
    border-color: #40282a;
}

.ft-theme-wine .pager li {
    border: 1px solid #dddddd;
    color: #555555;
}

    .ft-theme-wine .pager li:hover, .ft-theme-wine .pager li:focus {
        background-color: #dddddd;
    }

    .ft-theme-wine .pager li.disabled a {
        border: 1px solid #dddddd;
        color: #eeeeee;
    }

        .ft-theme-wine .pager li.disabled a:hover, .ft-theme-wine .pager li.disabled a:focus {
            background: none;
        }

.ft-theme-wine .ft-table.ft-bg-header thead {
    background-color: #513335;
}

    .ft-theme-wine .ft-table.ft-bg-header thead th {
        color: white;
    }

        .ft-theme-wine .ft-table.ft-bg-header thead th a {
            color: white;
        }

        .ft-theme-wine .ft-table.ft-bg-header thead th.ft-data-descending a:after, .ft-theme-wine .ft-table.ft-bg-header thead th.ft-data-ascending a:after {
            border-top-color: white;
        }

        .ft-theme-wine .ft-table.ft-bg-header thead th.ft-data-ascending a:after {
            border-color: transparent;
            border-bottom-color: white;
        }

.ft-theme-wine .ft-table thead th a {
    color: black;
}

.ft-theme-wine .ft-table tbody tr:hover {
    background-color: #40282a;
    background-color: rgba(64,40,42,0.02);
}

.ft-theme-wine .ft-table tbody a:not([class*="ft-btn"]) {
    color: #513335;
}

.ft-theme-wine .ft-table.ft-table-striped tbody tr:hover td {
    background-color: #40282a;
    background-color: rgba(64,40,42,0.02);
}

.ft-theme-wine .ft-table.ft-table-striped.ft-no-hover tbody tr:hover td {
    background: white;
}

.ft-theme-wine .ft-table.ft-table-striped.ft-no-hover tbody tr:hover:nth-child(odd) td {
    background: #f7f7f7;
}

.ft-theme-wine .ft-tabs-nav:not(.in-dropdown) li {
    background-color: #40282a;
    background-color: rgba(64,40,42,0.7);
}

    .ft-theme-wine .ft-tabs-nav:not(.in-dropdown) li:hover {
        background-color: #40282a;
    }

    .ft-theme-wine .ft-tabs-nav:not(.in-dropdown) li.ft-active {
        background-color: white;
    }

.ft-theme-wine .ft-lnk-nav:hover {
    color: #40282a;
}

    .ft-theme-wine .ft-lnk-nav:hover[class*="ft-ico"]:before {
        color: #40282a;
        border-color: #40282a;
    }

.ft-theme-wine .ft-lnk-nav[class*="ft-ico"]:before {
    color: #513335;
    border: 4px solid #513335;
}

.ft-theme-wine .ft-dropdown ul a:focus, .ft-theme-wine .ft-dropdown ul a:hover {
    background-color: #40282a;
    color: white;
}

.ft-theme-wine .ft-dropdown ul a.ft-color-danger:hover, .ft-theme-wine .ft-dropdown .ft-cart ul li a:hover, .ft-cart .ft-theme-wine .ft-dropdown ul li a:hover {
    color: white !important;
}

.ft-theme-wine .ft-switch-btn input:checked + label span:after {
    background-color: #513335;
}

.ft-theme-wine .ft-list-title a {
    color: #513335;
}

.ft-theme-wine.ft-pre-panel .ft-topbar {
    background-color: #f7f7f7;
}

.ft-theme-wine .is-selected .pika-button {
    color: white;
    background: #40282a;
    box-shadow: none;
}

.ft-theme-wine .pika-button:hover {
    color: white !important;
    background: #513335 !important;
}

.ft-theme-wine .hopscotch-actions button.hopscotch-nav-button.next {
    background-color: #513335;
}

.ft-theme-wine div[data-ft-module="progressBar"] span {
    background-color: #513335;
}

.ft-theme-wine .ft-word-dotted {
    border-color: #40282a;
}

.ft-theme-wine .ft-steps-nav .ft-actived:before {
    border-color: #513335;
}

.ft-theme-wine .ft-steps-nav .ft-actived .ft-steps-btn {
    color: #513335;
}

    .ft-theme-wine .ft-steps-nav .ft-actived .ft-steps-btn:before {
        border-color: #513335;
        background: #513335;
        color: white;
    }

    .ft-theme-wine .ft-steps-nav .ft-actived .ft-steps-btn:after {
        color: #a8999a;
    }

.ft-theme-wine .ft-steps-nav .ft-actived.ft-active .ft-steps-btn:before {
    background: white;
    color: #513335;
}

.ft-theme-wine .ft-steps-nav .ft-active .ft-steps-btn:before {
    border-color: #513335;
}

.ft-theme-wine .ft-steps-nav .ft-active .ft-steps-btn:before, .ft-theme-wine .ft-steps-nav .ft-active .ft-steps-btn:after {
    color: #513335;
}

.ft-theme-wine .ft-steps-arrow:before {
    background: #513335;
}

.ft-theme-wine .ft-tabs-btn-nav .ft-active [class*="ft-btn"], .ft-theme-wine .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:focus, .ft-theme-wine .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:hover, .ft-theme-wine .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:active {
    background: #edeaea;
    border-color: #a8999a;
    color: #513335;
}

    .ft-theme-wine .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 5px;
        position: relative;
        border: 8px solid transparent;
        border-color: #a8999a transparent transparent transparent;
        position: absolute;
        top: auto;
        margin-left: -8px;
    }

    .ft-theme-wine .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 5px;
        position: relative;
        border: 6px solid transparent;
        border-color: #edeaea transparent transparent transparent;
        position: absolute;
        top: auto;
        margin-left: -6px;
    }

.ft-bg-theme-cyanogen {
    background-color: #00c9f5;
}

.ft-theme-cyanogen .ft-color-theme, .ft-theme-cyanogen .ft-ico-alone, .ft-theme-cyanogen .ft-ico-bg:before {
    color: #00a0c4 !important;
}

.ft-theme-cyanogen p a:not([class*="ft-btn"]), .ft-theme-cyanogen .ft-breadcrumb a, .ft-theme-cyanogen .hopscotch-bubble a {
    color: #00a0c4;
}

    .ft-theme-cyanogen p a:not([class*="ft-btn"]):hover, .ft-theme-cyanogen p a:not([class*="ft-btn"]):focus, .ft-theme-cyanogen p a:not([class*="ft-btn"]).ft-active, .ft-theme-cyanogen .ft-breadcrumb a:hover, .ft-theme-cyanogen .ft-breadcrumb a:focus, .ft-theme-cyanogen .ft-breadcrumb a.ft-active, .ft-theme-cyanogen .hopscotch-bubble a:hover, .ft-theme-cyanogen .hopscotch-bubble a:focus, .ft-theme-cyanogen .hopscotch-bubble a.ft-active {
        color: #007893;
    }

.ft-theme-cyanogen .ft-tag-primary {
    background-color: #00c9f5;
}

.ft-theme-cyanogen .ft-background-primary, .ft-theme-cyanogen .ft-table .ft-background-primary td {
    background-color: #c2f4ff;
    color: #00c9f5;
}

.ft-theme-cyanogen .ft-user-account {
    background: #00aad0;
}

.ft-theme-cyanogen .ft-topbar {
    background-color: #00c9f5;
}

    .ft-theme-cyanogen .ft-topbar .ft-alerts-list [class^="ft-ico"] {
        color: #00829f;
    }

        .ft-theme-cyanogen .ft-topbar .ft-alerts-list [class^="ft-ico"]:hover:not([data-counter]):not(.ft-active) {
            color: #005062;
        }

    .ft-theme-cyanogen .ft-topbar.ft-topbar-gray {
        background: #f7f7f7;
    }

        .ft-theme-cyanogen .ft-topbar.ft-topbar-gray .ft-user-account {
            background-color: #dedede;
        }

            .ft-theme-cyanogen .ft-topbar.ft-topbar-gray .ft-user-account > a {
                color: #555555;
            }

                .ft-theme-cyanogen .ft-topbar.ft-topbar-gray .ft-user-account > a small {
                    color: #555555;
                    color: #555555;
                }

                .ft-theme-cyanogen .ft-topbar.ft-topbar-gray .ft-user-account > a:before {
                    color: #555555;
                    color: rgba(85,85,85,0.5);
                    box-shadow: inset 0 0 0 2px rgba(85,85,85,0.3);
                }

        .ft-theme-cyanogen .ft-topbar.ft-topbar-gray [class*="ft-go"] {
            background-color: #dedede;
        }

            .ft-theme-cyanogen .ft-topbar.ft-topbar-gray [class*="ft-go"]:before {
                color: #555555;
            }

        .ft-theme-cyanogen .ft-topbar.ft-topbar-gray .ft-brand-name {
            background: #f7f7f7;
        }

            .ft-theme-cyanogen .ft-topbar.ft-topbar-gray .ft-brand-name a {
                color: #555555;
            }

        .ft-theme-cyanogen .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a {
            color: #555555;
            color: rgba(85,85,85,0.4);
        }

            .ft-theme-cyanogen .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a.ft-active {
                color: black;
            }

            .ft-theme-cyanogen .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter] {
                color: #555555;
                color: #555555;
            }

                .ft-theme-cyanogen .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter].ft-active {
                    color: black;
                }

                .ft-theme-cyanogen .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter]:after {
                    color: white;
                }

.ft-theme-cyanogen [class*="ft-go"] {
    background: #00a0c4;
}

    .ft-theme-cyanogen [class*="ft-go"]:hover, .ft-theme-cyanogen [class*="ft-go"]:focus {
        background: #00aad0;
    }

.ft-theme-cyanogen .ft-menu li {
    border-bottom-color: #282828;
}

    .ft-theme-cyanogen .ft-menu li.ft-active:not(.ft-submenu-parent) > a {
        background-color: #3d3d3d;
    }

.ft-theme-cyanogen .ft-menu a {
    color: #8c8c8c;
}

    .ft-theme-cyanogen .ft-menu a:hover, .ft-theme-cyanogen .ft-menu a:focus {
        color: white;
        background-color: #323232;
    }

.ft-theme-cyanogen .ft-sidebar [class*="ft-go"] {
    background: #00c9f5;
}

.ft-theme-cyanogen .ft-submenu-parent:after {
    color: #8c8c8c;
}

.ft-theme-cyanogen .ft-submenu-parent:hover:after {
    color: white;
}

.ft-theme-cyanogen .ft-submenu-parent li {
    border-bottom-color: #323232;
}

.ft-theme-cyanogen .ft-submenu-parent.ft-active {
    background-color: #282828;
}

    .ft-theme-cyanogen .ft-submenu-parent.ft-active ul {
        border-top-color: #323232;
    }

.ft-theme-cyanogen .ft-brand-name {
    background-color: #00c9f5;
}

.ft-theme-cyanogen .ft-area-account[class*="ft-ico"]:before {
    color: #00c9f5;
}

.ft-theme-cyanogen .ft-info-header [class*="ft-title"] {
    color: #00c9f5;
}

.ft-theme-cyanogen .ft-checkbox-cart:checked ~ .ft-cart-header {
    color: #00a0c4 !important;
}

    .ft-theme-cyanogen .ft-checkbox-cart:checked ~ .ft-cart-header .ft-ico-cart, .ft-theme-cyanogen .ft-checkbox-cart:checked ~ .ft-cart-header strong {
        color: #00a0c4 !important;
    }

.ft-theme-cyanogen .ft-cart-header {
    background-color: #00a0c4;
    background-color: #00a0c4;
}

.ft-theme-cyanogen [class*="ft-btn"][data-ft-module]:after {
    border-top-color: #00a0c4;
}

.ft-theme-cyanogen [class*="ft-btn"].ft-btn-danger {
    color: #d75553;
}

    .ft-theme-cyanogen [class*="ft-btn"].ft-btn-danger:hover, .ft-theme-cyanogen [class*="ft-btn"].ft-btn-danger:focus, .ft-theme-cyanogen [class*="ft-btn"].ft-btn-danger:active, .ft-theme-cyanogen [class*="ft-btn"].ft-btn-danger.ft-active:not([data-ft-module="tabs"]) {
        background: #db6664;
        border-color: #df7775;
        color: white;
    }

    .ft-theme-cyanogen [class*="ft-btn"].ft-btn-danger.ft-disabled, .ft-theme-cyanogen [class*="ft-btn"].ft-btn-danger.ft-disabled:focus, .ft-theme-cyanogen [class*="ft-btn"].ft-btn-danger.ft-disabled:hover, .ft-theme-cyanogen [class*="ft-btn"].ft-btn-danger.ft-disabled:active, .ft-theme-cyanogen [class*="ft-btn"].ft-btn-danger.ft-disabled.ft-active, .ft-theme-cyanogen [class*="ft-btn"].ft-btn-danger[disabled], .ft-theme-cyanogen [class*="ft-btn"].ft-btn-danger[disabled]:focus, .ft-theme-cyanogen [class*="ft-btn"].ft-btn-danger[disabled]:hover, .ft-theme-cyanogen [class*="ft-btn"].ft-btn-danger[disabled]:active, .ft-theme-cyanogen [class*="ft-btn"].ft-btn-danger[disabled].ft-active {
        background: #e5e5e5;
        border-color: #cccccc;
        color: #df7775;
    }

.ft-theme-cyanogen [class*="ft-btn"].ft-btn-success:focus, .ft-theme-cyanogen [class*="ft-btn"].ft-btn-success:hover, .ft-theme-cyanogen [class*="ft-btn"].ft-btn-success:active, .ft-theme-cyanogen [class*="ft-btn"].ft-btn-success.ft-active:not([data-ft-module="tabs"]) {
    background: #4c4c4c;
    border-color: #666666;
    color: white;
}

.ft-theme-cyanogen [class*="ft-btn"].ft-btn-success.ft-disabled, .ft-theme-cyanogen [class*="ft-btn"].ft-btn-success.ft-disabled:focus, .ft-theme-cyanogen [class*="ft-btn"].ft-btn-success.ft-disabled:hover, .ft-theme-cyanogen [class*="ft-btn"].ft-btn-success.ft-disabled:active, .ft-theme-cyanogen [class*="ft-btn"].ft-btn-success.ft-disabled.ft-active, .ft-theme-cyanogen [class*="ft-btn"].ft-btn-success[disabled], .ft-theme-cyanogen [class*="ft-btn"].ft-btn-success[disabled]:focus, .ft-theme-cyanogen [class*="ft-btn"].ft-btn-success[disabled]:hover, .ft-theme-cyanogen [class*="ft-btn"].ft-btn-success[disabled]:active, .ft-theme-cyanogen [class*="ft-btn"].ft-btn-success[disabled].ft-active {
    background: #bfbfbf;
    border-color: #a5a5a5;
}

.ft-theme-cyanogen .ft-btn:hover, .ft-theme-cyanogen .ft-btn:focus, .ft-theme-cyanogen .ft-btn:active, .ft-theme-cyanogen .ft-btn.ft-active:not([data-ft-module="tabs"]) {
    background: #e5e5e5;
    border-color: #cccccc;
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
}

.ft-theme-cyanogen .ft-btn.ft-disabled, .ft-theme-cyanogen .ft-btn.ft-disabled:focus, .ft-theme-cyanogen .ft-btn.ft-disabled:hover, .ft-theme-cyanogen .ft-btn.ft-disabled:active, .ft-theme-cyanogen .ft-btn.ft-disabled.ft-active, .ft-theme-cyanogen .ft-btn[disabled], .ft-theme-cyanogen .ft-btn[disabled]:focus, .ft-theme-cyanogen .ft-btn[disabled]:hover, .ft-theme-cyanogen .ft-btn[disabled]:active, .ft-theme-cyanogen .ft-btn[disabled].ft-active {
    background: #e5e5e5;
    border-color: #cccccc;
    color: #7f7f7f;
}

.ft-theme-cyanogen .ft-btn-primary {
    background: #00a0c4;
    border-color: #008cab;
}

    .ft-theme-cyanogen .ft-btn-primary:hover, .ft-theme-cyanogen .ft-btn-primary:focus, .ft-theme-cyanogen .ft-btn-primary:active, .ft-theme-cyanogen .ft-btn-primary.ft-active:not([data-ft-module="tabs"]) {
        background: #007893;
        border-color: #007893;
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    }

    .ft-theme-cyanogen .ft-btn-primary.ft-disabled, .ft-theme-cyanogen .ft-btn-primary.ft-disabled:focus, .ft-theme-cyanogen .ft-btn-primary.ft-disabled:hover, .ft-theme-cyanogen .ft-btn-primary.ft-disabled:active, .ft-theme-cyanogen .ft-btn-primary.ft-disabled.ft-active, .ft-theme-cyanogen .ft-btn-primary[disabled], .ft-theme-cyanogen .ft-btn-primary[disabled]:focus, .ft-theme-cyanogen .ft-btn-primary[disabled]:hover, .ft-theme-cyanogen .ft-btn-primary[disabled]:active, .ft-theme-cyanogen .ft-btn-primary[disabled].ft-active {
        background: #66def9;
        border-color: #7fe4fa;
    }

.ft-theme-cyanogen .ft-tabs-button-nav .ft-active [class*="ft-btn"] {
    background-color: #dddddd;
}

.ft-theme-cyanogen .ft-collapse .ft-collapse-header:before {
    color: #00c9f5;
    border: 3px solid #00c9f5;
}

.ft-theme-cyanogen [class*="ft-pagination"] li.ft-active {
    background-color: #00a0c4;
    border-color: #00a0c4;
}

.ft-theme-cyanogen .pager li {
    border: 1px solid #dddddd;
    color: #555555;
}

    .ft-theme-cyanogen .pager li:hover, .ft-theme-cyanogen .pager li:focus {
        background-color: #dddddd;
    }

    .ft-theme-cyanogen .pager li.disabled a {
        border: 1px solid #dddddd;
        color: #eeeeee;
    }

        .ft-theme-cyanogen .pager li.disabled a:hover, .ft-theme-cyanogen .pager li.disabled a:focus {
            background: none;
        }

.ft-theme-cyanogen .ft-table.ft-bg-header thead {
    background-color: #00c9f5;
}

    .ft-theme-cyanogen .ft-table.ft-bg-header thead th {
        color: white;
    }

        .ft-theme-cyanogen .ft-table.ft-bg-header thead th a {
            color: white;
        }

        .ft-theme-cyanogen .ft-table.ft-bg-header thead th.ft-data-descending a:after, .ft-theme-cyanogen .ft-table.ft-bg-header thead th.ft-data-ascending a:after {
            border-top-color: white;
        }

        .ft-theme-cyanogen .ft-table.ft-bg-header thead th.ft-data-ascending a:after {
            border-color: transparent;
            border-bottom-color: white;
        }

.ft-theme-cyanogen .ft-table thead th a {
    color: black;
}

.ft-theme-cyanogen .ft-table tbody tr:hover {
    background-color: #00a0c4;
    background-color: rgba(0,160,196,0.02);
}

.ft-theme-cyanogen .ft-table tbody a:not([class*="ft-btn"]) {
    color: #00c9f5;
}

.ft-theme-cyanogen .ft-table.ft-table-striped tbody tr:hover td {
    background-color: #00a0c4;
    background-color: rgba(0,160,196,0.02);
}

.ft-theme-cyanogen .ft-table.ft-table-striped.ft-no-hover tbody tr:hover td {
    background: white;
}

.ft-theme-cyanogen .ft-table.ft-table-striped.ft-no-hover tbody tr:hover:nth-child(odd) td {
    background: #f7f7f7;
}

.ft-theme-cyanogen .ft-tabs-nav:not(.in-dropdown) li {
    background-color: #00a0c4;
    background-color: rgba(0,160,196,0.7);
}

    .ft-theme-cyanogen .ft-tabs-nav:not(.in-dropdown) li:hover {
        background-color: #00a0c4;
    }

    .ft-theme-cyanogen .ft-tabs-nav:not(.in-dropdown) li.ft-active {
        background-color: white;
    }

.ft-theme-cyanogen .ft-lnk-nav:hover {
    color: #00a0c4;
}

    .ft-theme-cyanogen .ft-lnk-nav:hover[class*="ft-ico"]:before {
        color: #00a0c4;
        border-color: #00a0c4;
    }

.ft-theme-cyanogen .ft-lnk-nav[class*="ft-ico"]:before {
    color: #00c9f5;
    border: 4px solid #00c9f5;
}

.ft-theme-cyanogen .ft-dropdown ul a:focus, .ft-theme-cyanogen .ft-dropdown ul a:hover {
    background-color: #00a0c4;
    color: white;
}

.ft-theme-cyanogen .ft-dropdown ul a.ft-color-danger:hover, .ft-theme-cyanogen .ft-dropdown .ft-cart ul li a:hover, .ft-cart .ft-theme-cyanogen .ft-dropdown ul li a:hover {
    color: white !important;
}

.ft-theme-cyanogen .ft-switch-btn input:checked + label span:after {
    background-color: #00c9f5;
}

.ft-theme-cyanogen .ft-list-title a {
    color: #00c9f5;
}

.ft-theme-cyanogen.ft-pre-panel .ft-topbar {
    background-color: #f7f7f7;
}

.ft-theme-cyanogen .is-selected .pika-button {
    color: white;
    background: #00a0c4;
    box-shadow: none;
}

.ft-theme-cyanogen .pika-button:hover {
    color: white !important;
    background: #00c9f5 !important;
}

.ft-theme-cyanogen .hopscotch-actions button.hopscotch-nav-button.next {
    background-color: #00c9f5;
}

.ft-theme-cyanogen div[data-ft-module="progressBar"] span {
    background-color: #00c9f5;
}

.ft-theme-cyanogen .ft-word-dotted {
    border-color: #00a0c4;
}

.ft-theme-cyanogen .ft-steps-nav .ft-actived:before {
    border-color: #00c9f5;
}

.ft-theme-cyanogen .ft-steps-nav .ft-actived .ft-steps-btn {
    color: #00c9f5;
}

    .ft-theme-cyanogen .ft-steps-nav .ft-actived .ft-steps-btn:before {
        border-color: #00c9f5;
        background: #00c9f5;
        color: white;
    }

    .ft-theme-cyanogen .ft-steps-nav .ft-actived .ft-steps-btn:after {
        color: #7fe4fa;
    }

.ft-theme-cyanogen .ft-steps-nav .ft-actived.ft-active .ft-steps-btn:before {
    background: white;
    color: #00c9f5;
}

.ft-theme-cyanogen .ft-steps-nav .ft-active .ft-steps-btn:before {
    border-color: #00c9f5;
}

.ft-theme-cyanogen .ft-steps-nav .ft-active .ft-steps-btn:before, .ft-theme-cyanogen .ft-steps-nav .ft-active .ft-steps-btn:after {
    color: #00c9f5;
}

.ft-theme-cyanogen .ft-steps-arrow:before {
    background: #00c9f5;
}

.ft-theme-cyanogen .ft-tabs-btn-nav .ft-active [class*="ft-btn"], .ft-theme-cyanogen .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:focus, .ft-theme-cyanogen .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:hover, .ft-theme-cyanogen .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:active {
    background: #e5f9fe;
    border-color: #7fe4fa;
    color: #00c9f5;
}

    .ft-theme-cyanogen .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 5px;
        position: relative;
        border: 8px solid transparent;
        border-color: #7fe4fa transparent transparent transparent;
        position: absolute;
        top: auto;
        margin-left: -8px;
    }

    .ft-theme-cyanogen .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 5px;
        position: relative;
        border: 6px solid transparent;
        border-color: #e5f9fe transparent transparent transparent;
        position: absolute;
        top: auto;
        margin-left: -6px;
    }

.ft-bg-theme-light-red {
    background-color: #ef1e37;
}

.ft-theme-light-red .ft-color-theme, .ft-theme-light-red .ft-ico-alone, .ft-theme-light-red .ft-ico-bg:before {
    color: #bf182c !important;
}

.ft-theme-light-red p a:not([class*="ft-btn"]), .ft-theme-light-red .ft-breadcrumb a, .ft-theme-light-red .hopscotch-bubble a {
    color: #bf182c;
}

    .ft-theme-light-red p a:not([class*="ft-btn"]):hover, .ft-theme-light-red p a:not([class*="ft-btn"]):focus, .ft-theme-light-red p a:not([class*="ft-btn"]).ft-active, .ft-theme-light-red .ft-breadcrumb a:hover, .ft-theme-light-red .ft-breadcrumb a:focus, .ft-theme-light-red .ft-breadcrumb a.ft-active, .ft-theme-light-red .hopscotch-bubble a:hover, .ft-theme-light-red .hopscotch-bubble a:focus, .ft-theme-light-red .hopscotch-bubble a.ft-active {
        color: #8f1221;
    }

.ft-theme-light-red .ft-tag-primary {
    background-color: #ef1e37;
}

.ft-theme-light-red .ft-background-primary, .ft-theme-light-red .ft-table .ft-background-primary td {
    background-color: #fddce0;
    color: #ef1e37;
}

.ft-theme-light-red .ft-user-account {
    background: #cb192e;
}

.ft-theme-light-red .ft-topbar {
    background-color: #ef1e37;
}

    .ft-theme-light-red .ft-topbar .ft-alerts-list [class^="ft-ico"] {
        color: #9b1323;
    }

        .ft-theme-light-red .ft-topbar .ft-alerts-list [class^="ft-ico"]:hover:not([data-counter]):not(.ft-active) {
            color: #5f0c16;
        }

    .ft-theme-light-red .ft-topbar.ft-topbar-gray {
        background: #f7f7f7;
    }

        .ft-theme-light-red .ft-topbar.ft-topbar-gray .ft-user-account {
            background-color: #dedede;
        }

            .ft-theme-light-red .ft-topbar.ft-topbar-gray .ft-user-account > a {
                color: #555555;
            }

                .ft-theme-light-red .ft-topbar.ft-topbar-gray .ft-user-account > a small {
                    color: #555555;
                    color: #555555;
                }

                .ft-theme-light-red .ft-topbar.ft-topbar-gray .ft-user-account > a:before {
                    color: #555555;
                    color: rgba(85,85,85,0.5);
                    box-shadow: inset 0 0 0 2px rgba(85,85,85,0.3);
                }

        .ft-theme-light-red .ft-topbar.ft-topbar-gray [class*="ft-go"] {
            background-color: #dedede;
        }

            .ft-theme-light-red .ft-topbar.ft-topbar-gray [class*="ft-go"]:before {
                color: #555555;
            }

        .ft-theme-light-red .ft-topbar.ft-topbar-gray .ft-brand-name {
            background: #f7f7f7;
        }

            .ft-theme-light-red .ft-topbar.ft-topbar-gray .ft-brand-name a {
                color: #555555;
            }

        .ft-theme-light-red .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a {
            color: #555555;
            color: rgba(85,85,85,0.4);
        }

            .ft-theme-light-red .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a.ft-active {
                color: black;
            }

            .ft-theme-light-red .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter] {
                color: #555555;
                color: #555555;
            }

                .ft-theme-light-red .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter].ft-active {
                    color: black;
                }

                .ft-theme-light-red .ft-topbar.ft-topbar-gray .ft-notification-topbar .ft-alerts-list a[data-counter]:after {
                    color: white;
                }

.ft-theme-light-red [class*="ft-go"] {
    background: #bf182c;
}

    .ft-theme-light-red [class*="ft-go"]:hover, .ft-theme-light-red [class*="ft-go"]:focus {
        background: #cb192e;
    }

.ft-theme-light-red .ft-menu li {
    border-bottom-color: #282828;
}

    .ft-theme-light-red .ft-menu li.ft-active:not(.ft-submenu-parent) > a {
        background-color: #3d3d3d;
    }

.ft-theme-light-red .ft-menu a {
    color: #8c8c8c;
}

    .ft-theme-light-red .ft-menu a:hover, .ft-theme-light-red .ft-menu a:focus {
        color: white;
        background-color: #323232;
    }

.ft-theme-light-red .ft-sidebar [class*="ft-go"] {
    background: #ef1e37;
}

.ft-theme-light-red .ft-submenu-parent:after {
    color: #8c8c8c;
}

.ft-theme-light-red .ft-submenu-parent:hover:after {
    color: white;
}

.ft-theme-light-red .ft-submenu-parent li {
    border-bottom-color: #323232;
}

.ft-theme-light-red .ft-submenu-parent.ft-active {
    background-color: #282828;
}

    .ft-theme-light-red .ft-submenu-parent.ft-active ul {
        border-top-color: #323232;
    }

.ft-theme-light-red .ft-brand-name {
    background-color: #ef1e37;
}

.ft-theme-light-red .ft-area-account[class*="ft-ico"]:before {
    color: #ef1e37;
}

.ft-theme-light-red .ft-info-header [class*="ft-title"] {
    color: #ef1e37;
}

.ft-theme-light-red .ft-checkbox-cart:checked ~ .ft-cart-header {
    color: #bf182c !important;
}

    .ft-theme-light-red .ft-checkbox-cart:checked ~ .ft-cart-header .ft-ico-cart, .ft-theme-light-red .ft-checkbox-cart:checked ~ .ft-cart-header strong {
        color: #bf182c !important;
    }

.ft-theme-light-red .ft-cart-header {
    background-color: #bf182c;
    background-color: #bf182c;
}

.ft-theme-light-red [class*="ft-btn"][data-ft-module]:after {
    border-top-color: #bf182c;
}

.ft-theme-light-red [class*="ft-btn"].ft-btn-danger {
    color: #d75553;
}

    .ft-theme-light-red [class*="ft-btn"].ft-btn-danger:hover, .ft-theme-light-red [class*="ft-btn"].ft-btn-danger:focus, .ft-theme-light-red [class*="ft-btn"].ft-btn-danger:active, .ft-theme-light-red [class*="ft-btn"].ft-btn-danger.ft-active:not([data-ft-module="tabs"]) {
        background: #db6664;
        border-color: #df7775;
        color: white;
    }

    .ft-theme-light-red [class*="ft-btn"].ft-btn-danger.ft-disabled, .ft-theme-light-red [class*="ft-btn"].ft-btn-danger.ft-disabled:focus, .ft-theme-light-red [class*="ft-btn"].ft-btn-danger.ft-disabled:hover, .ft-theme-light-red [class*="ft-btn"].ft-btn-danger.ft-disabled:active, .ft-theme-light-red [class*="ft-btn"].ft-btn-danger.ft-disabled.ft-active, .ft-theme-light-red [class*="ft-btn"].ft-btn-danger[disabled], .ft-theme-light-red [class*="ft-btn"].ft-btn-danger[disabled]:focus, .ft-theme-light-red [class*="ft-btn"].ft-btn-danger[disabled]:hover, .ft-theme-light-red [class*="ft-btn"].ft-btn-danger[disabled]:active, .ft-theme-light-red [class*="ft-btn"].ft-btn-danger[disabled].ft-active {
        background: #e5e5e5;
        border-color: #cccccc;
        color: #df7775;
    }

.ft-theme-light-red [class*="ft-btn"].ft-btn-success:focus, .ft-theme-light-red [class*="ft-btn"].ft-btn-success:hover, .ft-theme-light-red [class*="ft-btn"].ft-btn-success:active, .ft-theme-light-red [class*="ft-btn"].ft-btn-success.ft-active:not([data-ft-module="tabs"]) {
    background: #4c4c4c;
    border-color: #666666;
    color: white;
}

.ft-theme-light-red [class*="ft-btn"].ft-btn-success.ft-disabled, .ft-theme-light-red [class*="ft-btn"].ft-btn-success.ft-disabled:focus, .ft-theme-light-red [class*="ft-btn"].ft-btn-success.ft-disabled:hover, .ft-theme-light-red [class*="ft-btn"].ft-btn-success.ft-disabled:active, .ft-theme-light-red [class*="ft-btn"].ft-btn-success.ft-disabled.ft-active, .ft-theme-light-red [class*="ft-btn"].ft-btn-success[disabled], .ft-theme-light-red [class*="ft-btn"].ft-btn-success[disabled]:focus, .ft-theme-light-red [class*="ft-btn"].ft-btn-success[disabled]:hover, .ft-theme-light-red [class*="ft-btn"].ft-btn-success[disabled]:active, .ft-theme-light-red [class*="ft-btn"].ft-btn-success[disabled].ft-active {
    background: #bfbfbf;
    border-color: #a5a5a5;
}

.ft-theme-light-red .ft-btn:hover, .ft-theme-light-red .ft-btn:focus, .ft-theme-light-red .ft-btn:active, .ft-theme-light-red .ft-btn.ft-active:not([data-ft-module="tabs"]) {
    background: #e5e5e5;
    border-color: #cccccc;
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
}

.ft-theme-light-red .ft-btn.ft-disabled, .ft-theme-light-red .ft-btn.ft-disabled:focus, .ft-theme-light-red .ft-btn.ft-disabled:hover, .ft-theme-light-red .ft-btn.ft-disabled:active, .ft-theme-light-red .ft-btn.ft-disabled.ft-active, .ft-theme-light-red .ft-btn[disabled], .ft-theme-light-red .ft-btn[disabled]:focus, .ft-theme-light-red .ft-btn[disabled]:hover, .ft-theme-light-red .ft-btn[disabled]:active, .ft-theme-light-red .ft-btn[disabled].ft-active {
    background: #e5e5e5;
    border-color: #cccccc;
    color: #7f7f7f;
}

.ft-theme-light-red .ft-btn-primary {
    background: #bf182c;
    border-color: #a71526;
}

    .ft-theme-light-red .ft-btn-primary:hover, .ft-theme-light-red .ft-btn-primary:focus, .ft-theme-light-red .ft-btn-primary:active, .ft-theme-light-red .ft-btn-primary.ft-active:not([data-ft-module="tabs"]) {
        background: #8f1221;
        border-color: #8f1221;
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
    }

    .ft-theme-light-red .ft-btn-primary.ft-disabled, .ft-theme-light-red .ft-btn-primary.ft-disabled:focus, .ft-theme-light-red .ft-btn-primary.ft-disabled:hover, .ft-theme-light-red .ft-btn-primary.ft-disabled:active, .ft-theme-light-red .ft-btn-primary.ft-disabled.ft-active, .ft-theme-light-red .ft-btn-primary[disabled], .ft-theme-light-red .ft-btn-primary[disabled]:focus, .ft-theme-light-red .ft-btn-primary[disabled]:hover, .ft-theme-light-red .ft-btn-primary[disabled]:active, .ft-theme-light-red .ft-btn-primary[disabled].ft-active {
        background: #f57887;
        border-color: #f78e9b;
    }

.ft-theme-light-red .ft-tabs-button-nav .ft-active [class*="ft-btn"] {
    background-color: #dddddd;
}

.ft-theme-light-red .ft-collapse .ft-collapse-header:before {
    color: #ef1e37;
    border: 3px solid #ef1e37;
}

.ft-theme-light-red [class*="ft-pagination"] li.ft-active {
    background-color: #bf182c;
    border-color: #bf182c;
}

.ft-theme-light-red .pager li {
    border: 1px solid #dddddd;
    color: #555555;
}

    .ft-theme-light-red .pager li:hover, .ft-theme-light-red .pager li:focus {
        background-color: #dddddd;
    }

    .ft-theme-light-red .pager li.disabled a {
        border: 1px solid #dddddd;
        color: #eeeeee;
    }

        .ft-theme-light-red .pager li.disabled a:hover, .ft-theme-light-red .pager li.disabled a:focus {
            background: none;
        }

.ft-theme-light-red .ft-table.ft-bg-header thead {
    background-color: #ef1e37;
}

    .ft-theme-light-red .ft-table.ft-bg-header thead th {
        color: white;
    }

        .ft-theme-light-red .ft-table.ft-bg-header thead th a {
            color: white;
        }

        .ft-theme-light-red .ft-table.ft-bg-header thead th.ft-data-descending a:after, .ft-theme-light-red .ft-table.ft-bg-header thead th.ft-data-ascending a:after {
            border-top-color: white;
        }

        .ft-theme-light-red .ft-table.ft-bg-header thead th.ft-data-ascending a:after {
            border-color: transparent;
            border-bottom-color: white;
        }

.ft-theme-light-red .ft-table thead th a {
    color: black;
}

.ft-theme-light-red .ft-table tbody tr:hover {
    background-color: #bf182c;
    background-color: rgba(191,24,44,0.02);
}

.ft-theme-light-red .ft-table tbody a:not([class*="ft-btn"]) {
    color: #ef1e37;
}

.ft-theme-light-red .ft-table.ft-table-striped tbody tr:hover td {
    background-color: #bf182c;
    background-color: rgba(191,24,44,0.02);
}

.ft-theme-light-red .ft-table.ft-table-striped.ft-no-hover tbody tr:hover td {
    background: white;
}

.ft-theme-light-red .ft-table.ft-table-striped.ft-no-hover tbody tr:hover:nth-child(odd) td {
    background: #f7f7f7;
}

.ft-theme-light-red .ft-tabs-nav:not(.in-dropdown) li {
    background-color: #bf182c;
    background-color: rgba(191,24,44,0.7);
}

    .ft-theme-light-red .ft-tabs-nav:not(.in-dropdown) li:hover {
        background-color: #bf182c;
    }

    .ft-theme-light-red .ft-tabs-nav:not(.in-dropdown) li.ft-active {
        background-color: white;
    }

.ft-theme-light-red .ft-lnk-nav:hover {
    color: #bf182c;
}

    .ft-theme-light-red .ft-lnk-nav:hover[class*="ft-ico"]:before {
        color: #bf182c;
        border-color: #bf182c;
    }

.ft-theme-light-red .ft-lnk-nav[class*="ft-ico"]:before {
    color: #ef1e37;
    border: 4px solid #ef1e37;
}

.ft-theme-light-red .ft-dropdown ul a:focus, .ft-theme-light-red .ft-dropdown ul a:hover {
    background-color: #bf182c;
    color: white;
}

.ft-theme-light-red .ft-dropdown ul a.ft-color-danger:hover, .ft-theme-light-red .ft-dropdown .ft-cart ul li a:hover, .ft-cart .ft-theme-light-red .ft-dropdown ul li a:hover {
    color: white !important;
}

.ft-theme-light-red .ft-switch-btn input:checked + label span:after {
    background-color: #ef1e37;
}

.ft-theme-light-red .ft-list-title a {
    color: #ef1e37;
}

.ft-theme-light-red.ft-pre-panel .ft-topbar {
    background-color: #f7f7f7;
}

.ft-theme-light-red .is-selected .pika-button {
    color: white;
    background: #bf182c;
    box-shadow: none;
}

.ft-theme-light-red .pika-button:hover {
    color: white !important;
    background: #ef1e37 !important;
}

.ft-theme-light-red .hopscotch-actions button.hopscotch-nav-button.next {
    background-color: #ef1e37;
}

.ft-theme-light-red div[data-ft-module="progressBar"] span {
    background-color: #ef1e37;
}

.ft-theme-light-red .ft-word-dotted {
    border-color: #bf182c;
}

.ft-theme-light-red .ft-steps-nav .ft-actived:before {
    border-color: #ef1e37;
}

.ft-theme-light-red .ft-steps-nav .ft-actived .ft-steps-btn {
    color: #ef1e37;
}

    .ft-theme-light-red .ft-steps-nav .ft-actived .ft-steps-btn:before {
        border-color: #ef1e37;
        background: #ef1e37;
        color: white;
    }

    .ft-theme-light-red .ft-steps-nav .ft-actived .ft-steps-btn:after {
        color: #f78e9b;
    }

.ft-theme-light-red .ft-steps-nav .ft-actived.ft-active .ft-steps-btn:before {
    background: white;
    color: #ef1e37;
}

.ft-theme-light-red .ft-steps-nav .ft-active .ft-steps-btn:before {
    border-color: #ef1e37;
}

.ft-theme-light-red .ft-steps-nav .ft-active .ft-steps-btn:before, .ft-theme-light-red .ft-steps-nav .ft-active .ft-steps-btn:after {
    color: #ef1e37;
}

.ft-theme-light-red .ft-steps-arrow:before {
    background: #ef1e37;
}

.ft-theme-light-red .ft-tabs-btn-nav .ft-active [class*="ft-btn"], .ft-theme-light-red .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:focus, .ft-theme-light-red .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:hover, .ft-theme-light-red .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:active {
    background: #fde8eb;
    border-color: #f78e9b;
    color: #ef1e37;
}

    .ft-theme-light-red .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 5px;
        position: relative;
        border: 8px solid transparent;
        border-color: #f78e9b transparent transparent transparent;
        position: absolute;
        top: auto;
        margin-left: -8px;
    }

    .ft-theme-light-red .ft-tabs-btn-nav .ft-active [class*="ft-btn"]:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 5px;
        position: relative;
        border: 6px solid transparent;
        border-color: #fde8eb transparent transparent transparent;
        position: absolute;
        top: auto;
        margin-left: -6px;
    }

.ft-xs-space {
    padding: 5px !important;
}

.ft-sm-space, [class*="ft-alert-"].ft-sm-space, .ft-table.ft-sm-space td, .ft-table.ft-sm-space th, .ft-box.ft-sm-space, .ft-sm-space.ft-box-filter, .ft-sm-space.ft-alert-box {
    padding: 10px !important;
    font-size: 12px !important;
}

.ft-md-space, [class*="ft-alert-"].ft-md-space, .ft-table.ft-md-space td, .ft-table.ft-md-space th, .ft-box.ft-md-space, .ft-md-space.ft-box-filter, .ft-md-space.ft-alert-box {
    padding: 20px !important;
    font-size: 14px !important;
}

.ft-lg-space, .ft-no-notification-message {
    padding: 40px !important;
}

.ft-clearfix:after, .container-white:after, [class*="ft-title"]:after, .ft-info-header:after, .ft-group-btn:after, .ft-form-horizontal .ft-actions-btn:after, .ft-label:after, .ft-form-horizontal .row:after, .ft-form-inline:after, .ft-box:after, .ft-box-filter:after, .ft-alert-box:after, .ft-steps:after {
    content: "";
    display: block;
    clear: both;
}

.ft-no-float, .ft-float-none {
    float: none !important;
}

.ft-float-right, .ft-pager li.ft-next a {
    float: right !important;
}

.ft-float-left, .ft-info-header > [class*="ft-ico"]:before, .ft-group-btn [class*="ft-btn"], .ft-form-horizontal .ft-label[class*="col-"], .ft-prefix-group input, .ft-box[class*="ft-ico-"]:before, [class*="ft-ico-"].ft-box-filter:before, [class*="ft-ico-"].ft-alert-box:before, [class*="ft-pagination"] li, [class*="ft-pagination"] li .ft-gap, [class*="ft-pagination"] li a, .ft-pager li.ft-previous a, .pika-lendar, .pika-prev, .is-rtl .pika-next {
    float: left !important;
}

.ft-clear-both {
    clear: both !important;
}

.ft-clear-right {
    clear: right !important;
}

.ft-clear-left {
    clear: left !important;
}

.ft-overflow-hidden {
    overflow: hidden !important;
}

.ft-overflow-visible {
    overflow: visible !important;
}

.ft-display-block, .ft-no-notification-message.active {
    display: block !important;
}

.ft-display-inline {
    display: inline !important;
    float: none !important;
}

.ft-display-inline-block {
    display: inline-block !important;
    float: none !important;
}

.ft-display-none, .ft-no-notification-message {
    display: none !important;
}

.ft-width-auto {
    width: auto !important;
}

.ft-width-inherit {
    width: inherit;
}

.ft-full-width {
    width: 100% !important;
}

.ft-height-inherit {
    height: inherit;
}

.ft-height-auto {
    height: auto !important;
}

.ft-width-50 {
    width: 50px;
}

.ft-width-100 {
    width: 100px;
}

.ft-width-150 {
    width: 150px;
}

.ft-width-200 {
    width: 200px;
}

.ft-width-250 {
    width: 250px;
}

.ft-width-300 {
    width: 300px;
}

.ft-width-350 {
    width: 350px;
}

.ft-width-400 {
    width: 400px;
}

.ft-width-450 {
    width: 450px;
}

.ft-width-500 {
    width: 500px;
}

.ft-no-margin, .ft-form-horizontal .ft-actions-btn {
    margin: 0 !important;
}

.ft-no-margin-left, [class*="ft-btn"]:empty:after, [class*="ft-btn"].ft-btn-block {
    margin-left: 0 !important;
}

.ft-no-margin-right, [class*="ft-btn"].ft-btn-block {
    margin-right: 0 !important;
}

    .ft-no-margin-top, [class*="ft-btn"].ft-btn-block:first-child, .ft-form-horizontal .ft-actions-btn [class*="ft-btn"]:not(.ft-btn-block) {
        margin-top: 0 !important;
    }

.ft-no-margin-bottom {
    margin-bottom: 0 !important;
}

.ft-no-padding, .ft-form-inline .ft-actions-btn, .ft-form-horizontal .ft-actions-btn {
    padding: 0 !important;
}

.ft-no-padding-left, [class*="ft-btn"].ft-btn-block {
    padding-left: 0 !important;
}

.ft-no-padding-right, [class*="ft-btn"].ft-btn-block {
    padding-right: 0 !important;
}

.ft-no-padding-top {
    padding-top: 0 !important;
}

.ft-no-padding-bottom {
    padding-bottom: 0 !important;
}

.ft-margin-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.ft-txt-left, .ft-table.ft-txt-left td, .ft-table.ft-txt-left th, .ft-table tbody.ft-txt-left td, .ft-table tbody.ft-txt-left th {
    text-align: left !important;
}

.ft-txt-right, .ft-table.ft-txt-right td, .ft-table.ft-txt-right th, .ft-table tbody.ft-txt-right td, .ft-table tbody.ft-txt-right th {
    text-align: right !important;
}

.ft-txt-justify {
    text-align: justify !important;
}

.ft-txt-center, .ft-board-box .ft-box, .ft-board-box .ft-box-filter, .ft-board-box .ft-alert-box, .ft-no-notification-message, .ft-table.ft-txt-center td, .ft-table.ft-txt-center th, .ft-table tbody.ft-txt-center td, .ft-table tbody.ft-txt-center th, .ft-box-disclaimer {
    text-align: center !important;
}

.ft-txt-center-all {
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    margin: 0 !important;
}

.ft-v-align-top {
    vertical-align: top !important;
}

.ft-v-align-middle {
    vertical-align: middle !important;
}

.ft-v-align-bottom {
    vertical-align: bottom !important;
}

.ft-no-bg {
    background: none !important;
}

.ft-no-bghover:hover {
    background: none !important;
}

.ft-no-shadow {
    box-shadow: none !important;
}

.ft-no-border {
    border: none !important;
}

.ft-no-border-right {
    border-right: none !important;
}

.ft-no-border-left {
    border-left: none !important;
}

.ft-no-border-bottom {
    border-bottom: none !important;
}

.ft-no-border-top {
    border-top: none !important;
}

.ft-border {
    border-color: #eeeeee !important;
}

.ft-word-dotted {
    border-bottom: 1px dotted #555555;
}

.ft-cursor-pointer {
    cursor: pointer !important;
}

.ft-cursor-default {
    cursor: default !important;
}

.ft-cursor-crosshair {
    cursor: crosshair !important;
}

.ft-cursor-move {
    cursor: move !important;
}

.ft-cursor-help {
    cursor: help !important;
}

.ft-cursor-wait {
    cursor: wait !important;
}

.ft-cursor-inherit {
    cursor: inherit !important;
}

.ft-cursor-text {
    cursor: text !important;
}

.ft-cursor-progress {
    cursor: progress !important;
}

.ft-cursor-grab {
    cursor: -ms-grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: hand;
    cursor: grab;
}

.ft-cursor-grabbing {
    cursor: grabbing;
    cursor: -ms-grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.ft-scroll-touch {
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.ft-bg-white {
    background: white !important;
}

.ft-color-black {
    color: black !important;
}

.ft-color-white, .ft-dropdown-menu {
    color: white;
}

.ft-color-danger, .ft-cart ul li a {
    color: #d75553 !important;
}

.ft-color-info {
    color: #2881ac !important;
}

.ft-color-success {
    color: #388f39 !important;
}

.ft-color-warning {
    color: #b9a016 !important;
}

.ft-no-spin::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.ft-ellipsis, .ft-user-account .ft-ico-user .ft-name, .ft-cart ul li .ft-title-product {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block !important;
}

.ft-nowrap {
    white-space: nowrap;
}

.ft-no-bold {
    font-weight: normal !important;
}

.ft-word-break-all {
    word-break: break-all !important;
    padding: 0;
}

.ft-word-break {
    word-break: break-word !important;
}

.ft-no-word-break {
    word-break: normal !important;
}

.ft-no-radius, .ft-group-btn [class*="ft-btn"]:not(:first-child):not(:last-child) {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0;
    border-radius: 0 !important;
}

.ft-no-left-radius {
    -moz-border-radius-topleft: 0 !important;
    -webkit-border-top-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    -moz-border-radius-bottomleft: 0 !important;
    -webkit-border-bottom-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.ft-no-right-radius {
    -moz-border-radius-topright: 0 !important;
    -webkit-border-top-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.ft-no-top-radius {
    -moz-border-radius-topleft: 0 !important;
    -webkit-border-top-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    -moz-border-radius-topright: 0 !important;
    -webkit-border-top-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.ft-no-bottom-radius {
    -moz-border-radius-bottomleft: 0 !important;
    -webkit-border-bottom-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.ft-no-list-style {
    list-style: none !important;
}

.ft-transparent-25 {
    opacity: 0.25 !important;
}

.ft-transparent-50 {
    opacity: 0.5 !important;
}

.ft-transparent-75 {
    opacity: 0.75 !important;
}

.ft-no-style-input, .ft-no-style-input:focus, .ft-no-style-input:active {
    outline: none !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: 1px solid transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
}

.ft-hidden-accessible {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.ft-break-text, .ft-table td, .ft-table th {
    word-wrap: break-word !important;
}

.ft-table-layout-auto {
    table-layout: auto !important;
}

.ft-small-letter-spacing {
    letter-spacing: -1px;
}

.ft-text-default {
    color: #555555;
    font-size: 13px !important;
}

.ft-text-xs {
    font-size: 11px !important;
}

.ft-text-sm {
    font-size: 12px !important;
}

.ft-text-md {
    font-size: 14px !important;
}

.ft-text-lg {
    font-size: 18px !important;
}

.ft-text-xl {
    font-size: 20px !important;
}

.ft-text-uppercase, .ft-topbar .ft-brand-name a small, .ft-topbar .ft-brand-name a span {
    text-transform: uppercase;
}

.ft-text-lowercase {
    text-transform: lowercase;
}

.ft-text-capitalize {
    text-transform: capitalize;
}

.ft-text-underline {
    text-decoration: underline !important;
}

.ft-text-decoration-none {
    text-decoration: none;
}

.ft-line-separator {
    width: calc(100% - 2rem);
    width: 85% \9;
    float: none;
    clear: both;
    border: 1px solid red;
    border-color: #cccccc transparent #dddddd transparent;
    margin: 2rem 1rem;
}

    .ft-line-separator:before, .ft-line-separator:after {
        content: " ";
        display: table;
    }

.ft-background-sucess, .ft-table .ft-background-sucess td {
    color: #388f39;
    background-color: #b2e1b3;
}

.ft-background-info, .ft-table .ft-background-info td {
    color: #2881ac;
    background-color: #b3daed;
}

.ft-background-warning, .ft-table .ft-background-warning td {
    color: #b9a016;
    background-color: #f4e9a7;
}

.ft-background-danger, .ft-table .ft-background-danger td {
    color: #d75553;
    background-color: #fdf9f9;
}

.ft-style-list {
    margin-left: 18px;
    margin-bottom: 10px;
}

    .ft-style-list li {
        line-height: 1.3;
    }

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

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

@media screen and (max-width: 768px) {
    .ft-float-none-xs {
        float: none !important;
    }

    .ft-float-right-xs {
        float: right !important;
    }

    .ft-float-left-xs {
        float: left !important;
    }

    .ft-display-none-xs {
        display: none !important;
    }

    .ft-display-inline-xs {
        display: inline !important;
    }

    .ft-display-inline-block-xs {
        display: inline-block !important;
    }

    .ft-display-block-xs {
        display: block !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .ft-float-none-sm {
        float: none !important;
    }

    .ft-float-right-sm {
        float: right !important;
    }

    .ft-float-left-sm {
        float: left !important;
    }

    .ft-display-none-sm {
        display: none !important;
    }

    .ft-display-inline-sm {
        display: inline !important;
    }

    .ft-display-inline-block-sm {
        display: inline-block !important;
    }

    .ft-display-block-sm {
        display: block !important;
    }

    .ft-clear-both-sm {
        clear: both !important;
    }

    .ft-clear-right-sm {
        clear: right !important;
    }

    .ft-clear-left-sm {
        clear: left !important;
    }

    .ft-txt-right-sm {
        text-align: right !important;
    }

    .ft-txt-left-sm {
        text-align: left !important;
    }

    .ft-btn-block-sm {
        display: block !important;
        text-align: center !important;
        margin-bottom: 10px;
        width: 100% !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .ft-float-none-md {
        float: none !important;
    }

    .ft-float-right-md {
        float: right !important;
    }

    .ft-float-left-md {
        float: left !important;
    }

    .ft-display-none-md {
        display: none !important;
    }

    .ft-display-inline-md {
        display: inline !important;
    }

    .ft-display-inline-block-md {
        display: inline-block !important;
    }

    .ft-display-block-md {
        display: block !important;
    }

    .ft-clear-both-md {
        clear: both !important;
    }

    .ft-clear-right-md {
        clear: right !important;
    }

    .ft-clear-left-md {
        clear: left !important;
    }

    .ft-txt-right-md {
        text-align: right !important;
    }

    .ft-txt-left-md {
        text-align: left !important;
    }

    .ft-btn-block-md {
        display: block !important;
        text-align: center !important;
        margin-bottom: 10px;
        width: 100% !important;
    }
}

@media screen and (min-width: 1200px) {
    .ft-float-none-lg {
        float: none !important;
    }

    .ft-float-right-lg {
        float: right !important;
    }

    .ft-float-left-lg {
        float: left !important;
    }

    .ft-display-none-lg {
        display: none !important;
    }

    .ft-display-inline-lg {
        display: inline !important;
    }

    .ft-display-inline-block-lg {
        display: inline-block !important;
    }

    .ft-display-block-lg {
        display: block !important;
    }
}

* {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

html {
    background-color: white;
}

    html.ft-html-nobg {
        background-color: #f7f7f7;
    }

html, body {
    height: 100%;
}

body {
    font-size: 100%;
    line-height: 1;
    font-family: Open Sans, Arial, Helvetica, Sans-serif;
}

.container-white {
    margin: 0 -15px;
    padding: 30px;
    border-top: 1px solid #eeeeee;
    background-color: white;
}

a, a:hover {
    text-decoration: none;
}

    p a, a.ft-color-theme, a.ft-ico-alone, a.ft-ico-bg:before {
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

        p a:hover, p a:focus, a.ft-color-theme:hover, a.ft-ico-alone:hover, a.ft-ico-bg:hover:before, a.ft-color-theme:focus, a.ft-ico-alone:focus, a.ft-ico-bg:focus:before {
            border-bottom-color: transparent;
        }

img {
    max-width: 100%;
}

hr {
    border: none;
    border-top: 1px solid #eeeeee;
    margin: 15px 0;
}

fieldset {
    border: none;
}

main {
    display: block;
}

[hidden], template {
    display: none;
}

small {
    font-size: 11px;
}

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

@media screen and (min-width: 768px) {
    html, body {
        overflow-x: initial;
    }
}

.ft-main-full .ft-main {
    margin-left: 0;
}

.ft-main {
    min-height: 100%;
    padding-top: 60px;
    margin-left: 0;
    z-index: 10;
    position: relative;
    background-color: white;
}

    .ft-main .container-fluid {
        min-height: 85%;
    }

        .ft-main .container-fluid > .row [class*="col-"] {
            padding-bottom: 20px;
        }

.ft-html-nobg .ft-main {
    background-color: #f7f7f7;
}

.ft-lnk-nav {
    padding: 7px 10px 0;
    font-size: 20px;
    color: black;
    text-decoration: none;
    display: block;
    line-height: 1.25;
}

    .ft-lnk-nav[class*="ft-ico"]:before {
        position: relative;
        top: -2px;
        padding: 3px 5px 3px 6px;
        margin-right: 5px;
        display: inline-block;
        vertical-align: middle;
        border-radius: 100%;
        font-size: 16px;
        text-align: center;
    }

.ft-ico-help {
    cursor: pointer;
    font-size: 9px;
    font-family: "front-utils";
    display: inline-block;
    border-radius: 100%;
    background-color: #154297;
    color: white;
    height: 15px;
    text-align: right;
    line-height: 15px;
    width: 15px;
}

    .ft-ico-help:before {
        color: white;
        content: "\e60a";
    }

a.ft-word-dotted {
    color: #555555;
}

@media screen and (max-width: 992px) {
    .ft-board-box [class*="col-md"] {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 768px) {
    .ft-main-full .ft-sidebar {
        display: none;
    }

    .ft-main {
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        -moz-transition: margin 0.25s ease-in-out;
        -o-transition: margin 0.25s ease-in-out;
        -webkit-transition: margin 0.25s ease-in-out;
        transition: margin 0.25s ease-in-out;
        margin-left: 265px;
        height: 100%;
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
        -moz-overflow-scrolling: touch;
        -ms-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }

    .ft-sidebar-toggled .ft-main {
        margin-left: 60px;
    }

    .ft-main .container-fluid > .row [class*="col-"] {
        padding-bottom: 0;
    }

    .ft-main:after {
        clear: both;
        content: "";
    }

    .ft-sidebar-visible .ft-main, .ft-notifications-visible .ft-main {
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .ft-container, .ft-main > .container-fluid, .ft-main > .container {
        padding: 0 30px;
    }
}

html:after {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -20;
}

[class*="ft-ico"]:before, [class*="ft-ico"]:after, [class*="ft-ico-panel"]:before, [class*="ft-ico-panel"]:after {
    font-family: "front-utils";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin-right: 3px;
    position: relative;
    top: 3px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class*="ft-ico-panel"]:before, [class*="ft-ico-panel"]:after {
    font-family: "front-utils-panel-icons";
}

[class*="ft-ico-"]:after, [class*="ft-ico-panel"]:after, .ft-ico-right:before, .ft-ico-panel-right:before {
    display: none;
}

.ft-ico-right:after, .ft-ico-panel-right:after {
    display: inline-block;
    margin-left: 5px;
    padding: 0;
    width: 5px;
}

.ft-ico-alone {
    display: inline-block;
    font-size: 64px;
    border-bottom-color: transparent;
}

.ft-ico-cart:before, .ft-ico-cart:after {
    content: "\e65c";
}

.ft-ico-bullhorn:before, .ft-ico-bullhorn:after {
    content: "\f0a1";
}

.ft-ico-dashboard:before, .ft-ico-dashboard:after {
    content: "\f0e4";
}

.ft-ico-bell-o:before, .ft-ico-bell-o:after {
    content: "\f0f3";
}

.ft-ico-home:before, .ft-ico-home:after {
    content: "\e600";
}

.ft-ico-users:before, .ft-ico-users:after {
    content: "\e601";
}

.ft-ico-stats:before, .ft-ico-stats:after {
    content: "\e609";
}

.ft-ico-envelope:before, .ft-ico-envelope:after {
    content: "\e604";
}

.ft-ico-envelop:before, .ft-ico-envelop:after {
    content: "\e604";
}

.ft-ico-cog:before, .ft-ico-cog:after {
    content: "\e608";
}

.ft-ico-user:before, .ft-ico-user:after {
    content: "\e605";
}

.ft-ico-question:before, .ft-ico-question:after {
    content: "\e60a";
}

.ft-ico-chevron-up:before, .ft-ico-chevron-up:after {
    content: "\e60f";
}

.ft-ico-chevron-right:before, .ft-ico-chevron-right:after {
    content: "\e60d";
}

.ft-ico-chevron-down:before, .ft-ico-chevron-down:after {
    content: "\e60b";
}

.ft-ico-chevron-left:before, [class*="ft-go"]:before, .ft-ico-chevron-left:after {
    content: "\e60e";
}

.ft-ico-shaft-up-left:before, .ft-ico-shaft-up-left:after {
    content: "\ea39";
}

.ft-ico-shaft-up:before, .ft-ico-shaft-up:after {
    content: "\ea3a";
}

.ft-ico-shaft-up-right:before, .ft-ico-shaft-up-right:after {
    content: "\ea3b";
}

.ft-ico-shaft-right:before, .ft-ico-shaft-right:after {
    content: "\ea3c";
}

.ft-ico-shaft-down-right:before, .ft-ico-shaft-down-right:after {
    content: "\ea3d";
}

.ft-ico-shaft-down:before, .ft-ico-shaft-down:after {
    content: "\ea3e";
}

.ft-ico-shaft-down-left:before, .ft-ico-shaft-down-left:after {
    content: "\ea3f";
}

.ft-ico-shaft-left:before, .ft-ico-shaft-left:after {
    content: "\ea40";
}

.ft-ico-circle-up:before, .ft-ico-circle-up:after {
    content: "\ea41";
}

.ft-ico-circle-right:before, .ft-ico-circle-right:after {
    content: "\ea42";
}

.ft-ico-circle-down:before, .ft-ico-circle-down:after {
    content: "\ea43";
}

.ft-ico-circle-left:before, .ft-ico-circle-left:after {
    content: "\ea44";
}

.ft-ico-menu:before, .ft-ico-menu:after {
    content: "\e610";
}

.ft-ico-pencil:before, .ft-ico-pencil:after {
    content: "\e619";
}

.ft-ico-pencil2:before, .ft-ico-pencil2:after {
    content: "\e611";
}

.ft-ico-paint-format:before, .ft-ico-paint-format:after {
    content: "\e61a";
}

.ft-ico-image:before, .ft-ico-image:after {
    content: "\e61c";
}

.ft-ico-images:before, .ft-ico-images:after {
    content: "\e61b";
}

.ft-ico-qrcode:before, .ft-ico-qrcode:after {
    content: "\e612";
}

.ft-ico-list:before, .ft-ico-list:after {
    content: "\e613";
}

.ft-ico-list2:before, .ft-ico-list2:after {
    content: "\e614";
}

.ft-ico-numbered-list:before, .ft-ico-numbered-list:after {
    content: "\e615";
}

.ft-ico-menu2:before, .ft-ico-menu2:after {
    content: "\e616";
}

.ft-ico-insert-template:before, .ft-ico-insert-template:after {
    content: "\e617";
}

.ft-ico-windows:before, .ft-ico-windows:after {
    content: "\e618";
}

.ft-ico-code:before, .ft-ico-code:after {
    content: "\e602";
}

.ft-ico-screen:before, .ft-ico-screen:after {
    content: "\e60c";
}

.ft-ico-camera:before, .ft-ico-camera:after {
    content: "\e603";
}

.ft-ico-folder:before, .ft-ico-folder:after {
    content: "\e606";
}

.ft-ico-folder-open:before, .ft-ico-folder-open:after {
    content: "\e607";
}

.ft-ico-download:before, .ft-ico-download:after {
    content: "\e61d";
}

.ft-ico-upload:before, .ft-ico-upload:after {
    content: "\e61e";
}

.ft-ico-spinner:before, .ft-ico-spinner:after {
    content: "\e61f";
}

.ft-ico-search:before, .ft-ico-search:after {
    content: "\e620";
}

.ft-ico-zoomin:before, .ft-ico-zoomin:after {
    content: "\e621";
}

.ft-ico-zoomout:before, .ft-ico-zoomout:after {
    content: "\e622";
}

.ft-ico-stats:before, .ft-ico-stats:after {
    content: "\e623";
}

.ft-ico-bars:before, .ft-ico-bars:after {
    content: "\e624";
}

.ft-ico-remove:before, .ft-ico-remove:after {
    content: "\e625";
}

.ft-ico-accessibility:before, .ft-ico-accessibility:after {
    content: "\e626";
}

.ft-ico-tree:before, .ft-ico-tree:after {
    content: "\e627";
}

.ft-ico-cloud:before, .ft-ico-cloud:after {
    content: "\e628";
}

.ft-ico-cloud-download:before, .ft-ico-cloud-download:after {
    content: "\e629";
}

.ft-ico-cloud-upload:before, .ft-ico-cloud-upload:after {
    content: "\e62a";
}

.ft-ico-download2:before, .ft-ico-download2:after {
    content: "\e62b";
}

.ft-ico-upload2:before, .ft-ico-upload2:after {
    content: "\e62c";
}

.ft-ico-globe:before, .ft-ico-globe:after {
    content: "\e62d";
}

.ft-ico-earth:before, .ft-ico-earth:after {
    content: "\e62e";
}

.ft-ico-link:before, .ft-ico-link:after {
    content: "\e62f";
}

.ft-ico-flag:before, .ft-ico-flag:after {
    content: "\e630";
}

.ft-ico-attachment:before, .ft-ico-attachment:after {
    content: "\e631";
}

.ft-ico-eye:before, .ft-ico-eye:after {
    content: "\e632";
}

.ft-ico-eye-blocked:before, .ft-ico-eye-blocked:after {
    content: "\e633";
}

.ft-ico-star:before, .ft-ico-star:after {
    content: "\e634";
}

.ft-ico-star2:before, .ft-ico-star2:after {
    content: "\e635";
}

.ft-ico-star3:before, .ft-ico-star3:after {
    content: "\e636";
}

.ft-ico-thumbs-up:before, .ft-ico-thumbs-up:after {
    content: "\e637";
}

.ft-ico-thumbs-up2:before, .ft-ico-thumbs-up2:after {
    content: "\e638";
}

.ft-ico-info:before, .ft-ico-info:after {
    content: "\e639";
}

.ft-ico-cancel-circle:before, .ft-ico-cancel-circle:after {
    content: "\e63a";
}

.ft-ico-checkmark-circle:before, .ft-ico-checkmark-circle:after {
    content: "\e63b";
}

.ft-ico-close:before, .ft-ico-close:after {
    content: "\e63c";
}

.ft-ico-checkmark:before, .ft-ico-checkmark:after {
    content: "\e63d";
}

.ft-ico-minus:before, .ft-ico-minus:after {
    content: "\e63e";
}

.ft-ico-plus:before, .ft-ico-plus:after {
    content: "\e63f";
}

.ft-ico-checkbox-checked:before, .ft-ico-checkbox-checked:after {
    content: "\e640";
}

.ft-ico-checkbox-unchecked:before, .ft-ico-checkbox-unchecked:after {
    content: "\e641";
}

.ft-ico-checkbox-partial:before, .ft-ico-checkbox-partial:after {
    content: "\e642";
}

.ft-ico-radio-checked:before, .ft-ico-radio-checked:after {
    content: "\e643";
}

.ft-ico-radio-unchecked:before, .ft-ico-radio-unchecked:after {
    content: "\e644";
}

.ft-ico-domain:before, .ft-ico-domain:after {
    content: "\e650";
}

.ft-ico-edit-admin:before, .ft-ico-edit-admin:after {
    content: "\e651";
}

.ft-ico-calendar:before, .ft-ico-calendar:after {
    content: "\e0e8";
}

.ft-ico-calendar-more:before, .ft-ico-calendar-more:after {
    content: "\e0f3";
}

.ft-ico-calendar-check:before, .ft-ico-calendar-check:after {
    content: "\e0f2";
}

.ft-ico-chart-bar-up:before, .ft-ico-chart-bar-up:after {
    content: "\e647";
}

.ft-ico-lamp:before, .ft-ico-lamp:after {
    content: "\e0f4";
}

.ft-ico-arrow-down:before, .ft-ico-arrow-down:after {
    content: "\e0eb";
}

.ft-ico-arrow-left:before, .ft-ico-arrow-left:after {
    content: "\e0ec";
}

.ft-ico-arrow-up:before, .ft-ico-arrow-up:after {
    content: "\e0ed";
}

.ft-ico-arrow-right:before, .ft-ico-arrow-right:after {
    content: "\e0ee";
}

.ft-ico-export:before, .ft-ico-export:after {
    content: "\e645";
}

.ft-ico-table-alt:before, .ft-ico-table-alt:after {
    content: "\e646";
}

.ft-ico-mobile:before, .ft-ico-mobile:after {
    content: "\e648";
}

.ft-ico-user-add:before, .ft-ico-user-add:after {
    content: "\e649";
}

.ft-ico-list3:before, .ft-ico-list3:after {
    content: "\e64a";
}

.ft-ico-text:before, .ft-ico-text:after {
    content: "\e64b";
}

.ft-ico-text2:before, .ft-ico-text2:after {
    content: "\e64c";
}

.ft-ico-document:before, .ft-ico-document:after {
    content: "\e64d";
}

.ft-ico-docs:before, .ft-ico-docs:after {
    content: "\e64e";
}

.ft-ico-book:before, .ft-ico-book:after {
    content: "\e64f";
}

.ft-ico-target:before, .ft-ico-target:after {
    content: "\e652";
}

.ft-ico-hours:before, .ft-ico-hours:after {
    content: "\e653";
}

.ft-ico-month:before, .ft-ico-month:after {
    content: "\e654";
}

.ft-ico-week:before, .ft-ico-week:after {
    content: "\e655";
}

.ft-ico-mysql:before, .ft-ico-mysql:after {
    content: "\e656";
}

.ft-ico-postgres:before, .ft-ico-postgres:after {
    content: "\e657";
}

.ft-ico-ftp:before, .ft-ico-ftp:after {
    content: "\e65a";
}

.ft-ico-origins:before, .ft-ico-origins:after {
    content: "\e65b";
}

.ft-ico-history:before, .ft-ico-history:after {
    content: "\e659";
}

.ft-ico-blank:before, .ft-ico-blank:after {
    content: "\e658";
}

.ft-ico-panel-streaming:before, .ft-ico-panel-streaming:after {
    content: "\e600";
}

.ft-ico-panel-hospedagem:before, .ft-ico-panel-hospedagem:after {
    content: "\e601";
}

.ft-ico-panel-emkt:before, .ft-ico-panel-emkt:after {
    content: "\e602";
}

.ft-ico-panel-cloud:before, .ft-ico-panel-cloud:after {
    content: "\e603";
}

.ft-ico-panel-smtp:before, .ft-ico-panel-smtp:after {
    content: "\e604";
}

.ft-ico-panel-dns:before, .ft-ico-panel-dns:after {
    content: "\e605";
}

.ft-ico-panel-backup:before, .ft-ico-panel-backup:after {
    content: "\e606";
}

.ft-ico-panel-domains:before, .ft-ico-panel-domains:after {
    content: "\e607";
}

html {
    font-size: 90%;
}

body {
    color: #555555;
}

[class*="ft-title"] {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    font-weight: 400;
    color: #222222;
    margin-bottom: 10px;
}

    [class*="ft-title"] [class*="ft-btn"] {
        margin-top: 10px;
    }

.ft-title-1 {
    font-size: 28px;
}

.ft-title-2 {
    font-size: 24px;
}

.ft-title-3 {
    font-size: 20px;
}

.ft-title-4 {
    font-size: 16px;
}

.ft-title-5 {
    font-size: 14px;
}

.ft-title-6, .ft-cart ul li .ft-title-product {
    font-size: 12px;
    font-weight: bold;
}

p, li {
    font-size: 13px;
    letter-spacing: 0.2px;
}

p {
    line-height: 1.3;
    margin-bottom: 10px;
}

.ft-title-intro {
    font-weight: 300;
    color: #222222;
    padding: 15px;
    margin: 0 -15px 30px;
    font-size: 28px;
    background-color: #f7f7f7;
    border-bottom: 1px solid;
    border-bottom-color: #eeeeee;
    border-bottom-color: rgba(238,238,238,0.4);
}

    .ft-title-intro.ft-no-bg {
        border-bottom: none;
        margin-bottom: 0;
    }

.ft-html-nobg .ft-title-intro {
    border: none;
    margin-bottom: 0;
}

.ft-title-intro:before {
    width: 40px;
    display: inline-block;
    opacity: 0.15;
    vertical-align: top;
}

.ft-box .ft-title-intro, .ft-box-filter .ft-title-intro, .ft-alert-box .ft-title-intro {
    font-weight: 400;
    font-size: 32px;
    color: #555555;
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #eeeeee;
    background-color: transparent;
}

.ft-intro {
    padding: 10px 30px;
    margin: 0 -30px 30px;
    background-color: #f7f7f7;
    border-bottom: 1px solid;
    border-bottom-color: #eeeeee;
}

    .ft-intro .ft-title-intro {
        padding: 0;
        margin: 0;
        background-color: transparent;
        border-bottom: none;
    }

        .ft-intro .ft-title-intro[class*="ft-ico"] {
            padding-left: 52px;
        }

    .ft-intro p {
        padding-top: 10px;
        margin: 0;
    }

.ft-helper-text {
    font-size: 11px;
    margin-top: 3px;
    margin-bottom: 3px;
}

@media screen and (min-width: 768px) {
    html {
        font-size: 100%;
    }

    [class*="ft-title"] {
        margin-bottom: 5px;
    }

        [class*="ft-title"] [class*="ft-btn"] {
            margin-top: -8px;
        }

    [class*="ft-title-"] {
        font-weight: 600;
        letter-spacing: -0.2px;
    }

    .ft-title-1 {
        color: black;
        font-size: 36px;
    }

    .ft-title-2 {
        font-size: 32px;
    }

    .ft-title-3 {
        font-size: 26px;
    }

    .ft-title-4 {
        font-size: 22px;
    }

    .ft-title-5 {
        font-size: 18px;
    }

    .ft-title-6, .ft-cart ul li .ft-title-product {
        font-size: 14px;
    }

    .ft-title-intro {
        padding: 29px 30px 20px;
        margin-right: -30px;
        margin-left: -30px;
        margin-bottom: 30px;
        font-size: 36px;
        font-weight: 300;
    }

        .ft-title-intro[class*="ft-ico"]:before {
            margin-left: 0;
            margin-right: 10px;
        }
}

.ft-dismissed {
    display: none;
}

.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

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

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

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-up {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

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

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

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDown {
    0%;

{
    opacity: 0;
    -ms-transform: translateY(-20px);
}

100% {
    opacity: 1;
    -ms-transform: translateY(0);
}

}

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

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-down {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

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

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

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInRight {
    0%;

{
    opacity: 0;
    -o-transform: translateX(-20px);
}

100% {
    opacity: 1;
    -o-transform: translateX(0);
}

}

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

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fade-in-right {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

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

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

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fade-in-left {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

[class*="ft-alert-"] {
    padding: 15px;
    margin-bottom: 20px;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.6;
}

    [class*="ft-alert-"]:empty {
        display: none;
    }

    [class*="ft-alert-"] p {
        color: inherit;
        margin-bottom: 0;
    }

    [class*="ft-alert-"] a:not([class*="ft-btn"]) {
        color: inherit;
    }

        [class*="ft-alert-"] a:not([class*="ft-btn"]):hover, [class*="ft-alert-"] a:not([class*="ft-btn"]):focus {
            text-decoration: none;
        }


.ft-alert-success {
    color: #388f39;
    border-color: #7db67e;
    background-color: #d7e8d7;
}

.ft-alert-info {
    color: #2881ac;
    border-color: #73adc9;
    background-color: #d4e5ee;
}

.ft-alert-warning {
    color: #b9a016;
    border-color: #d1c167;
    overflow: auto;
    background-color: #f1ecd0;
}

.ft-alert-danger {
    color: #d75553;
    border-color: #e5908f;
    background-color: #f7dddc;
}

.ft-dismiss {
    float: right;
    position: relative;
    top: -3px;
    right: 5px;
    background: none;
    border: none;
    cursor: pointer;
    color: inherit;
    font-size: 21px;
    opacity: 0.3;
    line-height: 1;
}

    .ft-dismiss:hover {
        opacity: 0.5;
    }

.ft-alert-blocker ~ .ft-sidebar {
    height: calc(100% - 90px);
}

    .ft-alert-blocker ~ .ft-sidebar, .ft-alert-blocker ~ .ft-sidebar.ft-area-account-active, .ft-alert-blocker ~ .ft-notification {
        top: 90px;
    }

.ft-alert-blocker ~ .ft-topbar, .ft-pre-panel .ft-alert-blocker ~ .ft-sidebar {
    top: 90px;
}

.ft-alert-blocker ~ .ft-main .ft-title-intro {
    margin-top: 90px;
}

.ft-alert-blocker {
    text-align: center;
}

.ft-alert-fixed-top {
    top: 0;
}

.ft-alert-fixed-bottom {
    bottom: 0;
}

.ft-alert-fixed-top, .ft-alert-fixed-bottom {
    position: fixed;
    z-index: 13;
}

.ft-alert-blocker, .ft-alert-fixed-top, .ft-alert-fixed-bottom {
    border-radius: 0;
    border: none;
    width: 100%;
    margin-bottom: 0;
    line-height: 20px;
}

.ft-unsupported-bar{ 
    display: none; 
}

.ft-browser-msie .ft-unsupported-bar{ display: block; }

@media screen and (min-width: 768px) {
    .ft-alert-blocker ~ .ft-sidebar {
        height: 100%;
    }

        .ft-alert-blocker ~ .ft-sidebar, .ft-alert-blocker ~ .ft-sidebar.ft-area-account-active, .ft-alert-blocker ~ .ft-notification {
            top: 150px;
        }
}

.ft-board-box .ft-no-data {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #888888;
    padding: 45px 0 50px;
    margin: 0;
}

.ft-board-box .ft-box, .ft-board-box .ft-box-filter, .ft-board-box .ft-alert-box {
    border: none;
    background-color: #f8f8f8;
    margin-bottom: 10px;
    min-height: 90px;
    padding: 15px;
    border-radius: 4px;
}

    .ft-board-box .ft-box small, .ft-board-box .ft-box-filter small, .ft-board-box .ft-alert-box small {
        margin-bottom: 10px;
        display: block;
        font-size: 12px;
    }

    .ft-board-box .ft-box strong, .ft-board-box .ft-box-filter strong, .ft-board-box .ft-alert-box strong {
        display: block;
        font-size: 40px;
        margin-bottom: 10px;
        color: #222222;
    }

        .ft-board-box .ft-box strong small, .ft-board-box .ft-box-filter strong small, .ft-board-box .ft-alert-box strong small {
            font-size: 14px;
        }

.ft-board-box .ft-title-4 {
    text-transform: uppercase;
    color: #888888;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 8px;
}

.ft-board-data {
    display: block;
}

    .ft-board-data + [class*="ft-btn"] {
        margin-bottom: 15px;
    }

.ft-info-header {
    margin-bottom: 10px;
}

    .ft-info-header > [class*="col-md"]:first-child {
        padding-left: 0;
    }

    .ft-info-header > [class*="ft-ico"] small {
        display: block;
        color: #888888;
        font-size: 14px;
        margin-top: 3px;
    }

    .ft-info-header > [class*="ft-ico"]:before {
        margin-right: 5px;
        margin-bottom: 7px;
    }

    .ft-info-header [class*="ft-btn"] ~ .ft-dropdown, .ft-info-header [class*="ft-btn"] ~ [class*="ft-btn"] {
        margin-left: 0;
        margin-right: 0;
    }

    .ft-info-header .ft-actions-btn {
        border-top: none;
        padding: 0;
        margin: 20px 0 0;
    }

@media screen and (min-width: 768px) {
    .ft-board-box {
        margin-bottom: 0;
        min-height: 170px;
    }

        .ft-board-box .row > [class*="col-"] {
            display: table;
            height: 160px;
            table-layout: fixed;
        }

            .ft-board-box .row > [class*="col-"] .ft-box, .ft-board-box .row > [class*="col-"] .ft-box-filter, .ft-board-box .row > [class*="col-"] .ft-alert-box {
                display: table-cell;
                vertical-align: middle;
                min-height: 160px;
            }

    .ft-info-header .ft-actions-btn {
        margin: 0;
    }

    .ft-info-header [class*="ft-btn"] ~ .ft-dropdown, .ft-info-header [class*="ft-btn"] ~ [class*="ft-btn"] {
        margin-left: 5px;
        margin-right: 5px;
    }
}

@media screen and (max-width: 1200px) {
    .ft-board-box .ft-box strong, .ft-board-box .ft-box-filter strong, .ft-board-box .ft-alert-box strong {
        display: block;
        font-size: 32px;
    }
}

[class*="ft-btn"] {
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
    border: 1px solid #b2b2b2;
    padding: 6px 11px 7px;
    /*border-radius: 4px;*/
    background-color: white;
    display: inline-block;
    font-size: 13px;
    line-height: 1.42857;
    text-decoration: none;
    text-align: center;
    white-space: normal;
    color: black;
    vertical-align: top;
    font-weight: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    [class*="ft-btn"][class*="ft-ico-"]:empty:before {
        margin: 0;
    }

p + [class*="ft-btn"] {
    margin-top: 7px;
}

[class*="ft-btn"].ft-disabled, [class*="ft-btn"][disabled] {
    cursor: default;
}

[class*="ft-btn"] + .ft-dropdown, [class*="ft-btn"] + [class*="ft-btn"] {
    margin-left: 5px;
}

[class*="ft-btn"].ft-btn-block {
    display: block;
    width: 100%;
}

    [class*="ft-btn"].ft-btn-block + .ft-btn-block {
        margin-top: 15px;
    }

.ft-btn-primary {
    color: white;
}

.ft-btn-success {
    background-color: #149040;
    border-color: #127e38;
    color: #fff;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

    .ft-btn-success:hover, .ft-btn-success:focus {
        background-color: #555555;
    }

    .ft-btn-success[data-ft-module]:after {
        border-top-color: #eeeeee;
    }

.ft-btn-lg {
    font-size: 16px;
    padding: 11px;
}

.ft-btn-sm {
    font-size: 12px;
    padding: 5px 11px;
}

.ft-btn-xs {
    font-size: 12px;
    padding: 2px 11px;
}

.ft-btn-sm, .ft-btn-xs {
    line-height: 1.5;
}

.ft-group-btn {
    position: relative;
    z-index: 3;
}

    .ft-group-btn.ft-float-none-xs {
        margin-bottom: 10px;
    }

    .ft-group-btn [class*="ft-btn"]:first-child:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .ft-group-btn [class*="ft-btn"]:last-child:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .ft-group-btn [class*="ft-btn"] + [class*="ft-btn"] {
        margin-left: -1px;
    }

    .ft-group-btn [class*="ft-btn"]:hover, .ft-group-btn [class*="ft-btn"]:focus {
        -moz-transition: none 1s;
        -o-transition: none 1s;
        -webkit-transition: none 1s;
        transition: none 1s;
        outline: none;
    }

.ft-actions-btn {
    padding: 15px 0;
    margin: 30px 0;
    border-top: 4px solid #eeeeee;
    white-space: nowrap;
}

.ft-form-inline .ft-actions-btn {
    margin: 0;
    border: none;
    display: inline-block;
}

.ft-form-horizontal .ft-actions-btn {
    padding-top: 21px;
    border: none;
}

.ft-collapse-group .ft-collapse {
    margin-bottom: 0;
    border-bottom: 0;
    border-radius: 0;
}

    .ft-collapse-group .ft-collapse:first-child {
        -moz-border-radius-topleft: 4px;
        -webkit-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
    }

    .ft-collapse-group .ft-collapse:last-child {
        -moz-border-radius-bottomleft: 4px;
        -webkit-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border: 1px solid #eeeeee;
    }

.ft-collapse {
    border: 1px solid #eeeeee;
    border-radius: 4px;
    background-color: white;
    font-size: 14px;
    margin-bottom: 10px;
}

    .ft-collapse .ft-collapse-body {
        padding: 10px;
    }

.ft-collapse-opened .ft-collapse-header:before, .ft-collapse-opened-always .ft-collapse-header:before {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ft-collapse-opened .ft-collapse-body, .ft-collapse-opened-always .ft-collapse-body {
    display: block;
}

.ft-collapse-header {
    display: block;
    padding: 10px 35px 10px 10px;
    cursor: pointer;
    position: relative;
    word-wrap: break-word;
}

    .ft-collapse-header:before {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -moz-transition: all 0.35s ease;
        -o-transition: all 0.35s ease;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
        border-radius: 100%;
        content: "\e60b";
        font-family: "front-utils";
        font-size: 14px;
        position: absolute;
        top: 50%;
        margin-top: -12px;
        right: 10px;
        height: 24px;
        width: 24px;
        line-height: 1.4;
        text-align: center;
    }

    .ft-collapse-header p {
        margin-bottom: 0;
        color: #888888;
    }

.ft-collapse-title {
    color: #555555;
    font-size: 16px;
    margin-bottom: 0;
}

.ft-collapse-body {
    border: 0px solid transparent;
    display: none;
}

[class*="ft-dropdown"] {
    position: relative;
    display: inline-block;
}

    [class*="ft-dropdown"] .ft-dropdown-nav {
        list-style: none;
        display: none;
        position: absolute;
        top: 100%;
        z-index: 3;
        min-width: 160px;
        margin: 0;
        margin-top: 2px;
        overflow: hidden;
        border-radius: 4px;
        font-size: 14px;
        border: 1px solid #dddddd;
        background: white;
    }

        [class*="ft-dropdown"] .ft-dropdown-nav a {
            padding: 8px 20px;
            display: block;
            color: #222222;
            line-height: 1;
            text-align: left;
            white-space: nowrap;
        }

            [class*="ft-dropdown"] .ft-dropdown-nav a:hover, [class*="ft-dropdown"] .ft-dropdown-nav a:focus {
                background: #eeeeee;
            }

            [class*="ft-dropdown"] .ft-dropdown-nav a.ft-divider {
                border-top: 1px solid #dddddd;
                padding-top: 10px;
            }

                [class*="ft-dropdown"] .ft-dropdown-nav a.ft-divider:hover, [class*="ft-dropdown"] .ft-dropdown-nav a.ft-divider:focus {
                    color: white !important;
                }

    [class*="ft-dropdown"].ft-active .ft-dropdown-nav {
        display: block;
    }

    [class*="ft-dropdown"] [class*="ft-btn"]:empty:after {
        margin-left: 0;
    }

    [class*="ft-dropdown"] [class*="ft-btn"]:after {
        content: "";
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 5px;
        position: relative;
        border: 5px solid transparent;
        border-color: #555555 transparent transparent transparent;
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 14px;
        position: relative;
        top: 4px;
    }

    [class*="ft-dropdown"] [class*="ft-btn"].ft-btn-lg:after {
        top: 2px;
    }

    [class*="ft-dropdown"] [class*="ft-btn-"]:after, [class*="ft-dropdown"] [class*="ft-btn-"][class*="ft-btn-"]:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 5px;
        position: relative;
        border: 5px solid transparent;
        border-color: white transparent transparent transparent;
    }

    [class*="ft-dropdown"] .ft-btn[class*="ft-btn-"]:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 5px;
        position: relative;
        border: 5px solid transparent;
        border-color: #555555 transparent transparent transparent;
    }

    [class*="ft-dropdown"].ft-dropdown [class*="ft-btn-danger"]:after {
        border-color: #d75553 transparent transparent transparent;
    }

    [class*="ft-dropdown"].ft-dropdown [class*="ft-btn-danger"]:hover:after, [class*="ft-dropdown"].ft-dropdown [class*="ft-btn-danger"]:focus:after {
        border-color: white transparent transparent transparent;
    }

    [class*="ft-dropdown"].ft-pos-right ul {
        left: auto;
        right: 0;
    }

    [class*="ft-dropdown"].ft-dropdown-tabs {
        z-index: 2;
    }

        [class*="ft-dropdown"].ft-dropdown-tabs [class*="ft-btn"] {
            border-radius: 4px 4px 0 0;
            border-color: #eeeeee;
            border-bottom: 1px solid white;
            padding: 13px 12px 11px;
            line-height: 1;
            font-size: 14px;
        }

            [class*="ft-dropdown"].ft-dropdown-tabs [class*="ft-btn"]:hover, [class*="ft-dropdown"].ft-dropdown-tabs [class*="ft-btn"]:focus {
                background-color: #eeeeee;
                background-color: rgba(238,238,238,0.2);
            }

            [class*="ft-dropdown"].ft-dropdown-tabs [class*="ft-btn"]:after {
                margin-left: 6px;
            }

        [class*="ft-dropdown"].ft-dropdown-tabs .ft-dropdown-nav {
            border-radius: 0 0 4px 4px;
            border-color: #dddddd;
            margin-top: -1px;
            padding: 5px 0;
        }

            [class*="ft-dropdown"].ft-dropdown-tabs .ft-dropdown-nav a {
                font-size: 14px;
            }

[class*="ft-btn-"][data-ft-module]:after {
    border-top-color: white;
}

.ft-footer {
    position: relative;
    z-index: 0;
    padding-bottom: 5px;
    margin: 0 auto;
    overflow: hidden;
    width: calc(100% - 30px);
    width: 96.5% \9;
    border-top: 30px solid transparent;
}

.ft-title-footer, .bg-customer-support, .bg-my-tickets, .bg-help-desk, .bg-statusblog {
    background-image: url(../images/footer/sprite.png);
    background-repeat: no-repeat;
}

.ft-footer-menu {
    background-color: #131313;
    border-radius: 4px;
    overflow: hidden;
}

.ft-title-footer {
    position: relative;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 0;
    margin: 0 auto;
    color: white;
    font-weight: bolder;
    font-size: 14px;
    background-position: center 37px;
}

.ft-footer-list {
    margin: 0;
    text-align: center;
    position: relative;
    display: block;
    padding: 10px 0 20px;
}

    .ft-footer-list li {
        display: inline-block;
        padding: 0;
        margin: 0 10px;
    }

    .ft-footer-list a {
        padding: 18px 10px 18px 35px;
        color: white;
    }

        .ft-footer-list a:hover, .ft-footer-list a:focus {
            text-decoration: none;
        }

    .ft-footer-list .bg-customer-support {
        background-position: -5px -67px;
    }

    .ft-footer-list .bg-my-tickets {
        background-position: -5px -187px;
    }

    .ft-footer-list .bg-help-desk {
        background-position: -5px -127px;
    }

    .ft-footer-list .bg-statusblog {
        background-position: -5px -247px;
    }

.ft-footer-info {
    font-size: 11px;
    text-align: center;
    padding: 5px 0 0;
}

    .ft-footer-info .set-ip {
        margin-top: 5px;
    }

    .ft-footer-info p {
        border-top: solid 1px #d9d9d9;
        margin-top: 5px;
        padding-top: 5px;
        font-size: 11px;
    }

@media screen and (min-width: 1200px) {
    .ft-footer {
        display: block;
    }

    .ft-footer-menu {
        position: relative;
    }

    .ft-title-footer {
        display: inline-block;
        vertical-align: middle;
        line-height: 25px;
        padding: 15px 35px 15px 15px;
        background-position: right -20px;
    }

    .ft-footer-list {
        margin: 0;
        display: inline-block;
        width: calc(100% - 185px);
        width: 79.5% \9;
        position: relative;
        top: 5px;
    }

        .ft-footer-list li {
            margin-left: 0;
            margin-right: 0;
            font-size: 13px;
            display: inline-block;
            vertical-align: top;
            width: 24%;
        }

        .ft-footer-list a .visible-lg {
            display: inline-block !important;
            opacity: 1;
        }

        .ft-footer-list:hover, .ft-footer-list:focus, .ft-footer-list:active {
            opacity: 0.8;
        }

    .ft-footer-info {
        padding-bottom: 10px;
    }

        .ft-footer-info .set-ip {
            margin-top: 0;
        }

        .ft-footer-info .set-ip, .ft-footer-info .last-access {
            float: left;
            margin-right: 10px;
        }

        .ft-footer-info .ft-copy-right {
            float: right;
            border: none;
            margin: 0;
            padding: 0;
        }
}

[class*="ft-title"] + .ft-form {
    padding-top: 15px;
}

.ft-form.row [class*="ft-btn"] {
    margin-left: 15px;
}

.ft-form [class*="ft-btn"].ft-btn-block {
    width: calc(100% - 30px);
    width: 96.5% \9;
}

.ft-modal-footer [class*="ft-btn"] {
    margin-left: 0;
}

.ft-label {
    display: block;
    float: none;
    vertical-align: top;
    margin-bottom: 15px;
}

    .ft-label b, .ft-label label, .ft-label .ft-label-text {
        display: block;
        color: #555555;
        font-weight: bold;
        line-height: 19.8px;
        font-size: 14px;
        margin-right: 5px;
    }

        .ft-label b + p, .ft-label label + p, .ft-label .ft-label-text + p {
            color: #888888;
        }

        .ft-label b ~ label {
            font-weight: normal;
        }

.ft-input-text, input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea {
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-family: Open Sans, Arial, Helvetica, Sans-serif;
    font-size: 13px;
    padding: 6px 11px 7px;
    vertical-align: middle;
    background-color: white;
    background-image: none;
    border: 1px solid #dddddd;
    border-radius: 4px;
    line-height: 1.42857;
}

.ft-label .ft-input-text, .ft-label input[type="color"], .ft-label input[type="date"], .ft-label input[type="datetime"], .ft-label input[type="datetime-local"], .ft-label input[type="email"], .ft-label input[type="month"], .ft-label input[type="number"], .ft-label input[type="password"], .ft-label input[type="search"], .ft-label input[type="tel"], .ft-label input[type="text"], .ft-label input[type="time"], .ft-label input[type="url"], .ft-label input[type="week"], .ft-label textarea {
    width: 100%;
}

.ft-form-inline .ft-label .ft-input-text, .ft-form-inline .ft-label input[type="color"], .ft-form-inline .ft-label input[type="date"], .ft-form-inline .ft-label input[type="datetime"], .ft-form-inline .ft-label input[type="datetime-local"], .ft-form-inline .ft-label input[type="email"], .ft-form-inline .ft-label input[type="month"], .ft-form-inline .ft-label input[type="number"], .ft-form-inline .ft-label input[type="password"], .ft-form-inline .ft-label input[type="search"], .ft-form-inline .ft-label input[type="tel"], .ft-form-inline .ft-label input[type="text"], .ft-form-inline .ft-label input[type="time"], .ft-form-inline .ft-label input[type="url"], .ft-form-inline .ft-label input[type="week"], .ft-form-inline .ft-label textarea {
    width: auto;
}

.ft-form-inline .ft-label[class*="col-"] .ft-input-text, .ft-form-inline .ft-label[class*="col-"] input[type="color"], .ft-form-inline .ft-label[class*="col-"] input[type="date"], .ft-form-inline .ft-label[class*="col-"] input[type="datetime"], .ft-form-inline .ft-label[class*="col-"] input[type="datetime-local"], .ft-form-inline .ft-label[class*="col-"] input[type="email"], .ft-form-inline .ft-label[class*="col-"] input[type="month"], .ft-form-inline .ft-label[class*="col-"] input[type="number"], .ft-form-inline .ft-label[class*="col-"] input[type="password"], .ft-form-inline .ft-label[class*="col-"] input[type="search"], .ft-form-inline .ft-label[class*="col-"] input[type="tel"], .ft-form-inline .ft-label[class*="col-"] input[type="text"], .ft-form-inline .ft-label[class*="col-"] input[type="time"], .ft-form-inline .ft-label[class*="col-"] input[type="url"], .ft-form-inline .ft-label[class*="col-"] input[type="week"], .ft-form-inline .ft-label[class*="col-"] textarea {
    width: 100%;
}

.ft-input-text[disabled], input[type="color"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="email"][disabled], input[type="month"][disabled], input[type="number"][disabled], input[type="password"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="text"][disabled], input[type="time"][disabled], input[type="url"][disabled], input[type="week"][disabled], textarea[disabled] {
    border-color: #eeeeee;
    background-color: #f7f7f7;
}

.ft-input-text.ft-field-lg, input[type="color"].ft-field-lg, input[type="date"].ft-field-lg, input[type="datetime"].ft-field-lg, input[type="datetime-local"].ft-field-lg, input[type="email"].ft-field-lg, input[type="month"].ft-field-lg, input[type="number"].ft-field-lg, input[type="password"].ft-field-lg, input[type="search"].ft-field-lg, input[type="tel"].ft-field-lg, input[type="text"].ft-field-lg, input[type="time"].ft-field-lg, input[type="url"].ft-field-lg, input[type="week"].ft-field-lg, textarea.ft-field-lg {
    font-size: 16px;
    padding: 11px;
}

.ft-input-text.ft-field-md, input[type="color"].ft-field-md, input[type="date"].ft-field-md, input[type="datetime"].ft-field-md, input[type="datetime-local"].ft-field-md, input[type="email"].ft-field-md, input[type="month"].ft-field-md, input[type="number"].ft-field-md, input[type="password"].ft-field-md, input[type="search"].ft-field-md, input[type="tel"].ft-field-md, input[type="text"].ft-field-md, input[type="time"].ft-field-md, input[type="url"].ft-field-md, input[type="week"].ft-field-md, textarea.ft-field-md {
    font-size: 13px;
    padding: 6px 11px 7px;
}

.ft-input-text.ft-field-sm, input[type="color"].ft-field-sm, input[type="date"].ft-field-sm, input[type="datetime"].ft-field-sm, input[type="datetime-local"].ft-field-sm, input[type="email"].ft-field-sm, input[type="month"].ft-field-sm, input[type="number"].ft-field-sm, input[type="password"].ft-field-sm, input[type="search"].ft-field-sm, input[type="tel"].ft-field-sm, input[type="text"].ft-field-sm, input[type="time"].ft-field-sm, input[type="url"].ft-field-sm, input[type="week"].ft-field-sm, textarea.ft-field-sm {
    font-size: 12px;
    padding: 5px 11px;
}

.ft-input-text.ft-field-xs, input[type="color"].ft-field-xs, input[type="date"].ft-field-xs, input[type="datetime"].ft-field-xs, input[type="datetime-local"].ft-field-xs, input[type="email"].ft-field-xs, input[type="month"].ft-field-xs, input[type="number"].ft-field-xs, input[type="password"].ft-field-xs, input[type="search"].ft-field-xs, input[type="tel"].ft-field-xs, input[type="text"].ft-field-xs, input[type="time"].ft-field-xs, input[type="url"].ft-field-xs, input[type="week"].ft-field-xs, textarea.ft-field-xs {
    font-size: 12px;
    padding: 2px 11px;
}

.ft-input-text.ft-field-sm, .ft-input-text.ft-field-xs, input[type="color"].ft-field-sm, input[type="color"].ft-field-xs, input[type="date"].ft-field-sm, input[type="date"].ft-field-xs, input[type="datetime"].ft-field-sm, input[type="datetime"].ft-field-xs, input[type="datetime-local"].ft-field-sm, input[type="datetime-local"].ft-field-xs, input[type="email"].ft-field-sm, input[type="email"].ft-field-xs, input[type="month"].ft-field-sm, input[type="month"].ft-field-xs, input[type="number"].ft-field-sm, input[type="number"].ft-field-xs, input[type="password"].ft-field-sm, input[type="password"].ft-field-xs, input[type="search"].ft-field-sm, input[type="search"].ft-field-xs, input[type="tel"].ft-field-sm, input[type="tel"].ft-field-xs, input[type="text"].ft-field-sm, input[type="text"].ft-field-xs, input[type="time"].ft-field-sm, input[type="time"].ft-field-xs, input[type="url"].ft-field-sm, input[type="url"].ft-field-xs, input[type="week"].ft-field-sm, input[type="week"].ft-field-xs, textarea.ft-field-sm, textarea.ft-field-xs {
    line-height: 1.5;
}

textarea {
    resize: none;
}

    textarea.ft-textarea-resize-both {
        resize: both;
        overflow: auto;
    }

    textarea.ft-textarea-resize-horizontal {
        resize: horizontal;
    }

    textarea.ft-textarea-resize-vertical {
        resize: vertical;
    }

[type="search"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.ft-help-message {
    display: block;
    clear: both;
    font-size: 13px;
}

.ft-warning .ft-label-text, .ft-warning .ft-help-message {
    color: #b9a016;
}

.ft-warning .ft-prefix-group a, .ft-warning .ft-prefix-group .ft-label-text-prefix {
    color: #b9a016;
    border-color: #b9a016;
}

.ft-warning input, .ft-warning textarea {
    border-color: #b9a016;
}

.ft-success .ft-label-text, .ft-success .ft-help-message {
    color: #388f39;
}

.ft-success .ft-prefix-group a, .ft-success .ft-prefix-group .ft-label-text-prefix {
    color: #388f39;
    border-color: #388f39;
}

.ft-success input, .ft-success textarea {
    border-color: #388f39;
}

.ft-error .ft-label-text, .ft-error .ft-help-message {
    color: #d75553;
}

.ft-error .ft-prefix-group a, .ft-error .ft-prefix-group .ft-label-text-prefix {
    color: #d75553;
    border-color: #d75553;
}

.ft-error input, .ft-error textarea {
    border-color: #d75553;
}

.ft-form-horizontal .ft-label .ft-label-text {
    display: inline-block;
    margin-right: 10px;
}

.ft-form-horizontal [class*="ft-btn"] {
    vertical-align: top;
    margin-top: 21px;
}

.ft-form-horizontal .ft-actions-btn {
    clear: both;
}

.ft-form-inline {
    margin-right: 0;
}

    .ft-form-inline.ft-float-left, .ft-info-header > .ft-form-inline[class*="ft-ico"]:before, .ft-group-btn .ft-form-inline[class*="ft-btn"], .ft-form-horizontal .ft-form-inline.ft-label[class*="col-"], .ft-prefix-group input.ft-form-inline, .ft-form-inline.ft-box[class*="ft-ico-"]:before, .ft-form-inline[class*="ft-ico-"].ft-box-filter:before, .ft-form-inline[class*="ft-ico-"].ft-alert-box:before, [class*="ft-pagination"] li.ft-form-inline, [class*="ft-pagination"] li .ft-form-inline.ft-gap, [class*="ft-pagination"] li a.ft-form-inline, .ft-pager li.ft-previous a.ft-form-inline, .ft-form-inline.pika-lendar, .ft-form-inline.pika-prev, .is-rtl .ft-form-inline.pika-next {
        width: 48%;
    }

    .ft-form-inline.row {
        margin-right: 0;
    }

        .ft-form-inline.row [class*="ft-btn"] {
            margin-left: 0;
        }

    .ft-form-inline .ft-label {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 15px;
    }

        .ft-form-inline .ft-label + [class*="ft-btn"] {
            margin-left: 0;
        }

        .ft-form-inline .ft-label .ft-label-text {
            display: inline-block;
            margin-right: 5px;
        }

        .ft-form-inline .ft-label[class*="col-"] {
            float: left;
            display: inline-table;
            margin-right: 0;
            padding-left: 0;
        }

            .ft-form-inline .ft-label[class*="col-"] .ft-label-text {
                display: table-cell;
                padding-right: 10px;
                vertical-align: middle;
                white-space: nowrap;
                width: 1%;
            }

    .ft-form-inline .ft-actions-btn {
        display: inline-table;
    }

        .ft-form-inline .ft-actions-btn [class*="ft-btn"] + [class*="ft-btn"] {
            margin-left: 15px;
        }

.ft-box-filter form.ft-float-right {
    min-width: 230px;
    text-align: right;
}

    .ft-box-filter form.ft-float-right .ft-label {
        display: inline-block;
    }

        .ft-box-filter form.ft-float-right .ft-label[class*="col-"] {
            padding-right: 15px;
        }

        .ft-box-filter form.ft-float-right .ft-label input {
            width: 100%;
        }

.ft-form-text input, input.ft-form-text, .ft-form-text[disabled] {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: transparent !important;
    background-color: transparent !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.ft-prefix-group .ft-form-text input, .ft-prefix-group input.ft-form-text, .ft-prefix-group .ft-form-text[disabled] {
    background-color: white !important;
    background-image: none;
    border: 1px solid #dddddd !important;
    border-left: none !important;
    padding-left: 8px !important;
}

.ft-middle-label {
    display: inline-block;
    padding-top: 9px;
}

.ft-prefix-group {
    position: relative;
    height: 36px;
    display: table;
}

.ft-form-inline .ft-prefix-group input + .ft-label-text-prefix {
    height: inherit;
}

.ft-form-inline .ft-prefix-group input {
    width: 78%;
}

.ft-prefix-group input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: inherit;
    margin-bottom: 0;
    display: table-cell;
}

.ft-label-text-prefix {
    width: 1%;
    display: table-cell;
    padding: 6px 12px;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #a2a2a2;
    text-align: center;
    background-color: #fbfbfb;
    border: 1px solid #dddddd;
    border-radius: 4px 0 0 4px;
}

    .ft-label-text-prefix.ft-bg-white {
        color: #222222;
        font-weight: bold;
    }

        .ft-label-text-prefix.ft-bg-white:hover, .ft-label-text-prefix.ft-bg-white:focus {
            background: #dddddd !important;
        }

    .ft-label-text-prefix + input {
        border-left: none;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

input + .ft-label-text-prefix {
    border: 1px solid #dddddd;
    border-radius: 0 4px 4px 0;
    position: relative;
    left: -4px;
    z-index: 2;
}

@media screen and (max-width: 768px) {
    .ft-form-horizontal [class*="ft-btn"] {
        margin-top: 0;
    }

    .ft-form-inline.row {
        margin-left: 0;
        margin-right: -15px;
    }

    .ft-form-inline .ft-label .ft-label-text {
        display: block;
    }

    .ft-form-inline .ft-label[class*="col-"] {
        float: none;
        display: block;
    }

        .ft-form-inline .ft-label[class*="col-"] .ft-label-text {
            display: block;
        }

    .ft-form-inline .ft-actions-btn {
        display: block;
    }

    .ft-form-inline [class*="ft-btn"] {
        margin-left: 0;
    }

        .ft-form-inline [class*="ft-btn"] + [class*="ft-btn"] {
            margin-left: 15px;
        }

    .ft-form-inline .ft-float-right, .ft-form-inline .ft-pager li.ft-next a, .ft-pager li.ft-next .ft-form-inline a {
        float: none !important;
    }

    .ft-box-filter form.ft-float-right {
        text-align: left;
        float: none !important;
    }

        .ft-box-filter form.ft-float-right .ft-label {
            display: block;
        }

        .ft-box-filter form.ft-float-right [class*="ft-btn"] {
            margin-left: 0;
        }
}

@media screen and (min-width: 768px) {
    .ft-box-filter .ft-form-inline .ft-label {
        margin-bottom: 0;
    }

    .ft-form-inline .ft-actions-btn {
        margin-top: 0;
        margin-bottom: 0;
    }
}

.ft-list {
    border: 1px solid #eeeeee;
    border-left-width: 4px;
    color: #888888;
    border-radius: 4px;
    margin-bottom: 10px;
    font-size: 13px;
}

    .ft-list .ft-list-header {
        display: table;
        width: 100%;
    }

        .ft-list .ft-list-header > div {
            padding: 15px;
            height: inherit;
        }

        .ft-list .ft-list-header + .ft-list-content {
            border-top: 1px solid #eeeeee;
        }

    .ft-list .ft-list-label {
        color: #888888;
        color: rgba(136,136,136,0.8);
        display: block;
        font-size: 13px;
        padding-bottom: 2px;
    }

        .ft-list .ft-list-label + strong {
            color: #222222;
            color: rgba(34,34,34,0.8);
        }

    .ft-list .ft-list-image {
        display: inline-block;
        margin-right: 10px;
        vertical-align: top;
    }

    .ft-list .ft-list-title strong {
        color: #222222;
    }

    .ft-list .ft-list-title a, .ft-list .ft-list-title strong {
        font-size: 18px;
        font-weight: 600;
    }

    .ft-list .ft-list-title small {
        padding-top: 5px;
        display: block;
        font-size: 13px;
    }

.ft-list-description p {
    display: block;
    font-size: 13px;
}

.ft-list-description ul {
    margin-left: 20px;
    margin-bottom: 10px;
}

.ft-list-description li {
    font-size: 13px;
    line-height: 1.4;
}

.ft-list-description [class*="ft-btn"] + [class*="ft-btn"] {
    margin-right: 5px;
}

.ft-list-content {
    display: table;
    margin-left: 10px;
    width: calc(100% - 20px);
    width: 98.5% \9;
}

    .ft-list-content [class*="col-"] {
        border-left: 1px solid #eeeeee;
        padding-bottom: 12px;
        padding-top: 12px;
    }

        .ft-list-content [class*="col-"]:first-child {
            border-color: transparent;
            padding-left: 5px;
        }

    .ft-list-content [class*="col-xs-12"] {
        border-left: none;
        border-top: 1px solid #eeeeee;
        text-align: center;
    }

        .ft-list-content [class*="col-xs-12"]:first-child {
            border-top: none;
        }

    .ft-list-content + .ft-list-content {
        border-top: 1px solid #eeeeee;
    }

@media screen and (min-width: 768px) {
    .ft-list-content [class*="col-xs-12"] {
        border-left: 1px solid #eeeeee;
        border-top: none;
        text-align: left;
    }
}

.ft-modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    overflow: auto;
    overflow-y: scroll;
    z-index: 16;
    backface-visibility: hidden;
    background: rgba(0,0,0,0.8);
}

    .ft-modal.ft-opened {
        display: block;
    }

    .ft-modal.popover .ft-modal-footer {
        display: none;
    }

.ft-modal-box {
    display: inline-block;
    width: 90%;
    margin: 10% 20px 100px;
    position: relative;
    text-align: left;
    background-color: white;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.7);
}

    .ft-modal-box.ft-modal-large {
        width: 750px;
        margin-left: -375px;
    }

    .ft-modal-box.ft-modal-small {
        width: 450px;
    }

[data-modal-blocked] [data-dismiss] {
    display: none;
}

.ft-modal-header {
    padding: 20px;
    border-bottom: 1px solid #eeeeee;
}

    .ft-modal-header [data-dismiss] {
        position: absolute;
        right: 10px;
        top: 14px;
        border: none;
        background: none;
        color: #212121;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        cursor: pointer;
        opacity: 0.3;
    }

        .ft-modal-header [data-dismiss]:hover {
            opacity: 1;
        }

    .ft-modal-header .ft-modal-title {
        padding: 0;
        margin: 0;
        font-size: 16px;
    }

.ft-modal-body {
    padding: 20px;
}

    .ft-modal-body p {
        margin-bottom: 10px;
    }

.ft-modal-footer {
    padding: 20px;
    border-top: 1px solid #eeeeee;
}

.ft-modal-feedbackr .ft-modal-box {
    width: 627px;
    height: 600px;
}

    .ft-modal-feedbackr .ft-modal-box .ft-modal-header {
        padding: 0;
        border: none;
    }

        .ft-modal-feedbackr .ft-modal-box .ft-modal-header [data-dismiss] {
            top: 0px;
            right: 3px;
        }

    .ft-modal-feedbackr .ft-modal-box .ft-modal-body {
        width: 100%;
        height: 600px;
    }

@media screen and (min-width: 768px) {
    .ft-modal-box {
        width: 600px;
    }
}

.ft-notification {
    background: #222222;
    width: 265px;
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    z-index: -1;
}

    .ft-notification .ft-notification-list ul li {
        border-bottom: 1px solid #555555;
        position: relative;
        list-style: none;
    }

        .ft-notification .ft-notification-list ul li:last-child {
            border-bottom: none;
        }

    .ft-notification .ft-notification-list [class*="ft-title"] {
        padding: 20px;
        color: white;
        background: #555555;
    }

    .ft-notification .ft-notification-list a:not([class*="btn"]) {
        -moz-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        color: #888888;
        display: block;
        font-size: 14px;
        text-decoration: none;
        padding: 20px;
        padding-right: 30px;
        font-weight: 300;
        line-height: 1.3;
    }

        .ft-notification .ft-notification-list a:not([class*="btn"]).ft-close-notification {
            padding: 0;
            position: absolute;
            top: 10px;
            right: 5px;
            font-size: 10px;
            color: white;
        }

        .ft-notification .ft-notification-list a:not([class*="btn"]):hover, .ft-notification .ft-notification-list a:not([class*="btn"]):focus, .ft-notification .ft-notification-list a:not([class*="btn"]):active {
            color: white;
        }

    .ft-notification .ft-notification-list a[class*="btn"] {
        margin: 20px 0;
    }

@media screen and (min-width: 768px) {
    .ft-notification {
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        -moz-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        -moz-transition: none 1s;
        -o-transition: none 1s;
        -webkit-transition: none 1s;
        transition: none 1s;
        float: none;
        top: 60px;
        height: calc(100% - 60px);
        height: 93% \9;
        z-index: 11;
        position: fixed;
        overflow: visible;
        right: auto;
        left: 0;
    }

    .ft-notification-list {
        position: fixed;
        background: #222222;
        width: 265px;
        top: -20px;
        display: block;
        -ms-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        opacity: 0;
        height: 0;
        overflow: hidden;
        border-radius: 4px;
    }

        .ft-notification-list h3 {
            border-radius: 4px 4px 0 0;
        }

        .ft-notification-list ul {
            max-height: 300px;
            overflow: auto;
            margin: 0 5px 5px 0;
        }

            .ft-notification-list ul::-webkit-scrollbar {
                width: 6px;
            }

            .ft-notification-list ul::-webkit-scrollbar-track {
                background: rgba(0,0,0,0.8);
                border-radius: 4px;
            }

            .ft-notification-list ul::-webkit-scrollbar-thumb {
                background: #888888;
                border-radius: 4px;
            }

        .ft-notification-list.ft-active {
            top: 0;
            opacity: 1;
            height: auto;
            overflow: visible;
        }

        .ft-notification-list:before {
            content: "";
            display: inline-block;
            width: 0;
            height: 0;
            margin-left: 5px;
            position: relative;
            border: 10px solid transparent;
            position: absolute;
            top: -20px;
            left: 50%;
            margin-left: -10px;
            border-bottom-color: #555555;
        }
}

.ft-pre-panel .ft-sidebar {
    top: 0;
    height: 100%;
}

.ft-pre-panel .ft-go-next {
    display: none;
}

.ft-pre-panel .ft-title-intro {
    background-color: transparent;
    border-bottom: none;
    margin-bottom: 0;
}

    .ft-pre-panel .ft-title-intro + p {
        font-size: 14px;
        margin-bottom: 30px;
    }

.ft-pre-panel .ft-topbar .ft-notification-topbar .ft-alerts-list a {
    color: #555555;
    color: rgba(85,85,85,0.4);
}

    .ft-pre-panel .ft-topbar .ft-notification-topbar .ft-alerts-list a.ft-active {
        color: black;
    }

    .ft-pre-panel .ft-topbar .ft-notification-topbar .ft-alerts-list a[data-counter] {
        color: #555555;
        color: #555555;
    }

        .ft-pre-panel .ft-topbar .ft-notification-topbar .ft-alerts-list a[data-counter].ft-active {
            color: black;
        }

        .ft-pre-panel .ft-topbar .ft-notification-topbar .ft-alerts-list a[data-counter]:after {
            color: white;
        }

.ft-pre-panel .ft-user-account {
    background-color: #dedede;
}

.ft-pre-panel .ft-topbar .ft-ico-menu:before, .ft-pre-panel .ft-topbar .ft-show-notifications.ft-ico-question:before {
    color: #555555;
}

.ft-pre-panel .ft-alert-blocker ~ .ft-sidebar {
    height: calc(100% - 90px);
}

@media screen and (min-width: 768px) {
    .ft-pre-panel .ft-sidebar {
        z-index: 12;
    }

    .ft-pre-panel .ft-user-account > a {
        color: #555555;
    }

        .ft-pre-panel .ft-user-account > a small {
            color: #555555;
            color: #555555;
        }

        .ft-pre-panel .ft-user-account > a:before {
            color: #555555;
            color: rgba(85,85,85,0.5);
            box-shadow: inset 0 0 0 2px rgba(85,85,85,0.3);
        }

    .ft-main-full .ft-topbar [class*="ft-go"] {
        display: none;
    }
}

.ft-popover {
    position: absolute;
    z-index: 17;
    max-width: 376px;
    background-color: white;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 4px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    min-width: 200px;
    background-clip: padding-box;
    display: none;
}

    .ft-popover.ft-active {
        display: block;
    }

    .ft-popover.ft-popover-top {
        -moz-transform: translateX(-50%) translateY(-100%);
        -ms-transform: translateX(-50%) translateY(-100%);
        -webkit-transform: translateX(-50%) translateY(-100%);
        transform: translateX(-50%) translateY(-100%);
    }

    .ft-popover.ft-popover-bottom {
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .ft-popover.ft-popover-right {
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .ft-popover.ft-popover-left {
        -moz-transform: translateX(-100%) translateY(-50%);
        -ms-transform: translateX(-100%) translateY(-50%);
        -webkit-transform: translateX(-100%) translateY(-50%);
        transform: translateX(-100%) translateY(-50%);
    }

    .ft-popover:after, .ft-popover:before {
        content: "";
        position: absolute;
        width: 0px;
        height: 0px;
        border-style: solid;
    }

    .ft-popover.ft-popover-top:after {
        bottom: -10px;
        left: 46.5%;
        margin-left: -8px;
        border-width: 10px 10px 0 10px;
        border-color: white transparent transparent transparent;
    }

    .ft-popover.ft-popover-top:before {
        bottom: -11px;
        left: 46.5%;
        margin-left: -8px;
        border-width: 10px 10px 0 10px;
        border-color: rgba(0,0,0,0.2) transparent transparent transparent;
    }

    .ft-popover.ft-popover-right:after {
        top: 50%;
        left: -9px;
        margin-top: -7px;
        border-width: 10px 10px 10px 0;
        border-color: transparent white transparent transparent;
    }

    .ft-popover.ft-popover-right:before {
        top: 50%;
        left: -10px;
        margin-top: -7px;
        border-width: 10px 10px 10px 0;
        border-color: transparent rgba(0,0,0,0.2) transparent transparent;
    }

    .ft-popover.ft-popover-bottom:after {
        top: -10px;
        left: 46.5%;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #f7f7f7 transparent;
    }

    .ft-popover.ft-popover-bottom:before {
        top: -11px;
        left: 46.5%;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent rgba(0,0,0,0.2) transparent;
    }

    .ft-popover.ft-popover-left:after {
        top: 50%;
        right: -10px;
        margin-top: -8px;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent white;
    }

    .ft-popover.ft-popover-left:before {
        top: 50%;
        right: -11px;
        margin-top: -8px;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent rgba(0,0,0,0.2);
    }

    .ft-popover .ft-popover-header [class*="title-"] {
        padding: 13px 20px 12px;
        margin: 0;
        font-size: 16px;
        background-color: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
        border-radius: 4px 4px 0 0;
    }

    .ft-popover .ft-popover-content {
        color: #555555;
        padding: 20px;
        font-size: 14px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .ft-popover .ft-popover-content ul, .ft-popover .ft-popover-content ol {
            margin: 0;
            padding: 0;
        }

            .ft-popover .ft-popover-content ul li {
                margin-bottom: 5px;
            }

[data-ft-module="progressBar"] {
    background: #eeeeee;
    width: 100%;
    padding: 2px;
    min-height: 24px;
    border-radius: 4px;
    position: relative;
}

    [data-ft-module="progressBar"] span {
        display: block;
        min-height: 20px;
        background: #555555;
        border-radius: 4px;
        text-align: center;
    }

        [data-ft-module="progressBar"] span:before {
            content: attr(aria-valuenow);
            color: white;
            font-size: 10px;
            display: inline-block;
            padding: 5px;
        }

    [data-ft-module="progressBar"].ft-right-percentage {
        width: calc(100% - 30px);
        width: 96.5% \9;
    }

        [data-ft-module="progressBar"].ft-right-percentage span:before {
            position: absolute;
            left: 100%;
            color: black;
        }

    [data-ft-module="progressBar"].ft-left-percentage {
        margin-left: 30px;
        width: calc(100% - 30px);
        width: 96.5% \9;
    }

        [data-ft-module="progressBar"].ft-left-percentage span:before {
            position: absolute;
            right: 100%;
            color: black;
        }

@-webkit-keyframes stretch {
    0% {
        width: 0;
    }
}

@keyframes stretch {
    0% {
        width: 0;
    }
}

[data-ft-module="progressBar"].ft-animated span {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: stretch;
    animation-name: stretch;
}

.ft-sidebar {
    background-color: #1e1e1e;
    width: 265px;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
}

    .ft-sidebar .ft-sidebar-toggle {
        display: none;
    }

    .ft-sidebar .ft-sidebar-inner {
        overflow: auto;
        height: inherit;
    }

    .ft-sidebar .ft-user-account {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0;
        display: inline-block;
        width: 100%;
        background-color: #111111;
        z-index: 3;
    }

        .ft-sidebar .ft-user-account ~ .ft-sidebar-inner {
            height: calc(100% - 60px);
        }

        .ft-sidebar .ft-user-account > a[class*="ft-ico"] {
            font-weight: 300;
            height: 70px;
            padding-left: 60px;
            padding-top: 20px;
        }

            .ft-sidebar .ft-user-account > a[class*="ft-ico"]:after {
                -moz-transition: none 1s;
                -o-transition: none 1s;
                -webkit-transition: none 1s;
                transition: none 1s;
                content: "\e60f";
                position: absolute;
                top: 25px;
                right: 15px;
            }

            .ft-sidebar .ft-user-account > a[class*="ft-ico"]:before {
                background: #222222;
                position: absolute;
                left: 15px;
                top: 15px;
            }

            .ft-sidebar .ft-user-account > a[class*="ft-ico"] .ft-name {
                display: block !important;
                font-weight: 600;
                top: -5px;
                position: relative;
            }

        .ft-sidebar .ft-user-account.ft-active {
            height: 100%;
        }

            .ft-sidebar .ft-user-account.ft-active > a:after {
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -webkit-transform: rotate(0);
                transform: rotate(0);
                -moz-transition: none 1s;
                -o-transition: none 1s;
                -webkit-transition: none 1s;
                transition: none 1s;
                content: "\e63c";
            }

        .ft-sidebar .ft-user-account [class*="ft-ico"] {
            padding: 15px;
        }

        .ft-sidebar .ft-user-account .ft-user-menu {
            background-color: #111111;
            position: static;
        }

    .ft-sidebar.ft-area-account-active .ft-menu {
        height: calc(100% - 160px);
        height: 100% \9;
        padding-bottom: 160px \9;
    }

    .ft-sidebar .ft-brand-name {
        padding: 40px 20px;
        text-align: center;
        font-size: 28px;
        font-weight: 300;
        line-height: 1.3;
    }

        .ft-sidebar .ft-brand-name a {
            color: white;
        }

        .ft-sidebar .ft-brand-name:before {
            display: block;
            color: white;
            font-size: 72px;
        }

.ft-menu {
    margin: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.ft-pre-panel .ft-sidebar .ft-menu {
    height: calc(100% - 224px);
}

.ft-menu li {
    list-style: none;
    border-bottom: 1px solid;
}

    .ft-menu li.ft-active > a {
        color: white;
    }

.ft-menu a {
    -moz-transition: padding 0.2s;
    -o-transition: padding 0.2s;
    -webkit-transition: padding 0.2s;
    transition: padding 0.2s;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none;
    padding: 20px 20px 20px 59px;
    position: relative;
    width: 265px;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .ft-menu a:before {
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        font-size: 20px;
        position: absolute;
        top: 50%;
        margin-top: -10px;
        left: 19px;
    }

    .ft-menu a:focus, .ft-menu a:hover {
        padding-left: 65px;
    }

        .ft-menu a:focus:before, .ft-menu a:hover:before {
            left: 25px;
        }

.ft-submenu-parent {
    position: relative;
}

    .ft-submenu-parent > a {
        padding-right: 35px;
    }

    .ft-submenu-parent ul {
        height: 0;
        display: none;
    }

    .ft-submenu-parent:after {
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        content: "\e60b";
        font-family: "front-utils";
        font-size: 11px;
        position: absolute;
        top: 24px;
        right: 20px;
        pointer-events: none;
    }

    .ft-submenu-parent.ft-active a {
        font-weight: 400;
    }

        .ft-submenu-parent.ft-active a:hover, .ft-submenu-parent.ft-active a:focus {
            padding-left: 65px;
        }

    .ft-submenu-parent.ft-active:after {
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }

    .ft-submenu-parent.ft-active ul {
        -moz-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        height: auto;
        display: block;
        border-top: 1px solid;
    }

        .ft-submenu-parent.ft-active ul li:last-child {
            border-bottom: none;
        }

.ft-area-account {
    background-color: #141414;
    border-bottom-color: #282828;
    padding: 20px 15px;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 2;
}

    .ft-area-account[class*="ft-ico"]:before {
        float: left;
        font-size: 1.875em;
        margin-right: 15px;
    }

    .ft-area-account [class*="ft-title"] {
        margin-bottom: 0;
        padding-top: 0;
    }

        .ft-area-account [class*="ft-title"]:after {
            display: inline-block;
        }

    .ft-area-account .ft-title-2 {
        color: #7f7f7f;
        font-size: 11px;
        font-weight: normal;
        text-transform: uppercase;
    }

    .ft-area-account .ft-title-3 {
        color: white;
        font-size: 14px;
        font-weight: normal;
        margin: 3px 0 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ft-area-account [class*="ft-btn"] {
        margin-left: 45px;
        background-color: #262626;
        color: #999999;
        font-size: 9px;
        border-color: #595959;
    }

        .ft-area-account [class*="ft-btn"]:hover {
            background-color: #3f3f3f;
        }

@media screen and (min-width: 768px) {
    .ft-sidebar {
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -moz-transition: width 0.25s linear;
        -o-transition: width 0.25s linear;
        -webkit-transition: width 0.25s linear;
        transition: width 0.25s linear;
        float: none;
        top: 60px;
        height: calc(100% - 60px);
        height: 93% \9;
    }

        .ft-sidebar .ft-menu {
            height: 100%;
            overflow: auto;
            margin-top: 0;
        }

        .ft-sidebar .ft-area-account {
            position: static;
        }

        .ft-sidebar .ft-user-account {
            display: none;
        }

            .ft-sidebar .ft-user-account ~ .ft-sidebar-inner {
                overflow: auto;
                height: 100%;
            }

        .ft-sidebar .ft-sidebar-toggle {
            display: block;
            position: absolute;
            bottom: 0;
            cursor: pointer;
            width: 100%;
            padding: 20px;
            text-align: right;
            border-top: 1px solid #222222;
            background: inherit;
            -moz-transition: width 0.25s linear;
            -o-transition: width 0.25s linear;
            -webkit-transition: width 0.25s linear;
            transition: width 0.25s linear;
        }

            .ft-sidebar .ft-sidebar-toggle:hover {
                color: white;
                background-color: #323232;
            }

                .ft-sidebar .ft-sidebar-toggle:hover:before {
                    color: white;
                }

            .ft-sidebar .ft-sidebar-toggle:before {
                -moz-transition: -moz-transform 0.25s linear;
                -o-transition: -o-transform 0.25s linear;
                -webkit-transition: -webkit-transform 0.25s linear;
                transition: transform 0.25s linear;
                display: inline-block;
                font-size: 11.04px;
                font-weight: bold;
                color: #7f7f7f;
                width: 22px;
            }
}

.ft-sidebar-toggled .ft-brand-name {
    width: 265px;
    padding: 16px;
    width: auto;
    text-align: left;
}

    .ft-sidebar-toggled .ft-brand-name a {
        display: none;
    }

    .ft-sidebar-toggled .ft-brand-name:before {
        font-size: inherit;
    }

.ft-sidebar-toggled .ft-user-account ~ .ft-sidebar-inner {
    overflow: initial;
}

.ft-sidebar-toggled .ft-sidebar-toggle:before {
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    margin-left: 4px;
}

.ft-sidebar-toggled .ft-sidebar {
    width: 60px;
    z-index: 11;
}

.ft-sidebar-toggled .ft-menu {
    overflow: visible;
}

    .ft-sidebar-toggled .ft-menu a:focus:before, .ft-sidebar-toggled .ft-menu a:hover:before {
        left: 19px;
    }

    .ft-sidebar-toggled .ft-menu > ul > li {
        position: relative;
        overflow: hidden;
    }

    .ft-sidebar-toggled .ft-menu .ft-submenu-parent:after {
        right: 5px;
        font-size: 9px;
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        color: #595959;
    }

    .ft-sidebar-toggled .ft-menu .ft-submenu-parent:hover:after {
        color: white;
    }

    .ft-sidebar-toggled .ft-menu .ft-submenu-parent .ft-submenu {
        height: 0;
    }

    .ft-sidebar-toggled .ft-menu .ft-submenu-parent.ft-active {
        overflow: visible;
    }

        .ft-sidebar-toggled .ft-menu .ft-submenu-parent.ft-active:after {
            color: white;
        }

        .ft-sidebar-toggled .ft-menu .ft-submenu-parent.ft-active > a {
            color: white;
            background: inherit;
            padding-left: 85px;
            width: 325px;
            font-weight: 600;
            -moz-transition: none;
            -webkit-transition: none;
            transition: none;
        }

        .ft-sidebar-toggled .ft-menu .ft-submenu-parent.ft-active .ft-submenu {
            height: auto;
            position: absolute;
            left: 60px;
            background: inherit;
        }

            .ft-sidebar-toggled .ft-menu .ft-submenu-parent.ft-active .ft-submenu a {
                -moz-transition: none;
                -webkit-transition: none;
                transition: none;
                padding: 15px 25px;
            }

.ft-sidebar-toggled .ft-area-account {
    -moz-transition: height 0.4s;
    -o-transition: height 0.4s;
    -webkit-transition: height 0.4s;
    transition: height 0.4s;
    overflow: hidden;
    width: 265px;
    height: 70px;
}

@media screen and (max-width: 768px) {
    .ft-sidebar .ft-user-account + [class*="ft-ico"] + .ft-menu, .ft-sidebar .ft-user-account + .ft-menu {
        margin-top: 60px;
    }
}

.ft-switch-btn {
    position: relative;
    display: inline-block;
    user-select: none;
}

    .ft-switch-btn a {
        color: #555555;
    }

    .ft-switch-btn .ft-switch-label {
        display: inline-block;
    }

        .ft-switch-btn .ft-switch-label span {
            display: inline-block;
            vertical-align: middle;
        }

            .ft-switch-btn .ft-switch-label span:after {
                content: "";
                -moz-user-select: -moz-none;
                -ms-user-select: none;
                -webkit-user-select: none;
                user-select: none;
                background: #888 url(../images/ico-switch-on-off.png) -159px center no-repeat;
                height: 24px;
                width: 50px;
                position: relative;
                z-index: 0;
                margin-right: 10px;
                border-radius: 4px;
                display: inline-block;
                cursor: pointer;
            }

            .ft-switch-btn .ft-switch-label span:before {
                content: "";
                -moz-transition: all 0.25s linear;
                -o-transition: all 0.25s linear;
                -webkit-transition: all 0.25s linear;
                transition: all 0.25s linear;
                position: absolute;
                top: 2px;
                left: 2px;
                z-index: 1;
                display: block;
                width: 23px;
                height: 20px;
                border: 1px solid rgba(34,34,34,0.15);
                background: #fff url(../images/ico-switch.png) center no-repeat;
                border-radius: 4px 0 0 4px;
                cursor: pointer;
            }

            .ft-switch-btn .ft-switch-label span:hover:before, .ft-switch-btn .ft-switch-label span:focus:before {
                background-color: #ebebeb;
            }

            .ft-switch-btn .ft-switch-label span:focus {
                outline: 5px auto -webkit-focus-ring-color;
                outline-offset: -2px;
            }

    .ft-switch-btn input {
        display: block;
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        height: 24px;
        opacity: 0;
    }

        .ft-switch-btn input:checked + .ft-switch-label span {
            display: inline-block;
        }

            .ft-switch-btn input:checked + .ft-switch-label span:after {
                box-shadow: none;
                background-position: 7px center;
            }

            .ft-switch-btn input:checked + .ft-switch-label span:before {
                -moz-transition: all 0.25s linear;
                -o-transition: all 0.25s linear;
                -webkit-transition: all 0.25s linear;
                transition: all 0.25s linear;
                top: 2px;
                left: 25px;
                border-radius: 0 4px 4px 0;
            }

@media screen and (min-width: 768px) {
    .ft-switch-btn input + .ft-switch-label:after {
        display: inline-block;
        vertical-align: middle;
        content: attr(ft-switch-off);
    }

    .ft-switch-btn input + .ft-switch-label span:before {
        -moz-transition: none 1s;
        -o-transition: none 1s;
        -webkit-transition: none 1s;
        transition: none 1s;
    }

    .ft-switch-btn input:checked + .ft-switch-label:after {
        content: attr(ft-switch-on);
    }

    .ft-switch-btn input:checked + .ft-switch-label span:before {
        -moz-transition: none 1s;
        -o-transition: none 1s;
        -webkit-transition: none 1s;
        transition: none 1s;
    }
}

.ft-table {
    width: 100%;
    border-collapse: collapse;
    background: white;
    margin: 20px 0;
    border-bottom: 1px solid #dddddd;
    table-layout: fixed;
}

.ft-box-gray .ft-table, .ft-board-box .ft-box .ft-table, .ft-board-box .ft-alert-box .ft-table, .ft-box-filter .ft-table {
    background: transparent;
}

.ft-well .ft-table:first-child {
    margin-top: 0;
    margin-bottom: 0;
}

.ft-table.ft-no-hover tbody tr:hover {
    background: inherit;
}

.ft-table.ft-table-bordered {
    border: 1px solid #dddddd;
}

.ft-table td, .ft-table th {
    padding: 13px;
    text-align: left;
    font-size: 14px;
}

.ft-table tr, .ft-table th {
    border-bottom: 1px solid #dddddd;
}

.ft-table thead th {
    border-bottom-width: 2px;
}

.ft-table .ft-data-descending a, .ft-table .ft-data-ascending a {
    position: relative;
    display: inline-block;
}

    .ft-table .ft-data-descending a:after, .ft-table .ft-data-ascending a:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 5px;
        position: relative;
        border: 5px solid transparent;
        border-color: black transparent transparent transparent;
        content: "";
        position: absolute;
        top: 50%;
        right: -15px;
        margin-top: -2px;
    }

    .ft-table .ft-data-ascending a:after {
        border-color: transparent;
        border-bottom-color: black;
        margin-top: -7px;
    }

.ft-table tbody tr:last-child td, .ft-table tbody tr:last-child th {
    border-bottom: none;
}

.ft-table-striped tbody tr:nth-child(odd) td, .ft-table-striped.ft-bg-header tr:nth-child(even) td {
    background: #f7f7f7;
}

.ft-table-striped.ft-bg-header tr:nth-child(odd) td {
    background: white;
}

.ft-tabs-nav:not(.in-dropdown) {
    position: relative;
    z-index: 2;
    margin: 0;
}

    .ft-tabs-nav:not(.in-dropdown) li {
        position: relative;
        list-style: none;
        display: inline-block;
        border: 1px solid transparent;
        border-bottom: none;
        border-radius: 4px 4px 0 0;
        line-height: 1;
        font-size: 14px;
        margin-right: -3px;
    }

        .ft-tabs-nav:not(.in-dropdown) li a {
            color: white;
            display: inline-block;
            padding: 11px;
        }

        .ft-tabs-nav:not(.in-dropdown) li.ft-active {
            border-color: #eeeeee;
            top: 0px;
        }

            .ft-tabs-nav:not(.in-dropdown) li.ft-active a {
                margin-top: 0px;
                color: #333333;
                padding: 15px 16px 12px;
            }

.ft-tabs-nav .ft-dropdown-tabs [class*="ft-btn"] {
    background-color: transparent;
    vertical-align: initial;
}

.ft-tabs-nav li:not(.ft-active) [class*="ft-dropdown"].ft-dropdown-tabs [class*="ft-btn"] {
    padding: 11px 12px 11px;
}

    .ft-tabs-nav li:not(.ft-active) [class*="ft-dropdown"].ft-dropdown-tabs [class*="ft-btn"]:after {
        border-top-color: white;
    }

.ft-tabs-nav li [class*="ft-dropdown"].ft-dropdown-tabs [class*="ft-btn"] {
    border: 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

    .ft-tabs-nav li [class*="ft-dropdown"].ft-dropdown-tabs [class*="ft-btn"] + .in-dropdown {
        margin-left: -1px;
    }

        .ft-tabs-nav li [class*="ft-dropdown"].ft-dropdown-tabs [class*="ft-btn"] + .in-dropdown li {
            width: 100%;
            background-color: transparent;
            border: none;
        }

            .ft-tabs-nav li [class*="ft-dropdown"].ft-dropdown-tabs [class*="ft-btn"] + .in-dropdown li a {
                width: 100%;
                color: #333333;
                display: block;
                padding: 8px 20px;
            }

.ft-tabs-container {
    clear: both;
    position: relative;
    z-index: 1;
    top: -1px;
}

    .ft-tabs-container .ft-tab-content {
        -moz-border-radius: 0 4px 4px 4px;
        -webkit-border-radius: 0;
        border-radius: 0 4px 4px 4px;
        display: none;
        padding: 20px 15px;
        margin-bottom: 20px;
        border: 1px solid #eeeeee;
        border-bottom-width: 3px;
        background-color: white;
    }

        .ft-tabs-container .ft-tab-content.ft-active {
            display: block;
        }

        .ft-tabs-container .ft-tab-content p {
            padding: 0;
            font-size: 14px;
        }

            .ft-tabs-container .ft-tab-content p:last-child {
                margin-bottom: 0;
            }

        .ft-tabs-container .ft-tab-content .ft-tab-content {
            padding: 0;
            border: none;
            background: none;
            margin: 0;
        }

[class*="ft-tag"] {
    display: inline-block;
    padding: 4px;
    font-size: 10px !important;
    letter-spacing: 0.6px;
    font-weight: 400;
    line-height: 1;
    color: white !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 2px;
    background-color: #888888;
}

.ft-tag-success {
    background-color: #388f39;
}

.ft-tag-info {
    background-color: #2881ac;
}

.ft-tag-warning {
    background-color: #b9a016;
}

.ft-tag-danger {
    background-color: #d75553;
}

a[class*="ft-tag-"]:hover {
    opacity: 0.8;
}

.ft-topbar {
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 11;
}

    .ft-topbar:after {
        -moz-box-shadow: 0px 5px 8px -1px rgba(255,255,255,0.5);
        -webkit-box-shadow: 0px 5px 8px -1px rgba(255,255,255,0.5);
        box-shadow: 0px 5px 8px -1px rgba(255,255,255,0.5);
        content: "";
        width: 100%;
        height: 6px;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .ft-topbar .ft-brand-name {
        font-size: 24px;
        font-weight: 400;
        color: white;
        padding: 12px 0 15px;
        height: 60px;
        text-align: center;
        width: 67%;
        margin: 0 auto;
        line-height: 1.3;
    }

        .ft-topbar .ft-brand-name a {
            text-decoration: none;
            color: white;
            vertical-align: sub;
        }

            .ft-topbar .ft-brand-name a:before {
                display: none;
            }

            .ft-topbar .ft-brand-name a small, .ft-topbar .ft-brand-name a span {
                display: block;
                font-weight: 300;
                font-size: 11px;
                letter-spacing: 0.5px;
                opacity: 0.75;
                margin-bottom: -2px;
            }

            .ft-topbar .ft-brand-name a[class*="ft-ico"] {
                display: inline-block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                max-width: 200px;
            }

                .ft-topbar .ft-brand-name a[class*="ft-ico"] small, .ft-topbar .ft-brand-name a[class*="ft-ico"] span {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

    .ft-topbar .ft-notification-topbar {
        float: right;
    }

        .ft-topbar .ft-notification-topbar .ft-alerts-list {
            display: inline-block;
            vertical-align: middle;
            margin-top: 20px;
        }

            .ft-topbar .ft-notification-topbar .ft-alerts-list :before {
                font-size: 20px;
                margin: 0;
            }

            .ft-topbar .ft-notification-topbar .ft-alerts-list [class*="ft-ico"] {
                margin-right: 14px;
                position: relative;
                display: none;
                width: 22px;
                text-align: center;
            }

                .ft-topbar .ft-notification-topbar .ft-alerts-list [class*="ft-ico"]:after {
                    content: attr(data-counter);
                    position: absolute;
                    font-family: arial, sans-serif;
                    text-align: center;
                    font-size: 10px;
                    height: 17px;
                    width: 17px;
                    line-height: 17px;
                    border-radius: 100%;
                    background: #cc0000;
                    color: white;
                    top: -10px;
                    left: 10px;
                    display: none;
                    -webkit-font-smoothing: auto;
                    -moz-osx-font-smoothing: grayscale;
                }

.ft-theme-light-red .ft-topbar .ft-notification-topbar .ft-alerts-list [class*="ft-ico"]:after {
    background: blue;
}

.ft-topbar .ft-notification-topbar .ft-alerts-list [class*="ft-ico"][data-counter] {
    color: white;
}

    .ft-topbar .ft-notification-topbar .ft-alerts-list [class*="ft-ico"][data-counter]:after {
        display: block;
    }

.ft-topbar .ft-notification-topbar .ft-alerts-list [class*="ft-ico"].ft-active {
    color: white;
}

.ft-topbar .ft-notification-topbar .ft-alerts-list [class*="ft-ico"] span {
    display: none;
}

.ft-topbar .ft-ico-menu, .ft-topbar .ft-show-notifications {
    cursor: pointer;
}

    .ft-topbar .ft-ico-menu:before, .ft-topbar .ft-show-notifications:before {
        position: absolute;
        padding: 15px 15px 0;
        height: 60px;
        display: inline-block;
        color: white;
        font-size: 32px;
        vertical-align: middle;
        cursor: pointer;
    }

    .ft-topbar .ft-ico-menu:after, .ft-topbar .ft-show-notifications:after {
        background: white;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 2424px;
        display: none;
        opacity: 0.8;
    }

    .ft-topbar .ft-show-notifications:before {
        right: 0;
        font-size: 24px;
        top: 4px;
    }

.ft-sidebar-visible .ft-ico-menu:after, .ft-notifications-visible .ft-show-notifications:after {
    display: block;
}

@media screen and (min-width: 768px) {
    .ft-topbar {
        text-align: left;
        -moz-transition: none 1s;
        -o-transition: none 1s;
        -webkit-transition: none 1s;
        transition: none 1s;
    }

        .ft-topbar:after {
            left: 265px;
        }

    .ft-sidebar-visible .ft-topbar {
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .ft-notifications-visible .ft-topbar {
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .ft-topbar .ft-brand-name {
        font-size: 26px;
        text-align: left;
        width: auto;
        display: inline-block;
        padding-left: 15px;
        position: relative;
        z-index: 1;
    }

        .ft-topbar .ft-brand-name a:before {
            display: block;
            position: absolute;
            top: 12px;
            left: 15px;
            font-size: 36px;
        }

        .ft-topbar .ft-brand-name a[class*="ft-ico"] {
            display: inline-block;
            padding-left: 45px;
        }

        .ft-topbar .ft-brand-name a[class*="ft-ico-panel"] {
            padding-left: 52px;
        }

            .ft-topbar .ft-brand-name a[class*="ft-ico-panel"]:before {
                font-size: 54px;
                top: 4px;
                left: 7px;
            }

    .ft-topbar .ft-ico-menu:before, .ft-topbar .ft-show-notifications:before {
        display: none;
    }

    .ft-topbar .ft-notification-topbar .ft-alerts-list {
        margin-top: 0;
        height: 60px;
    }

        .ft-topbar .ft-notification-topbar .ft-alerts-list [class*="ft-ico"] {
            background: transparent;
            border: none;
            cursor: pointer;
            display: inline-block;
            margin-top: 17%;
        }

    .ft-topbar .ft-notification-topbar .ft-user-account {
        display: inline-block;
    }
}

@media screen and (min-width: 1200px) {
    .ft-topbar .ft-brand-name a[class*="ft-ico"] {
        max-width: 520px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .ft-topbar .ft-brand-name a[class*="ft-ico"] {
        max-width: 248px;
    }
}

[class*="ft-tooltip"] {
    position: relative;
    text-decoration: none;
}

    [class*="ft-tooltip"]:after, [class*="ft-tooltip"]:before {
        position: absolute;
        z-index: 100;
        opacity: 0;
    }

    [class*="ft-tooltip"]:after {
        -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
        -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
        box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
        content: attr(aria-label);
        height: 25px;
        line-height: 25px;
        padding: 0 10px;
        font-size: 12px;
        text-align: center;
        color: white;
        background: #222222;
        border-radius: 4px;
        text-shadow: 0 0 5px black;
        white-space: nowrap;
    }

    [class*="ft-tooltip"]:before {
        content: "";
        width: 0;
        height: 0;
        border-width: 6px;
        border-style: solid;
    }

    [class*="ft-tooltip"]:hover:after, [class*="ft-tooltip"]:focus:after, [class*="ft-tooltip"]:hover:before, [class*="ft-tooltip"]:focus:before {
        opacity: 1;
    }

.ft-tooltip-top:after, .ft-tooltip-top:before {
    -moz-transition: bottom 0.25s ease-in-out;
    -o-transition: bottom 0.25s ease-in-out;
    -webkit-transition: bottom 0.25s ease-in-out;
    transition: bottom 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    bottom: 90%;
    left: -9999px;
    margin-bottom: 12px;
}

.ft-tooltip-top:before {
    border-color: #222222 transparent transparent transparent;
    margin-bottom: 0;
}

.ft-tooltip-top:hover:after, .ft-tooltip-top:focus:after, .ft-tooltip-top:focus:after, .ft-tooltip-top:hover:before, .ft-tooltip-top:focus:before, .ft-tooltip-top:focus:before {
    bottom: 80%;
    left: 0;
}

.ft-tooltip-top:hover:before, .ft-tooltip-top:focus:before {
    left: 15px;
}

.ft-tooltip-bottom:after, .ft-tooltip-bottom:before {
    -moz-transition: top 0.25s ease-in-out;
    -o-transition: top 0.25s ease-in-out;
    -webkit-transition: top 0.25s ease-in-out;
    transition: top 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    top: 90%;
    left: -9999px;
    margin-top: 12px;
}

.ft-tooltip-bottom:before {
    border-color: transparent transparent #222222 transparent;
    margin-top: 0;
}

.ft-tooltip-bottom:hover:after, .ft-tooltip-bottom:focus:after, .ft-tooltip-bottom:hover:before, .ft-tooltip-bottom:focus:before {
    top: 80%;
    left: 0;
}

.ft-tooltip-bottom:hover:before, .ft-tooltip-bottom:focus:before {
    left: 15px;
}

.ft-tooltip-right:after, .ft-tooltip-right:before {
    -moz-transition: left 0.25s ease-in-out;
    -o-transition: left 0.25s ease-in-out;
    -webkit-transition: left 0.25s ease-in-out;
    transition: left 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    top: -9999px;
    left: 96%;
    margin-left: 12px;
}

.ft-tooltip-right:before {
    border-color: transparent #222222 transparent transparent;
    margin-left: 0;
}

.ft-tooltip-right:hover:after, .ft-tooltip-right:focus:after, .ft-tooltip-right:hover:before, .ft-tooltip-right:focus:before {
    left: 100%;
    top: 0;
}

.ft-tooltip-right:hover:before, .ft-tooltip-right:focus:before {
    top: 7px;
}

.ft-tooltip-left:after, .ft-tooltip-left:before {
    -moz-transition: right 0.25s ease-in-out;
    -o-transition: right 0.25s ease-in-out;
    -webkit-transition: right 0.25s ease-in-out;
    transition: right 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    top: -9999px;
    right: 96%;
    margin-right: 12px;
}

.ft-tooltip-left:before {
    border-color: transparent transparent transparent #222222;
    margin-right: 0;
}

.ft-tooltip-left:hover:after, .ft-tooltip-left:focus:after, .ft-tooltip-left:hover:before, .ft-tooltip-left:focus:before {
    right: 100%;
    top: 0;
}

.ft-tooltip-left:hover:before, .ft-tooltip-left:focus:before {
    top: 7px;
}

.ft-tooltip-top-left:after, .ft-tooltip-top-left:before {
    -moz-transition: bottom 0.25s ease-in-out;
    -o-transition: bottom 0.25s ease-in-out;
    -webkit-transition: bottom 0.25s ease-in-out;
    transition: bottom 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    bottom: 90%;
    left: -9999px;
    margin-bottom: 12px;
}

.ft-tooltip-top-left:before {
    border-color: #222222 transparent transparent transparent;
    margin-bottom: 0;
}

.ft-tooltip-top-left:hover:after, .ft-tooltip-top-left:focus:after, .ft-tooltip-top-left:focus:after, .ft-tooltip-top-left:hover:before, .ft-tooltip-top-left:focus:before, .ft-tooltip-top-left:focus:before {
    bottom: 80%;
    left: auto;
    right: 0;
}

.ft-tooltip-top-left:hover:before, .ft-tooltip-top-left:focus:before {
    right: 15px;
}

.ft-box, .ft-box-filter, .ft-alert-box {
    padding: 15px;
    margin-bottom: 30px;
    background-color: white;
    border-radius: 4px;
    border: 1px solid #dddddd;
}

    .ft-box:last-child, .ft-box-filter:last-child, .ft-alert-box:last-child {
        margin-bottom: 0;
    }

    .ft-box p, .ft-box-filter p, .ft-alert-box p {
        margin: 5px 0 10px;
    }

.ft-box-group .ft-box, .ft-box-group .ft-box-filter, .ft-box-group .ft-alert-box {
    margin-bottom: 10px;
}

.ft-box.ft-box-gray, .ft-board-box .ft-box, .ft-board-box .ft-box-filter, .ft-board-box .ft-alert-box, .ft-box-filter, .ft-box-gray.ft-alert-box {
    background-color: #f7f7f7;
}

    .ft-box .ft-small-info, .ft-box-filter .ft-small-info, .ft-alert-box .ft-small-info {
        font-size: 12px;
        color: #555555;
        margin: 0;
        padding: 0;
    }

.ft-box[class*="ft-ico-"], [class*="ft-ico-"].ft-box-filter, [class*="ft-ico-"].ft-alert-box {
    overflow: hidden;
    position: relative;
}

    .ft-box[class*="ft-ico-"]:before, [class*="ft-ico-"].ft-box-filter:before, [class*="ft-ico-"].ft-alert-box:before {
        vertical-align: top;
        font-size: 96px;
        margin: 0 20px;
    }

[class^="ft-title"] + .ft-box, [class^="ft-title"] + .ft-box-filter, [class^="ft-title"] + .ft-alert-box {
    margin-top: 10px;
    clear: both;
}

.ft-box-filter {
    border-radius: 4px;
    margin: 20px 0;
}

.ft-box-disclaimer {
    padding: 30px;
}

    .ft-box-disclaimer [class*="ft-title"] {
        padding: 0 0 20px;
    }

    .ft-box-disclaimer p {
        padding: 0 0 20px;
        font-size: 16px;
    }

.ft-ico-bg:before {
    opacity: 0.1;
    position: absolute;
    top: -25%;
    right: 30px;
    font-size: 272px !important;
}

.ft-box-error {
    border: none;
    margin: 20px 0 0 15px;
}

    .ft-box-error .ft-title-intro {
        border-bottom: none;
    }

    .ft-box-error ol {
        margin: 0 21px 30px;
    }

        .ft-box-error ol li {
            padding-bottom: 5px;
        }

.ft-info-header {
    background: white;
    padding: 15px 15px 10px;
    margin-bottom: 20px;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px;
    border-radius: 4px 4px 0 0;
    width: calc(32px + 100%);
    margin-left: -16px;
    margin-top: -16px;
    border: 1px solid #eeeeee;
}

    .ft-info-header [class*="ft-ico-"]:before {
        font-size: 28px;
    }

    .ft-info-header [class*="ft-title"] {
        font-weight: normal;
        display: block;
    }

@media screen and (max-width: 768px) {
    .ft-ico-bg:before {
        display: none;
    }

    .ft-small-info + [class^="ft-title-"] {
        padding-top: 10px;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .ft-box:last-child, .ft-box-filter:last-child, .ft-alert-box:last-child {
        margin-bottom: 30px;
    }

    [class^="col-"]:last-child .ft-box:last-child, [class^="col-"]:last-child .ft-box-filter:last-child, [class^="col-"]:last-child .ft-alert-box:last-child {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 992px) {
    .ft-info-header [class^="ft-title-"] {
        display: inline-block;
    }

    .ft-info-header .ft-btn {
        float: right;
    }
}

.ft-alert-box {
    border-color: #dddddd;
    border-bottom-width: 3px;
}

    .ft-alert-box .ft-info-header {
        border-color: #dddddd;
        margin-bottom: 30px;
        background: #e3e3e3;
        border-bottom: #e3e3e3;
    }

        .ft-alert-box .ft-info-header [class^="ft-title-"] {
            color: #222222;
            font-weight: normal;
        }

        .ft-alert-box .ft-info-header .ft-dismiss {
            -moz-transform: translateY(50%);
            -ms-transform: translateY(50%);
            -webkit-transform: translateY(50%);
            transform: translateY(50%);
            color: #888888;
            opacity: 1;
        }

            .ft-alert-box .ft-info-header .ft-dismiss:hover {
                opacity: 0.3;
            }

.ft-alert-box-success {
    border-color: #7db67e;
}

    .ft-alert-box-success .ft-info-header {
        border-color: #7db67e;
        background-color: #d7e8d7;
        color: #388f39;
    }

        .ft-alert-box-success .ft-info-header [class^="ft-title-"] {
            color: #388f39;
        }

        .ft-alert-box-success .ft-info-header .ft-dismiss {
            color: #388f39;
        }

.ft-alert-box-info {
    border-color: #73adc9;
}

    .ft-alert-box-info .ft-info-header {
        border-color: #73adc9;
        background-color: #d4e5ee;
        color: #2881ac;
    }

        .ft-alert-box-info .ft-info-header [class^="ft-title-"] {
            color: #2881ac;
        }

        .ft-alert-box-info .ft-info-header .ft-dismiss {
            color: #2881ac;
        }

.ft-alert-box-warning {
    border-color: #d1c167;
}

    .ft-alert-box-warning .ft-info-header {
        border-color: #d1c167;
        background-color: #f1ecd0;
        color: #b9a016;
    }

        .ft-alert-box-warning .ft-info-header [class^="ft-title-"] {
            color: #b9a016;
        }

        .ft-alert-box-warning .ft-info-header .ft-dismiss {
            color: #b9a016;
        }

.ft-alert-box-danger {
    border-color: #e5908f;
}

    .ft-alert-box-danger .ft-info-header {
        border-color: #e5908f;
        background-color: #f7dddc;
        color: #d75553;
    }

        .ft-alert-box-danger .ft-info-header [class^="ft-title-"] {
            color: #d75553;
        }

        .ft-alert-box-danger .ft-info-header .ft-dismiss {
            color: #d75553;
        }

.ft-custom-select {
    background: white;
    display: inline-block;
    position: relative;
    border: 1px solid #dddddd;
    border-radius: 4px;
    overflow: hidden;
    vertical-align: middle;
    height: 33px;
    width: 98%;
}

.ft-box-filter .ft-custom-select {
    width: 100%;
}

.ft-form-horizontal .ft-label .ft-custom-select {
    display: block;
}

.ft-custom-select[disabled], .ft-form-disable .ft-custom-select {
    border-color: #eeeeee;
}

.ft-custom-select select {
    position: relative;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: inherit;
    padding: 5px 42px 5px 10px;
    display: inline-block;
    border: none;
    background: white;
    font-size: 14px;
    color: #555555;
    width: 100%;
    width: 145% \9;
    z-index: 1;
}

    .ft-custom-select select option {
        padding: 5px 10px;
    }

    .ft-custom-select select[disabled], .ft-form-disable .ft-custom-select select {
        background: #eeeeee;
    }

.ft-custom-select:before {
    content: "";
    width: 0;
    height: 0;
    margin-left: 5px;
    border-style: solid;
    border-width: 5px;
    border-color: #555555 transparent transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 10px;
    z-index: 2;
    pointer-events: none;
}

.ft-custom-select:after {
    content: "";
    height: inherit;
    position: absolute;
    background-color: white;
    border-left: 1px solid #dddddd;
    pointer-events: none;
    width: 30px;
    right: 0;
    top: 0;
    z-index: 1;
}

.ft-custom-select.ft-field-lg {
    height: 46px;
}

    .ft-custom-select.ft-field-lg select {
        font-size: 16px;
    }

.ft-custom-select.ft-field-md {
    height: 33px;
}

    .ft-custom-select.ft-field-md select {
        font-size: 13px;
    }

.ft-custom-select.ft-field-sm {
    height: 30px;
}

    .ft-custom-select.ft-field-sm select {
        font-size: 12px;
    }

.ft-custom-select.ft-field-xs {
    height: 24px;
}

    .ft-custom-select.ft-field-xs select {
        font-size: 12px;
    }

@media screen and (min-width: 768px) {
    .ft-custom-select {
        padding-right: 0;
    }
}

.ft-pagination-filter {
    width: 100%;
    padding: 10px 0;
    font-size: 13px;
    color: #555555;
    text-align: center;
}

.ft-filter-view [class^="ft-custom-select"] {
    width: 90px;
}

[class*="ft-pagination"] {
    display: inline-block;
    list-style: none;
}

    [class*="ft-pagination"] li {
        margin-left: -1px;
    }

        [class*="ft-pagination"] li:first-child a {
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
        }

            [class*="ft-pagination"] li:first-child a a {
                border-top-right-radius: 4px;
                border-bottom-right-radius: 4px;
            }

        [class*="ft-pagination"] li:first-child.ft-active {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        [class*="ft-pagination"] li:last-child a {
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
        }

        [class*="ft-pagination"] li:last-child.ft-active {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        [class*="ft-pagination"] li.ft-disabled a {
            color: #dddddd;
            cursor: not-allowed;
        }

            [class*="ft-pagination"] li.ft-disabled a:hover, [class*="ft-pagination"] li.ft-disabled a:focus {
                background: none;
                color: #dddddd;
            }

        [class*="ft-pagination"] li.ft-active a, [class*="ft-pagination"] li.ft-active a:hover, [class*="ft-pagination"] li.ft-active .ft-gap {
            color: white;
        }

        [class*="ft-pagination"] li .ft-gap, [class*="ft-pagination"] li a {
            padding: 9px 12px;
            position: relative;
            text-decoration: none;
            border: 1px solid #eeeeee;
            color: #555555;
            line-height: 1;
            font-size: 13px;
        }

            [class*="ft-pagination"] li .ft-gap:hover, [class*="ft-pagination"] li .ft-gap:focus, [class*="ft-pagination"] li a:hover, [class*="ft-pagination"] li a:focus {
                color: #555555;
                background-color: #eeeeee;
                background-color: rgba(238,238,238,0.2);
            }

    [class*="ft-pagination"].ft-pagination-sm .ft-gap, [class*="ft-pagination"].ft-pagination-sm a {
        padding: 5px 10px;
        font-size: 12px;
    }

    [class*="ft-pagination"].ft-pagination-lg .ft-gap, [class*="ft-pagination"].ft-pagination-lg a {
        padding: 14px 16px;
        font-size: 16px;
    }

.ft-gap {
    cursor: pointer;
}

.ft-pager {
    text-align: center;
    margin: 10px 0;
    overflow: hidden;
    font-size: 12px;
    line-height: 12px;
}

    .ft-pager li {
        display: inline;
    }

        .ft-pager li.ft-disabled a {
            color: #eeeeee;
            border-color: #eeeeee;
            cursor: not-allowed;
        }

            .ft-pager li.ft-disabled a:hover, .ft-pager li.ft-disabled a:focus {
                background: none;
                color: #eeeeee;
            }

        .ft-pager li a {
            display: inline-block;
            padding: 8px 15px;
            background-color: transparent;
            border-radius: 4px;
            border: solid 1px #eeeeee;
            color: #555555;
            line-height: 1;
        }

            .ft-pager li a:hover, .ft-pager li a:focus {
                background-color: #eeeeee;
                background-color: rgba(238,238,238,0.2);
            }

@media screen and (min-width: 768px) {
    .ft-pagination-filter {
        text-align: left;
    }

    [class*="ft-pagination"] {
        float: right;
    }

    .ft-filter-view {
        margin-top: 0;
    }
}

.ft-breadcrumb {
    display: block;
    padding: 8px 0;
    font-size: 12px;
    background: none;
    border-bottom: 1px solid #eeeeee;
    list-style: none;
}

    .ft-breadcrumb li {
        position: relative;
        display: inline-block;
        padding: 0 12px;
        list-style: none;
        color: #555555;
    }

        .ft-breadcrumb li:before {
            content: "";
            display: inline-block;
            width: 0;
            height: 0;
            margin-left: 5px;
            position: relative;
            border: 4px solid transparent;
            border-color: transparent transparent transparent #555555;
            top: -1px;
        }

        .ft-breadcrumb li a {
            text-decoration: underline;
        }

            .ft-breadcrumb li a:hover {
                text-decoration: none;
            }

.hopscotch-bubble {
    z-index: 11;
    background-clip: padding-box;
    background-color: white;
    border-radius: 4px;
    border: 1px solid #dddddd;
    border: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    max-width: 276px;
    padding: 1px;
    position: absolute;
    text-align: left;
    white-space: normal;
}

    .hopscotch-bubble.invisible {
        opacity: 0;
    }

    .hopscotch-bubble.hide {
        display: none;
    }

    .hopscotch-bubble .hide, .hopscotch-bubble .hide-all {
        display: none !important;
    }

    .hopscotch-bubble .hopscotch-bubble-container {
        padding: 0 !important;
    }

    .hopscotch-bubble .hopscotch-bubble-arrow-container {
        position: absolute;
        width: 22px;
        height: 22px;
    }

        .hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow, .hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow-border {
            border: 11px solid transparent;
            position: absolute;
            width: 0;
            height: 0;
            top: 0;
            left: 0;
            border: 11px solid transparent;
        }

        .hopscotch-bubble .hopscotch-bubble-arrow-container.up {
            top: -21px;
        }

            .hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
                border-color: transparent transparent #f7f7f7 transparent;
            }

            .hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
                border-color: transparent transparent rgba(0,0,0,0.2) transparent;
                top: -2px;
            }

        .hopscotch-bubble .hopscotch-bubble-arrow-container.down {
            bottom: -21px;
        }

            .hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
                border-color: #f7f7f7 transparent transparent transparent;
            }

            .hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
                border-color: black transparent transparent transparent;
                bottom: -2px;
            }

        .hopscotch-bubble .hopscotch-bubble-arrow-container.left {
            left: -19px;
        }

            .hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
                border-color: transparent white transparent transparent;
            }

            .hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
                border-color: transparent rgba(0,0,0,0.2) transparent transparent;
                left: -2px;
            }

        .hopscotch-bubble .hopscotch-bubble-arrow-container.right {
            right: -22px;
        }

            .hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
                border-color: transparent transparent transparent white;
            }

            .hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
                border-color: transparent transparent transparent black;
                right: -2px;
            }

    .hopscotch-bubble .hopscotch-bubble-number {
        display: none;
    }

    .hopscotch-bubble .hopscotch-title {
        background-color: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
        border-radius: 4px 4px 0 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 18px;
        margin: 0;
        padding: 6px 14px;
    }

    .hopscotch-bubble .hopscotch-content {
        color: #555555;
        font-size: 14px;
        padding: 9px 14px;
        text-align: left;
        white-space: normal;
    }

    .hopscotch-bubble .hopscotch-actions {
        background: #f7f7f7;
        border-top: 1px solid #ebebeb;
        border-radius: 0 0 4px 4px;
        margin-top: 0;
        padding: 6px 15px;
        overflow: hidden;
    }

        .hopscotch-bubble .hopscotch-actions button {
            display: inline-block;
            padding: 4px 10px;
            margin-bottom: 0;
            font-size: 12px;
            font-weight: normal;
            line-height: 1.42857;
            text-align: center;
            vertical-align: middle;
            cursor: pointer;
            border: none;
            border-radius: 4px;
            white-space: nowrap;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            color: white;
            background-color: #888888;
            margin-right: 16px;
        }

            .hopscotch-bubble .hopscotch-actions button.hopscotch-nav-button.next {
                float: right;
                margin: 0;
            }

    .hopscotch-bubble .hopscotch-bubble-close {
        cursor: pointer;
        font-size: 12px;
        height: 12px;
        overflow: hidden;
        position: absolute;
        right: 11px;
        text-align: center;
        top: 10px;
        width: 10px;
    }

        .hopscotch-bubble .hopscotch-bubble-close:before {
            color: #dddddd;
            font-size: 9px;
            margin-right: 10px;
        }

        .hopscotch-bubble .hopscotch-bubble-close:hover {
            opacity: 0.7;
        }

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333333;
    background: white;
    border: 1px solid #cccccc;
    border-bottom-color: #bbbbbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

    .pika-single:before {
        content: " ";
        display: table;
    }

    .pika-single:after {
        content: " ";
        display: table;
        clear: both;
        *zoom: 1;
    }

    .pika-single.is-hidden {
        display: none;
    }

    .pika-single.is-bound {
        position: absolute;
        box-shadow: 0 5px 15px -5px rgba(0,0,0,0.5);
    }

.pika-lendar {
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: white;
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev, .pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: 0.5;
    *position: absolute;
    *top: 0;
}

    .pika-prev:hover, .pika-next:hover {
        opacity: 1;
    }

.pika-prev, .is-rtl .pika-next {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
    *left: 0;
}

.pika-next, .is-rtl .pika-prev {
    float: right;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
    *right: 0;
}

    .pika-prev.is-disabled, .pika-next.is-disabled {
        cursor: default;
        opacity: 0.2;
    }

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

    .pika-table th, .pika-table td {
        width: 14.28571%;
        padding: 0;
    }

    .pika-table th {
        color: #999999;
        font-size: 12px;
        line-height: 25px;
        font-weight: bold;
        text-align: center;
    }

.pika-button {
    cursor: pointer;
    display: block;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: whitesmoke;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button {
    color: white;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 4px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999999;
    opacity: 0.3;
}

.pika-button:hover {
    color: white !important;
    background: #ff8000 !important;
    box-shadow: none !important;
    border-radius: 4px !important;
}

.ft-user-account {
    height: 60px;
    padding: 0 15px;
    position: relative;
    z-index: 1;
    display: none;
}

    .ft-user-account .ft-ico-user {
        color: white;
        text-decoration: none;
        vertical-align: middle;
        font-size: 14px;
        font-weight: 600;
        display: inline-block;
        width: 100%;
        padding: 14px 3px;
        position: relative;
    }

        .ft-user-account .ft-ico-user img {
            width: 33px;
            height: 33px;
            border-radius: 100%;
            vertical-align: middle;
            position: absolute;
            left: 13px;
            top: 14px;
        }

        .ft-user-account .ft-ico-user .ft-name {
            max-width: 160px;
            vertical-align: middle;
        }

        .ft-user-account .ft-ico-user small {
            color: white;
            font-weight: 400;
            font-size: inherit;
        }

        .ft-user-account .ft-ico-user:before {
            margin-right: 10px;
            text-align: center;
            font-size: 20px;
            height: 33px;
            width: 33px;
            line-height: 33px;
            border-radius: 100%;
            box-shadow: inset 0 0 0 2px rgba(255,255,255,0.3);
            vertical-align: sub;
            display: inline-block;
        }

        .ft-user-account .ft-ico-user:after {
            content: "\e60b";
            font-size: 12px;
            display: inline-block;
            margin-left: 10px;
            -moz-transition: all 0.2s;
            -o-transition: all 0.2s;
            -webkit-transition: all 0.2s;
            transition: all 0.2s;
        }

    .ft-user-account.ft-active > a:after {
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }

    .ft-user-account input[type='checkbox'] {
        height: 60px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        cursor: pointer;
    }

    .ft-user-account .ft-user-menu {
        background: #222222;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        -ms-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        overflow: hidden;
        border: none;
        border-radius: 0;
        margin-top: 0;
    }

        .ft-user-account .ft-user-menu ul {
            list-style: none;
        }

.ft-sidebar .ft-user-account .ft-user-menu ul {
    border-top: 1px solid #222222;
}

.ft-user-account .ft-user-menu ul a {
    color: #888888;
    padding: 15px 20px;
    display: block;
    border-bottom: 1px solid #222222;
    -ms-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    font-weight: 300;
    font-size: 14px;
}

.ft-sidebar .ft-user-account .ft-user-menu ul a {
    color: rgba(255,255,255,0.75);
    font-weight: 400;
    padding: 20px 20px 20px 60px;
}

    .ft-sidebar .ft-user-account .ft-user-menu ul a:hover, .ft-sidebar .ft-user-account .ft-user-menu ul a:focus {
        padding-left: 50px;
    }

.ft-user-account .ft-user-menu ul a:hover, .ft-user-account .ft-user-menu ul a:focus {
    color: white;
    padding-left: 25px;
}

.ft-user-account .ft-user-menu ul li:last-child a {
    border-bottom: none;
}

.ft-sidebar .ft-user-account .ft-user-menu ul li:last-child a {
    border-bottom: 1px solid #222222;
}

.ft-user-account .ft-user-menu .ft-btn-logout {
    padding: 11px;
    text-align: center;
    color: rgba(255,255,255,0.6);
    font-size: 13px;
    background-color: #222222;
    border-color: #343434;
    margin: 0 55px;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
}

    .ft-user-account .ft-user-menu .ft-btn-logout:hover, .ft-user-account .ft-user-menu .ft-btn-logout:focus {
        background-color: rgba(34,34,34,0.8);
    }

    .ft-user-account .ft-user-menu .ft-btn-logout:after {
        display: none;
    }

@media screen and (min-width: 768px) {
    .ft-user-account .ft-ico-user img {
        left: 3px;
    }
}

.ft-login-parent {
    background-color: #f7f7f7;
    height: inherit;
    display: table;
    width: 100%;
}

    .ft-login-parent .ft-login-inner {
        vertical-align: middle;
        display: table-cell;
    }

    .ft-login-parent .ft-login-container {
        text-align: center;
    }

        .ft-login-parent .ft-login-container [class*="ft-login-"] {
            vertical-align: middle;
        }

    .ft-login-parent .ft-login-adv {
        display: block;
        margin-top: 30px;
    }

    .ft-login-parent .ft-login-box {
        width: 300px;
        display: inline-block;
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
        background-color: white;
        padding: 20px;
        text-align: left;
    }

        .ft-login-parent .ft-login-box .ft-form-actions [class*="ft-btn"] {
            margin-bottom: 0;
        }

    .ft-login-parent .ft-login-logo {
        color: #888888;
        text-align: center;
        line-height: 1;
        margin-bottom: 20px;
    }

    .ft-login-parent .ft-login-form .ft-label:last-of-type {
        margin-bottom: 0;
    }

    .ft-login-parent .ft-login-form .ft-login-bg-user, .ft-login-parent .ft-login-form .ft-login-bg-password, .ft-login-parent .ft-login-form .ft-login-bg-email {
        background-repeat: no-repeat;
        background-position: 10px center;
        padding-left: 35px;
        font-size: 14px;
    }

    .ft-login-parent .ft-login-form .ft-login-bg-user {
        background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMtaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUE2QTc2Nzk1QUFCMTFFM0FFRDNBMkYxRDlBNTM5RUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUE2QTc2N0E1QUFCMTFFM0FFRDNBMkYxRDlBNTM5RUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQTZBNzY3NzVBQUIxMUUzQUVEM0EyRjFEOUE1MzlFRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQTZBNzY3ODVBQUIxMUUzQUVEM0EyRjFEOUE1MzlFRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uACZBZG9iZQBkwAAAAAEDABUEAwYKDQAABQgAAAWAAAAF2gAABiP/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAgEBAgICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//CABEIABEAEQMBEQACEQEDEQH/xACYAAACAwAAAAAAAAAAAAAAAAAACAUGCQEBAAAAAAAAAAAAAAAAAAAAABAAAgEFAQAAAAAAAAAAAAAAAwYFACAwAQQVEQACAQIEAwkAAAAAAAAAAAABAgMRBAAhQRIQURMgkSIy0hQ0lAUSAQAAAAAAAAAAAAAAAAAAADATAQEAAQUAAwAAAAAAAAAAAAERABAgMCExQaGx/9oADAMBAAIRAxEAAAHZUroxIvpADDiEgB//2gAIAQEAAQUCdjlFHIpy73TKxRx+dYYOCNF6MfZ//9oACAECAAEFAsP/2gAIAQMAAQUCw//aAAgBAgIGPwIf/9oACAEDAgY/Ah//2gAIAQEBBj8Ct0jZ0Wa5pLtqAyrGxCMw0Laa0xfwFnMKrDIimpRHq4amilx304XH5kUZu2OXXDbYYZUOTRtm0rIRp4Tzx7O5haIyyl3vFO9STkvVTzIqDlXHzrT7EXq7H//aAAgBAQMBPyG0eF5iRLBr6Mt3yC16+Yp+Gjw2EIxTTsFADKLjfoZAocA7Bn8wq7d//9oACAECAwE/IeH/2gAIAQMDAT8h4f/aAAwDAQACEQMRAAAQAAgAH//aAAgBAQMBPxC1U6r/AGgFWjuN49de1GmKVjE3O+jevMJ1CgBIBwxa+lD5CU/cyvbKn//aAAgBAgMBPxDh/9oACAEDAwE/EOH/2Q==);
    }

    .ft-login-parent .ft-login-form .ft-login-bg-password {
        background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMtaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUE2QTc2N0Q1QUFCMTFFM0FFRDNBMkYxRDlBNTM5RUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUE2QTc2N0U1QUFCMTFFM0FFRDNBMkYxRDlBNTM5RUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQTZBNzY3QjVBQUIxMUUzQUVEM0EyRjFEOUE1MzlFRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQTZBNzY3QzVBQUIxMUUzQUVEM0EyRjFEOUE1MzlFRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uACZBZG9iZQBkwAAAAAEDABUEAwYKDQAABQoAAAWSAAAF7gAABjX/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAgEBAgICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//CABEIABEAEQMBEQACEQEDEQH/xACYAAACAwAAAAAAAAAAAAAAAAAECAYHCQEBAAAAAAAAAAAAAAAAAAAAABAAAQMFAQAAAAAAAAAAAAAABQACBjABAwQ1EhEAAgECBAUEAwAAAAAAAAAAAgMEARIRMRMFABBBYTIhcSJCs3S0EgEAAAAAAAAAAAAAAAAAAAAwEwEBAAAHAQAAAAAAAAAAAAABEQAQIDAhMUFR/9oADAMBAAIRAxEAAAHZ4DLqFFBxwhNSPj1H/9oACAEBAAEFAj+VmyRF31xh1SGzHSnxr45WpZ3gvXX/2gAIAQIAAQUCo//aAAgBAwABBQKj/9oACAECAgY/Ah//2gAIAQMCBj8CH//aAAgBAQEGPwLa9pbK0Yj6yGTrHCutaLVqKW0sfiJ988eGbbElX7fIhDIBZPFoLla2nYosfIqdM648mCwRJdX7fQxMrBIKojXCR/Qa069OEBEFYxx3OJpUSeou29XqJY18s+2XKd7Rf5EcbZ+/F/MHL//aAAgBAQMBPyGUjQDJR0zDwvYYCnNPECXw2+RbDKIhTuPg6aPlziWnfe9nBEqLG/GlGW//2gAIAQIDAT8h2f/aAAgBAwMBPyHZ/9oADAMBAAIRAxEAABAQAAAf/9oACAEBAwE/ECQlXG5S4IhgFYQOZKAM68Fy02ZChOuFECRR8YiTxGg4SMqRDBpxIP/aAAgBAgMBPxDZ/9oACAEDAwE/ENn/2Q==);
    }

    .ft-login-parent .ft-login-form .ft-login-bg-email {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAANCAIAAADAGxJNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKumlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarZZ3UJNbGsbf7/vSSKElICAl1FAE6QSQXkOXDjZCQgmEEEOCiA2Vi1fgWlARARt6UUTBCsi1IKJYuAg27BfkIqCuFws2VPYPlrC7s/vHzuw7c2Z+88w5z3nfc/55AKhdXLFYiCoDZImkksgAb2Z8QiKT+AyIQAYG2IMVl5cj9oqICIH/Wh/vAwIAcMeSKxYL4X8rFX5KDg8AiQCAZH4OLwsAOQ2AnOaJJVIALB0ADJdJxVIArBQAGJL4hEQAbB8AMNKm+DQAMJKn+BoAMCTRkT4A2BMAEpXLlaQBUEYAgJnLS5MCUEkAYC3iC0QAVDYAuPPSuXwAah4AzMnKyuYDUA8CgGnyP/mk/YtnstyTy02T89QsAABA8hXkiIXc5fD/riyhbPoOfQCgpksCIwFAAwCpzswOlrMoOSx8mgV8gGlOlwXGTDMvxydxmvlc3+BplmXGeE0zVzJzViDlRE+zJDtS7i8ShoXI/VM4ck7J8Yua5lSBP2ea89Oj46Y5VxAbNs05mVHBM3t85LpEFinvOVXiL58xK2emNx535i5penSgfK4UXz95P6IY+R6x1FvuIxZGzPQsDJDrOblR8rNSSbRcz+AGRcz4RMjfBHzBD0IgBJgQA7ZgCzZgC4EQKk3JkwIA+GSLl0sEaelSppdYLExhckQ8qzlMW2sbe4D4hETm1Le+fwAIACDqpBkt+wqAswgA65jRFlsAnBgGUPab0UxfADDqAS4a8mSS3CkNBwCABzIoAQM0QRcMwRQswRYcwRU8wQ+CIByiIQEWAw/SIQsksAxWwlooghLYAjugEvbCATgMx+AkNMM5uARX4Sb0wD14DP0wBK9gDD7CBIIgRISG0BFNRA8xRiwQW4SNuCN+SAgSiSQgSUgaIkJkyEpkPVKClCGVyH6kDjmBnEUuIdeRXuQhMoCMIu+QryiGUlEGqoOaoHNRNuqFBqPR6CI0DV2K5qOF6Ca0Aq1Bj6JN6CX0JnoP7UdfoeMYYBRMHdPHLDE25oOFY4lYKibBVmPFWDlWgzVgrVgndgfrx15jX3AEHB3HxFniXHGBuBgcD7cUtxpXiqvEHcY14Tpwd3ADuDHcDzwNr423wLvgOfh4fBp+Gb4IX46vxZ/BX8Hfww/hPxIIBHUCi+BECCQkEDIIKwilhN2ERkIboZcwSBgnEomaRAuiGzGcyCVKiUXEXcSjxIvE28Qh4mcShaRHsiX5kxJJItI6UjnpCOkC6TZpmDShoKxgrOCiEK7AV1iusFnhoEKrwi2FIYUJsgqZRXYjR5MzyGvJFeQG8hXyE/J7CoViQHGmzKcIKAWUCspxyjXKAOULVZVqTvWhLqTKqJuoh6ht1IfU9zQazYTmSUukSWmbaHW0y7RntM+KdEUrRY4iX3GNYpVik+JtxTdKCkrGSl5Ki5XylcqVTindUnqtrKBsouyjzFVerVylfFa5T3lcha5ioxKukqVSqnJE5brKiCpR1UTVT5WvWqh6QPWy6iAdoxvSfeg8+nr6QfoV+hCDwGAxOIwMRgnjGKObMaamqmavFquWp1aldl6tXx1TN1HnqAvVN6ufVL+v/nWWziyvWSmzNs5qmHV71ieN2RqeGikaxRqNGvc0vmoyNf00MzW3ajZrPtXCaZlrzddaprVH64rW69mM2a6zebOLZ5+c/Ugb1TbXjtReoX1Au0t7XEdXJ0BHrLNL57LOa111XU/dDN3tuhd0R/Xoeu56Ar3tehf1XjLVmF5MIbOC2cEc09fWD9SX6e/X79afMGAZxBisM2g0eGpINmQbphpuN2w3HDPSMwo1WmlUb/TIWMGYbZxuvNO40/iTCcskzmSDSbPJCEuDxWHls+pZT0xpph6mS01rTO+aEczYZplmu816zFFzB/N08yrzWxaohaOFwGK3Re8c/BznOaI5NXP6LKmWXpa5lvWWA1bqViFW66yard7MNZqbOHfr3M65P6wdrIXWB60f26jaBNmss2m1eWdrbsuzrbK9a0ez87dbY9di99bewj7Ffo/9Awe6Q6jDBod2h++OTo4SxwbHUScjpySnaqc+NoMdwS5lX3PGO3s7r3E+5/zFxdFF6nLS5S9XS9dM1yOuI/NY81LmHZw36GbgxnXb79bvznRPct/n3u+h78H1qPF47mnoyfes9Rz2MvPK8Drq9cbb2lvifcb7k4+LzyqfNl/MN8C32LfbT9Uvxq/S75m/gX+af73/WIBDwIqAtkB8YHDg1sA+jg6Hx6njjAU5Ba0K6gimBkcFVwY/DzEPkYS0hqKhQaHbQp+EGYeJwprDIZwTvi38aQQrYmnEb/MJ8yPmV81/EWkTuTKyM4oetSTqSNTHaO/ozdGPY0xjZDHtsUqxC2PrYj/F+caVxfXHz41fFX8zQStBkNCSSEyMTaxNHF/gt2DHgqGFDguLFt5fxFqUt+j6Yq3FwsXnlygt4S45lYRPiks6kvSNG86t4Y4nc5Krk8d4PrydvFd8T/52/miKW0pZynCqW2pZ6kiaW9q2tNF0j/Ty9NcCH0Gl4G1GYMbejE+Z4ZmHMieFccLGLFJWUtZZkaooU9SRrZudl90rthAXifuXuizdsXRMEiypzUFyFuW0SBlSsbRLZir7STaQ655blft5WeyyU3kqeaK8ruXmyzcuH873z/91BW4Fb0X7Sv2Va1cOrPJatX81sjp5dfsawzWFa4YKAgoOryWvzVz7+zrrdWXrPqyPW99aqFNYUDj4U8BP9UWKRZKivg2uG/b+jPtZ8HP3RruNuzb+KOYX3yixLikv+VbKK73xi80vFb9Mbkrd1L3ZcfOeLYQtoi33t3psPVymUpZfNrgtdFvTdub24u0fdizZcb3cvnzvTvJO2c7+ipCKll1Gu7bs+laZXnmvyruqsVq7emP1p9383bf3eO5p2Kuzt2Tv132CfQ/2B+xvqjGpKT9AOJB74MXB2IOdv7J/ravVqi2p/X5IdKj/cOThjjqnuroj2kc216P1svrRowuP9hzzPdbSYNmwv1G9seQ4HJcdf3ki6cT9k8En20+xTzWcNj5dfYZ+prgJaVreNNac3tzfktDSezbobHura+uZ36x+O3RO/1zVebXzmy+QLxRemLyYf3G8Tdz2+lLapcH2Je2PL8dfvtsxv6P7SvCVa1f9r17u9Oq8eM3t2rnrLtfP3mDfaL7peLOpy6HrzO8Ov5/pduxuuuV0q6XHuae1d17vhdsety/d8b1z9S7n7s17Yfd678fcf9C3sK//Af/ByEPhw7ePch9NPC54gn9S/FT5afkz7Wc1f5j90djv2H9+wHeg63nU88eDvMFXf+b8+W2o8AXtRfmw3nDdiO3IuVH/0Z6XC14OvRK/mnhd9DeVv1W/MX1z+i/Pv7rG4seG3kreTr4rfa/5/tAH+w/t4xHjzz5mfZz4VPxZ8/PhL+wvnV/jvg5PLPtG/Fbx3ex764/gH08msyYnxVwJFwAAMABAU1MB3h0CoCUA0HsAyIpTuRgAAJCpLA8wlUH+M09lZwAAcAQ44AkQ3QYQ1gawDwBYBQCqBQARngDRnoDa2cnXPyon1c52yovSDIAvn5x8HwdANAP43jc5OdE8Ofm9FgB7BND2cSqPAwAoHwXoCbDxiQ3pYjV9+/dc/HeUnwLX0t2H3gAAACBjSFJNAABuJwAAc68AAPWiAACBJgAAdI4AAO8dAAAzAAAAF519sdLeAAAB1klEQVR42lxSPavqQBQ8u1lXQxK/ECSVEBDEQCIG1NLCH2wrEgutxEqbGEEQRBBs4hfJutnsK8K93OdUA2dm4Mw56HQ6BUGAMQaAz+eDEEIISSkBAABynmUZpRQAsiyzLAvNZrM0TYUQuq5TSt/vt5QSIZR7crOmaWmaPp9PQggAkCzLVFXVNA1jbNt2sVh8v9+/nnyqKMputzMMgzH2eDywEIJz7rpuvV5fLpfP59MwDP0H5XKZMeb7fqFQ8DxPSsk5xwghIUQcx5Zl1Wq16XR6OBzgB+fzeTqdUkpt287TEUIknwkhAGAwGOi6vl6voyhyXXe/32+3W9u2Pc8DAM55LibwP7rdbhzHYRheLhfGWLvd7vV6Xxr8Ww4AMMaCIGi1WqPRiDHmOE632w3D8PV6/a0RSykxxpqmJUmyWCzu93uj0bAsazKZdDqdSqWSpqnv+1EUlUolQoiUkmCMKaW32y0IAlVVh8NhHtloNHLiOE4cx6vVqt/vE0IURUHz+VxRlOv1aprmeDwGgDRN/94UY4wx3mw2h8Oh2WwihAjnnHNerVYppZvNJkmSr42llKqqZllWr9fz6lAYhsfjkVIqhEiSJP+3L4+UslgsEkI456Zp/hsArRIAsBkSa/gAAAAASUVORK5CYII=);
    }

    .ft-login-parent .ft-login-form [class*="ft-btn"].ft-btn-block {
        width: 100%;
    }

    .ft-login-parent .ft-login-forgot {
        font-size: 12px;
    }

    .ft-login-parent [class*="ft-btn"] {
        margin-top: 20px;
        margin-bottom: 30px;
    }

@media screen and (min-width: 768px) {
    .ft-login-parent .ft-login-adv {
        display: inline-block;
        margin-left: 30px;
        margin-top: 0;
    }
}

[class*="ft-go"] {
    position: relative;
    z-index: 2;
}

    [class*="ft-go"]:before {
        color: white;
        display: inline-block;
        vertical-align: top;
        height: 60px;
        line-height: 65px;
        text-align: center;
        font-size: 20px;
        padding: 0 25px;
        position: relative;
    }

    [class*="ft-go"] .ft-text {
        display: none;
        top: 0;
        left: 0;
        position: absolute;
        width: auto;
    }

.ft-sidebar [class*="ft-go"] {
    display: table;
    width: 100%;
}

    .ft-sidebar [class*="ft-go"] .ft-text {
        display: table-cell;
        color: white;
        vertical-align: middle;
        position: static;
        line-height: 1.4;
        padding-right: 10px;
        position: relative;
        left: -5px;
    }

.ft-topbar [class*="ft-go"] {
    display: none;
}

@media screen and (min-width: 768px) {
    [class*="ft-go"]:before {
        border-right: 1px solid rgba(0,0,0,0.2);
        padding: 0;
        width: 60px;
    }

    .ft-sidebar [class*="ft-go"] {
        display: none;
    }

    .ft-topbar [class*="ft-go"] {
        display: inline-block;
        vertical-align: top;
    }

    [class*="ft-go"] .ft-text {
        display: none;
        top: 18px;
        left: 70px;
        position: absolute;
        height: 25px;
        line-height: 25px;
        padding: 0 10px;
        font-size: 12px;
        text-align: center;
        color: white;
        background: #222222;
        border-radius: 4px;
        text-shadow: 0 0 5px black;
        white-space: nowrap;
    }

        [class*="ft-go"] .ft-text:before {
            position: absolute;
            left: -12px;
            top: 6px;
            z-index: 10;
        }

        [class*="ft-go"] .ft-text:before {
            content: "";
            width: 0;
            height: 0;
            border-width: 6px;
            border-style: solid;
            border-color: transparent #222222 transparent transparent;
        }

    [class*="ft-go"]:hover .ft-text, [class*="ft-go"]:focus .ft-text {
        display: block;
    }
}

.ft-steps {
    position: relative;
    margin: 0;
    padding-top: 15px;
}

.ft-steps-nav {
    width: 100%;
    height: 35px;
    counter-reset: steps;
    list-style: none;
    position: relative;
    margin: 0;
}

    .ft-steps-nav li {
        width: 100%;
        counter-increment: steps;
        position: absolute;
        top: 0;
        left: 0;
    }

        .ft-steps-nav li:not(.ft-active) {
            opacity: 0;
            visibility: hidden;
        }

        .ft-steps-nav li:after {
            color: #888888;
            content: attr(data-mobile-step-index);
            font-size: 15px;
            line-height: 15px;
            position: absolute;
            top: 9px;
            right: 0;
        }

.ft-steps-btn {
    width: 100%;
    background: white;
    border: none;
    cursor: none;
    display: inline-block;
    font-family: Open Sans, Arial, Helvetica, Sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #dddddd;
    padding-right: 5px;
    pointer-events: none;
    position: relative;
    text-align: left;
}

.ft-active .ft-steps-btn, .ft-actived .ft-steps-btn {
    cursor: pointer;
    pointer-events: initial;
}

    .ft-active .ft-steps-btn:before, .ft-actived .ft-steps-btn:before {
        border: 2px solid #888888;
        color: white;
    }

    .ft-active .ft-steps-btn:after, .ft-actived .ft-steps-btn:after {
        color: #888888;
    }

    .ft-active .ft-steps-btn:before {
        color: #888888;
    }

.ft-actived:not(.ft-active) .ft-steps-btn:before {
    font-size: 16px;
}

.ft-steps-btn:hover:after, .ft-steps-btn:focus:after, .ft-steps-btn:active:after {
    opacity: 0.7;
}

.ft-steps-btn:before {
    content: counters(steps,"") " ";
    font-family: Open Sans, Arial, Helvetica, Sans-serif;
    font-size: 22px;
    font-weight: 300;
    border: 2px solid #dddddd;
    background: white;
    border-radius: 50%;
    display: inline-block;
    height: 35px;
    line-height: 31px;
    vertical-align: middle;
    text-align: center;
    width: 35px;
    position: relative;
    z-index: 2;
}

.ft-steps-btn:after {
    width: calc(100% - 95px);
    content: attr(aria-label);
    display: inline-block;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    margin-left: 10px;
}

.ft-steps-arrow {
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
    border-left: 12px solid #dddddd;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    display: none;
    height: 0;
    width: 0;
    position: absolute;
    top: 50%;
    margin-top: -23px;
    right: 18px;
}

    .ft-steps-arrow:before, .ft-steps-arrow:after {
        content: "";
        display: block;
        left: -1px;
        position: absolute;
    }

    .ft-steps-arrow:before {
        background: #888888;
        border-radius: 50%;
        position: absolute;
        left: -12px;
        top: -12px;
        margin-top: 10px;
        height: 4px;
        width: 4px;
        z-index: 2;
    }

    .ft-steps-arrow:after {
        border-left: 10px solid white;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        top: -10px;
        left: -12px;
        height: 0;
        width: 0;
        z-index: 1;
    }

.ft-steps-main {
    border-top: 1px solid #dddddd;
    position: relative;
    padding-top: 30px;
    margin-top: 10px;
}

.ft-steps-content {
    position: relative;
    display: none;
    z-index: -1;
}

    .ft-steps-content.ft-active {
        display: block;
        z-index: 99;
    }

    .ft-steps-content .ft-actions-btn {
        overflow: hidden;
    }

        .ft-steps-content .ft-actions-btn [class*="ft-btn"] {
            float: left;
        }

            .ft-steps-content .ft-actions-btn [class*="ft-btn"][data-action="next"] {
                float: right;
            }

@media screen and (min-width: 768px) {
    .ft-steps {
        margin: 15px 0 15px -15px;
    }

    .ft-steps-nav {
        width: 250px;
        position: absolute;
        z-index: 11;
        top: 10px;
        left: 15px;
    }

        .ft-steps-nav:before {
            content: "";
            border-right: 1px solid #dddddd;
            position: absolute;
            height: 100%;
            right: 29px;
            top: 0;
        }

        .ft-steps-nav li {
            width: auto;
            position: relative;
            padding-bottom: 20px;
        }

            .ft-steps-nav li:not(.ft-active) {
                opacity: 1;
                visibility: visible;
            }

            .ft-steps-nav li:last-child:before {
                display: none;
            }

            .ft-steps-nav li:before {
                content: "";
                border-left: 3px dotted #dddddd;
                height: 100%;
                left: 16px;
                position: absolute;
                top: 24px;
                z-index: 1;
            }

            .ft-steps-nav li:after {
                display: none;
            }

    .ft-steps-main {
        border-top: 0;
        border-left: 1px solid #dddddd;
        padding: 0 15px 0 25px;
        margin: 0 0 0 235px;
    }

    .ft-active .ft-steps-arrow {
        display: block;
    }

    .ft-steps-btn {
        width: auto;
    }

        .ft-steps-btn:after {
            font-weight: 300;
            position: relative;
            top: 0;
            margin-left: 10px;
            width: 170px;
            text-align: left;
            display: inline-block;
            vertical-align: middle;
        }
}

.ft-tabs-btn .ft-tabs-btn-nav [class*="ft-btn"] {
    border-color: #cccccc;
    color: #555555;
    display: inline-block;
    font-family: Open Sans, Arial, Helvetica, Sans-serif;
    font-size: 16px;
    font-weight: 300;
    padding: 12px 15px;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}

    .ft-tabs-btn .ft-tabs-btn-nav [class*="ft-btn"] + [class*="ft-btn"] {
        margin-left: 0;
    }

    .ft-tabs-btn .ft-tabs-btn-nav [class*="ft-btn"]:hover, .ft-tabs-btn .ft-tabs-btn-nav [class*="ft-btn"]:focus, .ft-tabs-btn .ft-tabs-btn-nav [class*="ft-btn"]:active {
        background-color: #dddddd;
        border-color: #d8d8d8;
    }

    .ft-tabs-btn .ft-tabs-btn-nav [class*="ft-btn"] input {
        position: absolute;
        left: -20px;
        top: -20px;
    }

.ft-tabs-btn .ft-active > [class*="ft-btn"] {
    position: relative;
    font-weight: 600;
}

    .ft-tabs-btn .ft-active > [class*="ft-btn"]:before, .ft-tabs-btn .ft-active > [class*="ft-btn"]:after {
        left: 50%;
        display: none !important;
    }

    .ft-tabs-btn .ft-active > [class*="ft-btn"]:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 5px;
        position: relative;
        border: 8px solid transparent;
        border-color: #d8d8d8 transparent transparent transparent;
        bottom: -16px;
        position: absolute;
        top: auto;
        margin-left: -8px;
        z-index: 1;
    }

    .ft-tabs-btn .ft-active > [class*="ft-btn"]:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 5px;
        position: relative;
        border: 6px solid transparent;
        border-color: #dddddd transparent transparent transparent;
        bottom: -12px;
        position: absolute;
        top: auto;
        margin-left: -6px;
        z-index: 2;
    }

    .ft-tabs-btn .ft-active > [class*="ft-btn"] [class*="ft-ico"]:before, .ft-tabs-btn .ft-active > [class*="ft-btn"] [class*="ft-ico"]:after {
        opacity: 1;
    }

.ft-tabs-btn [class*="ft-ico"] {
    font-size: 16px;
}

    .ft-tabs-btn [class*="ft-ico"]:before, .ft-tabs-btn [class*="ft-ico"]:after {
        opacity: 0.5;
        font-size: 24px;
        vertical-align: sub;
    }

    .ft-tabs-btn [class*="ft-ico"]:before {
        margin-right: 5px;
    }

    .ft-tabs-btn [class*="ft-ico"]:after {
        margin-left: 5px;
    }

.ft-tabs-btn .ft-tabs-btn-nav {
    list-style: none;
    margin-right: 0;
    margin-left: -5px;
}

    .ft-tabs-btn .ft-tabs-btn-nav [class*="col-"] {
        padding: 0 5px;
        overflow: hidden;
    }

.ft-tabs-btn .ft-tabs-container {
    top: 10px;
}

    .ft-tabs-btn .ft-tabs-container .ft-tab-content {
        padding: 0;
        border: none;
        margin-bottom: 0;
    }

@media screen and (min-width: 768px) {
    .ft-tabs-btn .ft-active [class*="ft-btn"]:before, .ft-tabs-btn .ft-active [class*="ft-btn"]:after {
        display: block !important;
    }
}

.ft-cart {
    width: 100%;
    position: relative;
}

    .ft-cart .ft-checkbox-cart {
        width: 100%;
        height: 65px;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        cursor: pointer;
    }

        .ft-cart .ft-checkbox-cart:checked ~ .ft-cart-content {
            display: block;
            border: 1px solid #c3c3c3;
            border-top: 0;
            position: absolute;
            width: inherit;
            background: white;
            border-radius: 0 0 5px 5px;
        }

        .ft-cart .ft-checkbox-cart:checked ~ .ft-cart-header {
            width: 100%;
            background: white;
            border: 1px solid #c3c3c3;
            border-bottom: 0;
            border-radius: 5px 5px 0 0;
        }

            .ft-cart .ft-checkbox-cart:checked ~ .ft-cart-header .ft-ico-cart, .ft-cart .ft-checkbox-cart:checked ~ .ft-cart-header strong {
                color: #888888;
            }

            .ft-cart .ft-checkbox-cart:checked ~ .ft-cart-header:before {
                color: #888888;
                -moz-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
                -moz-transition: all 0.35s ease;
                -o-transition: all 0.35s ease;
                -webkit-transition: all 0.35s ease;
                transition: all 0.35s ease;
            }

    .ft-cart .ft-cart-header {
        width: 100%;
        padding: 19px 15px;
        border-radius: 5px;
        z-index: 9;
        display: block;
        color: white;
    }

        .ft-cart .ft-cart-header small {
            text-transform: uppercase;
            font-size: 12px;
            display: block;
        }

        .ft-cart .ft-cart-header strong {
            font-size: 14px;
        }

        .ft-cart .ft-cart-header:before {
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            -moz-transition: all 0.35s ease;
            -o-transition: all 0.35s ease;
            -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease;
            font-size: 12px;
            color: white;
            pointer-events: none;
            position: absolute;
            right: 20px;
            top: 39%;
        }

    .ft-cart .ft-cart-content {
        display: none;
    }

    .ft-cart .ft-ico-cart {
        margin-right: 5px;
        font-size: 30px;
        color: white;
    }

    .ft-cart ul {
        max-height: 345px;
        overflow-y: auto;
        border-top: 1px solid #e5e5e5;
    }

        .ft-cart ul li {
            padding: 20px 10px;
            border-bottom: 1px solid #e5e5e5;
            font-size: 14px;
            position: relative;
        }

            .ft-cart ul li a {
                position: absolute;
                top: 20px;
                right: 10px;
            }

            .ft-cart ul li .ft-title-product {
                margin-bottom: 0;
                max-width: 70%;
                font-weight: normal;
            }

                .ft-cart ul li .ft-title-product strong {
                    font-weight: bold;
                }

            .ft-cart ul li p {
                display: inherit;
                margin-left: 20px;
                font-size: 11px;
                margin-top: 0;
                margin-bottom: 0;
                padding: 0;
            }

    .ft-cart .ft-cart-footer {
        border-top: 1px solid #e5e5e5;
        background: #f7f7f7;
        padding: 20px 0;
        border-radius: 0 0 5px 5px;
    }

@media screen and (max-width: 768px) {
    .ft-cart ul li a {
        position: relative;
        left: 20px;
        top: 5px;
    }
}


[class^="ft-hvr-"] {
    background: #149040;
    color: #fff;
    cursor: pointer;
    padding: 18px;
    text-decoration: none;
}

[class^="ft-hvr-"]:before{  }


/* 2D TRANSITIONS */
/* Grow */
.ft-hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.ft-hvr-grow:hover, .ft-hvr-grow:focus, .ft-hvr-grow:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* Shrink */
.ft-hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.ft-hvr-shrink:hover, .ft-hvr-shrink:focus, .ft-hvr-shrink:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

/* Pulse */
@-webkit-keyframes ft-hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes ft-hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.ft-hvr-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.ft-hvr-pulse:hover, .ft-hvr-pulse:focus, .ft-hvr-pulse:active {
    -webkit-animation-name: ft-hvr-pulse;
    animation-name: ft-hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/* Pulse Grow */
@-webkit-keyframes ft-hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes ft-hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.ft-hvr-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.ft-hvr-pulse-grow:hover, .ft-hvr-pulse-grow:focus, .ft-hvr-pulse-grow:active {
    -webkit-animation-name: ft-hvr-pulse-grow;
    animation-name: ft-hvr-pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

/* Pulse Shrink */
@-webkit-keyframes ft-hvr-pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes ft-hvr-pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.ft-hvr-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.ft-hvr-pulse-shrink:hover, .ft-hvr-pulse-shrink:focus, .ft-hvr-pulse-shrink:active {
    -webkit-animation-name: ft-hvr-pulse-shrink;
    animation-name: ft-hvr-pulse-shrink;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

/* Push */
@-webkit-keyframes ft-hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes ft-hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.ft-hvr-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.ft-hvr-push:hover, .ft-hvr-push:focus, .ft-hvr-push:active {
    -webkit-animation-name: ft-hvr-push;
    animation-name: ft-hvr-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Pop */
@-webkit-keyframes ft-hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes ft-hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

.ft-hvr-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.ft-hvr-pop:hover, .ft-hvr-pop:focus, .ft-hvr-pop:active {
    -webkit-animation-name: ft-hvr-pop;
    animation-name: ft-hvr-pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Bounce In */
.ft-hvr-bounce-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.ft-hvr-bounce-in:hover, .ft-hvr-bounce-in:focus, .ft-hvr-bounce-in:active {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Bounce Out */
.ft-hvr-bounce-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.ft-hvr-bounce-out:hover, .ft-hvr-bounce-out:focus, .ft-hvr-bounce-out:active {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Rotate */
.ft-hvr-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.ft-hvr-rotate:hover, .ft-hvr-rotate:focus, .ft-hvr-rotate:active {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
}

/* Grow Rotate */
.ft-hvr-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.ft-hvr-grow-rotate:hover, .ft-hvr-grow-rotate:focus, .ft-hvr-grow-rotate:active {
    -webkit-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg);
}

/* Float */
.ft-hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-float:hover, .ft-hvr-float:focus, .ft-hvr-float:active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}

/* Sink */
.ft-hvr-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-sink:hover, .ft-hvr-sink:focus, .ft-hvr-sink:active {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}

/* Bob */
@-webkit-keyframes ft-hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }

    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }

    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@keyframes ft-hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }

    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }

    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@-webkit-keyframes ft-hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@keyframes ft-hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

.ft-hvr-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.ft-hvr-bob:hover, .ft-hvr-bob:focus, .ft-hvr-bob:active {
    -webkit-animation-name: ft-hvr-bob-float, ft-hvr-bob;
    animation-name: ft-hvr-bob-float, ft-hvr-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}

/* Hang */
@-webkit-keyframes ft-hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}

@keyframes ft-hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}

@-webkit-keyframes ft-hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}

@keyframes ft-hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}

.ft-hvr-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.ft-hvr-hang:hover, .ft-hvr-hang:focus, .ft-hvr-hang:active {
    -webkit-animation-name: ft-hvr-hang-sink, ft-hvr-hang;
    animation-name: ft-hvr-hang-sink, ft-hvr-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}

/* Skew */
.ft-hvr-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.ft-hvr-skew:hover, .ft-hvr-skew:focus, .ft-hvr-skew:active {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg);
}

/* Skew Forward */
.ft-hvr-skew-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.ft-hvr-skew-forward:hover, .ft-hvr-skew-forward:focus, .ft-hvr-skew-forward:active {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg);
}

/* Skew Backward */
.ft-hvr-skew-backward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.ft-hvr-skew-backward:hover, .ft-hvr-skew-backward:focus, .ft-hvr-skew-backward:active {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
}

/* Wobble Vertical */
@-webkit-keyframes ft-hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes ft-hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.ft-hvr-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.ft-hvr-wobble-vertical:hover, .ft-hvr-wobble-vertical:focus, .ft-hvr-wobble-vertical:active {
    -webkit-animation-name: ft-hvr-wobble-vertical;
    animation-name: ft-hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Wobble Horizontal */
@-webkit-keyframes ft-hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes ft-hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.ft-hvr-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.ft-hvr-wobble-horizontal:hover, .ft-hvr-wobble-horizontal:focus, .ft-hvr-wobble-horizontal:active {
    -webkit-animation-name: ft-hvr-wobble-horizontal;
    animation-name: ft-hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Wobble To Bottom Right */
@-webkit-keyframes ft-hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px, 8px);
        transform: translate(8px, 8px);
    }

    33.3% {
        -webkit-transform: translate(-6px, -6px);
        transform: translate(-6px, -6px);
    }

    49.95% {
        -webkit-transform: translate(4px, 4px);
        transform: translate(4px, 4px);
    }

    66.6% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
    }

    83.25% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes ft-hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px, 8px);
        transform: translate(8px, 8px);
    }

    33.3% {
        -webkit-transform: translate(-6px, -6px);
        transform: translate(-6px, -6px);
    }

    49.95% {
        -webkit-transform: translate(4px, 4px);
        transform: translate(4px, 4px);
    }

    66.6% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
    }

    83.25% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.ft-hvr-wobble-to-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.ft-hvr-wobble-to-bottom-right:hover, .ft-hvr-wobble-to-bottom-right:focus, .ft-hvr-wobble-to-bottom-right:active {
    -webkit-animation-name: ft-hvr-wobble-to-bottom-right;
    animation-name: ft-hvr-wobble-to-bottom-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Wobble To Top Right */
@-webkit-keyframes ft-hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px, -8px);
        transform: translate(8px, -8px);
    }

    33.3% {
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px);
    }

    49.95% {
        -webkit-transform: translate(4px, -4px);
        transform: translate(4px, -4px);
    }

    66.6% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
    }

    83.25% {
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes ft-hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px, -8px);
        transform: translate(8px, -8px);
    }

    33.3% {
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px);
    }

    49.95% {
        -webkit-transform: translate(4px, -4px);
        transform: translate(4px, -4px);
    }

    66.6% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
    }

    83.25% {
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.ft-hvr-wobble-to-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.ft-hvr-wobble-to-top-right:hover, .ft-hvr-wobble-to-top-right:focus, .ft-hvr-wobble-to-top-right:active {
    -webkit-animation-name: ft-hvr-wobble-to-top-right;
    animation-name: ft-hvr-wobble-to-top-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Wobble Top */
@-webkit-keyframes ft-hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

@keyframes ft-hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

.ft-hvr-wobble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.ft-hvr-wobble-top:hover, .ft-hvr-wobble-top:focus, .ft-hvr-wobble-top:active {
    -webkit-animation-name: ft-hvr-wobble-top;
    animation-name: ft-hvr-wobble-top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Wobble Bottom */
@-webkit-keyframes ft-hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

@keyframes ft-hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

.ft-hvr-wobble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.ft-hvr-wobble-bottom:hover, .ft-hvr-wobble-bottom:focus, .ft-hvr-wobble-bottom:active {
    -webkit-animation-name: ft-hvr-wobble-bottom;
    animation-name: ft-hvr-wobble-bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Wobble Skew */
@-webkit-keyframes ft-hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

@keyframes ft-hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

.ft-hvr-wobble-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.ft-hvr-wobble-skew:hover, .ft-hvr-wobble-skew:focus, .ft-hvr-wobble-skew:active {
    -webkit-animation-name: ft-hvr-wobble-skew;
    animation-name: ft-hvr-wobble-skew;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Buzz */
@-webkit-keyframes ft-hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

@keyframes ft-hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

.ft-hvr-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.ft-hvr-buzz:hover, .ft-hvr-buzz:focus, .ft-hvr-buzz:active {
    -webkit-animation-name: ft-hvr-buzz;
    animation-name: ft-hvr-buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/* Buzz Out */
@-webkit-keyframes ft-hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

@keyframes ft-hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

.ft-hvr-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.ft-hvr-buzz-out:hover, .ft-hvr-buzz-out:focus, .ft-hvr-buzz-out:active {
    -webkit-animation-name: ft-hvr-buzz-out;
    animation-name: ft-hvr-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* BACKGROUND TRANSITIONS */
/* Fade */
.ft-hvr-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}

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

/* Back Pulse */
@-webkit-keyframes ft-hvr-back-pulse {
    50% {
        background-color: rgba(32, 152, 209, 0.75);
    }
}

@keyframes ft-hvr-back-pulse {
    50% {
        background-color: rgba(32, 152, 209, 0.75);
    }
}

.ft-hvr-back-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}

.ft-hvr-back-pulse:hover, .ft-hvr-back-pulse:focus, .ft-hvr-back-pulse:active {
    -webkit-animation-name: ft-hvr-back-pulse;
    animation-name: ft-hvr-back-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #2098d1;
    background-color: #2098d1;
    color: white;
}

/* Sweep To Right */
.ft-hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-sweep-to-right:hover, .ft-hvr-sweep-to-right:focus, .ft-hvr-sweep-to-right:active {
    color: white;
}

.ft-hvr-sweep-to-right:hover:before, .ft-hvr-sweep-to-right:focus:before, .ft-hvr-sweep-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/* Sweep To Left */
.ft-hvr-sweep-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-hvr-sweep-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-sweep-to-left:hover, .ft-hvr-sweep-to-left:focus, .ft-hvr-sweep-to-left:active {
    color: white;
}

.ft-hvr-sweep-to-left:hover:before, .ft-hvr-sweep-to-left:focus:before, .ft-hvr-sweep-to-left:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/* Sweep To Bottom */
.ft-hvr-sweep-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-hvr-sweep-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-sweep-to-bottom:hover, .ft-hvr-sweep-to-bottom:focus, .ft-hvr-sweep-to-bottom:active {
    color: white;
}

.ft-hvr-sweep-to-bottom:hover:before, .ft-hvr-sweep-to-bottom:focus:before, .ft-hvr-sweep-to-bottom:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

/* Sweep To Top */
.ft-hvr-sweep-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-hvr-sweep-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-sweep-to-top:hover, .ft-hvr-sweep-to-top:focus, .ft-hvr-sweep-to-top:active {
    color: white;
}

.ft-hvr-sweep-to-top:hover:before, .ft-hvr-sweep-to-top:focus:before, .ft-hvr-sweep-to-top:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

/* Bounce To Right */
.ft-hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.ft-hvr-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-bounce-to-right:hover, .ft-hvr-bounce-to-right:focus, .ft-hvr-bounce-to-right:active {
    color: white;
}

.ft-hvr-bounce-to-right:hover:before, .ft-hvr-bounce-to-right:focus:before, .ft-hvr-bounce-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Left */
.ft-hvr-bounce-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.ft-hvr-bounce-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-bounce-to-left:hover, .ft-hvr-bounce-to-left:focus, .ft-hvr-bounce-to-left:active {
    color: white;
}

.ft-hvr-bounce-to-left:hover:before, .ft-hvr-bounce-to-left:focus:before, .ft-hvr-bounce-to-left:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Bottom */
.ft-hvr-bounce-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.ft-hvr-bounce-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-bounce-to-bottom:hover, .ft-hvr-bounce-to-bottom:focus, .ft-hvr-bounce-to-bottom:active {
    color: white;
}

.ft-hvr-bounce-to-bottom:hover:before, .ft-hvr-bounce-to-bottom:focus:before, .ft-hvr-bounce-to-bottom:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Top */
.ft-hvr-bounce-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.ft-hvr-bounce-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-bounce-to-top:hover, .ft-hvr-bounce-to-top:focus, .ft-hvr-bounce-to-top:active {
    color: white;
}

.ft-hvr-bounce-to-top:hover:before, .ft-hvr-bounce-to-top:focus:before, .ft-hvr-bounce-to-top:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Radial Out */
.ft-hvr-radial-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    /*background: #149040;*/
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-hvr-radial-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-radial-out:hover, .ft-hvr-radial-out:focus, .ft-hvr-radial-out:active {
    color: white;
}

.ft-hvr-radial-out:hover:before, .ft-hvr-radial-out:focus:before, .ft-hvr-radial-out:active:before {
    -webkit-transform: scale(2);
    transform: scale(2);
}

/* Radial In */
.ft-hvr-radial-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-hvr-radial-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #149040;
    border-radius: 100%;
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-radial-in:hover, .ft-hvr-radial-in:focus, .ft-hvr-radial-in:active {
    color: white;
}

.ft-hvr-radial-in:hover:before, .ft-hvr-radial-in:focus:before, .ft-hvr-radial-in:active:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}

/* Rectangle In */
.ft-hvr-rectangle-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-hvr-rectangle-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #149040;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-rectangle-in:hover, .ft-hvr-rectangle-in:focus, .ft-hvr-rectangle-in:active {
    color: white;
}

.ft-hvr-rectangle-in:hover:before, .ft-hvr-rectangle-in:focus:before, .ft-hvr-rectangle-in:active:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}

/* Rectangle Out */
.ft-btn.ft-hvr-rectangle-out{
    background: #fff;
}

.ft-hvr-rectangle-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #149040;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-hvr-rectangle-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-rectangle-out:hover, .ft-hvr-rectangle-out:focus, .ft-hvr-rectangle-out:active {
    color: white;
}

.ft-hvr-rectangle-out:hover:before, .ft-hvr-rectangle-out:focus:before, .ft-hvr-rectangle-out:active:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* Shutter In Horizontal */
.ft-hvr-shutter-in-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-btn.ft-hvr-shutter-in-horizontal:before{
    background: #fff;
}

.ft-hvr-shutter-in-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #149040;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-shutter-in-horizontal:hover, .ft-hvr-shutter-in-horizontal:focus, .ft-hvr-shutter-in-horizontal:active {
    color: white;
}

.ft-hvr-shutter-in-horizontal:hover:before, .ft-hvr-shutter-in-horizontal:focus:before, .ft-hvr-shutter-in-horizontal:active:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

/* Shutter Out Horizontal */
.ft-btn.ft-hvr-shutter-out-horizontal{
    background: #fff;
}

.ft-hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #149040;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-shutter-out-horizontal:hover, .ft-hvr-shutter-out-horizontal:focus, .ft-hvr-shutter-out-horizontal:active {
    color: white;
}

.ft-hvr-shutter-out-horizontal:hover:before, .ft-hvr-shutter-out-horizontal:focus:before, .ft-hvr-shutter-out-horizontal:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/* Shutter In Vertical */
.ft-hvr-shutter-in-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-btn.ft-hvr-shutter-in-vertical:before{
    background: #fff;
}

.ft-hvr-shutter-in-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #149040;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-shutter-in-vertical:hover, .ft-hvr-shutter-in-vertical:focus, .ft-hvr-shutter-in-vertical:active {
    color: white;
}

.ft-hvr-shutter-in-vertical:hover:before, .ft-hvr-shutter-in-vertical:focus:before, .ft-hvr-shutter-in-vertical:active:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

/* Shutter Out Vertical */
.ft-btn.ft-hvr-shutter-out-vertical{
    background: #fff;
}

.ft-hvr-shutter-out-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #149040;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-hvr-shutter-out-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-shutter-out-vertical:hover, .ft-hvr-shutter-out-vertical:focus, .ft-hvr-shutter-out-vertical:active {
    color: white;
}

.ft-hvr-shutter-out-vertical:hover:before, .ft-hvr-shutter-out-vertical:focus:before, .ft-hvr-shutter-out-vertical:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

/* BORDER TRANSITIONS */
/* Border Fade */
.ft-hvr-border-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 4px #149040, 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}

.ft-hvr-border-fade:hover, .ft-hvr-border-fade:focus, .ft-hvr-border-fade:active {
    box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}

/* Hollow */
.ft-hvr-hollow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: background;
    transition-property: background;
    box-shadow: inset 0 0 0 4px #149040, 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}

.ft-hvr-hollow:hover, .ft-hvr-hollow:focus, .ft-hvr-hollow:active {
    background: none;
    color: #149040;
}

/* Trim */
.ft-hvr-trim {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.ft-hvr-trim:before {
    content: '';
    position: absolute;
    border: white solid 4px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.ft-hvr-trim:hover:before, .ft-hvr-trim:focus:before, .ft-hvr-trim:active:before {
    opacity: 1;
}

/* Ripple Out */
@-webkit-keyframes ft-hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes ft-hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

.ft-hvr-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.ft-hvr-ripple-out:before {
    content: '';
    position: absolute;
    border: #149040 solid 6px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.ft-hvr-ripple-out:hover:before, .ft-hvr-ripple-out:focus:before, .ft-hvr-ripple-out:active:before {
    -webkit-animation-name: ft-hvr-ripple-out;
    animation-name: ft-hvr-ripple-out;
}

/* Ripple In */
@-webkit-keyframes ft-hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1;
    }
}

@keyframes ft-hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1;
    }
}

.ft-hvr-ripple-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.ft-hvr-ripple-in:before {
    content: '';
    position: absolute;
    border: #149040 solid 4px;
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.ft-hvr-ripple-in:hover:before, .ft-hvr-ripple-in:focus:before, .ft-hvr-ripple-in:active:before {
    -webkit-animation-name: ft-hvr-ripple-in;
    animation-name: ft-hvr-ripple-in;
}

/* Outline Out */
.ft-hvr-outline-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.ft-hvr-outline-out:before {
    content: '';
    position: absolute;
    border: #149040 solid 4px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
}

.ft-hvr-outline-out:hover:before, .ft-hvr-outline-out:focus:before, .ft-hvr-outline-out:active:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
}

/* Outline In */
.ft-hvr-outline-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.ft-hvr-outline-in:before {
    pointer-events: none;
    content: '';
    position: absolute;
    border: #149040 solid 4px;
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
}

.ft-hvr-outline-in:hover:before, .ft-hvr-outline-in:focus:before, .ft-hvr-outline-in:active:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 1;
}

/* Round Corners */
.ft-hvr-round-corners {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: border-radius;
    transition-property: border-radius;
}

.ft-hvr-round-corners:hover, .ft-hvr-round-corners:focus, .ft-hvr-round-corners:active {
    border-radius: 1em;
}

/* Underline From Left */
.ft-hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.ft-hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-underline-from-left:hover:before, .ft-hvr-underline-from-left:focus:before, .ft-hvr-underline-from-left:active:before {
    right: 0;
}

/* Underline From Center */
.ft-hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.ft-hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-underline-from-center:hover:before, .ft-hvr-underline-from-center:focus:before, .ft-hvr-underline-from-center:active:before {
    left: 0;
    right: 0;
}

/* Underline From Right */
.ft-hvr-underline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.ft-hvr-underline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-underline-from-right:hover:before, .ft-hvr-underline-from-right:focus:before, .ft-hvr-underline-from-right:active:before {
    left: 0;
}

/* Overline From Left */
.ft-hvr-overline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.ft-hvr-overline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-overline-from-left:hover:before, .ft-hvr-overline-from-left:focus:before, .ft-hvr-overline-from-left:active:before {
    right: 0;
}

/* Overline From Center */
.ft-hvr-overline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.ft-hvr-overline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-overline-from-center:hover:before, .ft-hvr-overline-from-center:focus:before, .ft-hvr-overline-from-center:active:before {
    left: 0;
    right: 0;
}

/* Overline From Right */
.ft-hvr-overline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.ft-hvr-overline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-overline-from-right:hover:before, .ft-hvr-overline-from-right:focus:before, .ft-hvr-overline-from-right:active:before {
    left: 0;
}

/* Reveal */
.ft-hvr-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.ft-hvr-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-color: #2098d1;
    border-style: solid;
    border-width: 0;
    -webkit-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-reveal:hover:before, .ft-hvr-reveal:focus:before, .ft-hvr-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-width: 4px;
}

/* Underline Reveal */
.ft-hvr-underline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.ft-hvr-underline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-underline-reveal:hover:before, .ft-hvr-underline-reveal:focus:before, .ft-hvr-underline-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/* Overline Reveal */
.ft-hvr-overline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.ft-hvr-overline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-overline-reveal:hover:before, .ft-hvr-overline-reveal:focus:before, .ft-hvr-overline-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/* SHADOW/GLOW TRANSITIONS */
/* Glow */
.ft-hvr-glow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}

.ft-hvr-glow:hover, .ft-hvr-glow:focus, .ft-hvr-glow:active {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* Shadow */
.ft-hvr-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}

.ft-hvr-shadow:hover, .ft-hvr-shadow:focus, .ft-hvr-shadow:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

/* Grow Shadow */
.ft-hvr-grow-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}

.ft-hvr-grow-shadow:hover, .ft-hvr-grow-shadow:focus, .ft-hvr-grow-shadow:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* Box Shadow Outset */
.ft-hvr-box-shadow-outset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}

.ft-hvr-box-shadow-outset:hover, .ft-hvr-box-shadow-outset:focus, .ft-hvr-box-shadow-outset:active {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

/* Box Shadow Inset */
.ft-hvr-box-shadow-inset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}

.ft-hvr-box-shadow-inset:hover, .ft-hvr-box-shadow-inset:focus, .ft-hvr-box-shadow-inset:active {
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}

/* Float Shadow */
.ft-hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.ft-hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    /* W3C */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}

.ft-hvr-float-shadow:hover, .ft-hvr-float-shadow:focus, .ft-hvr-float-shadow:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    /* move the element up by 5px */
}

.ft-hvr-float-shadow:hover:before, .ft-hvr-float-shadow:focus:before, .ft-hvr-float-shadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Shadow Radial */
.ft-hvr-shadow-radial {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.ft-hvr-shadow-radial:before, .ft-hvr-shadow-radial:after {
    pointer-events: none;
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    height: 5px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.ft-hvr-shadow-radial:before {
    bottom: 100%;
    background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}

.ft-hvr-shadow-radial:after {
    top: 100%;
    background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}

.ft-hvr-shadow-radial:hover:before, .ft-hvr-shadow-radial:focus:before, .ft-hvr-shadow-radial:active:before, .ft-hvr-shadow-radial:hover:after, .ft-hvr-shadow-radial:focus:after, .ft-hvr-shadow-radial:active:after {
    opacity: 1;
}

/* SPEECH BUBBLES */
/* Bubble Top */
.ft-hvr-bubble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.ft-hvr-bubble-top:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    top: 0;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #149040 transparent;
}

.ft-hvr-bubble-top:hover:before, .ft-hvr-bubble-top:focus:before, .ft-hvr-bubble-top:active:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

/* Bubble Right */
.ft-hvr-bubble-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.ft-hvr-bubble-right:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    right: 0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #149040;
}

.ft-hvr-bubble-right:hover:before, .ft-hvr-bubble-right:focus:before, .ft-hvr-bubble-right:active:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}

/* Bubble Bottom */
.ft-hvr-bubble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.ft-hvr-bubble-bottom:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    bottom: 0;
    border-width: 10px 10px 0 10px;
    border-color: #149040 transparent transparent transparent;
}

.ft-hvr-bubble-bottom:hover:before, .ft-hvr-bubble-bottom:focus:before, .ft-hvr-bubble-bottom:active:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

/* Bubble Left */
.ft-hvr-bubble-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.ft-hvr-bubble-left:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    left: 0;
    border-width: 10px 10px 10px 0;
    border-color: transparent #149040 transparent transparent;
}

.ft-hvr-bubble-left:hover:before, .ft-hvr-bubble-left:focus:before, .ft-hvr-bubble-left:active:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
}

/* Bubble Float Top */
.ft-hvr-bubble-float-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.ft-hvr-bubble-float-top:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    top: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #149040 transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.ft-hvr-bubble-float-top:hover, .ft-hvr-bubble-float-top:focus, .ft-hvr-bubble-float-top:active {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

.ft-hvr-bubble-float-top:hover:before, .ft-hvr-bubble-float-top:focus:before, .ft-hvr-bubble-float-top:active:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

/* Bubble Float Right */
.ft-hvr-bubble-float-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.ft-hvr-bubble-float-right:before {
    position: absolute;
    z-index: -1;
    top: calc(50% - 10px);
    right: 0;
    content: '';
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #149040;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.ft-hvr-bubble-float-right:hover, .ft-hvr-bubble-float-right:focus, .ft-hvr-bubble-float-right:active {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
}

.ft-hvr-bubble-float-right:hover:before, .ft-hvr-bubble-float-right:focus:before, .ft-hvr-bubble-float-right:active:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}

/* Bubble Float Bottom */
.ft-hvr-bubble-float-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.ft-hvr-bubble-float-bottom:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    bottom: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #149040 transparent transparent transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.ft-hvr-bubble-float-bottom:hover, .ft-hvr-bubble-float-bottom:focus, .ft-hvr-bubble-float-bottom:active {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.ft-hvr-bubble-float-bottom:hover:before, .ft-hvr-bubble-float-bottom:focus:before, .ft-hvr-bubble-float-bottom:active:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

/* Bubble Float Left */
.ft-hvr-bubble-float-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.ft-hvr-bubble-float-left:before {
    position: absolute;
    z-index: -1;
    content: '';
    top: calc(50% - 10px);
    left: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #149040 transparent transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.ft-hvr-bubble-float-left:hover, .ft-hvr-bubble-float-left:focus, .ft-hvr-bubble-float-left:active {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}

.ft-hvr-bubble-float-left:hover:before, .ft-hvr-bubble-float-left:focus:before, .ft-hvr-bubble-float-left:active:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
}

/* ICONS */
/* Icon Back */
.ft-hvr-icon-back {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-left: 2.2em;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

.ft-hvr-icon-back:before {
    content: "\f137";
    position: absolute;
    left: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-icon-back:hover:before, .ft-hvr-icon-back:focus:before, .ft-hvr-icon-back:active:before {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
}

/* Icon Forward */
.ft-hvr-icon-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

.ft-hvr-icon-forward:before {
    content: "\f138";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-icon-forward:hover:before, .ft-hvr-icon-forward:focus:before, .ft-hvr-icon-forward:active:before {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}

/* Icon Down */
@-webkit-keyframes ft-hvr-icon-down {
    0%, 50%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25%, 75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@keyframes ft-hvr-icon-down {
    0%, 50%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25%, 75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

/* Icon Down */
.ft-hvr-icon-down {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
}

.ft-hvr-icon-down:before {
    content: "\f01a";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.ft-hvr-icon-down:hover:before, .ft-hvr-icon-down:focus:before, .ft-hvr-icon-down:active:before {
    -webkit-animation-name: ft-hvr-icon-down;
    animation-name: ft-hvr-icon-down;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

/* Icon Up */
@-webkit-keyframes ft-hvr-icon-up {
    0%, 50%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25%, 75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@keyframes ft-hvr-icon-up {
    0%, 50%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25%, 75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

/* Icon Up */
.ft-hvr-icon-up {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
}

.ft-hvr-icon-up:before {
    content: "\f01b";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.ft-hvr-icon-up:hover:before, .ft-hvr-icon-up:focus:before, .ft-hvr-icon-up:active:before {
    -webkit-animation-name: ft-hvr-icon-up;
    animation-name: ft-hvr-icon-up;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

/* Icon Spin */
.ft-hvr-icon-spin {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
}

.ft-hvr-icon-spin:before {
    content: "\f021";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.ft-hvr-icon-spin:hover:before, .ft-hvr-icon-spin:focus:before, .ft-hvr-icon-spin:active:before {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

/* Icon Drop */
@-webkit-keyframes ft-hvr-icon-drop {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    51%, 100% {
        opacity: 1;
    }
}

@keyframes ft-hvr-icon-drop {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    51%, 100% {
        opacity: 1;
    }
}

/* Icon Drop */
.ft-hvr-icon-drop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
}

.ft-hvr-icon-drop:before {
    content: "\f041";
    position: absolute;
    right: 1em;
    opacity: 1;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.ft-hvr-icon-drop:hover:before, .ft-hvr-icon-drop:focus:before, .ft-hvr-icon-drop:active:before {
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-animation-name: ft-hvr-icon-drop;
    animation-name: ft-hvr-icon-drop;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Icon Fade */
.ft-hvr-icon-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
}

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

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

/* Icon Float Away */
@-webkit-keyframes ft-hvr-icon-float-away {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em);
    }
}

@keyframes ft-hvr-icon-float-away {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em);
    }
}

/* Icon Float Away */
.ft-hvr-icon-float-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
}

.ft-hvr-icon-float-away:before, .ft-hvr-icon-float-away:after {
    content: "\f055";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
}

.ft-hvr-icon-float-away:after {
    opacity: 0;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.ft-hvr-icon-float-away:hover:after, .ft-hvr-icon-float-away:focus:after, .ft-hvr-icon-float-away:active:after {
    -webkit-animation-name: ft-hvr-icon-float-away;
    animation-name: ft-hvr-icon-float-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

/* Icon Sink Away */
@-webkit-keyframes ft-hvr-icon-sink-away {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em);
    }
}

@keyframes ft-hvr-icon-sink-away {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em);
    }
}

/* Icon Sink Away */
.ft-hvr-icon-sink-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
}

.ft-hvr-icon-sink-away:before, .ft-hvr-icon-sink-away:after {
    content: "\f056";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.ft-hvr-icon-sink-away:after {
    opacity: 0;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.ft-hvr-icon-sink-away:hover:after, .ft-hvr-icon-sink-away:focus:after, .ft-hvr-icon-sink-away:active:after {
    -webkit-animation-name: ft-hvr-icon-sink-away;
    animation-name: ft-hvr-icon-sink-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

/* Icon Grow */
.ft-hvr-icon-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-hvr-icon-grow:before {
    content: "\f118";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-icon-grow:hover:before, .ft-hvr-icon-grow:focus:before, .ft-hvr-icon-grow:active:before {
    -webkit-transform: scale(1.3) translateZ(0);
    transform: scale(1.3) translateZ(0);
}

/* Icon Shrink */
.ft-hvr-icon-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-hvr-icon-shrink:before {
    content: "\f119";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-icon-shrink:hover:before, .ft-hvr-icon-shrink:focus:before, .ft-hvr-icon-shrink:active:before {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

/* Icon Pulse */
@-webkit-keyframes ft-hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes ft-hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

.ft-hvr-icon-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
}

.ft-hvr-icon-pulse:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-icon-pulse:hover:before, .ft-hvr-icon-pulse:focus:before, .ft-hvr-icon-pulse:active:before {
    -webkit-animation-name: ft-hvr-icon-pulse;
    animation-name: ft-hvr-icon-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/* Icon Pulse Grow */
@-webkit-keyframes ft-hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

@keyframes ft-hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

.ft-hvr-icon-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
}

.ft-hvr-icon-pulse-grow:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-icon-pulse-grow:hover:before, .ft-hvr-icon-pulse-grow:focus:before, .ft-hvr-icon-pulse-grow:active:before {
    -webkit-animation-name: ft-hvr-icon-pulse-grow;
    animation-name: ft-hvr-icon-pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

/* Icon Pulse Shrink */
@-webkit-keyframes ft-hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes ft-hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

.ft-hvr-icon-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
}

.ft-hvr-icon-pulse-shrink:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-icon-pulse-shrink:hover:before, .ft-hvr-icon-pulse-shrink:focus:before, .ft-hvr-icon-pulse-shrink:active:before {
    -webkit-animation-name: ft-hvr-icon-pulse-shrink;
    animation-name: ft-hvr-icon-pulse-shrink;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

/* Icon Push */
@-webkit-keyframes ft-hvr-icon-push {
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}

@keyframes ft-hvr-icon-push {
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}

.ft-hvr-icon-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-hvr-icon-push:before {
    content: "\f006";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-icon-push:hover:before, .ft-hvr-icon-push:focus:before, .ft-hvr-icon-push:active:before {
    -webkit-animation-name: ft-hvr-icon-push;
    animation-name: ft-hvr-icon-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Icon Pop */
@-webkit-keyframes ft-hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@keyframes ft-hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

.ft-hvr-icon-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-hvr-icon-pop:before {
    content: "\f005";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-icon-pop:hover:before, .ft-hvr-icon-pop:focus:before, .ft-hvr-icon-pop:active:before {
    -webkit-animation-name: ft-hvr-icon-pop;
    animation-name: ft-hvr-icon-pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Icon Bounce */
.ft-hvr-icon-bounce {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-hvr-icon-bounce:before {
    content: "\f087";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-icon-bounce:hover:before, .ft-hvr-icon-bounce:focus:before, .ft-hvr-icon-bounce:active:before {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Icon Rotate */
.ft-hvr-icon-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-hvr-icon-rotate:before {
    content: "\f0c6";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-icon-rotate:hover:before, .ft-hvr-icon-rotate:focus:before, .ft-hvr-icon-rotate:active:before {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
}

/* Icon Grow Rotate */
.ft-hvr-icon-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-hvr-icon-grow-rotate:before {
    content: "\f095";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-icon-grow-rotate:hover:before, .ft-hvr-icon-grow-rotate:focus:before, .ft-hvr-icon-grow-rotate:active:before {
    -webkit-transform: scale(1.5) rotate(12deg);
    transform: scale(1.5) rotate(12deg);
}

/* Icon Float */
.ft-hvr-icon-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-hvr-icon-float:before {
    content: "\f01b";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-icon-float:hover:before, .ft-hvr-icon-float:focus:before, .ft-hvr-icon-float:active:before {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}

/* Icon Sink */
.ft-hvr-icon-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-hvr-icon-sink:before {
    content: "\f01a";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.ft-hvr-icon-sink:hover:before, .ft-hvr-icon-sink:focus:before, .ft-hvr-icon-sink:active:before {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}

/* Icon Bob */
@-webkit-keyframes ft-hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@keyframes ft-hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@-webkit-keyframes ft-hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@keyframes ft-hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

.ft-hvr-icon-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-hvr-icon-bob:before {
    content: "\f077";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.ft-hvr-icon-bob:hover:before, .ft-hvr-icon-bob:focus:before, .ft-hvr-icon-bob:active:before {
    -webkit-animation-name: ft-hvr-icon-bob-float, ft-hvr-icon-bob;
    animation-name: ft-hvr-icon-bob-float, ft-hvr-icon-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}

/* Icon Hang */
@-webkit-keyframes ft-hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }

    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@keyframes ft-hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }

    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@-webkit-keyframes ft-hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@keyframes ft-hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

.ft-hvr-icon-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-hvr-icon-hang:before {
    content: "\f078";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.ft-hvr-icon-hang:hover:before, .ft-hvr-icon-hang:focus:before, .ft-hvr-icon-hang:active:before {
    -webkit-animation-name: ft-hvr-icon-hang-sink, ft-hvr-icon-hang;
    animation-name: ft-hvr-icon-hang-sink, ft-hvr-icon-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}

/* Icon Wobble Horizontal */
@-webkit-keyframes ft-hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes ft-hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.ft-hvr-icon-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-hvr-icon-wobble-horizontal:before {
    content: "\f061";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.ft-hvr-icon-wobble-horizontal:hover:before, .ft-hvr-icon-wobble-horizontal:focus:before, .ft-hvr-icon-wobble-horizontal:active:before {
    -webkit-animation-name: ft-hvr-icon-wobble-horizontal;
    animation-name: ft-hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    }

/* Icon Wobble Vertical */
@-webkit-keyframes ft-hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes ft-hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.ft-hvr-icon-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-hvr-icon-wobble-vertical:before {
    content: "\f062";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.ft-hvr-icon-wobble-vertical:hover:before, .ft-hvr-icon-wobble-vertical:focus:before, .ft-hvr-icon-wobble-vertical:active:before {
    -webkit-animation-name: ft-hvr-icon-wobble-vertical;
    animation-name: ft-hvr-icon-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Icon Buzz */
@-webkit-keyframes ft-hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

@keyframes ft-hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

.ft-hvr-icon-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-hvr-icon-buzz:before {
    content: "\f017";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.ft-hvr-icon-buzz:hover:before, .ft-hvr-icon-buzz:focus:before, .ft-hvr-icon-buzz:active:before {
    -webkit-animation-name: ft-hvr-icon-buzz;
    animation-name: ft-hvr-icon-buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/* Icon Buzz Out */
@-webkit-keyframes ft-hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

@keyframes ft-hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

.ft-hvr-icon-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.ft-hvr-icon-buzz-out:before {
    content: "\f023";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.ft-hvr-icon-buzz-out:hover:before, .ft-hvr-icon-buzz-out:focus:before, .ft-hvr-icon-buzz-out:active:before {
    -webkit-animation-name: ft-hvr-icon-buzz-out;
    animation-name: ft-hvr-icon-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* CURLS */
/* Curl Top Left */
.ft-hvr-curl-top-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.ft-hvr-curl-top-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    left: 0;
    background: white;
    /* IE9 */
    background: linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
    /*For IE7-8-9*/
    z-index: 1000;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}

.ft-hvr-curl-top-left:hover:before, .ft-hvr-curl-top-left:focus:before, .ft-hvr-curl-top-left:active:before {
    width: 25px;
    height: 25px;
}

/* Curl Top Right */
.ft-hvr-curl-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.ft-hvr-curl-top-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    right: 0;
    background: white;
    /* IE9 */
    background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}

.ft-hvr-curl-top-right:hover:before, .ft-hvr-curl-top-right:focus:before, .ft-hvr-curl-top-right:active:before {
    width: 25px;
    height: 25px;
}

/* Curl Bottom Right */
.ft-hvr-curl-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.ft-hvr-curl-bottom-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    right: 0;
    background: white;
    /* IE9 */
    background: linear-gradient(315deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}

.ft-hvr-curl-bottom-right:hover:before, .ft-hvr-curl-bottom-right:focus:before, .ft-hvr-curl-bottom-right:active:before {
    width: 25px;
    height: 25px;
}

/* Curl Bottom Left */
.ft-hvr-curl-bottom-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.ft-hvr-curl-bottom-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    left: 0;
    background: white;
    /* IE9 */
    background: linear-gradient(45deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
    box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}

.ft-hvr-curl-bottom-left:hover:before, .ft-hvr-curl-bottom-left:focus:before, .ft-hvr-curl-bottom-left:active:before {
    width: 25px;
    height: 25px;
}




/*! Tablesaw - v2.0.1 - 2015-10-09
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2015 Filament Group; Licensed MIT */

table.tablesaw {
  empty-cells: show;
  max-width: 100%;
  width: 100%;
}

.tablesaw {
  border-collapse: collapse;
  width: 100%;
}

/* Structure */

.tablesaw {
  border: 0;
  padding: 0;
}

.tablesaw th,
.tablesaw td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*padding: .5em .7em;*/
}

.tablesaw thead tr:first-child th {
  /*padding-top: .9em;
  padding-bottom: .7em;*/
}



.tablesaw-enhanced .tablesaw-bar .btn {
  border: 1px solid #ccc;
  background: none;
  background-color: #fafafa;
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,1);
  box-shadow: 0 1px 0 rgba(255,255,255,1);
  color: #4a4a4a;
  clear: both;
  cursor: pointer;
  display: block;
  font: bold 20px/1 sans-serif;
  margin: 0;
  padding: .5em .85em .4em .85em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  text-shadow: 0 1px 0 #fff;
  width: 100%;
  /* Theming */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba( 255,255,255,.1 )), color-stop(50%, rgba( 255,255,255,.1 )), color-stop(55%, rgba( 170,170,170,.1 )), to(rgba( 120,120,120,.15 )));
  background-image: -webkit-linear-gradient(top, rgba( 255,255,255,.1 ) 0%, rgba( 255,255,255,.1 ) 50%, rgba( 170,170,170,.1 ) 55%, rgba( 120,120,120,.15 ) 100%);
  background-image: linear-gradient( top, rgba( 255,255,255,.1 ) 0%, rgba( 255,255,255,.1 ) 50%, rgba( 170,170,170,.1 ) 55%, rgba( 120,120,120,.15 ) 100% );
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  border-radius: .25em;
}

.tablesaw-enhanced .tablesaw-bar a.btn {
  color: #1c95d4;
}

.tablesaw-enhanced .tablesaw-bar .btn:hover {
  text-decoration: none;
}

/* Default radio/checkbox styling horizonal controlgroups. */

.tablesaw-enhanced .tablesaw-bar .btn:active {
  background-color: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba( 100,100,100,.35 )), to(rgba( 255,255,255,0 )));
  background-image: -webkit-linear-gradient(top, rgba( 100,100,100,.35 ) 0%, rgba( 255,255,255,0 ) 70%);
  background-image: linear-gradient( top, rgba( 100,100,100,.35 ) 0%, rgba( 255,255,255,0 ) 70% );
}

.tablesaw-enhanced .tablesaw-bar .btn:hover,
.tablesaw-enhanced .tablesaw-bar .btn:focus {
  color: #208de3;
  background-color: #fff;
  outline: none;
}

.tablesaw-bar .btn:focus {
  -webkit-box-shadow: 0 0 .35em #4faeef !important;
  box-shadow: 0 0 .35em #4faeef !important;
}

.tablesaw-bar .btn-select select {
  background: none;
  border: none;
  display: block;
  position: absolute;
  font-weight: inherit;
  left: 0;
  top: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  min-height: 1em;
}

.tablesaw-bar .btn-select select {
  opacity: 0;
  filter: alpha(opacity=0);
  display: inline-block;
  color: transparent;
}

.tablesaw-bar .btn select option {
  background: #fff;
  color: #000;
  font-family: sans-serif;
}

.tablesaw-enhanced .tablesaw-bar .btn.btn-select {
  color: #4d4d4d;
  padding-right: 2.5em;
  min-width: 7.25em;
  text-align: left;
  text-indent: 0;
}

.tablesaw-bar .btn.btn-small,
.tablesaw-bar .btn.btn-micro {
  display: inline-block;
  width: auto;
  height: auto;
  position: relative;
  top: 0;
}

.tablesaw-bar .btn.btn-small {
  font-size: 1.0625em;
  line-height: 19px;
  padding: .3em 1em .3em 1em;
}

.tablesaw-bar .btn.btn-micro {
  font-size: .8125em;
  padding: .4em .7em .25em .7em;
}

.tablesaw-enhanced .tablesaw-bar .btn-select {
  text-align: left;
}

.tablesaw-bar .btn-select:after {
  background: #e5e5e5;
  background: rgba(0,0,0,.1);
  -webkit-box-shadow: 0 2px 2px rgba(255,255,255,.25);
  box-shadow: 0 2px 2px rgba(255,255,255,.25);
  content: " ";
  display: block;
  position: absolute;
}

.tablesaw-bar .btn-select.btn-small,
.tablesaw-bar .btn-select.btn-micro {
  padding-right: 1.5em;
}

.tablesaw-bar .btn-select:after {
  background: none;
  background-repeat: no-repeat;
  background-position: .25em .45em;
  content: "\25bc";
  font-size: .55em;
  padding-top: 1.2em;
  padding-left: 1em;
  left: auto;
  right: 0;
  margin: 0;
  top: 0;
  bottom: 0;
  width: 1.8em;
}

.tablesaw-bar .btn-select.btn-small:after,
.tablesaw-bar .btn-select.btn-micro:after {
  width: 1.2em;
  font-size: .5em;
  padding-top: 1em;
  padding-right: .5em;
  line-height: 1.65;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-left-width: 0;
}

/* Column navigation buttons for swipe and columntoggle tables */

.tablesaw-advance .btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-shadow: 0 1px 0 #fff;
  border-radius: .25em;
}

.tablesaw-advance .btn.btn-micro {
  font-size: .8125em;
  padding: 0;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {
  display: inline-block;
  overflow: hidden;
  width: 1.8em;
  height: 1.8em;
  background-position: 50% 50%;
  margin-left: .5em;
  position: relative;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
  content: "\0020";
  overflow: hidden;
  width: 0;
  height: 0;
  position: absolute;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before {
  left: 5px;
  top: 8px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #808080;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
  left: .5em;
  top: .65em;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #808080;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
  top: .45em;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before {
  left: .6em;
  border-right: 5px solid #808080;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
  left: .7em;
  border-left: 5px solid #808080;
}

.tablesaw-advance a.tablesaw-nav-btn.disabled {
  opacity: .25;
  filter: alpha(opacity=25);
  cursor: default;
  pointer-events: none;
}

/* Table Toolbar */

.tablesaw-bar {
  clear: both;
  font-family: sans-serif;
}

.tablesaw-toolbar {
  font-size: .875em;
  float: left;
}

.tablesaw-toolbar label {
  padding: .5em 0;
  clear: both;
  display: block;
  color: #888;
  margin-right: .5em;
  text-transform: uppercase;
}

.tablesaw-bar .btn,
.tablesaw-enhanced .tablesaw-bar .btn {
  margin-top: .5em;
  margin-bottom: .5em;
}

.tablesaw-bar .btn-select,
.tablesaw-enhanced .tablesaw-bar .btn-select {
  margin-bottom: 0;
}

.tablesaw-bar .tablesaw-toolbar .btn {
  margin-left: .4em;
  margin-top: 0;
  text-transform: uppercase;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
  font-family: sans-serif;
  font-size: 1em;
  padding-left: .3em;
}

.tablesaw-bar .tablesaw-toolbar .btn-select {
  min-width: 0;
}

.tablesaw-bar .tablesaw-toolbar .btn-select:after {
  padding-top: .9em;
}

.tablesaw-bar .tablesaw-toolbar select {
  color: #888;
  text-transform: none;
  background: transparent;
}

.tablesaw-toolbar ~ table {
  clear: both;
}

.tablesaw-toolbar .a11y-sm {
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

@media (min-width: 24em) {
  .tablesaw-toolbar .a11y-sm {
    clip: none;
    height: auto;
    width: auto;
    position: static;
    overflow: visible;
  }
}



table.tablesaw tbody th {
  font-weight: bold;
}

table.tablesaw thead th,
table.tablesaw thead td {
  /*color: #444;
  font-size: .9em;*/
}

.tablesaw th,
.tablesaw td {
  /*line-height: 1em;*/
  text-align: left;
  vertical-align: middle;
}

.tablesaw td,
.tablesaw tbody th {
  vertical-align: middle;
  /*font-size: 1.17em;*/
  /* 19px */
}

.tablesaw td .btn,
.tablesaw tbody th .btn {
  margin: 0;
}

.tablesaw thead {
  /*border: 1px solid #e5e5e4;
  background: #e2dfdc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e2dfdc));
  background-image: -webkit-linear-gradient(top, #fff, #e2dfdc);
  background-image: linear-gradient(to bottom, #fff, #e2dfdc);*/
}

.tablesaw thead th {
  /*font-weight: 100;
  color: #777;
  text-transform: uppercase;
  text-shadow: 0 1px 0 #fff;
  text-align: left;*/
}

.tablesaw thead tr:first-child th {
  /*font-weight: normal;
  font-family: sans-serif;
  border-right: 1px solid #e4e1de;*/
}

/* Table rows have a gray bottom stroke by default */

.tablesaw tbody tr {
  border-bottom: 1px solid #dfdfdf;
}

.tablesaw caption {
  text-align: left;
  margin-bottom: 0;
  opacity: .5;
  filter: alpha(opacity=50);
  line-height: 2.4;
}

@media (min-width: 25em) {
  .tablesaw caption {
    margin-bottom: .6em;
    line-height: 1.2;
  }
}

/* Stack */

.tablesaw-cell-label-top {
  text-transform: uppercase;
  font-size: .9em;
  font-weight: normal;
}

.tablesaw-cell-label {
  font-size: .65em;
  text-transform: uppercase;
  color: #888;
  font-family: sans-serif;
}

@media (min-width: 40em) {
  .tablesaw td {
    /*line-height: 2em;*/
  }
}

@media only all {
  .tablesaw-swipe .tablesaw-cell-persist {
    border-right: 1px solid #e4e1de;
  }

  .tablesaw-swipe .tablesaw-cell-persist {
    /*-webkit-box-shadow: 3px 0 4px -1px #e4e1de;
    box-shadow: 3px 0 4px -1px #e4e1de;*/
  }
}

/* Table rows have a gray bottom stroke by default */

.tablesaw-stack tbody tr {
  border-bottom: 1px solid #dfdfdf;
}

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
  display: none;
}

/* Mobile first styles: Begin with the stacked presentation at narrow widths */

@media only all {
  /* Show the table cells as a block level element */

  .tablesaw-stack td,
  .tablesaw-stack th {
    text-align: left;
    display: block;
  }

  .tablesaw-stack tr {
    clear: both;
    display: table-row;
  }

  /* Make the label elements a percentage width */

  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: block;
    padding: 0 .6em 0 0;
    width: 30%;
    display: inline-block;
  }

  /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */

  .tablesaw-stack th .tablesaw-cell-label-top,
  .tablesaw-stack td .tablesaw-cell-label-top {
    display: block;
    padding: .4em 0;
    margin: .4em 0;
  }

  .tablesaw-cell-label {
    display: block;
  }

  /* Avoid double strokes when stacked */

  .tablesaw-stack tbody th.group {
    margin-top: -1px;
  }

  /* Avoid double strokes when stacked */

  .tablesaw-stack th.group b.tablesaw-cell-label {
    display: none !important;
  }
}

@media (max-width: 39.9375em) {
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: none;
  }

  .tablesaw-stack tbody td,
  .tablesaw-stack tbody th {
    clear: left;
    float: left;
    width: 100%;
  }

  .tablesaw-cell-label {
    vertical-align: top;
  }

  .tablesaw-cell-content {
    max-width: 67%;
    display: inline-block;
  }

  .tablesaw-stack td:empty,
  .tablesaw-stack th:empty {
    display: none;
  }
}

/* Media query to show as a standard table at 560px (35em x 16px) or wider */

@media (min-width: 40em) {
  .tablesaw-stack tr {
    display: table-row;
  }

  /* Show the table header rows */

  .tablesaw-stack td,
  .tablesaw-stack th,
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: table-cell;
    margin: 0;
  }

  /* Hide the labels in each cell */

  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: none !important;
  }
}

.tablesaw-fix-persist {
  table-layout: fixed;
}

@media only all {
  /* Unchecked manually: Always hide */

  .tablesaw-swipe th.tablesaw-cell-hidden,
  .tablesaw-swipe td.tablesaw-cell-hidden {
    display: none;
  }
}

.btn.tablesaw-columntoggle-btn span {
  text-indent: -9999px;
  display: inline-block;
}

.tablesaw-columntoggle-btnwrap {
  position: relative;
  /* for dialog positioning */
}

.tablesaw-columntoggle-btnwrap .dialog-content {
  padding: .5em;
}

.tablesaw-columntoggle tbody td {
  line-height: 1.5;
}

/* Remove top/bottom margins around the fieldcontain on check list */

.tablesaw-columntoggle-popup {
  display: none;
}

.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
  display: block;
  position: absolute;
  top: 2em;
  right: 0;
  background-color: #fff;
  padding: .5em .8em;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 1px 2px #ccc;
  box-shadow: 0 1px 2px #ccc;
  border-radius: .2em;
  z-index: 1;
}

.tablesaw-columntoggle-popup fieldset {
  margin: 0;
}

/* Hide all prioritized columns by default */

@media only all {
  .tablesaw-columntoggle th.tablesaw-priority-6,
  .tablesaw-columntoggle td.tablesaw-priority-6,
  .tablesaw-columntoggle th.tablesaw-priority-5,
  .tablesaw-columntoggle td.tablesaw-priority-5,
  .tablesaw-columntoggle th.tablesaw-priority-4,
  .tablesaw-columntoggle td.tablesaw-priority-4,
  .tablesaw-columntoggle th.tablesaw-priority-3,
  .tablesaw-columntoggle td.tablesaw-priority-3,
  .tablesaw-columntoggle th.tablesaw-priority-2,
  .tablesaw-columntoggle td.tablesaw-priority-2,
  .tablesaw-columntoggle th.tablesaw-priority-1,
  .tablesaw-columntoggle td.tablesaw-priority-1 {
    display: none;
  }
}

.tablesaw-columntoggle-btnwrap .dialog-content {
  top: 0 !important;
  right: 1em;
  left: auto !important;
  width: 12em;
  max-width: 18em;
  margin: -.5em auto 0;
}

.tablesaw-columntoggle-btnwrap .dialog-content:focus {
  outline-style: none;
}

/* Preset breakpoints if "" class added to table */

/* Show priority 1 at 320px (20em x 16px) */

@media (min-width: 20em) {
  .tablesaw-columntoggle th.tablesaw-priority-1,
  .tablesaw-columntoggle td.tablesaw-priority-1 {
    display: table-cell;
  }
}

/* Show priority 2 at 480px (30em x 16px) */

@media (min-width: 30em) {
  .tablesaw-columntoggle th.tablesaw-priority-2,
  .tablesaw-columntoggle td.tablesaw-priority-2 {
    display: table-cell;
  }
}

/* Show priority 3 at 640px (40em x 16px) */

@media (min-width: 40em) {
  .tablesaw-columntoggle th.tablesaw-priority-3,
  .tablesaw-columntoggle td.tablesaw-priority-3 {
    display: table-cell;
  }

  .tablesaw-columntoggle tbody td {
    line-height: 2;
  }
}

/* Show priority 4 at 800px (50em x 16px) */

@media (min-width: 50em) {
  .tablesaw-columntoggle th.tablesaw-priority-4,
  .tablesaw-columntoggle td.tablesaw-priority-4 {
    display: table-cell;
  }
}

/* Show priority 5 at 960px (60em x 16px) */

@media (min-width: 60em) {
  .tablesaw-columntoggle th.tablesaw-priority-5,
  .tablesaw-columntoggle td.tablesaw-priority-5 {
    display: table-cell;
  }
}

/* Show priority 6 at 1,120px (70em x 16px) */

@media (min-width: 70em) {
  .tablesaw-columntoggle th.tablesaw-priority-6,
  .tablesaw-columntoggle td.tablesaw-priority-6 {
    display: table-cell;
  }
}

@media only all {
  /* Unchecked manually: Always hide */

  .tablesaw-columntoggle th.tablesaw-cell-hidden,
  .tablesaw-columntoggle td.tablesaw-cell-hidden {
    display: none;
  }

  /* Checked manually: Always show */

  .tablesaw-columntoggle th.tablesaw-cell-visible,
  .tablesaw-columntoggle td.tablesaw-cell-visible {
    display: table-cell;
  }
}

.tablesaw-columntoggle-popup .btn-group > label {
  display: block;
  padding: .2em 0;
  white-space: nowrap;
}

.tablesaw-columntoggle-popup .btn-group > label input {
  margin-right: .8em;
}

.tablesaw-sortable,
.tablesaw-sortable thead,
.tablesaw-sortable thead tr,
.tablesaw-sortable thead tr th {
  position: relative;
}

.tablesaw-sortable thead tr th {
  padding-right: 1.6em;
  vertical-align: top;
}

.tablesaw-sortable th.tablesaw-sortable-head,
.tablesaw-sortable tr:first-child th.tablesaw-sortable-head {
  padding: 0;
}

.tablesaw-sortable th.tablesaw-sortable-head button {
  padding-top: .9em;
  padding-bottom: .7em;
  padding-left: .6em;
  padding-right: 1.6em;
}

.tablesaw-sortable .tablesaw-sortable-head button {
  min-width: 100%;
  color: inherit;
  background: transparent;
  border: 0;
  padding: 0;
  text-align: left;
  font: inherit;
  text-transform: inherit;
  position: relative;
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after,
.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
  width: 7px;
  height: 10px;
  content: "\0020";
  position: absolute;
  right: .5em;
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after {
  content: "\2191";
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
  content: "\2193";
}

.tablesaw-sortable .not-applicable:after {
  content: "--";
  display: block;
}

.tablesaw-sortable .not-applicable span {
  display: none;
}

.tablesaw-advance {
  float: right;
}

.tablesaw-advance.minimap {
  margin-right: .4em;
}

.tablesaw-advance-dots {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tablesaw-advance-dots li {
  display: table-cell;
  margin: 0;
  padding: .4em .2em;
}

.tablesaw-advance-dots li i {
  width: .25em;
  height: .25em;
  background: #555;
  border-radius: 100%;
  display: inline-block;
}

.tablesaw-advance-dots-hide {
  opacity: .25;
  filter: alpha(opacity=25);
  cursor: default;
  pointer-events: none;
}