/*------------------------------------------------------------------
Project:        HaNgan
Author:         Crenoveative
URL:            http://crenoveative.com/ 
Version:        1.0.0
Created:        23/05/2016
Last change:    23/05/2015
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
* Table of Content
* 1. Flex Video
* 2. Bootstrap Override
* 3. Another Bootstrap Toggle
* 4. Bootstrap ScrollSpy
* 5. Custom Checkbox and Radio By CSS
* 6. Bootstrap Modal
* 7. Selectize
* 8. Bootstrap-select
* 9. Slicknav
* 10. Back To Top
* 11. Slick
* 12. Ion.RangeSlider
* 13. jquery-filestyle
* 14. bootstrap3-wysihtml5
* 15. File input styling for Bootstrap
* 16. bootstrap-tokenfield
* 17. SheepIt! Plugin
* 18. bricklayer
* 19. responsive-ticker
* 20. jQueryIntroLoader
-------------------------------------------------------------------*/


/**
 * Flex Video
*/

.flex-video {
    position: relative;
    padding-top: 1.5625rem;
    padding-bottom: 53.3%;
    height: 0;
    margin-bottom: 1rem;
    overflow: hidden
}

.flex-video.widescreen {
    padding-bottom: 56.34%
}

.flex-video.vimeo {
    padding-top: 0;
    padding-bottom: 56.5%;
    background: #EEE;
}

.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}


/**
 * Bootstrap Override
 */

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    background-color: #333;
    border-radius: 0;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #333;
}

.tooltip.top-left .tooltip-arrow {
    border-top-color: #333;
}

.tooltip.top-right .tooltip-arrow {
    border-top-color: #333;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #333;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #333;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #333;
}

.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #333;
}

.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #333;
}

.dropdown-menu {
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-ml .dropdown-menu {
    left: 10px;
}

.dropdown-right,
.dropdown-left {
    display: inline-block;
    position: relative;
}

.dropdown-right {
    padding-right: 10px;
}

.dropdown-left {
    padding-left: 10px;
    margin-left: -10px;
}

.dropdown-left + .dropdown-left {
    margin-left: 10px;
}

.dropdown-left .dropdown-inner {
    padding: 15px;
}

.dropdown-right .dropdown-menu {
    left: 100%;
    margin: 0;
    top: 0;
}

.dropdown-left .dropdown-menu {
    left: auto;
    right: 100%;
    margin: 0;
    margin-left: 15px;
    top: 0;
}

.dropdown-pointer .dropdown-menu {
    z-index: 12;
}

.dropdown-pointer .dropdown-menu:after {
    position: absolute;
    top: 12px;
    left: 100%;
    margin-left: -6px;
    content: '';
    display: block;
    pointer-events: none;
    visibility: visible;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 14px;
    height: 14px;
    background: #fff;
    z-index: 2;
    border-left: 1px solid #C8C8C8;
    border-top: 1px solid #C8C8C8;
}

.dropdown-title {
    border-bottom: 1px solid #CCC;
    padding: 12px 15px;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    margin: 0;
}

.dropdown-footer {
    padding: 12px 15px;
}

.progress {
    height: 16px;
    margin-bottom: 15px;
    overflow: hidden;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #F5F5F5;
}

.progress-bar {
    background: #33B6CB;
    border: 0 !important;
    line-height: 1;
    padding-top: 2px;
}

.img-thumbnail {
    border-radius: 0;
}

.carousel-control.right,
.carousel-control.left {
    background-image: none
}

.carousel .item {
    height: 100%;
    width: 100%
}

.carousel-caption {
    right: 0;
    bottom: 0;
    left: 0;
    padding: 30px 15px 10px;
    text-align: left;
    text-shadow: none;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    line-height: 1.4;
}

.carousel-control,
.carousel-control:focus {
    color: #FFF;
    text-shadow: none;
    filter: alpha(opacity=70);
    opacity: .7;
}

.carousel-control:hover {
    filter: alpha(opacity=100);
    opacity: 1.0;
}

.carousel-control .carousel-control-left,
.carousel-control .carousel-control-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -30px;
    font-size: 56px
}

.carousel-control .carousel-control-left {
    left: 0
}

.carousel-control .carousel-control-right {
    right: 0
}

.panel {
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #fff;
    background: none;
    box-shadow: none
}

.panel:last-child {
    border-bottom: none
}

.panel-group > .panel:first-child .panel-heading,
.panel-collapse.collapse.in .panel-body {
    border-radius: 0;
}

.panel-group .panel {
    border-radius: 0
}

.panel-group .panel + .panel {
    margin-top: 0
}

.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0;
}

.panel-heading {
    background-color: #FFF;
    border-radius: 0;
    border: none;
    color: #fff;
    padding: 0
}

.panel-heading.active,
.panel-heading.active .panel-title,
.panel-heading.active .panel-title a {
    border-bottom: 0;
}

.panel-title {
    border: 0;
}

.panel-title a {
    display: block;
    color: #333;
    padding: 0 0 10px;
    position: relative;
}

.panel-body {
    background: #fff;
    padding: 10px 0 20px;
}

.panel:last-child .panel-body {
    border-radius: 0
}

.panel:last-child .panel-heading {
    border-radius: 0;
    -webkit-transition: border-radius .3s linear .2s;
    transition: border-radius .3s linear .2s
}

.panel:last-child .panel-heading.active {
    border-radius: 0;
    -webkit-transition: border-radius linear 0;
    transition: border-radius linear 0
}

.panel-heading a:before {
    content: '\f055';
    position: absolute;
    font-family: 'FontAwesome';
    right: 0;
    top: 0;
    font-size: 16px;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.panel-heading.active a:before {
    content: '\f056';
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.panel-body ul,
.panel-body ol {
    list-style: disc;
    margin-left: 20px;
    line-height: 25px;
}

.panel-body ul li,
.panel-body ol li {
    margin-bottom: 7px;
}

.panel-body ul ul,
.panel-body ol ol {
    margin-top: 7px;
}

.panel-body > ul,
.panel-body > ol {
    margin-bottom: 15px;
}

.bootstarp-toggle .panel-heading a:after {
    content: '\f056';
    font-family: 'FontAwesome';
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .5s;
    transition: all .5s
}

.bootstarp-toggle .panel-heading.active a:after {
    content: '\f056';
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s;
    transition: all .5s
}

.bootstarp-accordion .panel-heading a:before {
    content: '\f106';
    font-family: 'FontAwesome';
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .5s;
    transition: all .5s
}

.bootstarp-accordion .panel-heading.active a:before {
    content: '\f106';
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .5s;
    transition: all .5s
}

.bootstarp-toggle .panel-heading a:after {
    content: ' ';
    font-size: 24px;
    position: absolute;
    font-family: 'Material Icons';
    right: 5px;
    top: 10px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .5s;
    transition: all .5s
}

.bootstarp-toggle .panel-heading.active a:after {
    content: '\e909';
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s;
    transition: all .5s
}


/**
 * Another Bootstrap Toggle
 */

.another-toggle-wrapper {
    margin: 0;
}

.another-toggle {
    display: block;
    margin: 0 0 1px;
}

.another-toggle h4 {
    font-size: 16px;
    cursor: pointer;
    position: relative;
    padding: 0;
    padding-right: 20px;
    line-height: 20px;
    margin: 0;
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.another-toggle h4:after {
    font-family: FontAwesome;
    content: "\f067";
    font-size: 10px;
    position: absolute;
    right: 0;
    top: 2px;
    color: #888;
}

.another-toggle h4.active {
    color: #99549C;
}

.another-toggle h4.active:after {
    content: "\f068";
}

.another-toggle .another-toggle-content {
    display: none;
    background: #FFF;
}

.another-toggle .another-toggle-inner {}


/**
 * Bootstrap ScrollSpy
 */

.scrollspy-sidebar {}

.scrollspy-sidebar.affix {
    position: static;
    margin-bottom: 20px;
}

.scrollspy-sidenav {
    background-color: #FFF;
    padding-bottom: 40px;
}

.scrollspy-sidenav.sidebar-menu.nav a {
    padding: 0;
}

.scrollspy-sidenav.sidebar-menu.nav > li.active > a {
    padding-left: 20px;
}

.scrollspy-sidenav.sidebar-menu.nav > li > a:hover,
.scrollspy-sidenav.sidebar-menu.nav > li.active > a:focus {
    background: none;
    color: #33B6CB !important;
    font-weight: 600 !important;
}

.scrollspy-sidenav.sidebar-menu.nav > li > a:focus {
    background: none;
    color: #939393;
    font-weight: 400;
}

.sidebar-menu-child {
    display: none;
}

ul.sidebar-menu > li.active .sidebar-menu-child {
    display: block;
}

ul.sidebar-menu > li.always-active .sidebar-menu-child {
    display: block !important;
}

ul.sidebar-menu > li.always-active > a {
    font-weight: 600;
    color: #33B6CB;
    padding-left: 20px !important;
}

ul.sidebar-menu > li.always-active > a:after {
    left: 0;
    color: #33B6CB;
}

.sidebar-menu-child.nav li {
    padding-top: 2px;
}

.sidebar-menu-child.nav li + li {
    margin-top: 15px;
}

.sidebar-menu-child.nav a {
    font-weight: 400;
    line-height: 1.4;
    color: #939393;
    position: relative;
    background: none;
    padding: 0;
}

.sidebar-menu-child.nav a:focus {
    background: none;
    color: #939393;
    font-weight: 400;
}

.sidebar-menu-child.nav a:hover,
.sidebar-menu-child.nav .active a:focus {
    background: none;
    color: #33B6CB !important;
    font-weight: 600 !important;
}

.multiple-sticky {
    position: relative
}

.multiple-sticky.fixed {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 1111
}

.multiple-sticky .multiple-sticky-item {
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease
}

.multiple-sticky-container {
    width: 1170px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
}

ul.multiple-sticky-nav {
    margin: 0;
    padding: 0 10px;
    background: #EDEDED;
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5
}

ul.multiple-sticky-nav > li {
    display: inline-block;
    margin: 0;
    padding: 0
}

ul.multiple-sticky-nav > li a {
    padding: 15px 10px;
    line-height: 1;
    display: block;
    position: relative;
    border: 1px solid transparent;
    border-top: 0;
    padding-top: 16px;
    margin-bottom: -1px;
    color: #5d5d5d;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .5px
}

ul.multiple-sticky-nav > li a:hover {
    color: #33B6CB
}

ul.multiple-sticky-nav > li.active a {
    background: #FFF;
    border-color: #E5E5E5;
    border-bottom-color: #FFF;
    color: #33B6CB
}

.multiple-sticky.fixed {
    background: #EDEDED;
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5
}

.multiple-sticky.fixed .multiple-sticky-container {}

.multiple-sticky.fixed .multiple-sticky-item {
    width: 100%;
    border: 0
}

.multiple-sticky.fixed ul.multiple-sticky-nav {
    border-bottom: 0;
    border-top: 0;
    padding: 0
}

@media only screen and (max-width: 1199px) {
    .multiple-sticky-container {
        width: 970px;
    }
}

@media only screen and (max-width: 991px) {}

@media only screen and (max-width: 767px) {}

@media (max-width: 479px) {}

@media (min-width: 992px) {
    .scrollspy-sidebar .nav > .active > ul {
        display: block
    }
    .scrollspy-sidebar.affix,
    .scrollspy-sidebar.affix-bottom {
        width: 213px;
        margin-bottom: 30px;
    }
    .scrollspy-sidebar.affix {
        position: fixed;
        top: 80px;
    }
    .scrollspy-sidebar.affix-bottom {
        position: absolute
    }
    .scrollspy-sidebar.affix-bottom .scrollspy-sidenav,
    .scrollspy-sidebar.affix .scrollspy-sidenav {
        margin-top: 20px;
        margin-bottom: 30px;
    }
}

@media (min-width: 1200px) {
    .scrollspy-sidebar.affix-bottom,
    .scrollspy-sidebar.affix {
        width: 263px
    }
}


/**
 * Custom Checkbox and Radio By CSS
 */

.checkbox-block + .checkbox-block,
.radio-block + .radio-block {
    margin-top: 5px;
}

.checkbox-block label,
.radio-block label {
    display: block;
    font-family: 'Open Sans', sans-serif;
    color: #939393;
    font-weight: 400;
    font-size: 14px;
}

.checkbox-block img,
.radio-block img {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

.radio-inline,
.checkbox-inline {
    padding: 0;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
    margin-left: 5px;
}

input[type='radio'],
input[type='checkbox'] {
    opacity: 0;
    display: none;
    float: left;
    width: 18px;
}

input[type='radio'] + label,
input[type='checkbox'] + label {
    margin: 0;
    clear: none;
    padding: 4px 0 3px 20px;
    cursor: pointer;
    font-weight: 400;
    line-height: 18px;
    position: relative;
}

input[type='radio'] + label:before,
input[type='checkbox'] + label:before {
    font-family: 'FontAwesome';
    content: "\f096";
    position: absolute;
    left: 0;
    top: 4px;
    color: #999;
}

input[type='radio'] + label:before {
    content: "\f1db";
}

input[type='radio']:checked + label:before {
    content: "\f192";
}

input[type='checkbox']:checked + label:before {
    content: "\f14a";
}

input[type='radio'] + label:hover::before,
input[type='checkbox'] + label:hover::before,
input[type='radio']:checked + label:before,
input[type='checkbox']:checked + label:before {
    color: #33B6CB;
}


/*!
 * Bootstrap Modal
 *
 * Copyright Jordan Schroter
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0   
 *
 */

.modal-open {
    overflow: hidden
}

.modal-open.page-overflow .page-container,
.modal-open.page-overflow .page-container .navbar-fixed-top,
.modal-open.page-overflow .page-container .navbar-fixed-bottom,
.modal-open.page-overflow .modal-scrollable,
.modal-open.page-overflow .container-wrapper,
.modal-open.page-overflow .container-wrapper .navbar-fixed-top,
.modal-open.page-overflow .container-wrapper .navbar-fixed-bottom,
.modal-open.page-overflow .modal-scrollable {
    overflow-y: scroll
}

@media (max-width: 979px) {
    .modal-open.page-overflow .page-container .navbar-fixed-top,
    .modal-open.page-overflow .page-container .navbar-fixed-bottom {
        overflow-y: visible
    }
}

.modal-scrollable {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto
}

.modal {
    outline: none;
    position: absolute;
    margin-top: 0;
    top: 50%;
    overflow: visible
}

.modal.fade {
    top: -100%;
    -webkit-transition: opacity .3s linear, top .3s ease-out, bottom .3s ease-out, margin-top .3s ease-out;
    -moz-transition: opacity .3s linear, top .3s ease-out, bottom .3s ease-out, margin-top .3s ease-out;
    -o-transition: opacity .3s linear, top .3s ease-out, bottom .3s ease-out, margin-top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out, bottom .3s ease-out, margin-top .3s ease-out
}

.modal.fade.in {
    top: 50%
}

.modal-body {
    max-height: none;
    overflow: visible
}

.modal.modal-absolute {
    position: absolute;
    z-index: 950
}

.modal .loading-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 6px
}

.modal-backdrop.modal-absolute {
    position: absolute;
    z-index: 940
}

.modal-backdrop,
.modal-backdrop.fade.in {
    opacity: .7;
    filter: alpha(opacity=70);
    background: #fff
}

.modal-overflow.modal {
    top: 1%
}

.modal-overflow.modal.fade {
    top: -100%
}

.modal-overflow.modal.fade.in {
    top: 1%
}

.modal-overflow .modal-body {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

@media (min-width: 1200px) {
    .modal.container {
        width: 1170px;
        margin-left: -585px
    }
}

@media (max-width: 979px) {
    .modal,
    .modal.container,
    .modal.modal-overflow {
        top: 1%;
        right: 1%;
        left: 1%;
        bottom: auto;
        width: auto!important;
        height: auto!important;
        margin: 0!important;
        padding: 0!important
    }
    .modal.fade.in,
    .modal.container.fade.in,
    .modal.modal-overflow.fade.in {
        top: 1%;
        bottom: auto
    }
    .modal-body,
    .modal-overflow .modal-body {
        position: static;
        margin: 0;
        height: auto!important;
        max-height: none!important;
        overflow: visible!important
    }
    .modal-footer,
    .modal-overflow .modal-footer {
        position: static
    }
}

.loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px
}

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px)
    }
}

@-moz-keyframes shake {
    0%,
    100% {
        -moz-transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -moz-transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -moz-transform: translateX(10px)
    }
}

@-o-keyframes shake {
    0%,
    100% {
        -o-transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -o-transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -o-transform: translateX(10px)
    }
}

@keyframes shake {
    0%,
    100% {
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px)
    }
}

.shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake
}


/*!
 * Bootstrap Modal
 *
 * Copyright Jordan Schroter
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0  
 *
 * Boostrap 3 patch for for bootstrap-modal. Include BEFORE bootstrap-modal.css!
 */

body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
    margin-right: 0
}

.modal {
    left: 50%;
    bottom: auto;
    right: auto;
    z-index: 1050;
    padding: 0;
    width: 500px;
    margin-left: -250px;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box
}

.modal.container {
    max-width: none
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040
}


/* customized */

.modal-backdrop,
.modal-backdrop.fade.in {
    opacity: .8;
    filter: alpha(opacity=80);
    background: #000
}


/**
 * selectize.bootstrap3.css (v0.12.1) - Bootstrap 3 Theme
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0  
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 * @author Brian Reavis <brian@thirdroute.com>
 */

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
    visibility: visible!important;
    background: #f2f2f2!important;
    background: rgba(0, 0, 0, 0.06)!important;
    border: 0 none!important;
    -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
    box-shadow: inset 0 0 12px 4px #ffffff
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: '!';
    visibility: hidden
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)
}

.selectize-dropdown-header {
    position: relative;
    padding: 3px 12px;
    border-bottom: 1px solid #d0d0d0;
    background: #f8f8f8;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.selectize-dropdown-header-close {
    position: absolute;
    right: 12px;
    top: 50%;
    color: #333333;
    opacity: .4;
    margin-top: -12px;
    line-height: 20px;
    font-size: 20px!important
}

.selectize-dropdown-header-close:hover {
    color: #000000
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0 none;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0 none
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
    display: none
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0 none
}

.selectize-control.plugin-remove_button [data-value] {
    position: relative;
    padding-right: 24px!important
}

.selectize-control.plugin-remove_button [data-value] .remove {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 17px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    padding: 1px 0 0;
    border-left: 1px solid rgba(0, 0, 0, 0);
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
    background: rgba(0, 0, 0, 0.05)
}

.selectize-control.plugin-remove_button [data-value].active .remove {
    border-left-color: rgba(0, 0, 0, 0)
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
    background: none
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: rgba(77, 77, 77, 0)
}

.selectize-control {
    position: relative
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
    color: #333333;
    font-family: inherit;
    font-size: inherit;
    line-height: 20px;
    -webkit-font-smoothing: inherit
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
    background: #ffffff;
    cursor: text;
    display: inline-block
}

.selectize-input {
    border: 1px solid #cccccc;
    padding: 6px 12px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.selectize-control.multi .selectize-input.has-items {
    padding: 5px 12px 2px
}

.selectize-input.full {
    background-color: #ffffff
}

.selectize-input.disabled,
.selectize-input.disabled * {
    cursor: default!important
}

.selectize-input.focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15)
}

.selectize-input.dropdown-active {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.selectize-input > * {
    vertical-align: baseline;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline
}

.selectize-control.multi .selectize-input > div {
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 1px 3px;
    background: #efefef;
    color: #333333;
    border: 0 solid rgba(0, 0, 0, 0)
}

.selectize-control.multi .selectize-input > div.active {
    background: #428bca;
    color: #ffffff;
    border: 0 solid rgba(0, 0, 0, 0)
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
    color: #808080;
    background: #ffffff;
    border: 0 solid rgba(77, 77, 77, 0)
}

.selectize-input > input {
    display: inline-block!important;
    padding: 0!important;
    min-height: 0!important;
    max-height: none!important;
    max-width: 100%!important;
    margin: 0!important;
    text-indent: 0!important;
    border: 0 none!important;
    background: none!important;
    line-height: inherit!important;
    -webkit-user-select: auto!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.selectize-input > input::-ms-clear {
    display: none
}

.selectize-input > input:focus {
    outline: none!important
}

.selectize-input::after {
    content: ' ';
    display: block;
    clear: left
}

.selectize-input.dropdown-active::before {
    content: ' ';
    display: block;
    position: absolute;
    background: #ffffff;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0
}

.selectize-dropdown {
    position: absolute;
    z-index: 10;
    border: 1px solid #d0d0d0;
    background: #ffffff;
    margin: -1px 0 0;
    border-top: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.selectize-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden
}

.selectize-dropdown [data-selectable] .highlight {
    background: rgba(255, 237, 40, 0.4);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
    padding: 3px 12px
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none
}

.selectize-dropdown .optgroup-header {
    color: #777777;
    background: #ffffff;
    cursor: default
}

.selectize-dropdown .active {
    background-color: #f5f5f5;
    color: #262626
}

.selectize-dropdown .active.create {
    color: #262626
}

.selectize-dropdown .create {
    color: rgba(51, 51, 51, 0.5)
}

.selectize-dropdown-content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
    cursor: pointer
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
    cursor: text
}

.selectize-control.single .selectize-input:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    right: 17px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0;
    border-color: #333333 transparent transparent;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}


/* change arrow here */

.selectize-control.single .selectize-input.dropdown-active:after {
    margin-top: -4px;
    border-width: 0 5px 5px;
    border-color: transparent transparent #333333
}

.selectize-control.rtl.single .selectize-input:after {
    left: 17px;
    right: auto
}

.selectize-control.rtl .selectize-input > input {
    margin: 0 4px 0 -2px !important
}

.selectize-control .selectize-input.disabled {
    opacity: .5;
    background-color: #ffffff
}

.selectize-dropdown,
.selectize-dropdown.form-control {
    height: auto;
    padding: 0;
    margin: 2px 0 0;
    z-index: 1000;
    background: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)
}

.selectize-dropdown .optgroup-header {
    font-size: 12px;
    line-height: 1.42857143
}

.selectize-dropdown .optgroup:first-child:before {
    display: none
}

.selectize-dropdown .optgroup:before {
    content: ' ';
    display: block;
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
    margin-left: -12px;
    margin-right: -12px
}

.selectize-dropdown-content {
    padding: 5px 0
}

.selectize-dropdown-header {
    padding: 6px 12px
}

.selectize-input {
    min-height: 34px
}

.selectize-input.dropdown-active {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.selectize-input.dropdown-active::before {
    display: none
}

.selectize-input.focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.has-error .selectize-input {
    border-color: #a94442;
    -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)
}

.has-error .selectize-input:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
}

.selectize-control.multi .selectize-input.has-items {
    padding-left: 9px;
    padding-right: 9px
}

.selectize-control.multi .selectize-input > div {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.form-control.selectize-control {
    padding: 0;
    height: auto;
    border: none;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.selectize-control.repositories .selectize-dropdown > div {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}

.selectize-control.repositories .selectize-dropdown .by {
    font-size: 11px;
    opacity: .8
}

.selectize-control.repositories .selectize-dropdown .by::before {
    content: 'by '
}

.selectize-control.repositories .selectize-dropdown .name {
    font-weight: bold;
    margin-right: 5px
}

.selectize-control.repositories .selectize-dropdown .title {
    display: block
}

.selectize-control.repositories .selectize-dropdown .description {
    font-size: 12px;
    display: block;
    color: #a0a0a0;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden
}

.selectize-control.repositories .selectize-dropdown .meta {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 10px
}

.selectize-control.repositories .selectize-dropdown .meta li {
    margin: 0;
    padding: 0;
    display: inline;
    margin-right: 10px
}

.selectize-control.repositories .selectize-dropdown .meta li span {
    font-weight: bold
}

.selectize-control.repositories::before {
    -moz-transition: opacity .2s;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    content: ' ';
    z-index: 2;
    position: absolute;
    display: block;
    top: 12px;
    right: 34px;
    width: 16px;
    height: 16px;
    background: url(images/spinner.html);
    background-size: 16px 16px;
    opacity: 0
}

.selectize-control.repositories.loading::before {
    opacity: .4
}

.selectize-control.movies .selectize-dropdown [data-selectable] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    height: 60px;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 10px 10px 10px 60px
}

.selectize-control.movies .selectize-dropdown [data-selectable]:last-child {
    border-bottom: 0 none
}

.selectize-control.movies .selectize-dropdown .by {
    font-size: 11px;
    opacity: .8
}

.selectize-control.movies .selectize-dropdown .by::before {
    content: 'by '
}

.selectize-control.movies .selectize-dropdown .name {
    font-weight: bold;
    margin-right: 5px
}

.selectize-control.movies .selectize-dropdown .description {
    font-size: 12px;
    color: #a0a0a0
}

.selectize-control.movies .selectize-dropdown .actors,
.selectize-control.movies .selectize-dropdown .description,
.selectize-control.movies .selectize-dropdown .title {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.selectize-control.movies .selectize-dropdown .actors {
    font-size: 10px;
    color: #a0a0a0
}

.selectize-control.movies .selectize-dropdown .actors span {
    color: #606060
}

.selectize-control.movies .selectize-dropdown img {
    height: 60px;
    left: 10px;
    position: absolute;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.04)
}

.selectize-control.movies .selectize-dropdown .meta {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 10px
}

.selectize-control.movies .selectize-dropdown .meta li {
    margin: 0;
    padding: 0;
    display: inline;
    margin-right: 10px
}

.selectize-control.movies .selectize-dropdown .meta li span {
    font-weight: bold
}

.selectize-control.movies::before {
    -moz-transition: opacity .2s;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    content: ' ';
    z-index: 2;
    position: absolute;
    display: block;
    top: 12px;
    right: 34px;
    width: 16px;
    height: 16px;
    background: url(images/spinner.html);
    background-size: 16px 16px;
    opacity: 0
}

.selectize-control.movies.loading::before {
    opacity: .4
}

.demo-animals .scientific {
    font-weight: normal;
    opacity: .3;
    margin: 0 0 0 2px
}

.demo-animals .scientific::before {
    content: '('
}

.demo-animals .scientific::after {
    content: ')'
}


/* Customized  */

.selectize-input {
    padding: 6px 12px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.selectize-input.focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.selectize-input:focus {
    border-color: red;
}


/*
 * Bootstrap-select v1.9.4 (http://silviomoreto.github.io/bootstrap-select)
 * Copyright 2013-2016 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */

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

.bootstrap-select > .dropdown-toggle {
    width: 100%;
    padding-right: 25px;
    z-index: 1
}

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

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

.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48
}

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

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

.bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333333!important;
    outline: 5px auto -webkit-focus-ring-color!important;
    outline-offset: -2px
}

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

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

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

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

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

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

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

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

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

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

.bootstrap-select.btn-group.bs-container {
    position: absolute
}

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

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static
}

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

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px
}

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

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

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

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

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid white;
    border-bottom: 0
}

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

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

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

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

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

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

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

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

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

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


/* Customized  */

.bootstrap-select .dropdown-toggle {
    border-radius: 3px;
    text-transform: capitalize;
    font-size: 13px;
    letter-spacing: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    line-height: 1.42857143;
    height: 36px;
    padding-top: 7px;
    font-weight: 400;
}

.bootstrap-select .dropdown-toggle:hover {
    background: none;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: 0 !important;
    outline-offset: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bootstrap-select .btn:focus,
.bootstrap-select .btn:active:focus,
.bootstrap-select .btn.active:focus,
.bootstrap-select .btn.focus,
.bootstrap-select .btn:active.focus,
.bootstrap-select .btn.active.focus {
    outline: 0 !important;
    outline-offset: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bootstrap-select .btn-default,
.bootstrap-select .btn-default:focus,
.bootstrap-select .btn-default.focus {
    color: #333;
    background: none;
    border-color: #8c8c8c;
}

.bootstrap-select .dropdown-toggle {
    height: 34px;
    border-color: #CCC;
    font-size: 14px;
    line-height: 1.42857143;
    color: #999;
}

.bootstrap-select .dropdown-toggle small {
    color: #888;
    font-size: 80%
}

.bootstrap-select .dropdown-toggle .fa {
    margin-right: 5px;
}

.bootstrap-select.open > .dropdown-toggle.btn-default,
.bootstrap-select.open > .dropdown-toggle.btn-default:hover,
.bootstrap-select.open > .dropdown-toggle.btn-default:focus,
.bootstrap-select.open > .dropdown-toggle.btn-default.focus {
    color: #2991A2;
    background: none;
    border-color: #2991A2;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bootstrap-select .dropdown-menu {
    border-radius: 0;
    border-color: #E5E5E5;
    padding: 0;
}

.bootstrap-select .dropdown-menu li a {
    padding: 10px 15px;
    line-height: 1.2;
    border-top: 1px solid #EBEBEB;
}

.bootstrap-select .dropdown-menu li:first-child a {
    border-top: 0;
}

.bootstrap-select .dropdown-toggle .caret {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    border-style: solid;
    border-width: 6px 4px 0 4px;
    border-color: #AAA transparent transparent transparent;
}

.bootstrap-select.open .dropdown-toggle .caret {
    border-width: 0 4px 6px 4px;
    border-color: transparent transparent #2991A2
}

.bootstrap-select .dropdown-menu li.selected a {
    color: #2991A2;
    font-weight: 600;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    font-size: 10px;
    line-height: 1;
    top: 11px;
    right: 10px;
    margin: 0;
    color: #2991A2;
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    padding-left: 15px;
}

.bootstrap-select .dropdown-header {
    padding: 10px 15px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    margin: 0;
    letter-spacing: 1px;
    background: #EDEDED;
}

.bootstrap-select .text-muted {}

.bootstrap-select .divider {
    background: #EBEBEB;
    height: 2px;
    margin: 0;
    padding: 0;
}

.bootstrap-select.btn-group .no-results {
    padding: 5px 10px;
    line-height: 1.2;
    background: #FFF;
    margin: 0;
    white-space: nowrap;
    color: orange;
}

.bootstrap-select.btn-group .dropdown-menu li .fa {
    font-size: 12px;
    margin-right: 7px;
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: 7px;
    font-size: 85%;
    opacity: 0.8;
}

.bootstrap-select .dropdown-menu li.selected a small {
    color: #2991A2;
}


/*
 * Bootstrap-select v1.9.4 (http://silviomoreto.github.io/bootstrap-select)
 * Copyright 2013-2016 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */

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

.bootstrap-select > .dropdown-toggle {
    width: 100%;
    padding-right: 25px;
    z-index: 1
}

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

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

.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48
}

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

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

.bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333333!important;
    outline: 5px auto -webkit-focus-ring-color!important;
    outline-offset: -2px
}

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

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

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

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

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

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

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

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

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

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

.bootstrap-select.btn-group.bs-container {
    position: absolute;
}

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

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static
}

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

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px
}

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

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

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

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

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid white;
    border-bottom: 0
}

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

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

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

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
    background: #F2F2F2;
    padding: 5px 8px
}

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

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

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #EBEBEB;
}

.bs-donebutton .btn-group button {
    border: 0;
    font-size: 14px;
    width: 100%;
    background: #20B3E8;
    color: #FFF;
}

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

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


/* Customized  */

.bootstrap-select .dropdown-toggle {
    border-radius: 3px;
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: 0;
    border-width: 1px;
}

.bootstrap-select .dropdown-toggle:hover {
    background: none;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: 0 !important;
    outline-offset: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bootstrap-select .btn.dropdown-toggle {
    color: #555;
}

.bootstrap-select .btn:focus,
.bootstrap-select .btn:active:focus,
.bootstrap-select .btn.active:focus,
.bootstrap-select .btn.focus,
.bootstrap-select .btn:active.focus,
.bootstrap-select .btn.active.focus {
    outline: 0 !important;
    outline-offset: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bootstrap-select .btn-default,
.bootstrap-select .btn-default:focus,
.bootstrap-select .btn-default.focus {
    color: #333;
    background: none;
    border-color: #CCCCCC;
}

.bootstrap-select .dropdown-toggle {
    height: 36px;
    border-color: #CCC;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.42857143;
    color: #999;
    text-align: left;
    padding-left: 12px;
    padding-top: 7px;
}

.bootstrap-select .dropdown-toggle small {
    color: #888;
    font-size: 80%
}

.bootstrap-select .dropdown-toggle .fa {
    margin-right: 5px;
}

.bootstrap-select.open > .dropdown-toggle.btn-default,
.bootstrap-select.open > .dropdown-toggle.btn-default:hover,
.bootstrap-select.open > .dropdown-toggle.btn-default:focus,
.bootstrap-select.open > .dropdown-toggle.btn-default.focus {
    color: #33B6CB;
    background: none;
    border-color: #33B6CB;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.bootstrap-select .dropdown-menu {
    border-radius: 0;
    border: 1px solid #E5E5E5;
    padding: 0;
    margin: 0;
    max-height: 100px;
    z-index: 9999;
}

.bootstrap-select .dropdown-menu li a {
    padding: 10px 12px;
    line-height: 1.2;
    border-top: 1px solid #EBEBEB;
    color: #777;
    font-weight: 400;
}

.bootstrap-select .dropdown-menu li:first-child a {
    border-top: 0;
}

.bootstrap-select .dropdown-toggle .caret {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    border-style: solid;
    border-width: 6px 4px 0 4px;
    border-color: #AAA transparent transparent transparent;
}

.bootstrap-select.open .dropdown-toggle .caret {
    border-width: 0 4px 6px 4px;
    border-color: transparent transparent #33B6CB
}

.bootstrap-select .dropdown-menu li.selected a {
    color: #33B6CB;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    font-size: 10px;
    line-height: 1;
    top: 11px;
    right: 10px;
    margin: 0;
    color: #33B6CB;
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    padding-left: 15px;
}

.bootstrap-select .dropdown-header {
    padding: 14px 12px 10px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    margin: 0;
    letter-spacing: 1px;
    background: #FFF;
    color: #33B6CB;
}

.bootstrap-select .text-muted {}

.bootstrap-select .divider {
    background: #EBEBEB;
    height: 2px;
    margin: 0;
    padding: 0;
}

.bootstrap-select.btn-group .no-results {
    padding: 5px 10px;
    line-height: 1.2;
    background: #FFF;
    margin: 0;
    white-space: nowrap;
    color: orange;
}

.bootstrap-select.btn-group .dropdown-menu li .fa {
    font-size: 12px;
    margin-right: 7px;
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: 7px;
    font-size: 85%;
    opacity: 0.8;
}

.bootstrap-select .dropdown-menu li.selected a small {
    color: #20B3E8;
}

.bootstrap-select .dropdown-menu > .active > a,
.bootstrap-select .dropdown-menu > .active > a:hover,
.bootstrap-select .dropdown-menu > .active > a:focus {
    background-color: #FFF;
    color: #777;
}

.bootstrap-select .dropdown-menu > .active > a:hover {
    background-color: #F5F5F5;
}


/* inside input group  */

.input-group {
    line-height: 1.42857143;
}

.input-group .form-control,
.input-group .btn {
    height: 36px;
    line-height: 1.42857143;
}

.input-group .input-group-btn .bootstrap-select.form-control {
    line-height: 1.42857143;
}

.input-group .input-group-btn .bootstrap-select .btn.dropdown-toggle {
    border-color: red;
    border-left: 0;
    border-right: 0;
    line-height: 1.42857143;
    height: 34px;
}

.input-group .input-group-btn .bootstrap-select .btn.dropdown-toggle .filter-option {
    line-height: 1.42857143;
    position: relativel;
}

.input-group .input-group-btn .bootstrap-select .btn.dropdown-toggle .filter-option:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    height: 13px;
    width: 1px;
    background: #CCC;
}

.input-group .bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    bottom: -4px;
    left: auto;
    right: 9px;
}

.input-group .bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    bottom: -4px;
    left: auto;
    right: 10px;
}


/*
 *	Slicknav - a Mobile Menu
 */

.slicknav_menu {
    display: none;
}

.slicknav_btn {
    position: relative;
    display: block;
    vertical-align: middle;
    float: right;
    padding: 0.438em 0.625em 0.438em 0.625em;
    line-height: 1.125em;
    cursor: pointer;
}

.slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left;
}

.slicknav_menu .slicknav_icon {
    float: left;
    margin: 0.188em 0 0 0.438em;
}

.slicknav_menu .slicknav_no-text {
    margin: 0
}

.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em
}

.slicknav_nav {
    clear: both
}

.slicknav_nav ul,
.slicknav_nav li {
    display: block
}

.slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em;
}

.slicknav_nav .slicknav_item {
    cursor: pointer;
}

.slicknav_nav .slicknav_row {
    display: block;
}

.slicknav_nav a {
    display: block
}

.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    display: inline
}

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

.slicknav_menu:after {
    clear: both
}


/* IE6/7 support */

.slicknav_menu {
    *zoom: 1
}


/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size: 16px;
}


/* Button */

.slicknav_btn {
    margin: 0;
    text-decoration: none;
    background-color: transparent;
    padding: 0;
    position: absolute;
    top: 30px;
    right: 20px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}


/* background color for responsive button */

.slicknav_btn.slicknav_open:before {
    font-family: 'Ionicons';
    content: "\f2d7"
}

.slicknav_btn.slicknav_collapsed:before {
    font-family: 'Ionicons';
    content: "\f394"
}

.slicknav_btn.slicknav_open,
.slicknav_btn.slicknav_collapsed,
.slicknav_btn.slicknav_open:before,
.slicknav_btn.slicknav_collapsed:before {
    text-decoration: none !important;
    color: #FFF;
    border: none;
}

.slicknav_btn.slicknav_open:before,
.slicknav_btn.slicknav_collapsed:before {
    font-size: 20px;
    color: #FFF;
}

.slicknav_menutxt {
    line-height: 22px !important;
}

.slicknav_btn:focus {}


/* Button Text */

.slicknav_menu .slicknav_menutxt {
    color: #DFF2F2;
    font-weight: 400;
    font-size: 14px;
}


/* Button Lines */

.slicknav_menu .slicknav_icon-bar {
    background-color: #f5f5f5
}

.slicknav_menu {
    background: #383546;
    padding: 0;
    margin-top: 0;
}

.slicknav_nav {
    color: #B6B3C4;
    margin: 0;
    padding: 0;
    font-size: .875em
}

.slicknav_nav,
.slicknav_nav ul {
    list-style: none;
    overflow: hidden
}

.slicknav_nav ul {
    padding: 0;
    margin: 0;
}

.slicknav_nav ul li {
    border-bottom: 0;
}

.slicknav_nav .slicknav_row {
    padding: 0;
    margin: 0;
}

.slicknav_nav a {
    padding: 12px 20px;
    margin: 0;
    text-decoration: none;
    color: #B6B3C4;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 13px;
}

.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding: 12px 20px;
    margin: 0;
}

.slicknav_nav .slicknav_item {
    position: relative;
}

.slicknav_nav .slicknav_item a {
    border-bottom: none;
    display: block;
}

.slicknav_nav {
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    background: #1F1D26;
}

.slicknav_nav ul li {
    padding-left: 0;
    background: #1F1D26;
}

.slicknav_nav ul li li {
    padding-left: 0;
}

.slicknav_nav ul li ul {
    padding-left: 15px;
    padding-right: 15px;
}

.slicknav_nav ul li ul a {
    padding: 12px 15px;
}

.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #443E56;
    color: #FFF
}

.slicknav_nav a:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #443E56;
}

.slicknav_nav .slicknav_txtnode {
    margin-left: 15px;
}

.slicknav_nav .slicknav_arrow {
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding-top: 13px;
    width: 50px;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, 0.05);
}


/* plus-minus or arrow sign */

.slicknav_nav .slicknav_arrow:hover {
    background: rgba(255, 255, 255, 0.05);
}

.slicknav_menu .slicknav_icon {
    display: none;
}

@media only screen and (max-width: 991px) {
    #responsive-menu {
        display: none;
    }
    .slicknav_menu {
        display: block;
    }
}


/**
 * Back To Top
 */

#back-to-top {
    position: fixed;
    z-index: 1000;
    bottom: 14px;
    right: 30px;
    display: none;
}

#back-to-top a {
    display: block;
    width: 30px;
    height: 30px;
    -webkit-transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    -o-transition: 0.2s all linear;
    transition: 0.2s all linear;
    border: 1px solid #CCC;
    text-align: center;
    line-height: 28px;
    font-size: 16px;
    color: #BBB;
}

#back-to-top a:hover {
    background-color: #33B6CB;
    color: #FFF;
    border-color: #33B6CB;
}


/**
 * Slick - the last carousel you'll ever need
 * http://kenwheeler.github.io/slick
 */


/* Slider */

.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -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)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(ajax-loader.html) center center no-repeat
}


/* Arrows */

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 3;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-prev:hover:before,
.slick-next:hover:before {
    opacity: 1
}

.slick-prev:focus:before,
.slick-next:focus:before {
    opacity: .75
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .15
}

.slick-prev:before,
.slick-next:before {
    font-family: 'Rivolicons-Free';
    font-size: 24px;
    line-height: 1;
    opacity: .45;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.slick-prev {
    left: -31px
}

[dir='rtl'] .slick-prev {
    right: -31px;
    left: auto
}

.slick-prev:before {
    content: "\e60f";
}

[dir='rtl'] .slick-prev:before {
    content: "\e611";
}

.slick-next {
    right: -31px
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -31px
}

.slick-next:before {
    content: "\e611";
}

[dir='rtl'] .slick-next:before {
    content: "\e60f";
}


/* Dots */

.slick-slider {
    margin-bottom: 15px
}

.slick-dots {
    position: absolute;
    bottom: -30px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    content: '';
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    background: #333;
    border-radius: 50%;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}


/* Cutomized */

.slick-slide img {
    display: block;
    width: 100%;
}

.center .slick-center .image {
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    color: #e67e22;
    opacity: 1;
    transform: scale(1.08);
}

.center .image {
    opacity: 0.6;
    transition: all 300ms ease;
    padding: 10px;
}


/* Slick Carousel Gap */

.slick-carousel-wrapper {
    position: relative;
}

.slick-carousel-wrapper img {
    display: block;
    width: 100%;
}

.slick-carousel-wrapper.gap-1 {
    margin-left: -1px;
}

.slick-carousel-wrapper.gap-1:before {
    width: 1px;
}

.slick-carousel-wrapper.gap-1 .slick-prev {
    left: -30px
}

.slick-carousel-wrapper.gap-1 .slick-carousel-item {
    padding-left: 1px;
}

.slick-carousel-wrapper.gap-2 {
    margin-left: -2px;
}

.slick-carousel-wrapper.gap-2:before {
    width: 2px;
}

.slick-carousel-wrapper.gap-2 .slick-prev {
    left: -29px
}

.slick-carousel-wrapper.gap-2 .slick-carousel-item {
    padding-left: 2px;
}

.slick-carousel-wrapper.gap-5 {
    margin-left: -3px;
    margin-right: -1px;
}

.slick-carousel-wrapper.gap-5 .slick-carousel-item {
    padding-left: 3px;
    padding-right: 2px;
}

.slick-carousel-wrapper.gap-10 {
    margin-left: -10px;
}

.slick-carousel-wrapper.gap-10:before {
    width: 10px;
}

.slick-carousel-wrapper.gap-10 .slick-prev {
    left: -21px
}

.slick-carousel-wrapper.gap-10 .slick-carousel-item {
    padding-left: 10px;
}

.slick-carousel-wrapper.gap-15 {
    margin-left: -15px;
}

.slick-carousel-wrapper.gap-15:before {
    width: 15px;
}

.slick-carousel-wrapper.gap-15 .slick-prev {
    left: -16px
}

.slick-carousel-wrapper.gap-15 .slick-carousel-item {
    padding-left: 15px;
}

.slick-carousel-wrapper.gap-20 {
    margin-left: -20px;
}

.slick-carousel-wrapper.gap-20:before {
    width: 20px;
}

.slick-carousel-wrapper.gap-20 .slick-prev {
    left: -11px
}

.slick-carousel-wrapper.gap-20 .slick-carousel-item {
    padding-left: 20px;
}

.slick-carousel-wrapper.gap-25 {
    margin-left: -25px;
}

.slick-carousel-wrapper.gap-25:before {
    width: 25px;
}

.slick-carousel-wrapper.gap-25 .slick-prev {
    left: -6px
}

.slick-carousel-wrapper.gap-25 .slick-carousel-item {
    padding-left: 25px;
}

.slick-carousel-wrapper.gap-30 {
    margin-right: -15px;
    margin-left: -15px;
}

.slick-carousel-wrapper.gap-30 .slick-carousel-item {
    padding-right: 15px;
    padding-left: 15px;
}

.slick-carousel-wrapper.gap-40 {
    margin-left: -40px;
}

.slick-carousel-wrapper.gap-40 .slick-prev {
    left: 9px
}

.slick-carousel-wrapper.gap-40:before {
    width: 40px;
}

.slick-carousel-wrapper.gap-40 .slick-carousel-item {
    padding-left: 40px;
}

.slick-carousel-wrapper.gap-50 {
    margin-left: -50px;
}

.slick-carousel-wrapper.gap-50:before {
    width: 50px;
}

.slick-carousel-wrapper.gap-50 .slick-prev {
    left: 19px
}

.slick-carousel-wrapper.gap-50 .slick-carousel-item {
    padding-left: 50px;
}


/* Slick Carousel Vertical */

.slick-carousel-vertical-wrapper .slick-prev:before {
    content: "\e613";
}

.slick-carousel-vertical-wrapper .slick-next:before {
    content: "\e60d";
}

.slick-carousel-vertical-wrapper {
    margin-bottom: 2px;
    position: relative;
}

.slick-carousel-vertical-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #FFF;
    z-index: 2;
}

.slick-carousel-vertical-wrapper .slick-carousel-item {
    margin-bottom: -2px;
}

.slick-carousel-vertical-wrapper.gap-1 {
    margin-bottom: 1px;
}

.slick-carousel-vertical-wrapper.gap-1:after {
    height: 1px;
}

.slick-carousel-vertical-wrapper.gap-1 .slick-carousel-item {
    margin-bottom: -1px;
}

.slick-carousel-vertical-wrapper.gap-2 {
    margin-bottom: 0;
}

.slick-carousel-vertical-wrapper.gap-2:after {
    height: 0;
}

.slick-carousel-vertical-wrapper.gap-2 .slick-carousel-item {
    margin-bottom: 0;
}

.slick-carousel-vertical-wrapper.gap-5 {
    margin-bottom: -3px;
}

.slick-carousel-vertical-wrapper.gap-5:after {
    height: 4px;
    top: auto;
    bottom: 0;
}

.slick-carousel-vertical-wrapper.gap-5 .slick-carousel-item {
    margin-bottom: 3px;
}


/* Slick Gallery Slideshow */

.slick-gallery-slideshow-wrapper .slick-prev {
    left: 0;
}

.slick-gallery-slideshow-wrapper .slick-next {
    right: 0;
}

.slick-gallery-slideshow-wrapper .slick-prev:before,
.slick-gallery-slideshow-wrapper .slick-next:before {
    color: #FFF;
    opacity: .7;
}

.slick-gallery-slideshow-wrapper .slick-prev:hover:before,
.slick-gallery-slideshow-wrapper .slick-next:hover:before {
    opacity: 1
}

.slick-gallery-slideshow {
    margin-bottom: 1px;
}

.slick-gallery-slideshow .image {
    padding: 0;
}

.slick-gallery-nav .image {
    padding: 0;
    border: 1px solid transparent;
    opacity: 1;
    transition: all 300ms ease;
    position: relative;
}

.slick-gallery-nav .image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s
}

.slick-gallery-nav .image:hover:after {
    background: rgba(0, 0, 0, .2);
}

.slick-gallery-nav .slick-center .image {
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
}

.slick-gallery-nav .slick-center .image:after {
    background: rgba(0, 0, 0, 0);
}

.slick-gallery-nav .image:hover {
    cursor: pointer;
}


/* Slick Center Mode */

.slick-carousel-center-mode {
    margin-left: -30px;
    margin-right: -30px;
}

.slick-carousel-center-mode .slick-carousel-inner {
    margin: 30px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s
}

.slick-carousel-center-mode .slick-center .slick-carousel-inner {
    margin: 0;
    margin-left: -10px;
    margin-right: -10px;
}

.slick-carousel-center-mode .slick-carousel-inner:hover {
    cursor: pointer;
}

.slick-carousel-center-mode .slick-center .slick-carousel-inner:hover {
    cursor: default;
}

.slick-carousel-center-mode .slick-dots {
    bottom: -30px;
}

.slick-slider-center-mode .slick-item {
    position: relative;
}

.slick-slider-center-mode .slick-item .image {
    position: relative;
    padding: 0;
}

.slick-slider-center-mode .slick-item .image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s
}

.slick-slider-center-mode .slick-center.slick-item .image:after {
    background: rgba(0, 0, 0, 0);
}

.slick-slider-center-mode .slick-item .image:hover {
    cursor: pointer;
}

.slick-slider-center-mode.slick-slider-full .slick-item .image:after {
    display: none;
}

.slick-slider-center-mode.gap-2 .slick-item {
    padding: 0 1px;
}

.slick-slider-center-mode .slick-prev {
    left: 20px;
}

.slick-slider-center-mode .slick-next {
    right: 20px;
}

.slick-slider-center-mode .slick-caption {
    position: absolute;
    top: 20px;
    left: 20px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0);
    o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.slick-slider-center-mode .slick-center .slick-caption {
    color: rgba(255, 255, 255, 1);
}


/* Slick Image Background Slider */

.slick-image-bg-slider-wrapper {}

.slick-image-bg-slider-wrapper.alt-full-width {
    overflow: hidden;
}

.slick-image-bg-slider .image.image-bg {
    height: 660px;
    background-size: cover !important;
    background-position: center center;
}

.slick-image-bg-slider .slick-prev {
    left: 10px;
}

.slick-image-bg-slider .slick-next {
    right: 10px;
}


/* Slick Animation for Caption */

.slick-animation .animation {
    display: inline-block;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.slick-animation .transitionDelay1 {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.slick-animation .transitionDelay2 {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.slick-animation .transitionDelay3 {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.slick-animation .transitionDelay4 {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.slick-animation .transitionDelay5 {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.slick-animation .transitionDelay6 {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.slick-animation .transitionDelay7 {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.slick-animation .transitionDelay8 {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.slick-animation .transitionDelay9 {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.slick-animation .transitionDelay10 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.slick-animation .transitionDelay12 {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.slick-animation .transitionDelay14 {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.slick-animation .transitionDuration2 {
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.slick-animation .transitionDuration4 {
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.slick-animation .transitionDuration6 {
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

.slick-animation .transitionDuration8 {
    -webkit-transition-duration: .8s;
    transition-duration: .8s
}

.slick-animation .transitionDuration10 {
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

.slick-animation .transitionDuration12 {
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s
}

.slick-animation .transitionDuration14 {
    -webkit-transition-duration: 1.4s;
    transition-duration: 1.4s
}

.slick-animation .transitionDuration16 {
    -webkit-transition-duration: 1.6s;
    transition-duration: 1.6s
}

.slick-animation .transitionDuration18 {
    -webkit-transition-duration: 1.8s;
    transition-duration: 1.8s
}

.slick-animation .transitionDuration20 {
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s
}

.slick-animation .transitionDuration22 {
    -webkit-transition-duration: 2.2s;
    transition-duration: 2.2s
}

.slick-animation .transitionDuration24 {
    -webkit-transition-duration: 2.4s;
    transition-duration: 2.4s
}

.slick-animation .transitionDuration26 {
    -webkit-transition-duration: 2.6s;
    transition-duration: 2.6s
}

.slick-animation .fromTop {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.slick-animation .fromBottom {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.slick-animation .fromLeft {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.slick-animation .fromRight {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.slick-animation .slick-center .animation {
    opacity: 1
}

.slick-animation .slick-center .fromTop {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%)
}

.slick-animation .slick-center .fromBottom {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%)
}

.slick-animation .slick-center .fromLeft {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%)
}

.slick-animation .slick-center .fromRight {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%)
}


/* Ion.RangeSlider
// css version 2.0.3
// © 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/

.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none!important
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
    position: absolute;
    display: block;
    top: 0
}

.irs-line-left {
    left: 0;
    width: 11%
}

.irs-line-mid {
    left: 9%;
    width: 82%
}

.irs-line-right {
    right: 0;
    width: 11%
}

.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0
}

.irs-bar-edge {
    position: absolute;
    display: block;
    top: 0;
    left: 0
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0
}

.irs-slider {
    position: absolute;
    display: block;
    cursor: default;
    z-index: 1
}

.irs-slider.type_last {
    z-index: 2
}

.irs-min {
    position: absolute;
    display: block;
    left: 0;
    cursor: default
}

.irs-max {
    position: absolute;
    display: block;
    right: 0;
    cursor: default
}

.irs-from,
.irs-to,
.irs-single {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px
}

.irs-with-grid .irs-grid {
    display: block
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000
}

.irs-grid-pol.small {
    height: 4px
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0, 0, 0, 0.0);
    z-index: 2
}

.irs-disabled {
    opacity: .4
}

.lt-ie9 .irs-disabled {
    filter: alpha(opacity=40)
}

.irs-hidden-input {
    position: absolute!important;
    display: block!important;
    top: 0!important;
    left: 0!important;
    width: 0!important;
    height: 0!important;
    font-size: 0!important;
    line-height: 0!important;
    padding: 0!important;
    margin: 0!important;
    outline: none!important;
    z-index: -9999!important;
    background: none!important;
    border-style: solid!important;
    border-color: transparent!important
}


/* Customized  */

.irs {
    height: 40px
}

.irs-with-grid {
    height: 60px
}

.irs-line {
    height: 6px;
    top: 25px
}

.irs-line-left {
    height: 6px;
    background: #DFE2E3;
    border-radius: 3px;
}

.irs-line-mid {
    height: 6px;
    background: #DFE2E3;
}

.irs-line-right {
    height: 6px;
    background: #DFE2E3;
    border-radius: 3px;
}

.irs-bar {
    height: 6px;
    top: 25px;
    background: #33B6CB;
}

.irs-bar-edge {
    top: 25px;
    height: 6px;
    width: 14px;
    background: #33B6CB;
    border-radius: 3px;
}

.irs-shadow {
    height: 1px;
    top: 34px;
    background: #000;
    opacity: .75
}

.lt-ie9 .irs-shadow {
    filter: alpha(opacity=75)
}

.irs-slider {
    width: 10px;
    height: 16px;
    border-radius: 3px;
    top: 20px;
    background: #FFF;
    border: 2px solid #33B6CB;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.3s ease;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
}

.irs-slider.state_hover,
.irs-slider:hover {
    background: #FFF;
    cursor: pointer;
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.45);
}

.irs-min,
.irs-max {
    color: #c0c0c0;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 3px;
    background: rgba(0, 0, 0, 0.1);
    -moz-border-radius: 3px;
    border-radius: 3px
}

.lt-ie9 .irs-min,
.lt-ie9 .irs-max {
    background: #3654b0
}

.irs-from,
.irs-to,
.irs-single {
    color: #000;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: rgba(255, 255, 255, 0.8);
    -moz-border-radius: 3px;
    border-radius: 3px
}

.lt-ie9 .irs-from,
.lt-ie9 .irs-to,
.lt-ie9 .irs-single {
    background: #d8dff3
}

.irs-grid-pol {
    background: #E5E5E5;
}

.irs-grid-text {
    color: #B7B7B7;
}


/*
 * jquery-filestyle
 * doc: http://markusslima.github.io/jquery-filestyle/ 
 * github: https://github.com/markusslima/jquery-filestyle 
 * Copyright (c) 2015 Markus Vinicius da Silva Lima
 * Version 1.5.1
 * Licensed under the MIT license.
 */

.jfilestyle {
    display: inline-block;
    margin: 0 0 10px;
    padding: 0;
    position: relative;
    border-collapse: separate
}

div.jfilestyle label,
div.jfilestyle input {
    font-family: sans-serif
}

div.jfilestyle input {
    border: 1px solid #CCC;
    background: #FFF;
    margin: 0 -5px 0 0;
    vertical-align: middle;
    padding: 6px 12px;
    border-radius: 3px;
    color: #9C9C9C;
    cursor: default;
    line-height: 1.42857143;
    font-weight: 400;
    height: 36px;
    font-size: 15px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

div.jfilestyle label {
    display: inline-block;
    border: 1px solid #33B6CB;
    background: #33B6CB;
    color: #FFF;
    vertical-align: middle;
    line-height: normal;
    text-align: center;
    margin: 0;
    font-size: 11px;
    letter-spacing: 2px;
    width: auto;
    text-transform: uppercase;
    border-radius: 3px;
    font-weight: 600;
    line-height: 1.42857143;
    padding: 6px 12px;
    height: 36px;
    padding: 8px 15px;
    padding-top: 10px;
    padding-bottom: 8px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

div.jfilestyle.jfilestyle-corner input:first-child {
    border-right: 0
}

div.jfilestyle.jfilestyle-corner input:last-child {
    border-left: 0
}

div.jfilestyle.jfilestyle-corner input:first-child,
div.jfilestyle.jfilestyle-corner span:first-child>label {
    border-radius: 3px 0 0 3px
}

div.jfilestyle.jfilestyle-corner input:last-child,
div.jfilestyle.jfilestyle-corner span:last-child>label {
    border-radius: 0 3px 3px 0
}

div.jfilestyle label[disabled] {
    pointer-events: none;
    opacity: .6;
    filter: alpha(opacity=65);
    cursor: not-allowed
}

div.jfilestyle label:hover {
    cursor: pointer;
    background: #2991A2;
    border-color: #2991A2;
}

div.jfilestyle .count-jfilestyle {
    background: #303030;
    color: #fff;
    border-radius: 50%;
    padding: 1px 5px;
    font-size: 12px;
    vertical-align: middle
}


/**
 * bootstrap3-wysihtml5-bower 
 * http://waxolunist.github.io/bootstrap3-wysihtml5-bower/
 */


/*! bootstrap3-wysihtml5-bower 2014-06-11 */

ul.wysihtml5-toolbar {
    margin: 0;
    padding: 0;
    display: block
}

ul.wysihtml5-toolbar::after {
    clear: both;
    display: table;
    content: ""
}

ul.wysihtml5-toolbar>li {
    float: left;
    display: list-item;
    list-style: none;
    margin: 0 5px 10px 0
}

ul.wysihtml5-toolbar a[data-wysihtml5-command=bold] {
    font-weight: 700
}

ul.wysihtml5-toolbar a[data-wysihtml5-command=italic] {
    font-style: italic
}

ul.wysihtml5-toolbar a[data-wysihtml5-command=underline] {
    text-decoration: underline
}

ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    background-color: #E6E6E6;
    background-color: #D9D9D9;
    outline: 0
}

ul.wysihtml5-commands-disabled .dropdown-menu {
    display: none!important
}

ul.wysihtml5-toolbar div.wysihtml5-colors {
    display: block;
    width: 50px;
    height: 20px;
    margin-top: 2px;
    margin-left: 5px;
    position: absolute;
    pointer-events: none
}

ul.wysihtml5-toolbar a.wysihtml5-colors-title {
    padding-left: 70px
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value=black] {
    background: #000!important
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value=silver] {
    background: silver!important
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value=gray] {
    background: gray!important
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value=maroon] {
    background: maroon!important
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value=red] {
    background: red!important
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value=purple] {
    background: purple!important
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value=green] {
    background: green!important
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value=olive] {
    background: olive!important
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value=navy] {
    background: navy!important
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value=blue] {
    background: #00f!important
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value=orange] {
    background: orange!important
}

.glyphicon-quote:before {
    content: "\201C";
    font-family: Georgia, serif;
    font-size: 50px;
    position: absolute;
    top: -4px;
    left: -3px;
    max-height: 100%
}

.glyphicon-quote:after {
    content: "\0000a0"
}


/* Customized  */

.bootstrap3-wysihtml5-wrapper .btn-default {
    color: #333;
    background: #F5F5F5;
    border: 1px solid #ccc;
    font-size: 12px;
    line-height: 1.42857143;
    height: 32px;
    padding: 7px 10px;
    font-weight: 400;
    text-transform: capitalize;
}

.bootstrap3-wysihtml5-wrapper .glyphicon-quote:before {
    font-size: 38px;
    top: -2px
}


/*!
 * @copyright Copyright &copy; Kartik Visweswaran, Krajee.com, 2014 - 2015
 * @package bootstrap-fileinput
 * @version 4.2.6
 *
 * File input styling for Bootstrap 3.0
 * Built for Yii Framework 2.0
 * Author: Kartik Visweswaran
 * Year: 2015
 * For more Yii related demos visit http://demos.krajee.com or http://plugins.krajee.com/file-preview-icons-demo   
 */

.file-preview-frame,
.file-preview-image,
.file-preview-other {
    height: 160px;
    vertical-align: middle
}

.file-loading {
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    font-size: 999px;
    text-align: right;
    color: #fff;
    background: url(images/fileinput-loading.gif)top left no-repeat;
    border: none
}

.file-object {
    margin: 0 0 -5px;
    padding: 0
}

.btn-file {
    position: relative;
    overflow: hidden
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    opacity: 0;
    background: 0 0;
    cursor: inherit;
    display: block
}

.file-caption-name {
    display: inline-block;
    overflow: hidden;
    height: 20px;
    word-break: break-all
}

.input-group-lg .file-caption-name {
    height: 25px
}

.file-preview-detail-modal {
    text-align: left
}

.file-error-message {
    background-color: #f2dede;
    color: #a94442;
    text-align: center;
    border-radius: 5px;
    padding: 5px 10px 5px 5px
}

.file-error-message pre,
.file-error-message ul {
    margin: 5px 0;
    text-align: left
}

.file-caption-disabled {
    background-color: #EEE;
    cursor: not-allowed;
    opacity: 1
}

.file-preview {
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 5px;
    width: 100%;
    margin-bottom: 5px
}

.file-preview-frame {
    display: table;
    margin: 8px;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 5px 0 #a2958a;
    padding: 6px;
    float: left;
    text-align: center
}

.file-preview-frame:not(.file-preview-error):hover {
    box-shadow: 3px 3px 5px 0 #333
}

.file-preview-text {
    text-align: left;
    width: 160px;
    margin-bottom: 2px;
    color: #428bca;
    background: #fff;
    overflow-x: hidden
}

.file-preview-other {
    display: table-cell;
    text-align: center;
    width: 160px;
    border: 2px solid #999;
    border-radius: 10px;
    opacity: .8;
    line-height: 1;
}

.file-actions,
.file-other-error {
    text-align: left
}

.file-preview-frame:not(.file-preview-error) .file-preview-other:hover {
    opacity: 1
}

.file-icon-lg {
    font-size: 1.2em
}

.file-icon-2x {
    font-size: 2.4em
}

.file-icon-4x {
    font-size: 4.8em
}

.file-input-ajax-new .fileinput-remove-button,
.file-input-ajax-new .fileinput-upload-button,
.file-input-new .close,
.file-input-new .file-preview,
.file-input-new .fileinput-remove-button,
.file-input-new .fileinput-upload-button,
.file-input-new .glyphicon-file {
    display: none
}

.loading {
    background: url(images/fileinput-loading.gif)center center no-repeat content-box!important
}

.file-actions {
    margin-top: 15px
}

.file-footer-buttons {
    float: right
}

.file-upload-indicator {
    padding-top: 2px;
    cursor: default;
    opacity: .8;
    width: 60%
}

.file-upload-indicator:hover {
    font-weight: 700;
    opacity: 1
}

.file-footer-caption {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    text-align: center;
    padding-top: 4px;
    font-size: 11px;
    color: #777;
    margin: 5px auto 10px
}

.file-preview-frame:not(.file-preview-error) .file-footer-caption:hover {
    color: #000
}

.file-drop-zone {
    border: 1px dashed #aaa;
    border-radius: 4px;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    margin: 12px 15px 12px 12px;
    padding: 5px
}

.file-drop-zone-title {
    color: #aaa;
    font-size: 40px;
    padding: 85px 10px
}

.highlighted {
    border: 2px dashed #999!important;
    background-color: #f0f0f0
}

.file-uploading {
    background: url(images/fileinput-loading-sm.gif)center bottom 10px no-repeat;
    opacity: .6
}

.file-error-message .close {
    margin-top: 10px
}

.file-thumb-progress .progress,
.file-thumb-progress .progress-bar {
    height: 10px;
    font-size: 9px;
    line-height: 10px
}

.file-thumbnail-footer {
    position: relative
}

.file-thumb-progress {
    position: absolute;
    top: 22px;
    left: 0;
    right: 0
}


/** customized for bootstrap-fileinput-style-01 */

.bootstrap-fileinput-style-01 .file-preview-frame {
    margin: 0;
    padding: 5px;
}

.bootstrap-fileinput-style-01 .file-preview {
    border-color: #CCCCCC;
    border-radius: 3px;
    margin: 0 0 10px;
    padding: 0
}

.bootstrap-fileinput-style-01 .file-preview img {
		width: 100%;
}

.bootstrap-fileinput-style-01 .file-caption-name {
    font-size: 12px;
    margin: 4px 0 0
}

.bootstrap-fileinput-style-01 .file-caption-name span {
    color: #55a747;
    margin: 0;
    font-size: 10px;
}

.bootstrap-fileinput-style-01 .file-preview-thumbnails {
    text-align: center;
}

.bootstrap-fileinput-style-01 .file-preview-frame {
    border: 0;
    box-shadow: none;
    display: inline-block;
    float: none;
    height: auto;
    margin-bottom: 0;
}

.bootstrap-fileinput-style-01 .file-preview-frame:hover {
    box-shadow: none!important
}

.bootstrap-fileinput-style-01 .file-preview-frame img {
    display: inline-block;
    height: auto;
    max-width: 100%
}

.bootstrap-fileinput-style-01 .file-footer-caption {
    color: #FFF!important;
    margin: 0;
    padding: 10px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: block;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.bootstrap-fileinput-style-01 .file-footer-caption:hover {
    color: #FFF!important
}

.bootstrap-fileinput-style-01 .file-input-ajax-new .fileinput-remove {}

.bootstrap-fileinput-style-01 .file-preview .fileinput-remove {
    color: #FA2A00;
    display: block;
    opacity: .95;
    transition: all .15s linear;
    position: absolute;
    top: 32px;
    right: 20px;
}

.bootstrap-fileinput-style-01.no-remove-at-beginning .file-input-ajax-new .fileinput-remove {
    display: none !important;
}

.bootstrap-fileinput-style-01 .file-preview .fileinput-remove:hover {
    color: #FA2A00;
    opacity: 1
}

.bootstrap-fileinput-style-01 .kv-fileinput-caption:active,
.kv-fileinput-caption:focus,
.kv-fileinput-caption:hover {
    border-color: #e9e9e9
}

.bootstrap-fileinput-style-01 .file-drop-zone {
    border: 0;
    margin: 0;
    padding: 0
}

.bootstrap-fileinput-style-01 .file-drop-zone-title {
    background-color: #f7f7f7;
    border-radius: 3px;
    margin: 0;
    padding: 86px 0 87px
}

.bootstrap-fileinput-style-01 .file-drop-zone-title span {
    color: #363636;
    font-size: 18px;
    vertical-align: 2px
}

.bootstrap-fileinput-style-01 .file-drop-zone-title .fa {
    color: #55a747;
    font-size: 26px;
    margin: 0 15px 0 0
}

.bootstrap-fileinput-style-01 .file-actions {
    display: none
}

.bootstrap-fileinput-style-01 .file-preview-other {
    display: table-cell;
    text-align: center;
    width: 160px;
    margin-bottom: 30px;
}

.bootstrap-fileinput-style-01 .file-icon-lg {
    font-size: 16px;
    line-height: 40px;
}

.bootstrap-fileinput-style-01 .file-icon-2x {
    font-size: 28px;
    line-height: 40px;
}

.bootstrap-fileinput-style-01 .file-icon-4x {
    font-size: 40px;
    line-height: 40px;
}

.bootstrap-fileinput-style-01 .file-error-message {
    border-radius: 0 0 3px 3px;
    line-height: 1.2;
    font-size: 13px;
}


/** customized for bootstrap-fileinput-style-02 */

.bootstrap-fileinput-style-02 .file-input-ajax-new .fileinput-remove {
    display: none!important
}


/*!
 * bootstrap-tokenfield
 * https://github.com/sliptree/bootstrap-tokenfield 
 * Copyright 2013-2014 Sliptree and other contributors; Licensed MIT

/* General Typeahead styling, from http://jsfiddle.net/ragulka/Dy9au/1  */

.twitter-typeahead {
    width: 100%;
    position: relative;
    vertical-align: top
}

.twitter-typeahead .tt-input,
.twitter-typeahead .tt-hint {
    margin: 0;
    width: 100%;
    vertical-align: middle;
    background-color: #fff
}

.twitter-typeahead .tt-hint {
    color: #999;
    z-index: 1;
    border: 1px solid transparent
}

.twitter-typeahead .tt-input {
    color: #555;
    z-index: 2
}

.twitter-typeahead .tt-input,
.twitter-typeahead .tt-hint {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429
}

.twitter-typeahead .input-sm.tt-input,
.twitter-typeahead .hint-sm.tt-hint {
    border-radius: 3px
}

.twitter-typeahead .input-lg.tt-input,
.twitter-typeahead .hint-lg.tt-hint {
    border-radius: 6px
}

.input-group .twitter-typeahead:first-child .tt-input,
.input-group .twitter-typeahead:first-child .tt-hint {
    border-radius: 4px 0 0 4px!important
}

.input-group .twitter-typeahead:last-child .tt-input,
.input-group .twitter-typeahead:last-child .tt-hint {
    border-radius: 0 4px 4px 0!important
}

.input-group.input-group-sm .twitter-typeahead:first-child .tt-input,
.input-group.input-group-sm .twitter-typeahead:first-child .tt-hint {
    border-radius: 3px 0 0 3px!important
}

.input-group.input-group-sm .twitter-typeahead:last-child .tt-input,
.input-group.input-group-sm .twitter-typeahead:last-child .tt-hint {
    border-radius: 0 3px 3px 0!important
}

.input-sm.tt-input,
.hint-sm.tt-hint,
.input-group.input-group-sm .tt-input,
.input-group.input-group-sm .tt-hint {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-group.input-group-lg .twitter-typeahead:first-child .tt-input,
.input-group.input-group-lg .twitter-typeahead:first-child .tt-hint {
    border-radius: 6px 0 0 6px!important
}

.input-group.input-group-lg .twitter-typeahead:last-child .tt-input,
.input-group.input-group-lg .twitter-typeahead:last-child .tt-hint {
    border-radius: 0 6px 6px 0!important
}

.input-lg.tt-input,
.hint-lg.tt-hint,
.input-group.input-group-lg .tt-input,
.input-group.input-group-lg .tt-hint {
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33
}

.tt-dropdown-menu {
    width: 100%;
    min-width: 160px;
    margin-top: 2px;
    padding: 5px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.tt-suggestion {
    display: block;
    padding: 3px 20px
}

.tt-suggestion.tt-cursor {
    color: #262626;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0)
}

.tt-suggestion.tt-cursor a {
    color: #fff
}

.tt-suggestion p {
    margin: 0
}

.tokenfield .twitter-typeahead {
    width: auto
}

.tokenfield .twitter-typeahead .tt-hint {
    padding: 0;
    height: 20px
}

.tokenfield.input-sm .twitter-typeahead .tt-input,
.tokenfield.input-sm .twitter-typeahead .tt-hint {
    height: 18px;
    font-size: 12px;
    line-height: 1.5
}

.tokenfield.input-lg .twitter-typeahead .tt-input,
.tokenfield.input-lg .twitter-typeahead .tt-hint {
    height: 23px;
    font-size: 18px;
    line-height: 1.33
}

.tokenfield .twitter-typeahead .tt-suggestions {
    font-size: 14px
}


/*!
 * bootstrap-tokenfield
 * https://github.com/sliptree/bootstrap-tokenfield
 * Copyright 2013-2014 Sliptree and other contributors; Licensed MIT
 */

@-webkit-keyframes blink {
    0% {
        border-color: #ededed
    }
    100% {
        border-color: #b94a48
    }
}

@-moz-keyframes blink {
    0% {
        border-color: #ededed
    }
    100% {
        border-color: #b94a48
    }
}

@keyframes blink {
    0% {
        border-color: #ededed
    }
    100% {
        border-color: #b94a48
    }
}

.tokenfield {
    height: auto;
    min-height: 34px;
    padding-bottom: 0
}

.tokenfield.focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.tokenfield .token {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #d9d9d9;
    background-color: #ededed;
    white-space: nowrap;
    margin: -1px 5px 5px 0;
    height: 22px;
    vertical-align: top;
    cursor: default
}

.tokenfield .token:hover {
    border-color: #b9b9b9
}

.tokenfield .token.active {
    border-color: #52a8ec;
    border-color: rgba(82, 168, 236, 0.8)
}

.tokenfield .token.duplicate {
    border-color: #ebccd1;
    -webkit-animation-name: blink;
    animation-name: blink;
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.tokenfield .token.invalid {
    background: none;
    border: 1px solid transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px dotted #d9534f
}

.tokenfield .token.invalid.active {
    background: #ededed;
    border: 1px solid #ededed;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.tokenfield .token .token-label {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 4px;
    vertical-align: top
}

.tokenfield .token .close {
    font-family: Arial;
    display: inline-block;
    line-height: 100%;
    font-size: 1.1em;
    line-height: 1.49em;
    margin-left: 5px;
    float: none;
    height: 100%;
    vertical-align: top;
    padding-right: 4px
}

.tokenfield .token-input {
    background: none;
    width: 60px;
    min-width: 60px;
    border: 0;
    height: 20px;
    padding: 0;
    margin-bottom: 6px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.tokenfield .token-input:focus {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.tokenfield.disabled {
    cursor: not-allowed;
    background-color: #eee
}

.tokenfield.disabled .token-input {
    cursor: not-allowed
}

.tokenfield.disabled .token:hover {
    cursor: not-allowed;
    border-color: #d9d9d9
}

.tokenfield.disabled .token:hover .close {
    cursor: not-allowed;
    opacity: .2;
    filter: alpha(opacity=20)
}

.has-warning .tokenfield.focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b
}

.has-error .tokenfield.focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
}

.has-success .tokenfield.focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168
}

.tokenfield.input-sm,
.input-group-sm .tokenfield {
    min-height: 30px;
    padding-bottom: 0
}

.input-group-sm .token,
.tokenfield.input-sm .token {
    height: 20px;
    margin-bottom: 4px
}

.input-group-sm .token-input,
.tokenfield.input-sm .token-input {
    height: 18px;
    margin-bottom: 5px
}

.tokenfield.input-lg,
.input-group-lg .tokenfield {
    min-height: 45px;
    padding-bottom: 4px
}

.input-group-lg .token,
.tokenfield.input-lg .token {
    height: 25px
}

.input-group-lg .token-label,
.tokenfield.input-lg .token-label {
    line-height: 23px
}

.input-group-lg .token .close,
.tokenfield.input-lg .token .close {
    line-height: 1.3em
}

.input-group-lg .token-input,
.tokenfield.input-lg .token-input {
    height: 23px;
    line-height: 23px;
    margin-bottom: 6px;
    vertical-align: top
}

.tokenfield.rtl {
    direction: rtl;
    text-align: right
}

.tokenfield.rtl .token {
    margin: -1px 0 5px 5px
}

.tokenfield.rtl .token .token-label {
    padding-left: 0;
    padding-right: 4px
}


/**
 * SheepIt! Plugin
 * Dynamic form cloning with Jquery
 * https://github.com/mdelrosso/sheepit   
 */

.dynamic-add-form-item {
    position: relative;
    border-bottom: 1px solid #CCC;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.dynamic-add-form-item .dynamic-add-form-close {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    color: red;
}

.dynamic-add-form-item .dynamic-add-form-close:hover {
    color: green;
    cursor: pointer;
}

.dynamic-add-form-empty {
    margin-left: 10px;
    margin-right: 10px;
}

.dynamic-add-form-action {
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 10px;
}

.dynamic-add-form-action > div {
    float: left;
    margin-right: 10px;
}

.dynamic-add-form-action > div > div {
    float: left;
}

.dynamic-add-form-action > div .form-group {
    float: left;
    margin-right: 10px;
}


/**
 * bricklayer
 * https://github.com/ademilter/bricklayer
 */

.bricklayer-wrapper {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -30px;
}

.bricklayer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bricklayer-column-sizer {
    width: 100%;
    display: none
}

.bricklayer-column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px;
    padding-right: 15px;
}

.bricklayer-column-sizer {
    width: 33.3333333%;
}

.bricklayer-item {
    margin-bottom: 30px;
}

@media only screen and (max-width: 1199px) {}

@media only screen and (max-width: 991px) {
    .bricklayer-column-sizer {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .bricklayer-column-sizer {
        width: 100%;
    }
}

@media (max-width: 479px) {
    .bricklayer-column-sizer {
        width: 100%;
    }
}


/**
 * responsive-ticker
 * https://github.com/sburtenshaw/Responsive-Ticker
 */

.ticker-container {
    height: 60px;
    width: 100%;
    text-align: center;
    position: relative;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 1);
    color: white;
    font-size: 1.1em;
    margin-bottom: 15px
}

.ticker-container .ticker-caption {
    height: 50%;
    width: 100%;
    background-color: #EC0B43;
    display: table;
    position: absolute;
    color: white;
    font-size: .8em;
    z-index: 1
}

.ticker-container .ticker-caption p {
    height: inherit;
    width: inherit;
    display: table-cell;
    vertical-align: middle;
    font-weight: bold
}

.ticker-container ul {
    list-style: none;
    padding: 0;
    height: auto
}

.ticker-container ul div {
    overflow: hidden;
    position: absolute;
    z-index: 0;
    display: inline;
    min-width: 100%;
    left: 0;
    height: 50%;
    transition: .25s ease-in-out
}

.ticker-container ul div.ticker-active {
    top: 30px
}

.ticker-container ul div.not-active {
    top: 60px
}

.ticker-container ul div.remove {
    top: 0
}

.ticker-container ul div li {
    padding: 5px 0
}

.ticker-container ul div li a {
    color: #EC0B43
}

@media (min-width: 500px) {
    .ticker-container {
        height: 30px;
        text-align: left
    }
    .ticker-container .ticker-caption {
        height: 100%;
        width: 150px;
        background: url(images/ticker-caption-bg.html)
    }
    .ticker-container .ticker-caption p {
        text-align: left;
        padding-left: 7px
    }
    .ticker-container ul {
        margin-left: 170px;
        height: 100%
    }
    .ticker-container ul div {
        height: 100%;
        left: 170px
    }
    .ticker-container ul div.ticker-active {
        top: 0
    }
    .ticker-container ul div.not-active {
        top: 30px
    }
    .ticker-container ul div.remove {
        top: -30px
    }
}

@media (min-width: 768px) {
    .ticker-container {
        margin-bottom: 10px
    }
}

@media (min-width: 992px) {
    .ticker-container {
        margin-bottom: 20px
    }
}


/* Generated by less 2.5.1 */


/*
 *  jQueryIntroLoader
 *  Animated intro loading pages
 *  http://factory.brainleaf.eu/jqueryIntroLoader
 *
 *  Made by BRAINLEAF Communication (c)2014-2015
 *  Under GNU/GPL License
 */


/* ****************************************************************************** */


/* PLUGIN STYLE */


/* ****************************************************************************** */


/* ============================================================================== */


/* Global Style */


/* ============================================================================== */

.introLoader,
.introLoading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 9999;
}

.introLoading {
    background-color: #fff;
}

.absolute.introLoader {
    position: absolute;
}

body.introLoader_preventScroll {
    position: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
}


/* ============================================================================== */


/* Animations */


/* ============================================================================== */


/* *************************************************** */


/* CSSLoader Animation */


/* *************************************************** */

.introLoader.cssLoader .cssLoaderSpinner {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    border: 5px solid transparent;
    border-radius: 50%;
}

.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent;
    border-radius: 50%;
    animation: infinite-spinning 1s linear infinite;
}


/* CSSLoader Animation Spinner Sizes */


/* -------------------------------------------- */

.introLoader.cssLoader.medium .cssLoaderSpinner {
    border: 5px solid transparent;
}

.introLoader.cssLoader.medium .cssLoaderSpinner .cssLoaderSpinner-inner {
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    border-width: 6px;
}

.introLoader.cssLoader.large .cssLoaderSpinner {
    border: 5px solid transparent;
}

.introLoader.cssLoader.large .cssLoaderSpinner .cssLoaderSpinner-inner {
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    border-width: 8px;
}


/* CSSLoader Animation Keyframes */


/* -------------------------------------------- */

@keyframes infinite-spinning {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes infinite-spinning {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}


/* CSSLoader Animation Colors */


/* -------------------------------------------- */

.theme-light.introLoader.cssLoader {
    background-color: #ffffff;
}

.theme-light.introLoader.cssLoader .cssLoaderSpinner {
    border-color: #efefef;
}

.theme-light.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner {
    border-color: #555555 transparent transparent transparent;
}

.theme-dark.introLoader.cssLoader {
    background-color: #333333;
}

.theme-dark.introLoader.cssLoader .cssLoaderSpinner {
    border-color: #121212;
}

.theme-dark.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner {
    border-color: #ffffff transparent transparent transparent;
}

.theme-ocean.introLoader.cssLoader {
    background-color: #164761;
}

.theme-ocean.introLoader.cssLoader .cssLoaderSpinner {
    border-color: #20b1ea;
}

.theme-ocean.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner {
    border-color: #ffffff transparent transparent transparent;
}

.theme-forest.introLoader.cssLoader {
    background-color: #1f3608;
}

.theme-forest.introLoader.cssLoader .cssLoaderSpinner {
    border-color: #5e5824;
}

.theme-forest.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner {
    border-color: #a59965 transparent transparent transparent;
}

.theme-fluoGreen.introLoader.cssLoader {
    background-color: #67de0f;
}

.theme-fluoGreen.introLoader.cssLoader .cssLoaderSpinner {
    border-color: #53ba06;
}

.theme-fluoGreen.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner {
    border-color: #dcff1b transparent transparent transparent;
}

.theme-fluoMagenta.introLoader.cssLoader {
    background-color: #ff1bff;
}

.theme-fluoMagenta.introLoader.cssLoader .cssLoaderSpinner {
    border-color: #db07db;
}

.theme-fluoMagenta.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner {
    border-color: #cccccc transparent transparent transparent;
}

.theme-fluoYellow.introLoader.cssLoader {
    background-color: #dcff1b;
}

.theme-fluoYellow.introLoader.cssLoader .cssLoaderSpinner {
    border-color: #d5f816;
}

.theme-fluoYellow.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner {
    border-color: #67de0f transparent transparent transparent;
}

.theme-light.halfcircle.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner {
    border-color: #555555 #555555 transparent transparent;
}

.theme-dark.halfcircle.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner {
    border-color: #ffffff #ffffff transparent transparent;
}

.theme-ocean.halfcircle.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner {
    border-color: #ffffff #ffffff transparent transparent;
}

.theme-forest.halfcircle.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner {
    border-color: #a59965 #a59965 transparent transparent;
}

.theme-fluoGreen.halfcircle.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner {
    border-color: #dcff1b #dcff1b transparent transparent;
}

.theme-fluoMagenta.halfcircle.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner {
    border-color: #cccccc #cccccc transparent transparent;
}

.theme-fluoYellow.halfcircle.introLoader.cssLoader .cssLoaderSpinner .cssLoaderSpinner-inner {
    border-color: #67de0f #67de0f transparent transparent;
}


/* *************************************************** */


/* SimpleLoader Animation */


/* *************************************************** */

.absolute.introLoader.simpleLoader {
    position: absolute;
}


/* SimpleLoader Animation Colors */


/* -------------------------------------------- */

.theme-light.introLoader.simpleLoader {
    background-color: #ffffff;
}

.theme-dark.introLoader.simpleLoader {
    background-color: #333333;
}

.theme-ocean.introLoader.simpleLoader {
    background-color: #164761;
}

.theme-forest.introLoader.simpleLoader {
    background-color: #1f3608;
}

.theme-fluoGreen.introLoader.simpleLoader {
    background-color: #67de0f;
}

.theme-fluoMagenta.introLoader.simpleLoader {
    background-color: #ff1bff;
}

.theme-fluoYellow.introLoader.simpleLoader {
    background-color: #dcff1b;
}


/* *************************************************** */


/* GifLoader Animation */


/* *************************************************** */

.introLoader.gifLoader .gifLoaderInner {
    background-image: url(spinners/circle-simple_light.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

.introLoader.gifLoader .gifLoaderInnerCustom {
    background-repeat: no-repeat;
    background-position: center center;
}

.introLoader.gifLoader .gifLoaderInner,
.introLoader.gifLoader .gifLoaderInnerCustom {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.theme-light.gifLoader .gifLoaderInner {
    background-color: #ffffff;
}

.theme-dark.gifLoader .gifLoaderInner {
    background-image: url(spinners/circle-simple_dark.gif);
    background-color: #333333;
}

.theme-ocean.gifLoader .gifLoaderInner {
    background-image: url(spinners/circle-simple_ocean.gif);
    background-color: #164761;
}

.theme-forest.gifLoader .gifLoaderInner {
    background-image: url(spinners/circle-simple_forest.gif);
    background-color: #1f3608;
}

.theme-fluoGreen.gifLoader .gifLoaderInner {
    background-image: url(spinners/circle-simple_fluoGreen.gif);
    background-color: #67de0f;
}

.theme-fluoYellow.gifLoader .gifLoaderInner {
    background-image: url(spinners/circle-simple_fluoYellow.gif);
    background-color: #dcff1b;
}

.theme-fluoMagenta.gifLoader .gifLoaderInner {
    background-image: url(spinners/circle-simple_fluoMagenta.gif);
    background-color: #ff1bff;
}

.theme-light.bubble.gifLoader .gifLoaderInner {
    background-image: url(spinners/circle-bub_light.gif);
}

.theme-dark.bubble.gifLoader .gifLoaderInner {
    background-image: url(spinners/circle-bub_dark.gif);
}

.theme-ocean.bubble.gifLoader .gifLoaderInner {
    background-image: url(spinners/circle-bub_ocean.gif);
}

.theme-forest.bubble.gifLoader .gifLoaderInner {
    background-image: url(spinners/circle-bub_forest.gif);
}

.theme-fluoGreen.bubble.gifLoader .gifLoaderInner {
    background-image: url(spinners/circle-bub_fluoGreen.gif);
}

.theme-fluoYellow.bubble.gifLoader .gifLoaderInner {
    background-image: url(spinners/circle-bub_fluoYellow.gif);
}

.theme-fluoMagenta.bubble.gifLoader .gifLoaderInner {
    background-image: url(spinners/circle-bub_fluoMagenta.gif);
}


/* *************************************************** */


/* CounterLoader Animation */


/* *************************************************** */

.introLoader.counterLoader .counterLoaderBox {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-weight: bold;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.small.introLoader.counterLoader .counterLoaderBox {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 0.8em;
}

.medium.introLoader.counterLoader .counterLoaderBox {
    width: 200px;
    height: 200px;
    line-height: 200px;
    font-size: 2em;
}

.large.introLoader.counterLoader .counterLoaderBox {
    width: 300px;
    height: 300px;
    line-height: 300px;
    font-size: 3em;
}

.circle.introLoader.counterLoader .counterLoaderBox {
    border-radius: 50%;
}


/* CounterLoader Animation Colors */


/* -------------------------------------------- */

.theme-light.introLoader.counterLoader {
    background-color: #ffffff;
}

.theme-light.introLoader.counterLoader .counterLoaderBox {
    background-color: #cccccc;
}

.theme-dark.introLoader.counterLoader {
    background-color: #333333;
}

.theme-dark.introLoader.counterLoader .counterLoaderBox {
    background-color: #ffffff;
}

.theme-ocean.introLoader.counterLoader {
    background-color: #164761;
}

.theme-ocean.introLoader.counterLoader .counterLoaderBox {
    background-color: #237199;
    color: #ffffff;
}

.theme-forest.introLoader.counterLoader {
    background-color: #1f3608;
}

.theme-forest.introLoader.counterLoader .counterLoaderBox {
    background-color: #5e5824;
    color: #1f3608;
}

.theme-fluoGreen.introLoader.counterLoader {
    background-color: #67de0f;
}

.theme-fluoGreen.introLoader.counterLoader .counterLoaderBox {
    background-color: #ffffff;
    color: #67de0f;
}

.theme-fluoMagenta.introLoader.counterLoader {
    background-color: #ff1bff;
}

.theme-fluoMagenta.introLoader.counterLoader .counterLoaderBox {
    background-color: #ffffff;
    color: #ff1bff;
}

.theme-fluoYellow.introLoader.counterLoader {
    background-color: #dcff1b;
}

.theme-fluoYellow.introLoader.counterLoader .counterLoaderBox {
    background-color: #ffffff;
    color: #dcff1b;
}


/* *************************************************** */


/* doubleLoader Animation */


/* *************************************************** */

.doubleLoader {
    background: transparent!important;
}

.doubleLoaderTop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 50%;
    background-color: #333;
}

.doubleLoaderBottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 50%;
    background-color: #333;
}

.doubleLoaderProgBar {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 100%;
    height: 20px;
    background-color: #fff;
    z-index: 9999999999999;
}

.doubleLoaderProgBar span {
    display: block;
    width: 0;
    height: 20px;
    background-color: #555;
}


/* DoubleLoader Animation Colors */


/* -------------------------------------------- */

.doubleLoader.theme-light .doubleLoaderTop,
.doubleLoader.theme-light .doubleLoaderBottom {
    background-color: #efefef;
}

.doubleLoader.theme-light .doubleLoaderProgBar {
    background-color: #cccccc;
}

.doubleLoader.theme-light .doubleLoaderProgBar span {
    background-color: #555555;
}

.doubleLoader.theme-light.zebra .doubleLoaderTop {
    background-color: #ffffff;
}

.doubleLoader.theme-light.zebra .doubleLoaderBottom {
    background-color: #efefef;
}

.doubleLoader.theme-dark .doubleLoaderTop,
.doubleLoader.theme-dark .doubleLoaderBottom {
    background-color: #333333;
}

.doubleLoader.theme-dark .doubleLoaderProgBar {
    background-color: #ffffff;
}

.doubleLoader.theme-dark .doubleLoaderProgBar span {
    background-color: #555555;
}

.doubleLoader.theme-dark.zebra .doubleLoaderTop {
    background-color: #333333;
}

.doubleLoader.theme-dark.zebra .doubleLoaderBottom {
    background-color: #121212;
}

.doubleLoader.theme-ocean .doubleLoaderTop,
.doubleLoader.theme-ocean .doubleLoaderBottom {
    background-color: #164761;
}

.doubleLoader.theme-ocean .doubleLoaderProgBar {
    background-color: #237199;
}

.doubleLoader.theme-ocean .doubleLoaderProgBar span {
    background-color: #ffffff;
}

.doubleLoader.theme-ocean.zebra .doubleLoaderTop {
    background-color: #164761;
}

.doubleLoader.theme-ocean.zebra .doubleLoaderBottom {
    background-color: #20b1ea;
}

.doubleLoader.theme-forest .doubleLoaderTop,
.doubleLoader.theme-forest .doubleLoaderBottom {
    background-color: #1f3608;
}

.doubleLoader.theme-forest .doubleLoaderProgBar {
    background-color: #5e5824;
}

.doubleLoader.theme-forest .doubleLoaderProgBar span {
    background-color: #a59965;
}

.doubleLoader.theme-forest.zebra .doubleLoaderTop {
    background-color: #1f3608;
}

.doubleLoader.theme-forest.zebra .doubleLoaderBottom {
    background-color: #332a0b;
}

.doubleLoader.theme-fluoGreen .doubleLoaderTop,
.doubleLoader.theme-fluoGreen .doubleLoaderBottom {
    background-color: #67de0f;
}

.doubleLoader.theme-fluoGreen .doubleLoaderProgBar {
    background-color: #ffffff;
}

.doubleLoader.theme-fluoGreen .doubleLoaderProgBar span {
    background-color: #dcff1b;
}

.doubleLoader.theme-fluoGreen.zebra .doubleLoaderTop {
    background-color: #67de0f;
}

.doubleLoader.theme-fluoGreen.zebra .doubleLoaderBottom {
    background-color: #53ba06;
}

.doubleLoader.theme-fluoMagenta .doubleLoaderTop,
.doubleLoader.theme-fluoMagenta .doubleLoaderBottom {
    background-color: #ff1bff;
}

.doubleLoader.theme-fluoMagenta .doubleLoaderProgBar {
    background-color: #ffffff;
}

.doubleLoader.theme-fluoMagenta .doubleLoaderProgBar span {
    background-color: #cccccc;
}

.doubleLoader.theme-fluoMagenta.zebra .doubleLoaderTop {
    background-color: #ff1bff;
}

.doubleLoader.theme-fluoMagenta.zebra .doubleLoaderBottom {
    background-color: #db07db;
}

.doubleLoader.theme-fluoYellow .doubleLoaderTop,
.doubleLoader.theme-fluoYellow .doubleLoaderBottom {
    background-color: #dcff1b;
}

.doubleLoader.theme-fluoYellow .doubleLoaderProgBar {
    background-color: #ffffff;
}

.doubleLoader.theme-fluoYellow .doubleLoaderProgBar span {
    background-color: #67de0f;
}

.doubleLoader.theme-fluoYellow.zebra .doubleLoaderTop {
    background-color: #dcff1b;
}

.doubleLoader.theme-fluoYellow.zebra .doubleLoaderBottom {
    background-color: #d5f816;
}


/* *************************************************** */


/* LettersLoader Animation */


/* *************************************************** */

.lettersLoader {
    background: #ffffff;
    color: #555555;
    font-size: 3em;
}

.lettersLoaderRow {
    display: none;
    position: absolute;
    width: 100%;
    top: 45%;
    text-align: center;
}

.lettersLoaderItem {
    display: inline-block;
    opacity: 0;
}


/* LettersLoader Animation Colors */


/* -------------------------------------------- */

.theme-light.lettersLoader {
    background: #ffffff;
    color: #555555;
}

.theme-dark.lettersLoader {
    background: #333333;
    color: #ffffff;
}

.theme-ocean.lettersLoader {
    background: #164761;
    color: #ffffff;
}

.theme-forest.lettersLoader {
    background: #1f3608;
    color: #a59965;
}

.theme-fluoGreen.lettersLoader {
    background: #67de0f;
    color: #ffffff;
}

.theme-fluoMagenta.lettersLoader {
    background: #ff1bff;
    color: #ffffff;
}

.theme-fluoGreen.lettersLoader {
    background: #ff1bff;
    color: #ffffff;
}