/*!
*---------------------------------------------------------------------------------------------------------
// Clean - Web Hosting Template (integrated WHMCS) | (c) 2018 ThemeMetro.com
// License: You must have a valid license purchased in order to legally use the theme for your project.
// Author - Kc Sharma
*---------------------------------------------------------------------------------------------------------
*/

html {
    position: relative;
    min-height: 100%;
    letter-spacing: -0.01em
}

html,
body {
    height: auto
}

svg:not(:root) {
    overflow: hidden
}

body {
    font-family: 'Open Sans', sans-serif;
    color: #393939;
    min-height: 100%;
    margin: 0;
    padding: 0 !important;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
    background: #fff;
    margin-top: 90px
}

@media (min-width:550px) {
    body {
        margin-top: 50px
    }
    body.top-nav-collapse .navbar-clean {
        padding: 0
    }
}

@media (min-width:1400px) {
    .container-fluid {
        max-width: 1200px
    }
    .container-fluid.without-padding {
        max-width: 100%
    }
}

@media (max-width:992px) {
    .container {
        width: 100% !important
    }
}

h1 {
    font-size: 3.5vmin
}

h1,
h2 {
    font-family: 'Roboto', sans-serif
}

a {
    color: #029d62
}

a:hover,
a:active,
a:focus {
    color: #029d62
}

a,
a:visited,
a:focus,
a:active,
a:hover {
    outline: 0 none !important
}

::-moz-focus-inner {
    border: 0 none;
    -moz-outline-style: none
}

.page-header {
    margin: 30px 0 15px;
    border-bottom: 1px solid #e5e5e5
}

.page-header h1 {
    margin: 0;
    font-size: 26px
}

.page-header h1 :before {
    content: "\f101";
    margin-right: 4px;
    font-family: FontAwesome;
    color: #f3c218
}

.page-header .sub-title {
    font-size: 60%;
    text-transform: none;
    color: #999
}

.page-header.title {
    margin: 0 -15px 25px;
    border-bottom: 1px solid #e5e5e5;
    color: #1a1a1a;
    padding: 15px;
    background-color: #fff
}

@media (max-width:639px) {
    .page-header.title h1 {
        font-size: 21px
    }
}

ol.breadcrumb li.pull-right:before {
    content: normal
}

blockquote,
.blockquote-reverse,
blockquote.pull-right {
    border-color: #f3c218
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.modal,
.accordion-toggle:focus,
.btn:focus {
    outline: none
}

[class*=" fa-"],
[class^="fa-"],
[class*=" glyphicon-"],
[class^="glyphicon-"] {
    text-align: center
}

.popover {
    width: auto;
    border-radius: 0
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: #f3c218
}

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus,
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus,
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #f3c218;
    border-color: #e1af03
}

a.list-group-item.active .badge,
a.list-group-item.active:hover .badge,
a.list-group-item.active:focus .badge,
.nav-pills>li.active>a .badge,
.nav-pills>li.active>a:hover .badge,
.nav-pills>li.active>a:focus .badge,
.pagination>.active>a .badge,
.pagination>.active>span .badge,
.pagination>.active>a:hover .badge,
.pagination>.active>span:hover .badge,
.pagination>.active>a:focus .badge,
.pagination>.active>span:focus .badge {
    background: #fff !important
}

.nav-tabs,
.nav-pills {
    margin-bottom: 10px
}

.nav-tabs .open>a,
.nav-pills .open>a,
.nav-tabs .open>a:hover,
.nav-pills .open>a:hover,
.nav-tabs .open>a:focus,
.nav-pills .open>a:focus {
    border-color: #f3c218
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus,
.nav-pills>li>a:hover,
.nav-pills>li>a:focus,
.nav-tabs .open>a,
.nav-tabs .open>a:hover,
.nav-tabs .open>a:focus,
.nav-pills .open>a,
.nav-pills .open>a:hover,
.nav-pills .open>a:focus,
.nav-tabs ul.dropdown-menu>li>a:hover,
.nav-tabs ul.dropdown-menu>li>a:focus,
.nav-pills ul.dropdown-menu>li>a:hover,
.nav-pills ul.dropdown-menu>li>a:focus {
    background-color: #f2f2f2
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    color: #f3c218
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    color: #f3c218
}

.pagination>li a,
.pagination>li span {
    color: #f3c218
}

.pagination>li a:hover,
.pagination>li span:hover {
    color: #f3c218
}

.pagination>li.active,
.pagination>li.active span {
    color: #fff !important
}

.progress,
.thumbnail,
.panel-group,
dl {
    margin-bottom: 15px
}

.thumbnail {
    padding: 3px
}

.modal-content {
    border-radius: 0;
    border: 0 none
}

.modal-content .modal-header {
    background-color: #f2f2f2
}

.modal-content .modal-header .modal-title {
    font-size: 16px !important
}

.modal-content .modal-header .close {
    outline: 0 none !important
}

.modal-content .modal-footer {
    padding: 10px 15px;
    border-top-color: #e5e5e5;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #f2f2f2
}

.modal-open {
    overflow-y: auto !important
}

.modal-open-noscroll {
    overflow-y: hidden !important
}

.modal-open .datepicker,
.modal-open .datetimepicker,
.modal-open .select2-drop-mask,
.modal-open .select2-drop,
.modal-open .select2-search,
.modal-open .colorpicker,
.modal-open .daterangepicker,
.modal-open .bootstrap-timepicker-widget {
    z-index: 1141 !important
}

a.list-group-item .list-group-item-heading {
    color: #393939
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.navbar-clean {
    margin-bottom: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
    border: 0 none !important
}

.navbar-clean .navbar-nav>.open>a,
.navbar-clean .navbar-nav>.open>a:focus,
.navbar-clean .navbar-nav>.open>a:hover {
    background-color: #fff
}

.navbar-clean .navbar-brand {
    padding: 7.5px 15px
}

.navbar-clean .navbar-brand img {
    max-width: 145px
}

@media (min-width:992px) {
    .navbar-clean.navbar .navbar-nav .home-item span {
        display: none
    }
}

@media (max-width:991px) {
    .navbar-clean.navbar .navbar-nav .home-item a span {
        display: block
    }
    .navbar-clean.navbar .navbar-nav .home-item .fa,
    .navbar-clean.navbar .navbar-nav .home-item .fas,
    .navbar-clean.navbar .navbar-nav .home-item .fal,
    .navbar-clean.navbar .navbar-nav .home-item .far {
        display: none
    }
}

.navbar-clean .dropdown-tasks {
    width: 220px
}

.navbar-clean .dropdown-tasks li:first-child {
    border-top: 2px solid transparent !important
}

.navbar-clean .dropdown-tasks li a:hover,
.navbar-clean .dropdown-tasks li a:focus {
    background-color: #f5f5f5 !important;
    color: #393939 !important
}

.navbar-clean .dropdown-tasks .dropdown-header,
.navbar-clean .dropdown-tasks .dropdown-header:hover {
    background: #fff !important;
    color: #393939
}

.navbar-clean .dropdown-tasks .dropdown-header:hover,
.navbar-clean .dropdown-tasks .dropdown-header:hover:hover {
    color: #393939
}

.navbar-clean .dropdown-tasks .dropdown-footer,
.navbar-clean .dropdown-tasks .dropdown-footer a,
.navbar-clean .dropdown-tasks .dropdown-footer a:hover,
.navbar-clean .dropdown-tasks .dropdown-footer:hover {
    color: #fff !important;
    background: #f3c218 !important
}

.navbar-clean .dropdown-tasks {
    left: -90px
}

.navbar-clean .dropdown-tasks.auto {
    left: auto
}

.navbar-clean .dropdown-tasks.auto.auto-width {
    width: auto
}

.navbar-clean .dropdown-user,
.navbar-clean .dropdown-search {
    left: auto;
    right: 0 !important;
    margin: 0
}

.navbar-clean .dropdown-user [class*="fa-"],
.navbar-clean .dropdown-search [class*="fa-"],
.navbar-clean .dropdown-user [class*="glyphicon-"],
.navbar-clean .dropdown-search [class*="glyphicon-"] {
    font-size: 13px
}

.navbar-clean .dropdown-scroll {
    padding: 0;
    margin: 0
}

.navbar-clean .dropdown-scroll .dropdown-header {
    padding: 10px;
    font-size: 14px
}

.navbar-clean .dropdown-scroll .dropdown-header:active,
.navbar-clean .dropdown-scroll .dropdown-header:focus,
.navbar-clean .dropdown-scroll .dropdown-header:hover {
    background: inherit;
    color: inherit
}

.navbar-clean .dropdown-scroll li {
    background: #fff;
    margin: 0;
    border-bottom: 1px dotted #e5e5e5
}

.navbar-clean .dropdown-scroll li:last-child {
    border-bottom: 0 none
}

.navbar-clean .dropdown-scroll li a {
    display: block;
    padding: 10px
}

.navbar-clean .dropdown-scroll li a:hover {
    text-decoration: none;
    background-color: inherit
}

.navbar-clean .dropdown-scroll li a,
.navbar-clean .dropdown-scroll li p {
    font-size: 13px
}

.navbar-clean .dropdown-scroll .dropdown-footer {
    border-bottom: 0 none;
    display: block;
    text-align: center
}

.navbar-clean .dropdown-scroll .dropdown-footer a:after {
    content: "\f101";
    margin-left: 4px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400
}

.navbar-clean .dropdown-scroll p {
    margin: 0 0 0 10px
}

.navbar-clean .dropdown-scroll p.small {
    color: #999;
    margin-top: 3px;
    font-size: 11px
}

.navbar-clean .dropdown-scroll li a,
.navbar-clean .dropdown-scroll li a:hover,
.navbar-clean .dropdown-tasks li a:hover {
    color: #393939
}

@media (min-width:992px) {
    .navbar-clean .navbar-nav {
        margin-left: -15px;
        margin-right: -15px
    }
    .navbar-clean .navbar-nav li a:after {
        content: "";
        position: absolute;
        bottom: 0;
        width: 0;
        left: 0;
        height: 2px;
        background: #f3c218;
        -webkit-transition: all cubic-bezier(.215, .61, .355, 1) .25s;
        transition: all cubic-bezier(.215, .61, .355, 1) .25s
    }
    .navbar-clean .navbar-nav li:hover a:after,
    .navbar-clean .navbar-nav li:focus a:after,
    .navbar-clean .navbar-nav li.active a:after {
        width: 100%
    }
    .navbar-clean .navbar-nav .show-on-hover:hover ul.dropdown-menu {
        display: block !important
    }
    .navbar-clean .navbar-nav .show-on-hover:hover ul.dropdown-menu a:after {
        width: 0 !important
    }
}

.navbar-clean .navbar-nav .dropdown-menu {
    background-color: #fff;
    border-radius: 0;
    padding: 0
}

.navbar-clean .navbar-nav .dropdown-menu li a {
    padding: 7.5px 15px
}

.navbar-clean .navbar-nav .dropdown-menu .nav-divider {
    margin: 0 !important
}

.navbar-clean .navbar-nav .dropdown-menu>li>a:hover,
.navbar-clean .navbar-nav .dropdown-menu>li>a:focus,
.navbar-clean .navbar-nav .dropdown-menu>.active>a,
.navbar-clean .navbar-nav .dropdown-menu>.active>a:hover,
.navbar-clean .navbar-nav .dropdown-menu>.active>a:focus,
.navbar-clean .navbar-nav .dropdown-menu>.open>a,
.navbar-clean .navbar-nav .dropdown-menu>.open>a:hover,
.navbar-clean .navbar-nav .dropdown-menu>.open>a:focus {
    color: #fff;
    background-color: #f3c218
}

@media (min-width:992px) {
    .navbar-clean .navbar-header .secondary-menu-mobile {
        display: none
    }
}

.navbar-clean .navbar-header .secondary-menu-mobile.nav {
    margin-top: 5px;
    float: right
}

.navbar-clean .navbar-header .secondary-menu-mobile.nav li {
    float: left
}

.navbar-clean .navbar-header .secondary-menu-mobile.nav .dropdown-toggle {
    color: #777
}

.navbar-clean .navbar-header .secondary-menu-mobile.nav .dropdown-toggle:hover,
.navbar-clean .navbar-header .secondary-menu-mobile.nav .dropdown-toggle:focus,
.navbar-clean .navbar-header .secondary-menu-mobile.nav .dropdown-toggle:active,
.navbar-clean .navbar-header .secondary-menu-mobile.nav .dropdown-toggle.active {
    background-color: #fff;
    color: #333
}

.navbar-clean .navbar-header .secondary-menu-mobile.nav .open>a,
.navbar-clean .navbar-header .secondary-menu-mobile.nav .open>a:focus,
.navbar-clean .navbar-header .secondary-menu-mobile.nav .open>a:hover {
    background-color: #fff
}

.navbar-clean .navbar-header .secondary-menu-mobile.nav .dropdown-menu {
    right: 0 !important;
    left: auto !important;
    float: right !important;
    margin-top: -4px
}

.navbar-clean .navbar-header .secondary-menu-mobile.nav .dropdown-menu>li>a:hover,
.navbar-clean .navbar-header .secondary-menu-mobile.nav .dropdown-menu>li>a:focus,
.navbar-clean .navbar-header .secondary-menu-mobile.nav .dropdown-menu>.active>a,
.navbar-clean .navbar-header .secondary-menu-mobile.nav .dropdown-menu>.active>a:hover,
.navbar-clean .navbar-header .secondary-menu-mobile.nav .dropdown-menu>.active>a:focus,
.navbar-clean .navbar-header .secondary-menu-mobile.nav .dropdown-menu>.open>a,
.navbar-clean .navbar-header .secondary-menu-mobile.nav .dropdown-menu>.open>a:hover,
.navbar-clean .navbar-header .secondary-menu-mobile.nav .dropdown-menu>.open>a:focus {
    color: #333;
    background-color: #f2f2f2
}

.navbar-clean .navbar-header .secondary-menu-mobile.nav .dropdown-menu li {
    float: none
}

.navbar-clean .tooltip-inner {
    margin-left: -200px;
    min-width: 250px;
    width: 250px
}

@media (max-width:549px) {
    .navbar-clean .navbar-header .top {
        display: block;
        float: left;
        background-color: rgba(0, 0, 0, 0.15);
        border: 1px solid rgba(0, 0, 0, 0.1);
        width: 100%;
        padding: 0 15px
    }
    .navbar-clean .navbar-header .top .secondary-menu-mobile {
        margin-top: 0
    }
    .navbar-clean .navbar-header .top .secondary-menu-mobile.nav {
        float: right
    }
    .navbar-clean .navbar-header .top .secondary-menu-mobile.nav li .dropdown-toggle {
        background-color: #f2f2f2;
        border-left: 1px solid #fff
    }
    .navbar-clean .navbar-header .top .secondary-menu-mobile.nav li .dropdown-toggle:hover,
    .navbar-clean .navbar-header .top .secondary-menu-mobile.nav li .dropdown-toggle:focus,
    .navbar-clean .navbar-header .top .secondary-menu-mobile.nav li .dropdown-toggle:active,
    .navbar-clean .navbar-header .top .secondary-menu-mobile.nav li .dropdown-toggle.active {
        background-color: #fafafa
    }
    .navbar-clean .navbar-header .top .secondary-menu-mobile.nav li.open .dropdown-toggle {
        background-color: #fafafa
    }
    .navbar-clean .navbar-header .top .secondary-menu-mobile.nav li#Secondary_Navbar-Account {
        border-right: 1px solid #fff
    }
    .navbar-clean .user-info {
        display: none
    }
}

section#header {
    padding: 0
}

.sub-menu {
    background-color: #e1af03
}

.sub-menu .navbar {
    margin-bottom: 0;
    min-height: auto;
    border: 0 none
}

.sub-menu .navbar .navbar-toggle {
    outline: none;
    margin-bottom: auto;
    border-color: transparent;
    color: #fff
}

.sub-menu .navbar .navbar-toggle:hover,
.sub-menu .navbar .navbar-toggle:active,
.sub-menu .navbar .navbar-toggle:focus {
    background: transparent
}

.sub-menu .navbar .navbar-toggle .fa,
.sub-menu .navbar .navbar-toggle .fas,
.sub-menu .navbar .navbar-toggle .fab {
    font-size: 21px
}

.sub-menu .nav-tabs {
    border-color: transparent !important;
    margin: 0
}

.sub-menu .nav-tabs li {
    position: relative
}

.sub-menu .nav-tabs li a {
    margin-right: 0;
    color: #fff !important;
    border: 0 none !important;
    font-weight: 700;
    padding: 10px 15px
}

.sub-menu .nav-tabs li a:hover,
.sub-menu .nav-tabs li a:focus {
    background-color: #e1af03
}

.sub-menu .nav-tabs li.active:before {
    content: '';
    border-top: 10px solid #f84b00;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    margin: 0 auto;
    bottom: -9px;
    position: absolute;
    width: 12px;
    left: 50%;
    margin-left: -12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 3
}

.sub-menu .nav-tabs li.active>a {
    background-color: #f84b00
}

.sub-menu .nav-tabs li.active>a:hover,
.sub-menu .nav-tabs li.active>a:focus {
    background-color: #f84b00
}

.sub-menu .navbar-nav {
    border: 0 none !important
}

.sub-menu .navbar-nav li {
    position: relative
}

.sub-menu .navbar-nav li a {
    margin-right: 0;
    color: #fff !important;
    border: 0 none !important;
    font-weight: 700
}

.sub-menu .navbar-nav li a:hover,
.sub-menu .navbar-nav li a:focus {
    background-color: #e1af03
}

@media only screen and (min-width:992px) {
    .sub-menu .navbar-nav li a {
        padding: 10px 15px
    }
    .sub-menu .navbar-nav li.active {
        background-color: #f84b00
    }
    .sub-menu .navbar-nav li.active>a:hover,
    .sub-menu .navbar-nav li.active>a:focus {
        background-color: #f84b00
    }
    .sub-menu .navbar-nav li.active:before {
        content: '';
        border-top: 10px solid #f84b00;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        margin: 0 auto;
        bottom: -9px;
        position: absolute;
        width: 12px;
        left: 50%;
        margin-left: -12px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 3
    }
}

@media only screen and (min-width:992px) {
    .sub-menu .navbar-collapse {
        padding: 0
    }
}

@media only screen and (max-width:568px) {
    .sub-menu ul {
        display: block
    }
    .sub-menu ul li span {
        display: none
    }
}

.space {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0
}

.space-64 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 64px 0 63px
}

.space-62 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 62px 0 61px
}

.space-60 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 60px 0 59px
}

.space-58 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 58px 0 57px
}

.space-56 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 56px 0 55px
}

.space-54 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 54px 0 53px
}

.space-52 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 52px 0 51px
}

.space-50 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 50px 0 49px
}

.space-48 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 48px 0 47px
}

.space-46 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 46px 0 45px
}

.space-44 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 44px 0 43px
}

.space-42 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 42px 0 41px
}

.space-40 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 40px 0 39px
}

.space-38 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 38px 0 37px
}

.space-36 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 36px 0 35px
}

.space-34 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 34px 0 33px
}

.space-32 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 32px 0 31px
}

.space-30 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 30px 0 29px
}

.space-28 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 28px 0 27px
}

.space-26 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 26px 0 25px
}

.space-24 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 24px 0 23px
}

.space-22 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 22px 0 21px
}

.space-20 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 20px 0 19px
}

.space-18 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 18px 0 17px
}

.space-16 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 16px 0 15px
}

.space-14 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 14px 0 13px
}

.space-12 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 12px 0 11px
}

.space-10 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 10px 0 9px
}

.space-8 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 8px 0 7px
}

.space-6 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 6px 0 5px
}

.space-4 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 4px 0 3px
}

.space-2 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 2px 0 1px
}

.hr {
    display: block;
    height: 0;
    overflow: hidden;
    font-size: 0;
    border-top: 1px solid #e5e5e5;
    margin: 12px 0
}

.hr-double {
    height: 3px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

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

.hr-double.dotted {
    border-bottom-style: dotted
}

.hr-32,
.hr32 {
    margin: 32px 0
}

.hr-30,
.hr30 {
    margin: 30px 0
}

.hr-28,
.hr28 {
    margin: 28px 0
}

.hr-26,
.hr26 {
    margin: 26px 0
}

.hr-24,
.hr24 {
    margin: 24px 0
}

.hr-22,
.hr22 {
    margin: 22px 0
}

.hr-20,
.hr20 {
    margin: 20px 0
}

.hr-18,
.hr18 {
    margin: 18px 0
}

.hr-16,
.hr16 {
    margin: 16px 0
}

.hr-14,
.hr14 {
    margin: 14px 0
}

.hr-12,
.hr12 {
    margin: 12px 0
}

.hr-10,
.hr10 {
    margin: 10px 0
}

.hr-8,
.hr8 {
    margin: 8px 0
}

.hr-6,
.hr6 {
    margin: 6px 0
}

.hr-4,
.hr4 {
    margin: 4px 0
}

.hr-2,
.hr2 {
    margin: 2px 0
}

hr.separator {
    clear: both;
    margin-top: 10px;
    margin-bottom: 13px;
    border: 0;
    height: 1px;
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0))
}

.bigger-110 {
    font-size: 110%
}

.bigger-120 {
    font-size: 120%
}

.bigger-130 {
    font-size: 130%
}

.bigger-140 {
    font-size: 140%
}

.bigger-150 {
    font-size: 150%
}

.bigger-160 {
    font-size: 160%
}

.bigger-170 {
    font-size: 170%
}

.bigger-180 {
    font-size: 180%
}

.bigger-190 {
    font-size: 190%
}

.bigger-200 {
    font-size: 200%
}

.bigger-210 {
    font-size: 210%
}

.bigger-220 {
    font-size: 220%
}

.bigger-230 {
    font-size: 230%
}

.bigger-240 {
    font-size: 240%
}

.bigger-250 {
    font-size: 250%
}

.bigger-260 {
    font-size: 260%
}

.bigger-270 {
    font-size: 270%
}

.bigger-280 {
    font-size: 280%
}

.bigger-290 {
    font-size: 290%
}

.bigger-300 {
    font-size: 300%
}

.bigger-125 {
    font-size: 125%
}

.bigger-175 {
    font-size: 175%
}

.bigger-225 {
    font-size: 225%
}

.bigger-275 {
    font-size: 275%
}

.bigger-500 {
    font-size: 50px;
    line-height: 50px
}

.smaller-90 {
    font-size: 90%
}

.smaller-80 {
    font-size: 80%
}

.smaller-70 {
    font-size: 70%
}

.smaller-60 {
    font-size: 60%
}

.smaller-50 {
    font-size: 50%
}

.smaller-40 {
    font-size: 40%
}

.smaller-30 {
    font-size: 30%
}

.smaller-20 {
    font-size: 20%
}

.smaller-75 {
    font-size: 75%
}

.action-buttons a {
    margin: 0 3px;
    display: inline-block;
    opacity: .85;
    filter: alpha(opacity=85);
    -webkit-transition: all 0.1s;
    transition: all 0.1s
}

.action-buttons a:hover {
    text-decoration: none;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
    filter: alpha(opacity=100)
}

.lighter {
    font-weight: 300 !important
}

.bolder {
    font-weight: bolder !important
}

.text-underline {
    text-decoration: underline
}

.heading {
    padding: 0;
    margin: 0;
    height: 25px;
    line-height: 25px
}

.well p:last-child,
.portlet .portlet-body p:last-child {
    margin: 0
}

.no-padding {
    padding: 0 !important
}

.no-padding-bottom {
    padding-bottom: 0 !important
}

.no-padding-top {
    padding-top: 0 !important
}

.no-padding-left {
    padding-left: 0 !important
}

.no-padding-right {
    padding-right: 0 !important
}

.no-margin {
    margin: 0 !important
}

.no-margin-bottom {
    margin-bottom: 0 !important
}

.no-margin-top {
    margin-top: 0 !important
}

.no-margin-left {
    margin-left: 0 !important
}

.no-margin-right {
    margin-right: 0 !important
}

.no-border {
    border: none !important
}

.no-border-bottom {
    border-bottom: none !important
}

.no-border-top {
    border-top: none !important
}

.no-border-left {
    border-left: none !important
}

.no-border-right {
    border-right: none !important
}

.border {
    border: 1px solid #e5e5e5
}

.border-top {
    border-top: 1px solid #e5e5e5
}

.border-right {
    border-right: 1px solid #e5e5e5
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5
}

.border-left {
    border-left: 1px solid #e5e5e5
}

.bordered {
    border-bottom: 3px solid #e1af03;
    display: inline-block
}

.position-relative {
    position: relative
}

.position-absolute {
    position: absolute
}

.inline {
    display: inline-block !important
}

.block {
    display: block !important
}

.middle {
    vertical-align: middle
}

.align-middle {
    vertical-align: middle !important
}

.align-top {
    vertical-align: top !important
}

.align-bottom {
    vertical-align: bottom !important
}

.space-2x .tile-button,
.space-2x .portlet,
.space-2x .well,
.space-2x .panel,
.space-2x .note,
.space-2x .notice,
.space-2x .progress,
.space-2x .alert,
.space-2x .pricing-table-1,
.space-2x .pricing-table-2,
.space-2x .pricing-table-3,
.space-2x .pricing-table-4,
.space-2x .Clean-tabsbar,
.space-2x .Clean-tabs,
.space-2x dl {
    margin-bottom: 20px
}

.space-2x .well,
.space-2x .portlet .portlet-body {
    padding: 25px
}

.space-2x .well .well,
.space-2x .portlet .portlet-body .well {
    padding: 15px
}

.padding-25 {
    padding: 25px !important
}

.padding-2x {
    padding: 30px !important
}

.padding-all {
    padding: 15px
}

.row.no-gutter {
    margin: 0 auto
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
    padding-left: 0;
    padding-right: 0
}

.row.full-width {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    max-width: 100%;
    width: 100%
}

.center-block {
    float: none;
    margin: 0 auto
}

.toggle {
    cursor: pointer
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.a-bg-top,
.a-bg-bottom {
    position: relative;
    background: #f2f2f2
}

.a-bg-topsection,
.a-bg-bottomsection,
.a-bg-top section,
.a-bg-bottom section {
    position: relative;
    z-index: 2
}

.a-bg-bottom:after {
    content: "";
    width: 100%;
    padding-bottom: 10%;
    position: absolute;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: -webkit-gradient(linear, left top, right bottom, color-stop(49.9%, transparent), color-stop(50.1%, #fff));
    background: linear-gradient(to bottom right, transparent 49.9%, #fff 50.1%)
}

.a-bg-top:after {
    content: "";
    width: 100%;
    padding-bottom: 10%;
    position: absolute;
    height: 0;
    top: 0;
    left: 0;
    z-index: 1;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(49.9%, transparent), color-stop(50.1%, #fff));
    background: linear-gradient(to top right, transparent 49.9%, #fff 50.1%)
}

.bg-primary,
.bg-success,
.bg-danger,
.bg-info,
.bg-warning,
.gray,
.dark,
.inverse,
.bg-gray,
.bg-secondary {
    color: #fff !important
}

.bg-primary.note .close,
.bg-success.note .close,
.bg-danger.note .close,
.bg-info.note .close,
.bg-warning.note .close,
.gray.note .close,
.dark.note .close,
.inverse.note .close,
.bg-gray.note .close,
.bg-secondary.note .close,
.bg-primary.alert .close,
.bg-success.alert .close,
.bg-danger.alert .close,
.bg-info.alert .close,
.bg-warning.alert .close,
.gray.alert .close,
.dark.alert .close,
.inverse.alert .close,
.bg-gray.alert .close,
.bg-secondary.alert .close {
    opacity: 1;
    filter: alpha(opacity=100);
    color: #fff
}

.bg-primary {
    background-color: #f3c218 !important;
    border-color: #f3c218 !important
}

.text-primary {
    color: #f3c218 !important
}

.bg-success {
    background-color: #029d62 !important;
    border-color: #029d62 !important
}

.text-success {
    color: #029d62 !important
}

.bg-warning {
    background-color: #f0ad4e !important;
    border-color: #f0ad4e !important
}

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

.bg-secondary {
    background-color: #e1af03 !important;
    border-color: #e1af03 !important
}

.text-secondary {
    color: #e1af03 !important
}

.bg-danger {
    background-color: #d9534f !important;
    border-color: #d9534f !important
}

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

.bg-info {
    background-color: #5bc0de !important;
    border-color: #5bc0de !important
}

.text-info {
    color: #5bc0de !important
}

.dark,
.inverse {
    background-color: #131313 !important;
    border-color: #131313 !important
}

.text-gray {
    color: #999 !important
}

.bg-gray {
    background-color: #555 !important
}

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

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

.light {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    color: #393939
}

.btn {
    outline: 0 none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-color: #ddd;
    background-color: #f2f2f2
}

.btn>.icon-only[class*="fa-"],
.btn .icon-only[class*="glyphicon-"] {
    margin: 0;
    padding: 0
}

.btn>[class*="fa-"],
.btn [class*="glyphicon-"] {
    display: inline;
    margin-right: 4px
}

.btn>[class*="fa-"].icon-on-right,
.btn [class*="glyphicon-"].icon-on-right {
    margin-right: 0;
    margin-left: 4px
}

.btn:active,
.btn.active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn.btn-white {
    background-color: transparent;
    color: #fff
}

.btn.btn-white:hover,
.btn.btn-white:focus,
.btn.btn-white.focus,
.btn.btn-white:active,
.btn.btn-white.active {
    background-color: rgba(255, 255, 255, 0.3)
}

.btn.btn-lg {
    padding: 13px 27px;
    font-size: 16px
}

.btn.btn-sm {
    font-size: 12px;
    padding: 7.5px 18px
}

.btn.btn-xs {
    font-size: 12px;
    padding: 4px 10px
}

.btn-default {
    color: #393939;
    background-color: #fff;
    border-color: #ddd
}

.btn-default:focus,
.btn-default.focus {
    color: #393939;
    background-color: #e6e6e6;
    border-color: #9e9e9e
}

.btn-default:hover {
    color: #393939;
    background-color: #e6e6e6;
    border-color: #bfbfbf
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    color: #393939;
    background-color: #e6e6e6;
    border-color: #bfbfbf
}

.btn-default:active:hover,
.btn-default.active:hover,
.open>.dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open>.dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open>.dropdown-toggle.btn-default.focus {
    color: #393939;
    background-color: #d4d4d4;
    border-color: #9e9e9e
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ddd
}

.btn-default .badge {
    color: #fff;
    background-color: #393939
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    color: #393939;
    background-color: #f7f7f7;
    border-color: #ddd
}

.btn-primary {
    color: #fff;
    background-color: #f3c218;
    border-color: #f3c218
}

.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #cca211;
    border-color: #00425f
}

.btn-primary:hover {
    color: #fff;
    background-color: #cca211;
    border-color: #0071a1
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #cca211;
    border-color: #0071a1
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #cca211;
    border-color: #00425f
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    background-color: #f3c218;
    border-color: #f3c218
}

.btn-primary .badge {
    color: #f3c218;
    background-color: #fff
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #e1af03;
    border-color: #f3c218
}

.btn-secondary {
    color: #fff;
    background-color: #e1af03;
    border-color: #ff611d
}

.btn-secondary:focus,
.btn-secondary.focus {
    color: #fff;
    background-color: #f84b00;
    border-color: #9c2f00
}

.btn-secondary:hover {
    color: #fff;
    background-color: #f84b00;
    border-color: #df4300
}

.btn-secondary:active,
.btn-secondary.active,
.open>.dropdown-toggle.btn-secondary {
    color: #fff;
    background-color: #f84b00;
    border-color: #df4300
}

.btn-secondary:active:hover,
.btn-secondary.active:hover,
.open>.dropdown-toggle.btn-secondary:hover,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.open>.dropdown-toggle.btn-secondary:focus,
.btn-secondary:active.focus,
.btn-secondary.active.focus,
.open>.dropdown-toggle.btn-secondary.focus {
    color: #fff;
    background-color: #d44000;
    border-color: #9c2f00
}

.btn-secondary:active,
.btn-secondary.active,
.open>.dropdown-toggle.btn-secondary {
    background-image: none
}

.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled.focus,
.btn-secondary[disabled].focus,
fieldset[disabled] .btn-secondary.focus {
    background-color: #e1af03;
    border-color: #ff611d
}

.btn-secondary .badge {
    color: #e1af03;
    background-color: #fff
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:active,
.btn-secondary.active,
.open>.dropdown-toggle.btn-secondary {
    color: #fff;
    background-color: #ff611d;
    border-color: #ff611d
}

.btn-success {
    color: #fff;
    background-color: #029d62;
    border-color: #029d62
}

.btn-success:focus,
.btn-success.focus {
    color: #fff;
    background-color: #68943c;
    border-color: #425e26
}

.btn-success:hover {
    color: #fff;
    background-color: #68943c;
    border-color: #638d39
}

.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #68943c;
    border-color: #638d39
}

.btn-success:active:hover,
.btn-success.active:hover,
.open>.dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open>.dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open>.dropdown-toggle.btn-success.focus {
    color: #fff;
    background-color: #0ec27e;
    border-color: #425e26
}

.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
    background-color: #029d62;
    border-color: #029d62
}

.btn-success .badge {
    color: #029d62;
    background-color: #fff
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #11aa70;
    border-color: #029d62
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}

.btn-info:focus,
.btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1f7e9a
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #2aabd2
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #2aabd2
}

.btn-info:active:hover,
.btn-info.active:hover,
.open>.dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open>.dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open>.dropdown-toggle.btn-info.focus {
    color: #fff;
    background-color: #269abc;
    border-color: #1f7e9a
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #5bc0de
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #4ebbdb;
    border-color: #5bc0de
}

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

.btn-warning:focus,
.btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #b06d0f
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #eb9316
}

.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #eb9316
}

.btn-warning:active:hover,
.btn-warning.active:hover,
.open>.dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open>.dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open>.dropdown-toggle.btn-warning.focus {
    color: #fff;
    background-color: #d58512;
    border-color: #b06d0f
}

.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

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

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #efa640;
    border-color: #f0ad4e
}

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

.btn-danger:focus,
.btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #8b211e
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #c12e2a
}

.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #c12e2a
}

.btn-danger:active:hover,
.btn-danger.active:hover,
.open>.dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open>.dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open>.dropdown-toggle.btn-danger.focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #8b211e
}

.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d9534f
}

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

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #d64742;
    border-color: #d9534f
}

.btn-dark,
.btn-gray,
.btn-inverse {
    color: #fff;
    background-color: #131313;
    border-color: #131313
}

.btn-dark:focus,
.btn-gray:focus,
.btn-inverse:focus,
.btn-dark.focus,
.btn-gray.focus,
.btn-inverse.focus {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.btn-dark:hover,
.btn-gray:hover,
.btn-inverse:hover {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.btn-dark:active,
.btn-gray:active,
.btn-inverse:active,
.btn-dark.active,
.btn-gray.active,
.btn-inverse.active,
.open>.dropdown-toggle.btn-dark,
.open>.dropdown-toggle.btn-gray,
.open>.dropdown-toggle.btn-inverse {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.btn-dark:active:hover,
.btn-gray:active:hover,
.btn-inverse:active:hover,
.btn-dark.active:hover,
.btn-gray.active:hover,
.btn-inverse.active:hover,
.open>.dropdown-toggle.btn-dark:hover,
.open>.dropdown-toggle.btn-gray:hover,
.open>.dropdown-toggle.btn-inverse:hover,
.btn-dark:active:focus,
.btn-gray:active:focus,
.btn-inverse:active:focus,
.btn-dark.active:focus,
.btn-gray.active:focus,
.btn-inverse.active:focus,
.open>.dropdown-toggle.btn-dark:focus,
.open>.dropdown-toggle.btn-gray:focus,
.open>.dropdown-toggle.btn-inverse:focus,
.btn-dark:active.focus,
.btn-gray:active.focus,
.btn-inverse:active.focus,
.btn-dark.active.focus,
.btn-gray.active.focus,
.btn-inverse.active.focus,
.open>.dropdown-toggle.btn-dark.focus,
.open>.dropdown-toggle.btn-gray.focus,
.open>.dropdown-toggle.btn-inverse.focus {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.btn-dark:active,
.btn-gray:active,
.btn-inverse:active,
.btn-dark.active,
.btn-gray.active,
.btn-inverse.active,
.open>.dropdown-toggle.btn-dark,
.open>.dropdown-toggle.btn-gray,
.open>.dropdown-toggle.btn-inverse {
    background-image: none
}

.btn-dark.disabled:hover,
.btn-gray.disabled:hover,
.btn-inverse.disabled:hover,
.btn-dark[disabled]:hover,
.btn-gray[disabled]:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
fieldset[disabled] .btn-gray:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-dark.disabled:focus,
.btn-gray.disabled:focus,
.btn-inverse.disabled:focus,
.btn-dark[disabled]:focus,
.btn-gray[disabled]:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
fieldset[disabled] .btn-gray:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-dark.disabled.focus,
.btn-gray.disabled.focus,
.btn-inverse.disabled.focus,
.btn-dark[disabled].focus,
.btn-gray[disabled].focus,
.btn-inverse[disabled].focus,
fieldset[disabled] .btn-dark.focus,
fieldset[disabled] .btn-gray.focus,
fieldset[disabled] .btn-inverse.focus {
    background-color: #131313;
    border-color: #131313
}

.btn-dark .badge,
.btn-gray .badge,
.btn-inverse .badge {
    color: #131313;
    background-color: #fff
}

.btn-dark:hover,
.btn-gray:hover,
.btn-inverse:hover,
.btn-dark:focus,
.btn-gray:focus,
.btn-inverse:focus,
.btn-dark.focus,
.btn-gray.focus,
.btn-inverse.focus,
.btn-dark:active,
.btn-gray:active,
.btn-inverse:active,
.btn-dark.active,
.btn-gray.active,
.btn-inverse.active,
.open>.dropdown-toggle.btn-dark,
.open>.dropdown-toggle.btn-gray,
.open>.dropdown-toggle.btn-inverse {
    color: #fff;
    background-color: #0b0b0b;
    border-color: #131313
}

.btn-twitter {
    color: #fff;
    background-color: #2b97f0;
    border-color: #1d90ef
}

.btn-twitter:focus,
.btn-twitter.focus {
    color: #fff;
    background-color: #0f7ed9;
    border-color: #094c83
}

.btn-twitter:hover {
    color: #fff;
    background-color: #0f7ed9;
    border-color: #0e70c1
}

.btn-twitter:active,
.btn-twitter.active,
.open>.dropdown-toggle.btn-twitter {
    color: #fff;
    background-color: #0f7ed9;
    border-color: #0e70c1
}

.btn-twitter:active:hover,
.btn-twitter.active:hover,
.open>.dropdown-toggle.btn-twitter:hover,
.btn-twitter:active:focus,
.btn-twitter.active:focus,
.open>.dropdown-toggle.btn-twitter:focus,
.btn-twitter:active.focus,
.btn-twitter.active.focus,
.open>.dropdown-toggle.btn-twitter.focus {
    color: #fff;
    background-color: #0d6ab7;
    border-color: #094c83
}

.btn-twitter:active,
.btn-twitter.active,
.open>.dropdown-toggle.btn-twitter {
    background-image: none
}

.btn-twitter.disabled:hover,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter:hover,
.btn-twitter.disabled:focus,
.btn-twitter[disabled]:focus,
fieldset[disabled] .btn-twitter:focus,
.btn-twitter.disabled.focus,
.btn-twitter[disabled].focus,
fieldset[disabled] .btn-twitter.focus {
    background-color: #2b97f0;
    border-color: #1d90ef
}

.btn-twitter .badge {
    color: #2b97f0;
    background-color: #fff
}

.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter.focus,
.btn-twitter:active,
.btn-twitter.active,
.open>.dropdown-toggle.btn-twitter {
    color: #fff;
    background-color: #1d90ef;
    border-color: #1d90ef
}

.btn-facebook {
    color: #fff;
    background-color: #3b5a9b;
    border-color: #375490
}

.btn-facebook:focus,
.btn-facebook.focus {
    color: #fff;
    background-color: #2d4576;
    border-color: #141e34
}

.btn-facebook:hover {
    color: #fff;
    background-color: #2d4576;
    border-color: #263a64
}

.btn-facebook:active,
.btn-facebook.active,
.open>.dropdown-toggle.btn-facebook {
    color: #fff;
    background-color: #2d4576;
    border-color: #263a64
}

.btn-facebook:active:hover,
.btn-facebook.active:hover,
.open>.dropdown-toggle.btn-facebook:hover,
.btn-facebook:active:focus,
.btn-facebook.active:focus,
.open>.dropdown-toggle.btn-facebook:focus,
.btn-facebook:active.focus,
.btn-facebook.active.focus,
.open>.dropdown-toggle.btn-facebook.focus {
    color: #fff;
    background-color: #23365c;
    border-color: #141e34
}

.btn-facebook:active,
.btn-facebook.active,
.open>.dropdown-toggle.btn-facebook {
    background-image: none
}

.btn-facebook.disabled:hover,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook:hover,
.btn-facebook.disabled:focus,
.btn-facebook[disabled]:focus,
fieldset[disabled] .btn-facebook:focus,
.btn-facebook.disabled.focus,
.btn-facebook[disabled].focus,
fieldset[disabled] .btn-facebook.focus {
    background-color: #3b5a9b;
    border-color: #375490
}

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

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook.focus,
.btn-facebook:active,
.btn-facebook.active,
.open>.dropdown-toggle.btn-facebook {
    color: #fff;
    background-color: #375490;
    border-color: #375490
}

.btn-googleplus {
    color: #fff;
    background-color: #db2814;
    border-color: #cd2513
}

.btn-googleplus:focus,
.btn-googleplus.focus {
    color: #fff;
    background-color: #ac1f10;
    border-color: #581008
}

.btn-googleplus:hover {
    color: #fff;
    background-color: #ac1f10;
    border-color: #951b0e
}

.btn-googleplus:active,
.btn-googleplus.active,
.open>.dropdown-toggle.btn-googleplus {
    color: #fff;
    background-color: #ac1f10;
    border-color: #951b0e
}

.btn-googleplus:active:hover,
.btn-googleplus.active:hover,
.open>.dropdown-toggle.btn-googleplus:hover,
.btn-googleplus:active:focus,
.btn-googleplus.active:focus,
.open>.dropdown-toggle.btn-googleplus:focus,
.btn-googleplus:active.focus,
.btn-googleplus.active.focus,
.open>.dropdown-toggle.btn-googleplus.focus {
    color: #fff;
    background-color: #8c190d;
    border-color: #581008
}

.btn-googleplus:active,
.btn-googleplus.active,
.open>.dropdown-toggle.btn-googleplus {
    background-image: none
}

.btn-googleplus.disabled:hover,
.btn-googleplus[disabled]:hover,
fieldset[disabled] .btn-googleplus:hover,
.btn-googleplus.disabled:focus,
.btn-googleplus[disabled]:focus,
fieldset[disabled] .btn-googleplus:focus,
.btn-googleplus.disabled.focus,
.btn-googleplus[disabled].focus,
fieldset[disabled] .btn-googleplus.focus {
    background-color: #db2814;
    border-color: #cd2513
}

.btn-googleplus .badge {
    color: #db2814;
    background-color: #fff
}

.btn-googleplus:hover,
.btn-googleplus:focus,
.btn-googleplus.focus,
.btn-googleplus:active,
.btn-googleplus.active,
.open>.dropdown-toggle.btn-googleplus {
    color: #fff;
    background-color: #cd2513;
    border-color: #cd2513
}

.btn-linkedin {
    color: #fff;
    background-color: #0e76a8;
    border-color: #0d6c9a
}

.btn-linkedin:focus,
.btn-linkedin.focus {
    color: #fff;
    background-color: #0a5579;
    border-color: #031924
}

.btn-linkedin:hover {
    color: #fff;
    background-color: #0a5579;
    border-color: #084461
}

.btn-linkedin:active,
.btn-linkedin.active,
.open>.dropdown-toggle.btn-linkedin {
    color: #fff;
    background-color: #0a5579;
    border-color: #084461
}

.btn-linkedin:active:hover,
.btn-linkedin.active:hover,
.open>.dropdown-toggle.btn-linkedin:hover,
.btn-linkedin:active:focus,
.btn-linkedin.active:focus,
.open>.dropdown-toggle.btn-linkedin:focus,
.btn-linkedin:active.focus,
.btn-linkedin.active.focus,
.open>.dropdown-toggle.btn-linkedin.focus {
    color: #fff;
    background-color: #073e58;
    border-color: #031924
}

.btn-linkedin:active,
.btn-linkedin.active,
.open>.dropdown-toggle.btn-linkedin {
    background-image: none
}

.btn-linkedin.disabled:hover,
.btn-linkedin[disabled]:hover,
fieldset[disabled] .btn-linkedin:hover,
.btn-linkedin.disabled:focus,
.btn-linkedin[disabled]:focus,
fieldset[disabled] .btn-linkedin:focus,
.btn-linkedin.disabled.focus,
.btn-linkedin[disabled].focus,
fieldset[disabled] .btn-linkedin.focus {
    background-color: #0e76a8;
    border-color: #0d6c9a
}

.btn-linkedin .badge {
    color: #0e76a8;
    background-color: #fff
}

.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin.focus,
.btn-linkedin:active,
.btn-linkedin.active,
.open>.dropdown-toggle.btn-linkedin {
    color: #fff;
    background-color: #0d6c9a;
    border-color: #0d6c9a
}

.btn-white {
    color: #fff;
    background-color: #fff;
    border-color: #fff
}

.btn-white:focus,
.btn-white.focus {
    color: #fff;
    background-color: #e6e6e6;
    border-color: #bfbfbf
}

.btn-white:hover {
    color: #fff;
    background-color: #e6e6e6;
    border-color: #e0e0e0
}

.btn-white:active,
.btn-white.active,
.open>.dropdown-toggle.btn-white {
    color: #fff;
    background-color: #e6e6e6;
    border-color: #e0e0e0
}

.btn-white:active:hover,
.btn-white.active:hover,
.open>.dropdown-toggle.btn-white:hover,
.btn-white:active:focus,
.btn-white.active:focus,
.open>.dropdown-toggle.btn-white:focus,
.btn-white:active.focus,
.btn-white.active.focus,
.open>.dropdown-toggle.btn-white.focus {
    color: #fff;
    background-color: #d4d4d4;
    border-color: #bfbfbf
}

.btn-white:active,
.btn-white.active,
.open>.dropdown-toggle.btn-white {
    background-image: none
}

.btn-white.disabled:hover,
.btn-white[disabled]:hover,
fieldset[disabled] .btn-white:hover,
.btn-white.disabled:focus,
.btn-white[disabled]:focus,
fieldset[disabled] .btn-white:focus,
.btn-white.disabled.focus,
.btn-white[disabled].focus,
fieldset[disabled] .btn-white.focus {
    background-color: #fff;
    border-color: #fff
}

.btn-white .badge {
    color: #fff;
    background-color: #fff
}

.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white:active,
.btn-white.active,
.open>.dropdown-toggle.btn-white {
    color: #fff;
    background-color: #f7f7f7;
    border-color: #fff
}

.btn-line {
    background-color: transparent;
    color: inherit
}

.btn-line.btn-primary {
    color: #f3c218
}

.btn-line.btn-primary:hover,
.btn-line.btn-primary:active,
.btn-line.btn-primary:focus {
    color: #fff
}

.btn-line.btn-secondary {
    color: #e1af03
}

.btn-line.btn-secondary:hover,
.btn-line.btn-secondary:active,
.btn-line.btn-secondary:focus {
    color: #fff
}

.btn-line.btn-success {
    color: #029d62
}

.btn-line.btn-success:hover,
.btn-line.btn-success:active,
.btn-line.btn-success:focus,
.btn-line.btn-success.disabled {
    color: #fff
}

.btn-line.btn-info {
    color: #5bc0de
}

.btn-line.btn-info:hover,
.btn-line.btn-info:active,
.btn-line.btn-info:focus,
.btn-line.btn-info.disabled {
    color: #fff
}

.btn-line.btn-warning {
    color: #f0ad4e
}

.btn-line.btn-warning:hover,
.btn-line.btn-warning:active,
.btn-line.btn-warning:focus,
.btn-line.btn-warning.disabled {
    color: #fff
}

.btn-line.btn-danger {
    color: #d9534f
}

.btn-line.btn-danger:hover,
.btn-line.btn-danger:active,
.btn-line.btn-danger:focus,
.btn-line.btn-danger.disabled {
    color: #fff
}

.btn-line.btn-gray,
.btn-line.btn-dark,
.btn-line.btn-gray,
.btn-line.btn-inverse {
    color: #555
}

.btn-line.btn-gray:hover,
.btn-line.btn-dark:hover,
.btn-line.btn-gray:hover,
.btn-line.btn-inverse:hover,
.btn-line.btn-gray:active,
.btn-line.btn-dark:active,
.btn-line.btn-gray:active,
.btn-line.btn-inverse:active,
.btn-line.btn-gray:focus,
.btn-line.btn-dark:focus,
.btn-line.btn-gray:focus,
.btn-line.btn-inverse:focus,
.btn-line.btn-gray.disabled,
.btn-line.btn-dark.disabled,
.btn-line.btn-gray.disabled,
.btn-line.btn-inverse.disabled {
    color: #fff
}

.btn-line:hover,
.btn-line:focus {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 0
}

.btn-xs,
.btn-group-xs>.btn {
    padding: 0 5px
}

.btn-group-xs .btn,
.btn-group-sm .btn,
btn-group-lg .btn {
    border-radius: 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;
    filter: alpha(opacity=0);
    outline: none;
    cursor: inherit;
    display: block
}

.btn-colorpicker {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #f2f2f2;
    vertical-align: middle;
    border-radius: 0
}

.btn.tile-button {
    display: block;
    text-align: left;
    padding: 0;
    margin-bottom: 30px;
    border-right: 7.5px solid #e5e5e5
}

.btn.tile-button .tile-content-wrapper {
    overflow: hidden;
    padding: 10px 15px;
    position: relative
}

.btn.tile-button .tile-content-wrapper .fa,
.btn.tile-button .tile-content-wrapper .glyphicon {
    position: absolute;
    font-size: 57px;
    top: 50%;
    margin-top: -25px;
    left: 15px;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg)
}

.btn.tile-button .tile-content-wrapper .tile-content {
    font-size: 35px;
    text-align: right
}

.btn.tile-button .tile-content-wrapper .tile-content span {
    font-size: 25px
}

.btn.tile-button .tile-content-wrapper small {
    text-align: right;
    font-size: 16px;
    display: block
}

.btn.tile-button:hover {
    background-color: #fff
}

.btn.tile-button:hover .tile-content-wrapper .fa,
.btn.tile-button:hover .tile-content-wrapper .glyphicon {
    left: -20px;
    margin-top: -45px;
    font-size: 110px !important;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    opacity: .2;
    filter: alpha(opacity=20)
}

.btn.tile-button:hover .tile-content-wrapper .tile-content {
    opacity: .5;
    filter: alpha(opacity=50)
}

.btn.tile-button.btn-default {
    border-color: #0083ba
}

.btn.tile-button.btn-default:hover {
    color: #f3c218
}

.btn.tile-button.btn-dark,
.btn.tile-button.btn-inverse {
    border-color: #444
}

.btn.tile-button.btn-dark:hover,
.btn.tile-button.btn-inverse:hover {
    color: #555
}

.btn.tile-button.btn-white {
    border-color: #e5e5e5
}

.btn.tile-button.btn-white:hover {
    color: #999
}

.btn.tile-button.btn-danger {
    border-color: #d33632
}

.btn.tile-button.btn-danger:hover {
    color: #d9534f
}

.btn.tile-button.btn-warning {
    border-color: #ed9e2d
}

.btn.tile-button.btn-warning:hover {
    color: #f0ad4e
}

.btn.tile-button.btn-primary {
    border-color: #0083ba
}

.btn.tile-button.btn-primary:hover {
    color: #f3c218
}

.btn.tile-button.btn-info {
    border-color: #3db5d8
}

.btn.tile-button.btn-info:hover {
    color: #5bc0de
}

.btn.tile-button.btn-success {
    border-color: #709f40
}

.btn.tile-button.btn-success:hover {
    color: #029d62
}

.btn.tile-button.btn-line {
    background: #fff
}

.btn.tile-button.btn-line .tile-content-wrapper .fa,
.btn.tile-button.btn-line .tile-content-wrapper .glyphicon {
    margin-top: -45px;
    font-size: 110px;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    left: -20px
}

.btn.tile-button.btn-line .tile-content-wrapper [class*="fa-"],
.btn.tile-button.btn-line .tile-content-wrapper [class*="glyphicon-"],
.btn.tile-button.btn-line .tile-content-wrapper .tile-content,
.btn.tile-button.btn-line .tile-content-wrapper small {
    opacity: .7;
    filter: alpha(opacity=70)
}

.btn.tile-button.btn-line:hover .tile-content-wrapper .tile-content {
    opacity: 1;
    filter: alpha(opacity=100)
}

.btn.tile-button.btn-line:hover .tile-content-wrapper [class*="fa-"],
.btn.tile-button.btn-line:hover .tile-content-wrapper [class*="glyphicon-"] {
    margin-top: -25px;
    font-size: 57px !important;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    left: 15px
}

.btn.tile-button.btn-line:hover .tile-content-wrapper [class*="fa-"],
.btn.tile-button.btn-line:hover .tile-content-wrapper [class*="glyphicon-"],
.btn.tile-button.btn-line:hover .tile-content-wrapper small {
    opacity: .55;
    filter: alpha(opacity=55.00000000000001)
}

.btn.tile-button.btn-line.btn-default:active,
.btn.tile-button.btn-line.btn-default:focus {
    color: #f3c218
}

.btn.tile-button.btn-line.btn-primary:active,
.btn.tile-button.btn-line.btn-primary:focus {
    color: #f3c218
}

.btn.tile-button.btn-line.btn-success:active,
.btn.tile-button.btn-line.btn-success:focus {
    color: #029d62
}

.btn.tile-button.btn-line.btn-danger:active,
.btn.tile-button.btn-line.btn-danger:focus {
    color: #d9534f
}

.btn.tile-button.btn-line.btn-info:active,
.btn.tile-button.btn-line.btn-info:focus {
    color: #5bc0de
}

.btn.tile-button.btn-line.btn-warning:active,
.btn.tile-button.btn-line.btn-warning:focus {
    color: #f0ad4e
}

.btn.tile-button.btn-line.btn-dark:active,
.btn.tile-button.btn-line.btn-gray:active,
.btn.tile-button.btn-line.btn-inverse:active,
.btn.tile-button.btn-line.btn-dark:focus,
.btn.tile-button.btn-line.btn-gray:focus,
.btn.tile-button.btn-line.btn-inverse:focus {
    color: #1a1a1a
}

.Clean-tabsbar {
    margin-bottom: 15px
}

.Clean-tabsbar .nav-tabs {
    border: 1px solid #e5e5e5;
    margin-bottom: 15px
}

.Clean-tabsbar .nav-tabs>li {
    height: 41px;
    padding: 1px;
    display: inline-block;
    margin-bottom: 0;
    border-right: 1px solid #e5e5e5
}

.Clean-tabsbar .nav-tabs>li>a {
    border: 0 none;
    height: 39px;
    line-height: 39px;
    display: block;
    padding: 0 15px;
    color: #393939;
    margin-right: 0
}

.Clean-tabsbar .nav-tabs>li>a .glyphicon {
    top: 2px
}

.Clean-tabsbar .nav-tabs>li>a:active,
.Clean-tabsbar .nav-tabs>li>a:focus {
    outline: none !important
}

.Clean-tabsbar .nav-tabs>li>a,
.Clean-tabsbar .nav-tabs>li>a:focus {
    border-radius: 0 !important
}

.Clean-tabsbar .nav-tabs>li>a:hover {
    background-color: transparent
}

.Clean-tabsbar .nav-tabs>li>a .badge {
    margin-left: 4px
}

.Clean-tabsbar .nav-tabs>li>a:first-child {
    border-left: 0 none
}

.Clean-tabsbar .nav-tabs>li.active>a {
    background: #f3c218;
    color: #fff;
    border: 0 none
}

.Clean-tabsbar .nav-tabs>li.active>a:hover,
.Clean-tabsbar .nav-tabs>li.active>a:focus {
    border: 0 none
}

.Clean-tabsbar .nav-tabs>li.active .badge {
    background-color: #fff !important;
    color: #f3c218 !important
}

.Clean-tabsbar .nav-tabs.light {
    border-color: #e5e5e5 !important
}

.Clean-tabsbar .nav-tabs.white {
    background-color: #fff
}

.Clean-tabsbar .nav-tabs.white>li>a {
    background: #fff
}

.Clean-tabsbar .nav-tabs.white>li.active>a {
    background: #f3c218 !important
}

.Clean-tabsbar .nav-tabs.transparent {
    background-color: transparent !important
}

.Clean-tabsbar .nav-tabs.transparent>li>a {
    background: #fff
}

.Clean-tabsbar .nav-tabs.transparent>li.active>a {
    background: #f3c218 !important
}

@media (min-width:768px) {
    .Clean-tabsbar.lg .nav-tabs>li {
        height: 60px;
        padding: 3px
    }
    .Clean-tabsbar.lg .nav-tabs>li>a {
        height: 54px;
        line-height: 54px;
        font-size: 14px
    }
}

.Clean-tabsbar.arrow .nav-tabs>li.active:after {
    width: 0;
    height: 0;
    z-index: 2;
    content: " ";
    display: block;
    border: 10px solid;
    border-color: #f3c218 transparent transparent transparent;
    margin: 0 auto -7px
}

.Clean-tabsbar.center-tabs .nav-tabs {
    text-align: center;
    margin: 0 auto 15px;
    border: 0 none;
    padding: 0
}

.Clean-tabsbar.center-tabs .nav-tabs>li {
    display: inline-block;
    float: none;
    border: 1px solid #e5e5e5;
    padding: 0 !important;
    margin-right: -4px;
    border-right: 0 none
}

.Clean-tabsbar.center-tabs .nav-tabs>li.active {
    border-color: #f3c218
}

.Clean-tabsbar.center-tabs .nav-tabs>li.active:last-child {
    border-right: 1px solid #f3c218
}

.Clean-tabsbar.center-tabs .nav-tabs>li:first-child {
    margin-left: 0
}

.Clean-tabsbar.center-tabs .nav-tabs>li:last-child {
    margin-right: 0;
    border-right: 1px solid #e5e5e5
}

@media (min-width:767px) {
    .Clean-tabsbar.center-tabs.lg .nav-tabs>li>a {
        height: 58px;
        line-height: 58px
    }
}

.Clean-tabsbar.center-tabs.tabs-success .nav-tabs li.active {
    border-color: #029d62 !important
}

.Clean-tabsbar.center-tabs.tabs-danger .nav-tabs li.active {
    border-color: #d9534f !important
}

.Clean-tabsbar.center-tabs.tabs-info .nav-tabs li.active {
    border-color: #5bc0de !important
}

.Clean-tabsbar.center-tabs.tabs-warning .nav-tabs li.active {
    border-color: #f0ad4e !important
}

.Clean-tabsbar.center-tabs.tabs-inverse .nav-tabs li.active {
    border-color: #131313 !important
}

.Clean-tabsbar.tabs-success .nav-tabs li.active:after {
    border-color: #029d62 transparent transparent transparent
}

.Clean-tabsbar.tabs-success .nav-tabs li.active>a {
    background: #029d62;
    border: 0 none
}

.Clean-tabsbar.tabs-success .nav-tabs li.active .badge {
    color: #029d62 !important
}

.Clean-tabsbar.tabs-danger .nav-tabs li.active:after {
    border-color: #d9534f transparent transparent transparent
}

.Clean-tabsbar.tabs-danger .nav-tabs li.active>a {
    background: #d9534f;
    border: 0 none
}

.Clean-tabsbar.tabs-danger .nav-tabs li.active .badge {
    color: #d9534f !important
}

.Clean-tabsbar.tabs-info .nav-tabs li.active:after {
    border-color: #5bc0de transparent transparent transparent
}

.Clean-tabsbar.tabs-info .nav-tabs li.active>a {
    background: #5bc0de;
    border: 0 none
}

.Clean-tabsbar.tabs-info .nav-tabs li.active .badge {
    color: #5bc0de !important
}

.Clean-tabsbar.tabs-warning .nav-tabs li.active:after {
    border-color: #f0ad4e transparent transparent transparent
}

.Clean-tabsbar.tabs-warning .nav-tabs li.active>a {
    background: #f0ad4e;
    border: 0 none
}

.Clean-tabsbar.tabs-warning .nav-tabs li.active .badge {
    color: #f0ad4e !important
}

.Clean-tabsbar.tabs-inverse .nav-tabs li.active:after {
    border-color: #131313 transparent transparent transparent
}

.Clean-tabsbar.tabs-inverse .nav-tabs li.active>a {
    background: #131313;
    border: 0 none
}

.Clean-tabsbar.tabs-inverse .nav-tabs li.active .badge {
    color: #131313 !important
}

@media (max-width:767px) {
    .Clean-tabsbar .nav-tabs {
        border: 0 none !important
    }
    .Clean-tabsbar .nav-tabs>li {
        display: block !important;
        text-align: left !important;
        float: none !important;
        border: 1px solid #e5e5e5 !important;
        margin-right: 0 !important;
        margin-bottom: -1px;
        padding: 0 !important
    }
    .Clean-tabsbar .nav-tabs>li.active {
        border-color: #f3c218 !important
    }
    .Clean-tabsbar.arrow .nav-tabs>li.active:after {
        display: none !important
    }
    .Clean-tabsbar.tabs-primary .nav-tabs>li.active {
        border-color: #f3c218 !important
    }
    .Clean-tabsbar.tabs-success .nav-tabs>li.active {
        border-color: #029d62 !important
    }
    .Clean-tabsbar.tabs-warning .nav-tabs>li.active {
        border-color: #f0ad4e !important
    }
    .Clean-tabsbar.tabs-danger .nav-tabs>li.active {
        border-color: #d9534f !important
    }
    .Clean-tabsbar.tabs-info .nav-tabs>li.active {
        border-color: #5bc0de !important
    }
    .Clean-tabsbar.tabs-inverse .nav-tabs>li.active {
        border-color: #1a1a1a !important
    }
}

.Clean-sub-menu {
    padding-top: 15px;
    border-bottom: 1px solid #e5e5e5
}

.Clean-sub-menu ul {
    list-style: none;
    padding-left: 0;
    margin: 0
}

.Clean-sub-menu ul li {
    float: left;
    padding: 15px;
    position: relative
}

.Clean-sub-menu ul li a {
    text-decoration: none !important;
    color: #393939;
    font-weight: 700
}

.Clean-sub-menu ul li.active:after {
    width: 100%
}

.Clean-sub-menu ul li:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    left: 0;
    height: 4px;
    background: #e1af03;
    -webkit-transition: all cubic-bezier(.215, .61, .355, 1) .25s;
    transition: all cubic-bezier(.215, .61, .355, 1) .25s
}

.Clean-sub-menu #os-switcher li {
    opacity: .7;
    filter: alpha(opacity=70)
}

.Clean-sub-menu #os-switcher li.active:after {
    display: none
}

.Clean-sub-menu #os-switcher li.active a {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    color: #000
}

.Clean-sub-menu #os-switcher li a .fa,
.Clean-sub-menu #os-switcher li a .fab {
    color: #000;
    font-weight: normal !important
}

@media (max-width:767px) {
    .Clean-sub-menu {
        border-bottom: 0 none
    }
    .Clean-sub-menu #os-switcher {
        text-align: center
    }
}

@media (max-width:367px) {
    .Clean-sub-menu #os-switcher li a span {
        display: none
    }
}

.Clean-accordion .panel {
    font-size: 14px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.Clean-accordion .panel .panel-heading {
    background-color: #fff;
    padding: 0
}

.Clean-accordion .panel .panel-heading a .panel-title {
    background-color: transparent;
    color: #393939;
    font-size: 15px;
    border-right: 0 none;
    padding: 7.5px 0;
    font-weight: 700
}

.Clean-accordion .panel .panel-heading a .panel-title span {
    padding: 0;
    margin-right: 10px
}

.Clean-accordion .panel .panel-heading a .panel-title span [class*=" fa-"],
.Clean-accordion .panel .panel-heading a .panel-title span [class^="fa-"],
.Clean-accordion .panel .panel-heading a .panel-title span [class*=" glyphicon-"],
.Clean-accordion .panel .panel-heading a .panel-title span [class^="glyphicon-"] {
    width: 10px;
    min-width: 10px;
    padding: 0;
    color: #f3c218
}

.Clean-accordion .panel .panel-heading a .panel-title [class*=" fa-"],
.Clean-accordion .panel .panel-heading a .panel-title [class^="fa-"],
.Clean-accordion .panel .panel-heading a .panel-title [class*=" glyphicon-"],
.Clean-accordion .panel .panel-heading a .panel-title [class^="glyphicon-"] {
    font-size: 130%;
    padding: 0 10px
}

.Clean-accordion .panel .panel-heading a:hover,
.Clean-accordion .panel .panel-heading a:focus {
    text-decoration: none
}

.Clean-accordion .panel .panel-body {
    padding: 15px
}

.Clean-accordion .panel .panel-body ul {
    margin-bottom: 10px;
    padding-left: 0
}

.Clean-accordion .panel .panel-body ul li {
    position: relative;
    padding: 10px 0 0 20px;
    list-style: none
}

.Clean-accordion .panel .panel-body ul li:before {
    position: absolute;
    content: "\f058";
    margin-right: 4px;
    font-family: "Font Awesome 5 Pro";
    color: #f3c218;
    font-size: 15px;
    left: 0
}

.Clean-accordion.no-border .panel {
    border: 0 none
}

.Clean-accordion.no-border .panel .panel-body {
    border-top: 0 none !important
}

@media (max-width:767px) {
    .Clean-accordion .panel {
        border: 0 none
    }
    .Clean-accordion .panel .panel-heading a .panel-title span {
        float: right;
        margin-right: 0;
        margin-left: 10px
    }
    .Clean-accordion .panel .panel-body {
        border: 0 none !important;
        padding: 0 15px 0 0
    }
    .Clean-accordion .panel .panel-body ul li {
        padding: 5px 0 5px 20px
    }
    .Clean-accordion .panel .panel-body ul li:last-child {
        padding-bottom: 0
    }
}

@media (min-width:768px) {
    .Clean-accordion .panel .panel-heading a .panel-title {
        padding: 15px 0 15px;
        font-size: 14px;
        font-weight: 500
    }
    .Clean-accordion .panel .panel-heading a .panel-title span {
        padding: 15px 15px 14px;
        background-color: #131313;
        color: #fff;
        border-right: 1px solid #131313
    }
    .Clean-accordion .panel .panel-heading a .panel-title span [class*=" fa-"],
    .Clean-accordion .panel .panel-heading a .panel-title span [class^="fa-"],
    .Clean-accordion .panel .panel-heading a .panel-title span [class*=" glyphicon-"],
    .Clean-accordion .panel .panel-heading a .panel-title span [class^="glyphicon-"] {
        width: 10px;
        min-width: 10px;
        padding: 0;
        color: #fff
    }
    .Clean-accordion .panel .panel-heading.accordion-active a .panel-title {
        font-weight: 700;
        background-color: #f2f2f2
    }
    .Clean-accordion .panel .panel-heading.accordion-active a .panel-title span {
        background-color: #f2f2f2;
        color: #393939;
        border-right-color: #e5e5e5
    }
    .Clean-accordion .panel .panel-heading.accordion-active a .panel-title span [class*=" fa-"],
    .Clean-accordion .panel .panel-heading.accordion-active a .panel-title span [class^="fa-"],
    .Clean-accordion .panel .panel-heading.accordion-active a .panel-title span [class*=" glyphicon-"],
    .Clean-accordion .panel .panel-heading.accordion-active a .panel-title span [class^="glyphicon-"] {
        color: #393939
    }
    .Clean-accordion.no-border .panel .panel-heading {
        border: 1px solid #f3c218;
        border-width: 0 0 0 1px
    }
    .Clean-accordion.no-border .panel .panel-heading a .panel-title {
        border-right: 10px double rgba(0, 0, 0, 0.1);
        background-color: #f2f2f2;
        color: #393939
    }
    .Clean-accordion.no-border .panel .panel-heading a .panel-title span [class*=" fa-"],
    .Clean-accordion.no-border .panel .panel-heading a .panel-title span [class^="fa-"],
    .Clean-accordion.no-border .panel .panel-heading a .panel-title span [class*=" glyphicon-"],
    .Clean-accordion.no-border .panel .panel-heading a .panel-title span [class^="glyphicon-"] {
        color: #fff
    }
    .Clean-accordion.no-border .panel .panel-heading.accordion-active {
        background: #f3c218
    }
    .Clean-accordion.no-border .panel .panel-heading.accordion-active a .panel-title {
        background-color: #f3c218;
        color: #fff
    }
    .Clean-accordion.no-border .panel .panel-heading.accordion-active a .panel-title span {
        background-color: #131313;
        color: #fff
    }
    .Clean-accordion.simple-faqs .panel .panel-body {
        padding: 0 15px 0 25px
    }
}

.Clean-accordion.simple-faqs .panel {
    border: 0;
    background-color: transparent !important
}

.Clean-accordion.simple-faqs .panel .panel-heading {
    border: 0 none;
    background-color: transparent !important
}

.Clean-accordion.simple-faqs .panel .panel-heading a .panel-title {
    background-color: transparent;
    color: #393939;
    border-right: 0 none;
    padding: 7.5px 0;
    font-weight: 700
}

@media (min-width:768px) {
    .Clean-accordion.simple-faqs .panel .panel-heading a .panel-title {
        font-size: 18px
    }
}

.Clean-accordion.simple-faqs .panel .panel-heading a .panel-title span {
    background-color: transparent;
    color: #f3c218;
    padding: 0;
    border-right: 0 none
}

.Clean-accordion.simple-faqs .panel .panel-heading a .panel-title span [class*=" fa-"],
.Clean-accordion.simple-faqs .panel .panel-heading a .panel-title span [class^="fa-"],
.Clean-accordion.simple-faqs .panel .panel-heading a .panel-title span [class*=" glyphicon-"],
.Clean-accordion.simple-faqs .panel .panel-heading a .panel-title span [class^="glyphicon-"] {
    color: #f3c218
}

.Clean-accordion.simple-faqs .panel .panel-heading.accordion-active {
    background: transparent
}

.Clean-accordion.simple-faqs .panel .panel-heading.accordion-active a .panel-title {
    background-color: transparent;
    color: #000
}

.Clean-accordion.simple-faqs .panel .panel-heading.accordion-active a .panel-title span {
    background-color: transparent;
    border-right: 0 none
}

.Clean-accordion.simple-faqs .panel .panel-heading.accordion-active a .panel-title span.pull-right {
    background-color: transparent;
    border: 0 none
}

.Clean-accordion.simple-faqs .panel .panel-body {
    border: 0
}

.Clean-table {
    background: #fff;
    margin-bottom: 15px
}

.Clean-table.table>thead>tr>th,
.Clean-table.table>thead>tr>td {
    border-bottom: 3px double #e5e5e5;
    border-color: #e5e5e5
}

.Clean-table.table>thead>tr>th label,
.Clean-table.table>thead>tr>td label {
    margin-bottom: 0
}

.Clean-table.table .col-small {
    width: 45px;
    min-width: 45px
}

.Clean-table.table .col-small.center {
    text-align: center
}

.Clean-table.table .col-medium {
    width: 125px;
    min-width: 125px
}

.Clean-table.table .col-medium.center {
    text-align: center
}

@media (max-width:992px) {
    .Clean-table.table .tool-bars {
        width: 45px;
        min-width: 45px
    }
}

.Clean-table.table label {
    margin-bottom: 0
}

.Clean-table.table ul.table-mobile-ul {
    margin-top: 5px;
    padding-left: 5px;
    border-left: 2px solid #e5e5e5
}

.Clean-table.table>thead>tr>th[class*=sorted] {
    color: #f3c218
}

@media (max-width:360px) {
    .Clean-table.table {
        font-size: 12px
    }
}

.Clean-table.footable>thead>tr>th>span.footable-sort-indicator {
    color: #999;
    float: right;
    margin-right: 4px
}

.Clean-table.table-bordered {
    border: 1px solid #e5e5e5
}

.Clean-table.table-bordered>thead>tr>th,
.Clean-table.table-bordered>tbody>tr>th,
.Clean-table.table-bordered>tfoot>tr>th,
.Clean-table.table-bordered>thead>tr>td,
.Clean-table.table-bordered>tbody>tr>td,
.Clean-table.table-bordered>tfoot>tr>td {
    border: 1px solid #e5e5e5
}

.Clean-table.table-bordered>thead>tr>th,
.Clean-table.table-bordered>thead>tr>td {
    border-bottom: 3px double #e5e5e5
}

.Clean-table.table-primary.table>thead>tr>th,
.Clean-table.table-primary.table>thead>tr>td {
    border-bottom-width: 1px
}

.Clean-table.table-primary.table-bordered.dataTable {
    margin-bottom: 0
}

.Clean-table.table-primary.table-bordered.dataTable thead th {
    border-bottom: 4px solid #029d62
}

.Clean-table.table-primary.table-bordered.dataTable thead th:nth-child(even) {
    border-bottom: 4px solid #709f40
}

.Clean-table.tech-features thead tr th {
    text-transform: uppercase
}

.Clean-table.tech-features thead tr th,
.Clean-table.tech-features tbody tr th,
.Clean-table.tech-features thead tr td,
.Clean-table.tech-features tbody tr td {
    padding: 15px 25px
}

@media (min-width:992px) {
    .Clean-table.tech-features tbody tr td:first-child {
        background-color: #f2f2f2
    }
}

.dataTable {
    margin-bottom: 0
}

.dataTable th[class*=sort] {
    cursor: pointer;
    outline: 0 none !important
}

.dataTable th[class*=sort]:after {
    content: "\f0dc";
    display: inline-block;
    color: #999;
    font-family: "Font Awesome 5 Pro";
    font-size: 13px;
    float: right;
    margin-right: 4px;
    position: relative
}

.dataTable th[class*=sorting_] {
    background-color: #f2f2f2
}

.dataTable th[class*=sorting_].sorting_disabled {
    background-color: #fff
}

.dataTable th.sorting_desc:after {
    content: "\f0dd";
    top: -6px;
    color: #999
}

.dataTable th.sorting_asc:after {
    content: "\f0de";
    top: 4px;
    color: #999
}

.dataTable th.sorting_disabled {
    cursor: inherit
}

.dataTable th.sorting_disabled:after {
    display: none
}

.dataTables_length select {
    width: 60px;
    padding: 2px 3px
}

.dataTables_length label {
    font-weight: normal
}

.dataTables_filter {
    text-align: right
}

.dataTables_filter input[type=text] {
    width: 125px;
    padding: 4px 6px
}

.dataTables_filter label {
    font-weight: normal
}

.dataTables_info {
    font-size: 13px;
    margin: 5px 12px
}

.dataTables_paginate {
    text-align: right
}

.dataTables_paginate .pagination {
    margin: 5px 12px
}

.dataTables_wrapper label {
    display: inline-block
}

.dataTables_wrapper input[type=text],
.dataTables_wrapper select {
    margin-bottom: 0 !important;
    margin: 0 4px
}

.dataTables_wrapper .row {
    margin: 0
}

.dataTables_wrapper .row:first-child {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 0 none
}

.dataTables_wrapper .row:first-child+.dataTable {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.dataTables_wrapper .row:last-child {
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: 0 none
}

.footable-row-detail-row {
    display: block;
    line-height: 1.5em
}

.dataTable.table.has-columns-hidden>tbody>tr>td>span.responsiveExpander {
    cursor: pointer
}

.dataTable.table.has-columns-hidden>tbody>tr>td>span.responsiveExpander:before {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 900;
    content: "\f067";
    padding-right: 5px;
    font-size: 18px;
    color: #888
}

.dataTable.table.has-columns-hidden>tbody>tr.detail-show>td span.responsiveExpander:before {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 900;
    content: "\f068";
    padding-right: 5px;
    font-size: 18px;
    color: #888
}

.dataTable.table.has-columns-hidden>tbody>tr.row-detail>td>ul>li>span.columnTitle {
    font-weight: bold
}

.carousel {
    margin-bottom: 15px
}

.carousel .carousel-caption {
    text-shadow: none;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    right: 0;
    bottom: 0
}

.carousel .carousel-caption h4 {
    color: #fff;
    text-shadow: none;
    font-weight: 500
}

.carousel .carousel-control {
    text-shadow: none;
    color: transparent
}

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

.carousel .carousel-control.right {
    text-align: center
}

.carousel .carousel-indicators {
    bottom: 0
}

.carousel .carousel-indicators li {
    border-radius: 0
}

.carousel.Clean-carousel .item {
    overflow: hidden
}

.carousel.Clean-carousel .carousel-indicators {
    top: auto;
    bottom: -23px;
    margin: 0;
    width: auto;
    right: 0;
    left: 0
}

.carousel.Clean-carousel .carousel-indicators li {
    background: #fff;
    border-color: #f3c218
}

.carousel.Clean-carousel .carousel-indicators li.active {
    background: #45c8ff
}

.carousel.Clean-carousel .carousel-indicators.right {
    text-align: right
}

.carousel.Clean-carousel .carousel-indicators.left {
    text-align: left
}

.carousel:hover .carousel-control,
.carousel.focus .carousel-control {
    color: #f3c218;
    opacity: .55;
    filter: alpha(opacity=55.00000000000001)
}

#Clean-testimonials.Clean-carousel {
    padding: 0 15px
}

@media only screen and (min-width:768px) {
    #Clean-testimonials.Clean-carousel {
        padding: 0 120px
    }
}

#Clean-testimonials .item {
    padding-bottom: 30px
}

#Clean-testimonials .testimonial-massage {
    padding: 15px;
    font-size: 190%
}

#Clean-testimonials .testimonial-name {
    font-size: 110%;
    color: #555
}

@media (max-width:640px) {
    #Clean-testimonials .testimonial-massage {
        font-size: 110%
    }
}

.owl-carousel {
    margin-bottom: 15px
}

.owl-carousel .slide-item {
    padding: 0 5px
}

.owl-carousel.no-padding-items .slide-item {
    padding: 0
}

.owl-carousel.feature-apps img {
    border: 2px solid #e5e5e5;
    background: #fff;
    width: 75px !important;
    margin: auto
}

.owl-carousel .owl-item img {
    width: auto
}

.owl-carousel .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-carousel .owl-nav [class*='owl-'] {
    margin: 5px;
    display: inline-block;
    cursor: pointer;
    background: #999;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    width: 26px;
    height: 26px
}

.owl-carousel .owl-nav [class*='owl-']:before {
    content: "\f104";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-indent: 0
}

.owl-carousel .owl-nav [class*='owl-']:hover:before {
    content: "\f105"
}

.owl-carousel .owl-nav [class*='owl-']:hover {
    background: #f3c218;
    color: #fff;
    text-decoration: none
}

.owl-carousel .owl-nav .disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: default
}

.owl-carousel .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-carousel .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 0 3px;
    border: 1px solid #f3c218;
    background-color: #fff;
    color: #f3c218;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
    background: #45c8ff;
    width: 12px;
    height: 12px;
    color: #fff
}

.list-group-item .badge {
    color: #fff
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::safari-only,
    .label:empty {
        display: inline-block
    }
    ::safari-only,
    .badge:empty {
        display: inline-block
    }
}

.badge {
    text-shadow: none;
    font-size: 11px;
    padding: 3px 6px 3px 6px;
    font-weight: normal;
    background-color: #999 !important;
    border-radius: 12px !important;
    text-shadow: none !important
}

.badge.no-radius {
    border-radius: 0
}

.badge-transparent {
    background-color: transparent !important
}

.badge-info {
    background-color: #5bc0de !important
}

.badge-primary {
    background-color: #f3c218 !important
}

.badge-success {
    background-color: #029d62 !important
}

.badge-danger {
    background-color: #d9534f !important
}

.badge-inverse {
    background-color: #1a1a1a !important
}

.badge-warning {
    background-color: #f0ad4e !important
}

.badge-light {
    background-color: #f2f2f2 !important
}

.badge-light {
    color: #999 !important
}

form .labels {
    cursor: pointer
}

form label {
    font-weight: 500
}

form .input-group-addon {
    border: 1px solid #e5e5e5
}

form .input-group-addon [class*=" fa-"],
form .input-group-addon [class^="fa-"],
form .input-group-addon [class*=" glyphicon-"],
form .input-group-addon [class^="glyphicon-"] {
    color: #393939
}

form .input-group-addon [class*=" glyphicon-"],
form .input-group-addon [class^="glyphicon-"] {
    font-size: 13px
}

form .form-group .help-block {
    font-size: 12px;
    margin-bottom: 5px
}

form .input-icon {
    position: relative
}

form .input-icon input {
    padding-left: 33px !important
}

form .input-icon [class*="fa-"],
form .input-icon [class^="fa-"],
form .input-icon [class*=" glyphicon-"],
form .input-icon [class^="glyphicon-"] {
    display: block;
    position: absolute;
    margin: 11px 2px 4px 10px;
    width: 16px;
    min-width: 16px;
    height: 16px;
    font-size: 16px;
    font-weight: 400
}

form .input-icon.right input {
    padding-left: 15px !important;
    padding-right: 33px !important
}

form .input-icon.right [class*="fa-"],
form [class^="fa-"] {
    right: 8px;
    float: right
}

.form-control {
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.form-control:hover {
    border-color: #ccc
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #f3c218;
    background-color: #fff;
    outline: 0 none;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.login-container {
    width: 480px;
    margin: 10% auto auto
}

.login-container img {
    max-width: 170px
}

.login-container .login-header {
    border-radius: 2px 2px 0 0;
    padding: 12px
}

.login-container .login-header h1 {
    margin: 0;
    font-size: 26px
}

.login-container .login-header h1 a {
    color: #fff
}

.login-container .login-copyright-text {
    text-align: center;
    padding: 15px 0
}

.login-container .login-copyright-text p {
    margin: 0
}

.login-box {
    padding: 30px;
    background: rgba(255, 255, 255, 0.85);
    visibility: hidden;
    position: fixed;
    overflow: hidden;
    -webkit-transform: scale(0, 1) translate(-150px);
    transform: scale(0, 1) translate(-150px);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)
}

.login-box.visible {
    visibility: visible;
    position: relative;
    z-index: auto;
    -webkit-transform: scale(1, 1) translate(0);
    transform: scale(1, 1) translate(0);
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    -moz-transition: -moz-transform .3s ease;
    -webkit-transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .2s ease
}

.login-box .page-header {
    margin: -15px 0 15px
}

.login-box .footer-warp a {
    color: #131313
}

.login-box .btn-login {
    margin-top: 20px
}

.login-box h3 {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    margin: 60px 0 10px
}

.login-box .social-or-login {
    margin-top: 4px;
    position: relative;
    z-index: 1;
    text-align: center
}

.login-box .social-or-login :first-child {
    display: inline-block;
    background: rgba(255, 255, 255, 0.95);
    padding: 2px 8px;
    color: #f3c218;
    font-size: 13px
}

.login-box .social-or-login:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    right: 0;
    border-top: 1px dotted rgba(255, 255, 255, 0.95)
}

.login-box .hr {
    border-color: rgba(255, 255, 255, 0.9)
}

@media (max-width:480px) {
    .login-container {
        width: 95%
    }
}

body.login,
body.error {
    background: #555 url("../../images/loginBg.jpg") center center no-repeat fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    z-index: 1
}

body.login:before,
body.error:before {
    background: #fff;
    content: "";
    z-index: -1;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    opacity: .9;
    filter: alpha(opacity=90)
}

body.webhoster.login:before,
body.Redo.login:before,
body.eno.login:before,
body.webhoster.error:before,
body.Redo.error:before,
body.eno.error:before {
    background: #090909
}

body.webhoster .login-container .login-copyright-text,
body.Redo .login-container .login-copyright-text,
body.eno .login-container .login-copyright-text {
    color: rgba(255, 255, 255, 0.5)
}

body.webhoster .login-box,
body.Redo .login-box,
body.eno .login-box {
    background: #fff
}

.mass-head {
    width: 100%;
    height: auto
}

.mass-head .domain-hero {
    padding: 20px 15px
}

.mass-head .domain-hero .domain-pricing {
    margin-bottom: 15px;
    font-weight: bold
}

.mass-head .domain-hero .domain-pricing .tld {
    padding: 1px 5px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    color: #e1af03;
    margin-right: 4px
}

.mass-head .domain-hero .form-search .input-group-btn:last-child>.btn,
.mass-head .domain-hero .form-search .input-group-btn:last-child>.btn-group {
    margin-left: 0
}

.mass-head .domain-hero .form-search input[type="text"],
.mass-head .domain-hero .form-search input[type="search"] {
    font-size: 13px;
    background-color: #f2f2f2
}

.mass-head .domain-hero .form-search .btn {
    padding: 6px 12px
}

@media (min-width:992px) {
    .mass-head .domain-hero .domain-pricing {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .mass-head .domain-hero .form-search input[type="text"],
    .mass-head .domain-hero .form-search input[type="search"] {
        height: 48px;
        padding: 10px 26px;
        font-size: 16px;
        line-height: 1.3333333
    }
    .mass-head .domain-hero .form-search .btn {
        padding: 13px 27px;
        font-size: 14px
    }
}

@media (max-width:480px) {
    .mass-head .domain-hero .domain-pricing {
        display: none
    }
}

.sec-img-bg {
    position: relative;
    background-image: url(../../images/sec-bg1.jpg);
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center
}

.sec-img-bg .container-fluid,
.sec-img-bg .container {
    position: relative;
    z-index: 2
}

.hero-bg-wrap.bg-opacity,
.sec-img-bg.bg-opacity {
    z-index: 1
}

.hero-bg-wrap.bg-opacity:before,
.sec-img-bg.bg-opacity:before {
    background: #131313;
    content: "";
    z-index: -1;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    opacity: .7;
    filter: alpha(opacity=70)
}

#back-to-top {
    z-index: 999
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 10px;
    right: 15px;
    display: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: #f3c218;
    padding: 6px 12px !important;
    color: #fff !important
}

.back-to-top:hover,
.back-to-top:focus {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.block-s1 {
    padding: 10px 0
}

.block-s1 p,
.block-s1 h1,
.block-s1 h2,
.block-s1 h3,
.block-s1 h4,
.block-s1 h5,
.block-s1 h6 {
    padding: 0;
    margin: 10px 15px
}

@media (max-width:992px) {
    .block-s1 .text-right,
    .block-s1 .text-left {
        text-align: center !important
    }
}

.block-s1.notice {
    padding: 10px
}

.block-s2,
.block-s4,
.block-s5 {
    padding: 20px 0 5px
}

.block-s3 {
    padding: 30px 0
}

.block-s3 h1,
.block-s3 h2 {
    margin-bottom: 20px
}

.block-s3.padding2x {
    padding: 60px 0
}

.block-s3.padding3x {
    padding: 90px 0
}

.block-s3.padding4x {
    padding: 120px 0
}

.block-s3.bottom2x {
    padding: 30px 0 60px
}

.block-s3.bottom3x {
    padding: 45px 0 90px
}

.block-s6 {
    padding: 15px 0
}

.block-s7 {
    padding: 180px 0
}

@media (max-width:991px) {
    .block-s7 {
        padding: 0 0 25px
    }
}

.block-s1.margin-up,
.block-s2.margin-up,
.block-s3.margin-up,
.block-s4.margin-up,
.block-s5.margin-up,
.block-s6.margin-up,
.block-s7.margin-up {
    z-index: 2;
    margin-top: -120px
}

@media (min-width:768px) {
    .block-s1.margin-up,
    .block-s2.margin-up,
    .block-s3.margin-up,
    .block-s4.margin-up,
    .block-s5.margin-up,
    .block-s6.margin-up,
    .block-s7.margin-up {
        margin-top: -140px
    }
}

.block-s1.margin-up-80,
.block-s2.margin-up-80,
.block-s3.margin-up-80,
.block-s4.margin-up-80,
.block-s5.margin-up-80,
.block-s6.margin-up-80,
.block-s7.margin-up-80 {
    margin-top: -80px
}

.block-s1.margin-up-110,
.block-s2.margin-up-110,
.block-s3.margin-up-110,
.block-s4.margin-up-110,
.block-s5.margin-up-110,
.block-s6.margin-up-110,
.block-s7.margin-up-110 {
    margin-top: -120px
}

.block-s1.margin-up-120,
.block-s2.margin-up-120,
.block-s3.margin-up-120,
.block-s4.margin-up-120,
.block-s5.margin-up-120,
.block-s6.margin-up-120,
.block-s7.margin-up-120 {
    margin-top: -120px
}

.block-s1.margin-up-60,
.block-s2.margin-up-60,
.block-s3.margin-up-60,
.block-s4.margin-up-60,
.block-s5.margin-up-60,
.block-s6.margin-up-60,
.block-s7.margin-up-60 {
    margin-top: -60px
}

.block-s1.tech-specs h3,
.block-s2.tech-specs h3,
.block-s3.tech-specs h3,
.block-s4.tech-specs h3,
.block-s5.tech-specs h3,
.block-s6.tech-specs h3,
.block-s7.tech-specs h3 {
    border-bottom: 3px double #e5e5e5;
    padding: 0 0 10px 10px
}

.block-s1.tech-specs ul,
.block-s2.tech-specs ul,
.block-s3.tech-specs ul,
.block-s4.tech-specs ul,
.block-s5.tech-specs ul,
.block-s6.tech-specs ul,
.block-s7.tech-specs ul {
    padding-left: 0;
    margin-bottom: 0
}

.block-s1.tech-specs ul li,
.block-s2.tech-specs ul li,
.block-s3.tech-specs ul li,
.block-s4.tech-specs ul li,
.block-s5.tech-specs ul li,
.block-s6.tech-specs ul li,
.block-s7.tech-specs ul li {
    position: relative;
    list-style: none;
    padding: 5px 0 0 20px
}

.block-s1.tech-specs ul li:last-child,
.block-s2.tech-specs ul li:last-child,
.block-s3.tech-specs ul li:last-child,
.block-s4.tech-specs ul li:last-child,
.block-s5.tech-specs ul li:last-child,
.block-s6.tech-specs ul li:last-child,
.block-s7.tech-specs ul li:last-child {
    padding-bottom: 0
}

.block-s1.tech-specs ul li:before,
.block-s2.tech-specs ul li:before,
.block-s3.tech-specs ul li:before,
.block-s4.tech-specs ul li:before,
.block-s5.tech-specs ul li:before,
.block-s6.tech-specs ul li:before,
.block-s7.tech-specs ul li:before {
    position: absolute;
    content: "\f058";
    margin-right: 4px;
    font-family: "Font Awesome 5 Pro";
    color: #f3c218;
    font-size: 15px;
    left: 0
}

.block-s1 .Clean-dark-box,
.block-s2 .Clean-dark-box,
.block-s3 .Clean-dark-box,
.block-s4 .Clean-dark-box,
.block-s5 .Clean-dark-box,
.block-s6 .Clean-dark-box,
.block-s7 .Clean-dark-box {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 45px 30px;
    margin: 0 20px;
    position: relative;
    z-index: 1
}

.block-s1 .Clean-dark-box:before,
.block-s2 .Clean-dark-box:before,
.block-s3 .Clean-dark-box:before,
.block-s4 .Clean-dark-box:before,
.block-s5 .Clean-dark-box:before,
.block-s6 .Clean-dark-box:before,
.block-s7 .Clean-dark-box:before {
    content: " ";
    position: absolute;
    top: 20px;
    left: -20px;
    right: -20px;
    bottom: 20px;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: -1
}

@media (max-width:991px) {
    .block-s1 .Clean-dark-box,
    .block-s2 .Clean-dark-box,
    .block-s3 .Clean-dark-box,
    .block-s4 .Clean-dark-box,
    .block-s5 .Clean-dark-box,
    .block-s6 .Clean-dark-box,
    .block-s7 .Clean-dark-box,
    .block-s1 .Clean-light-box,
    .block-s2 .Clean-light-box,
    .block-s3 .Clean-light-box,
    .block-s4 .Clean-light-box,
    .block-s5 .Clean-light-box,
    .block-s6 .Clean-light-box,
    .block-s7 .Clean-light-box {
        margin-bottom: 20px
    }
}

.block-s1 .Clean-light-box,
.block-s2 .Clean-light-box,
.block-s3 .Clean-light-box,
.block-s4 .Clean-light-box,
.block-s5 .Clean-light-box,
.block-s6 .Clean-light-box,
.block-s7 .Clean-light-box {
    display: inline-block;
    background-color: #ddd;
    padding: 45px 30px;
    margin: 0 20px;
    position: relative;
    z-index: 1
}

.block-s1 .Clean-light-box:before,
.block-s2 .Clean-light-box:before,
.block-s3 .Clean-light-box:before,
.block-s4 .Clean-light-box:before,
.block-s5 .Clean-light-box:before,
.block-s6 .Clean-light-box:before,
.block-s7 .Clean-light-box:before {
    content: " ";
    position: absolute;
    top: 20px;
    left: -20px;
    right: -20px;
    bottom: 20px;
    background-color: #f2f2f2;
    z-index: -1
}

.block-breadcrumbs {
    padding: 5px 0;
    background-color: #f2f2f2;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)
}

.block-breadcrumbs .breadcrumb {
    margin-bottom: 0;
    background: transparent;
    padding: 8px 0
}

.block-breadcrumbs .breadcrumb li,
.block-breadcrumbs .breadcrumb a {
    font-size: 13px;
    color: #393939
}

.block-breadcrumbs .breadcrumb>li+li:before {
    content: "//\00a0";
    padding: 0 5px
}

.block-footer .Clean-partners {
    padding: 25px 0 15px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)
}

.block-footer .footer-widgets {
    padding: 60px 0
}

@media only screen and (min-width:768px) {
    .block-footer .footer-widgets span.pull-right {
        display: none
    }
    .block-footer .footer-widgets .collapse {
        display: block !important
    }
    .block-footer .footer-widgets ul {
        height: auto !important
    }
}

.block-footer .footer-widgets ul.list-unstyled li {
    padding-top: 10px
}

.block-footer .footer-widgets ul.list-unstyled li a {
    color: #393939
}

.block-footer .footer-widgets ul.list-unstyled li a:hover,
.block-footer .footer-widgets ul.list-unstyled li a:active,
.block-footer .footer-widgets ul.list-unstyled li a:focus {
    color: #f3c218;
    text-decoration: none
}

.block-footer .footer-widgets h4 {
    font-weight: 700;
    margin-top: 0;
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .block-footer .footer-widgets h4 {
        border-bottom: 3px solid #e1af03;
        display: inline-block
    }
}

.block-footer .footer-widgets .social ul,
.block-footer .footer-widgets .social li {
    padding: 0 !important
}

@media only screen and (max-width:767px) {
    .block-footer .footer-widgets h4 {
        cursor: pointer;
        padding: 7.5px 0
    }
}

@media (min-width:992px) {
    .block-footer .footer-widgets .col-md-15 {
        width: 20% !important
    }
}

.block-footer .footer-menu-wrapper {
    position: relative
}

.block-footer .footer-menu-wrapper ul {
    margin: 0;
    padding: 27px 0 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
    text-align: center
}

.block-footer .footer-menu-wrapper ul li {
    display: inline-block
}

.block-footer .footer-menu-wrapper ul li a {
    padding: 0 20px;
    border-right: 1px solid #e5e5e5;
    font-size: 14px;
    line-height: 26px;
    color: #393939
}

.block-footer .footer-menu-wrapper ul li a:hover,
.block-footer .footer-menu-wrapper ul li a:active,
.block-footer .footer-menu-wrapper ul li a:focus {
    color: #f3c218;
    text-decoration: none
}

.block-footer .footer-menu-wrapper ul li:last-child a {
    border-right: 0
}

.block-footer .footer-additional-menu {
    border: 1px solid #e5e5e5;
    border-width: 1px 0
}

.block-footer .footer-additional-menu ul {
    padding: 10px 0;
    margin: 0
}

.block-footer .footer-copyright {
    padding: 15px 0;
    text-align: center;
    background-color: #fff;
    font-size: 12px;
    color: #393939
}

.block-footer .footer-copyright a {
    color: #393939
}

.block-footer .footer-copyright a:hover,
.block-footer .footer-copyright a:focus {
    color: #f3c218
}

@media (max-width:991px) {
    .block-footer .footer-widgets {
        padding: 15px 0
    }
}

.page-container {
    background: #fff
}

@media (min-width:767px) {
    .block-s2 {
        padding: 80px 0 50px
    }
    .block-s5 {
        padding: 80px 0
    }
}

.blog-posts {
    margin: 0 0 15px;
    border-bottom: 1px double #e5e5e5;
    padding-bottom: 15px
}

.blog-posts h1,
.blog-posts h2 {
    margin-top: 10px
}

.blog-posts h1 a,
.blog-posts h2 a {
    color: #393939
}

.blog-posts h1 a:hover,
.blog-posts h2 a:hover,
.blog-posts h1 a:focus,
.blog-posts h2 a:focus {
    color: #f3c218
}

@media (max-width:480px) {
    .blog-posts h1,
    .blog-posts h2 {
        font-size: 18px
    }
}

.blog-posts .article-info {
    margin: 20px 0 15px;
    background: #fff;
    padding: 7.5px 0;
    border: 1px solid #e5e5e5;
    border-width: 1px 0
}

.blog-posts .article-info li {
    display: inline-block;
    margin-right: 10px;
    border-left: solid 1px #e5e5e5;
    padding-left: 15px
}

.blog-posts .article-info li:first-child {
    padding-left: 0;
    border: 0 none
}

.blog-posts .article-info li a {
    color: #393939
}

.blog-posts .article-info li .fa {
    margin-right: 4px;
    font-size: 14px;
    color: #f3c218
}

.blog-posts .article-info .pull-right li {
    margin-right: 0
}

.blog-posts .article-info.top {
    border: 0 none;
    padding: 0;
    margin: 0 0 15px
}

.blog-posts .article-info.top li {
    border: 0 none;
    padding-left: 0
}

.blog-posts img {
    margin: 10px 0 15px
}

.blog-posts .lead {
    font-size: 16px
}

.blog-posts .comments {
    border: 1px solid #e5e5e5;
    border-width: 1px 0;
    padding: 15px 0;
    margin-bottom: 15px
}

.blog-posts .comments h4 {
    padding-top: 0;
    margin: 10px 0 4px;
    font-size: 16px
}

.blog-posts .comments .media-object,
.blog-posts .comments .avatar {
    width: 60px;
    max-width: 60px;
    height: 60px;
    max-hegiht: 60px;
    border: 1px solid #e5e5e5;
    padding: 3px
}

.blog-posts .comments .comment-list .children {
    list-style: none;
    margin: 10px 0
}

.blog-posts .comment-respond {
    background: #f2f2f2;
    border: 1px solid #e5e5e5;
    padding: 15px;
    margin: 25px 0
}

.blog-posts .comment-respond .comment-reply-title {
    margin-top: 0;
    font-size: 18px
}

.blog-posts .comment-respond p {
    margin: 0
}

.blog-posts .comment-respond .logged-in-as {
    margin: 0 15px 15px
}

.blog-posts .video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 10px
}

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

.blog-tags {
    margin-bottom: 15px
}

.blog-tags h3 {
    margin: 0 0 10px
}

.blog-tags ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.blog-tags ul li {
    position: relative;
    margin: 0 16px 7px 0;
    display: inline-block
}

.blog-tags ul li a {
    background: #f2f2f2;
    display: inline-block;
    padding: 3px 5px 3px 10px;
    color: #999
}

.blog-tags ul li a:hover,
.blog-tags ul li a:focus {
    color: #fff;
    background: #f3c218;
    text-decoration: none
}

.blog-tags ul li a:hover:after,
.blog-tags ul li a:focus:after {
    border-left-color: #f3c218
}

.blog-tags ul li a:after {
    top: 50%;
    width: 0;
    left: 100%;
    height: 0;
    z-index: 2;
    content: " ";
    display: block;
    margin-top: -12px;
    position: absolute;
    border-left: 12px solid #f2f2f2;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent
}

.blog-categories {
    margin-bottom: 15px
}

.blog-categories h3 {
    margin: 0 0 10px
}

.blog-categories ul li {
    padding: 5px 15px;
    border-bottom: 1px solid #f5f5f5
}

.blog-categories ul li a:hover,
.blog-categories ul li a:focus {
    text-decoration: none;
    color: #393939
}

.blog-categories ul li :before {
    content: "\f105";
    margin-left: 4px;
    font-family: FontAwesome;
    font-style: normal;
    margin-right: 4px
}

.arrow-block {
    display: block;
    height: auto;
    position: relative;
    padding: 15px
}

.arrow-block:before {
    content: "";
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    background-color: inherit;
    margin-left: -20px;
    top: 100%;
    margin-top: -20px;
    left: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 4
}

.mega-menu ul {
    padding: 0;
    margin: 0 0 10px;
    list-style: none
}

.mega-menu ul li {
    padding: 0;
    border: none !important
}

.mega-menu ul li>a {
    display: block;
    text-decoration: none
}

.mega-menu h4 {
    font-size: 15px;
    margin: 0 0 5px;
    padding: 10px 10px 5px;
    font-weight: 700 !important
}

@media (max-width:991px) {
    .mega-menu ul li>a {
        color: #202020;
        padding: 5px 15px !important
    }
    .mega-menu ul li>a:hover,
    .mega-menu ul li>a:focus {
        background-color: transparent !important
    }
    .mega-menu h4 {
        color: #202020
    }
}

@media (min-width:992px) {
    .mega-menu {
        padding: 20px 30px;
        min-width: 600px
    }
    .mega-menu [class*='col-'] {
        padding: 0
    }
    .mega-menu ul {
        padding: 0;
        margin: 0 0 10px;
        list-style: none
    }
}

.Clean-Slider {
    position: relative;
    overflow: hidden
}

.Clean-Slider .owl-carousel {
    cursor: move;
    padding: 0;
    overflow: hidden;
    background: #131313;
    margin-bottom: 0
}

.Clean-Slider .owl-carousel.effects .Clean-animation[data-delay-transtion="1"] {
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms
}

.Clean-Slider .owl-carousel.effects .Clean-animation[data-delay-transtion="2"] {
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms
}

.Clean-Slider .owl-carousel.effects .Clean-animation[data-delay-transtion="3"] {
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms
}

.Clean-Slider .owl-carousel.effects .Clean-animation[data-delay-transtion="4"] {
    -webkit-transition-delay: 900ms;
    transition-delay: 900ms
}

.Clean-Slider .owl-carousel.effects .Clean-animation[data-delay-transtion="5"] {
    -webkit-transition-delay: 1200ms;
    transition-delay: 1200ms
}

.Clean-Slider .owl-carousel.effects .Clean-animation[data-delay-transtion="6"] {
    -webkit-transition-delay: 1500ms;
    transition-delay: 1500ms
}

.Clean-Slider .owl-carousel .Clean-animation {
    -webkit-transform: translateY(70%);
    transform: translateY(70%);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 1.3s;
    transition: all 1.3s;
    -webkit-transition-property: transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.Clean-Slider .owl-carousel .owl-item.active .Clean-animation {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    filter: alpha(opacity=100)
}

.Clean-Slider .owl-dots {
    bottom: 15px;
    position: absolute;
    top: auto;
    left: auto;
    right: 30px;
    margin-top: 0
}

@media (max-width:568px) {
    .Clean-Slider .owl-dots {
        bottom: auto;
        top: 30px
    }
}

.Clean-Slider .owl-dots .owl-dot span {
    border-color: #e1af03
}

.Clean-Slider .owl-dots .owl-dot.active span,
.Clean-Slider .owl-dots .owl-dot:hover span {
    background: #ffb392
}

.Clean-Slider .slides {
    height: 70vh;
    min-height: 650px
}

.Clean-Slider .slides .hero-outer {
    padding: 0;
    display: table;
    height: 100%;
    margin: 0;
    width: 100%;
    z-index: 2;
    color: #fff
}

.Clean-Slider .slides .hero-outer .hgroup {
    display: table-cell;
    vertical-align: middle
}

.Clean-Slider .slides .hero-outer .hgroup h1 {
    font-size: 7.5vmin;
    font-weight: 700;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
    margin: 0;
    padding: 0
}

.Clean-Slider .slides .hero-outer .hgroup h3 {
    font-style: italic;
    font-size: 3vmin;
    margin-top: 10px;
    font-weight: 100
}

.Clean-Slider .slides .hero-outer .hgroup h3.fill {
    padding: 10px 30px;
    display: inline-block;
    margin: 10px 15px;
    background: rgba(255, 255, 255, 0.1)
}

.Clean-Slider .slides .hero-outer .hgroup .buttons {
    margin: 40px 0
}

.Clean-Slider .slides .hero-outer .hgroup .buttons br {
    display: none
}

.Clean-Slider .slides .hero-outer .hgroup .buttons .btn {
    padding: 10px 40px
}

.Clean-Slider .slides .hero-outer .hgroup .buttons .btn:first-of-type {
    margin-right: 30px
}

@media (max-width:599px) {
    .Clean-Slider .slides .hero-outer .hgroup .buttons .btn {
        padding: 10px 15px;
        font-size: 13px
    }
    .Clean-Slider .slides .hero-outer .hgroup .buttons .btn:first-of-type {
        margin-right: 10px
    }
}

.Clean-Slider .slides .hero-outer .hgroup [class*="col-"] .fab {
    font-weight: normal !important
}

.Clean-Slider .slides .hero-outer .hgroup [class*="col-"]:first-child:before {
    background-color: #000;
    border-right: 10px double #f3c218
}

.Clean-Slider .slides .hero-outer .hgroup [class*="col-"]:first-child h1,
.Clean-Slider .slides .hero-outer .hgroup [class*="col-"]:first-child h2,
.Clean-Slider .slides .hero-outer .hgroup [class*="col-"]:first-child h3 {
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: none
}

.Clean-Slider .slides .hero-outer .hgroup [class*="col-"]:first-child h1 {
    font-size: 20px;
    margin: 0
}

.Clean-Slider .slides .hero-outer .hgroup [class*="col-"]:first-child h2 {
    font-size: 4.5vmin
}

.Clean-Slider .slides .hero-outer .hgroup [class*="col-"]:first-child .buttons {
    margin: 25px 0 15px
}

.Clean-Slider .slides .hero-outer .hgroup [class*="col-"]:first-child,
.Clean-Slider .slides .hero-outer .hgroup [class*="col-"].promo-tag {
    position: relative;
    padding: 60px;
    z-index: 1
}

.Clean-Slider .slides .hero-outer .hgroup [class*="col-"]:first-child:before,
.Clean-Slider .slides .hero-outer .hgroup [class*="col-"].promo-tag:before {
    content: " ";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    -webkit-box-shadow: 6px 13px 0 -1px rgba(12, 12, 12, 0.28), 30px 12px 0 -1px rgba(4, 4, 4, 0.16), 56px 13px 0 -1px rgba(4, 4, 4, 0.16);
    box-shadow: 6px 13px 0 -1px rgba(12, 12, 12, 0.28), 30px 12px 0 -1px rgba(4, 4, 4, 0.16), 56px 13px 0 -1px rgba(4, 4, 4, 0.16);
    z-index: -1;
    opacity: .7;
    filter: alpha(opacity=70)
}

.Clean-Slider .slides .hero-outer .hgroup [class*="col-"].promo-tag:before {
    background-color: #f3c218;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)
}

.Clean-Slider .slides .hero-outer .hgroup [class*="col-"].promo-tag .promo-tag-info {
    text-align: center
}

.Clean-Slider .slides .hero-outer .hgroup [class*="col-"].promo-tag .promo-tag-info .fa,
.Clean-Slider .slides .hero-outer .hgroup [class*="col-"].promo-tag .promo-tag-info .glyphicon {
    font-size: 4em
}

.Clean-Slider .slides .hero-outer .hgroup [class*="col-"].promo-tag .promo-tag-info h4 {
    margin: 0;
    text-transform: uppercase;
    font-size: 14px
}

.Clean-Slider .slides .hero-outer .hgroup [class*="col-"].promo-tag .promo-tag-info .discount {
    font-size: 78px
}

.Clean-Slider .slides .hero-outer .hgroup [class*="col-"].promo-tag .promo-tag-info .small {
    font-size: 120%
}

.Clean-Slider .slides .hero-outer .hgroup [class*="col-"].promo-tag .promo-tag-info .coupon {
    font-size: 16px
}

.Clean-Slider .slides .hero-outer .hgroup [class*="col-"].promo-tag .promo-tag-info h4,
.Clean-Slider .slides .hero-outer .hgroup [class*="col-"].promo-tag .promo-tag-info .discount,
.Clean-Slider .slides .hero-outer .hgroup [class*="col-"].promo-tag .promo-tag-info .small,
.Clean-Slider .slides .hero-outer .hgroup [class*="col-"].promo-tag .promo-tag-info .coupon {
    font-weight: 700
}

.Clean-Slider .slides .hero-outer .hgroup [class*="col-"] ul {
    list-style: none;
    padding-left: 0
}

@media (min-width:992px) {
    .Clean-Slider .slides .hero-outer .hgroup [class*="col-"] ul li {
        font-size: 120%
    }
}

.Clean-Slider .slides .hero-outer .hgroup .sub-menu {
    margin: -82px 0 60px;
    background-color: transparent
}

.Clean-Slider .slides .hero-outer .hgroup .sub-menu .nav-tabs li {
    margin-bottom: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 100%;
    background-color: #e1af03
}

.Clean-Slider .slides .hero-outer .hgroup .sub-menu .nav-tabs li:last-child {
    border-right: 0 none
}

.Clean-Slider .slides .hero-outer .hgroup .sub-menu .nav-tabs li .fa,
.Clean-Slider .slides .hero-outer .hgroup .sub-menu .nav-tabs li .glyphicon {
    background-color: #fff;
    padding: 4px
}

.Clean-Slider .slides .hero-outer .hgroup .page-title {
    text-align: center;
    padding: 15px 0
}

.Clean-Slider .slides .hero-outer .hgroup .page-title h1 {
    position: relative;
    display: inline-block;
    font-size: 4.5vmin;
    margin-bottom: 20px;
    margin-top: 20px;
    text-transform: none;
    font-weight: 500
}

.Clean-Slider .slides .hero-outer .hgroup .page-title h1:before,
.Clean-Slider .slides .hero-outer .hgroup .page-title h1:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px
}

.Clean-Slider .slides .hero-outer .hgroup .page-title h1:before {
    width: 120%;
    height: 1px;
    background-color: #e5e5e5
}

.Clean-Slider .slides .hero-outer .hgroup .page-title h1:after {
    width: 45%;
    height: 5px;
    margin: 0 auto;
    background-color: #f3c218
}

.Clean-Slider .slides .hero-outer .hgroup .page-title h3 {
    font-style: italic;
    font-size: 3vmin;
    font-weight: 100;
    margin: 0
}

.Clean-Slider .slides .hero-outer .hgroup .page-title h4 {
    margin-top: 20px
}

@media (max-width:767px) {
    .Clean-Slider .slides .hero-outer .hgroup .flex-row {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .Clean-Slider .slides .hero-outer .hgroup .flex-row [class*="col-"] {
        width: 100%
    }
}

.Clean-Slider .slides .slide-bg {
    height: 100%;
    min-height: 100%;
    width: 100%;
    min-width: 100%;
    background-color: rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.Clean-Slider .slides .slide-bg.bg-opacity {
    z-index: 1
}

.Clean-Slider .slides .slide-bg.bg-opacity:before {
    background: #131313;
    content: "";
    z-index: -1;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    opacity: .7;
    filter: alpha(opacity=70)
}

.Clean-Slider .slides .slide-bg.top {
    background-position: top center
}

.Clean-Slider .slides .slide-bg.bottom {
    background-position: bottom center
}

.search-model {
    top: 50%;
    left: 50%;
    margin-left: -50%
}

@media (max-width:767px) {
    .search-model .modal-dialog {
        margin: 15px
    }
}

.search-model .modal-body {
    padding: 30px
}

.search-model .modal-body button.close {
    background-color: #f3c218;
    padding: 5px 15px;
    opacity: 1;
    filter: alpha(opacity=100);
    color: #fff;
    text-shadow: none;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: -15px;
    outline: 0 none !important
}

.hero {
    position: relative;
    padding: 60px 0;
    text-align: center;
    z-index: 1
}

.hero h1,
.hero h2 {
    font-size: 3em;
    margin: 0;
    font-weight: 700 !important
}

.hero h3 {
    margin-top: 0;
    font-style: italic !important;
    margin: 7.5px 0 0
}

.hero.Clean-hero {
    position: relative;
    min-height: 200px
}

@media (min-width:1400px) {
    .Clean-Slider {
        max-width: 1520px;
        margin: 0 auto;
        width: 100%
    }
}

.Clean-pricing-container {
    position: relative
}

.Clean-pricing-container .owl-carousel {
    margin-bottom: 0
}

.Clean-pricing-container .pricing-slider,
.Clean-pricing-container .pricing-box,
.Clean-pricing-container .home-products {
    position: relative;
    z-index: 2
}

.Clean-pricing-container .pricing-slider .slide-item,
.Clean-pricing-container .pricing-box .slide-item,
.Clean-pricing-container .home-products .slide-item {
    padding: 60px 10px 0
}

.Clean-pricing-container .Clean-pricing-table {
    position: relative;
    margin: 0 0 45px;
    padding: 10px 30px 15px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    color: #000;
    z-index: 2;
    -webkit-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    transition: all .3s cubic-bezier(.25, .8, .25, 1)
}

.Clean-pricing-container .Clean-pricing-table .price-small {
    font-size: 24px
}

.Clean-pricing-container .Clean-pricing-table h3,
.Clean-pricing-container .Clean-pricing-table h4 {
    display: block;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 700
}

.Clean-pricing-container .Clean-pricing-table h3 span,
.Clean-pricing-container .Clean-pricing-table h4 span {
    position: relative;
    display: inline-block
}

.Clean-pricing-container .Clean-pricing-table h3 {
    font-size: 30px
}

.Clean-pricing-container .Clean-pricing-table h4 {
    font-size: 21px
}

.Clean-pricing-container .Clean-pricing-table .desc {
    min-height: 45px;
    margin-bottom: 10px
}

.Clean-pricing-container .Clean-pricing-table .price.free {
    color: #029d62
}

.Clean-pricing-container .Clean-pricing-table .price span,
.Clean-pricing-container .Clean-pricing-table .price s,
.Clean-pricing-container .Clean-pricing-table .price del {
    font-family: 'Roboto', sans-serif;
    font-weight: 700
}

.Clean-pricing-container .Clean-pricing-table .price s,
.Clean-pricing-container .Clean-pricing-table .price del {
    font-size: 16px;
    color: #999
}

.Clean-pricing-container .Clean-pricing-table .price span {
    font-size: 37px;
    color: #d9534f;
    white-space: nowrap
}

.Clean-pricing-container .Clean-pricing-table .btn {
    margin-top: 15px;
    border-radius: 0 !important
}

@media only screen and (min-width:768px) {
    .Clean-pricing-container .Clean-pricing-table span.pull-right {
        display: none
    }
    .Clean-pricing-container .Clean-pricing-table .PriceList-toggle {
        display: none
    }
    .Clean-pricing-container .Clean-pricing-table .plan-features {
        height: auto !important
    }
    .Clean-pricing-container .Clean-pricing-table .plan-features.collapse {
        display: block !important
    }
    .Clean-pricing-container .Clean-pricing-table.fixed-height {
        min-height: 460px
    }
    .Clean-pricing-container .Clean-pricing-table h3 small,
    .Clean-pricing-container .Clean-pricing-table h4 small {
        display: none
    }
}

.Clean-pricing-container .Clean-pricing-table .plan-features {
    padding: 15px 0 0
}

.Clean-pricing-container .Clean-pricing-table .plan-features li {
    list-style: none;
    padding: 5px 0
}

@media only screen and (max-width:767px) {
    .Clean-pricing-container .Clean-pricing-table .PriceList-toggle {
        margin: 15px 0;
        cursor: pointer;
        font-weight: 700
    }
    .Clean-pricing-container .Clean-pricing-table .PriceList-toggle span:after {
        content: "\f068";
        font-family: "Font Awesome 5 Pro";
        font-size: 15px;
        float: right
    }
    .Clean-pricing-container .Clean-pricing-table .PriceList-toggle.collapsed span:after {
        content: "\f067"
    }
    .Clean-pricing-container .Clean-pricing-table .plan-features {
        padding: 0
    }
}

.Clean-pricing-container .Clean-pricing-table .table-heading {
    display: inline-block;
    background-color: #f3c218;
    color: #fff;
    padding: .08em .7em .08em .7em;
    line-height: 1.42857143;
    position: relative;
    text-transform: none;
    margin: 30px 0 0
}

.Clean-pricing-container .Clean-pricing-table .table-heading:after {
    content: "";
    background-color: #f3c218;
    position: absolute;
    top: 0;
    right: -0.1em;
    width: .2em;
    height: 1.535em;
    -webkit-transform: skew(-7deg, 0);
    transform: skew(-7deg, 0)
}

.Clean-pricing-container .Clean-pricing-table .table thead th {
    font-weight: 500;
    border-bottom: 0 none
}

.Clean-pricing-container .Clean-pricing-table .table thead th:first-child {
    font-weight: 700
}

.Clean-pricing-container .Clean-pricing-table .table th {
    text-align: center
}

.Clean-pricing-container .Clean-pricing-table .table th:first-child {
    text-align: left
}

.Clean-pricing-container .Clean-pricing-table .table tbody {
    border-collapse: separate
}

.Clean-pricing-container .Clean-pricing-table .table tbody tr {
    vertical-align: baseline;
    background-color: #f2f2f2;
    border-bottom: 10px solid #fff
}

.Clean-pricing-container .Clean-pricing-table .table tbody td {
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #fff;
    border-top: 0 none
}

.Clean-pricing-container .Clean-pricing-table .table tbody td h3,
.Clean-pricing-container .Clean-pricing-table .table tbody td h4 {
    background: transparent;
    padding: 0;
    margin: 10px 0;
    border: 0 none
}

.Clean-pricing-container .Clean-pricing-table .table tbody td:first-child {
    text-align: left;
    min-width: 135px;
    border-right: 0 none
}

.Clean-pricing-container .Clean-pricing-table .table tbody td:last-child {
    border-right: 0 none
}

@media (min-width:768px) {
    .Clean-pricing-container .Clean-pricing-table .table tbody td:first-child,
    .Clean-pricing-container .Clean-pricing-table .table tbody td:last-child {
        width: 195px
    }
    .Clean-pricing-container .Clean-pricing-table .table tbody td:first-child .server-info img {
        width: 70px;
        max-width: 70px
    }
    .Clean-pricing-container .Clean-pricing-table .table tbody td:first-child .server-info h4 {
        margin: 20px 0
    }
    .Clean-pricing-container .Clean-pricing-table .table tbody td:last-child {
        max-width: 195px
    }
}

@media only screen and (max-width:991px) {
    .Clean-pricing-container .Clean-pricing-table .table tbody td .footable-toggle {
        margin-left: 5px
    }
}

.Clean-pricing-container .Clean-pricing-table .table tbody td.server-heading {
    padding-left: 0
}

.Clean-pricing-container .Clean-pricing-table .table tbody td .server-info {
    background: #1a1a1a;
    color: #fff;
    text-align: left;
    padding: 7px;
    margin-left: -4px;
    position: relative;
    margin-right: 10px
}

.Clean-pricing-container .Clean-pricing-table .table tbody td .server-info:before {
    border-top: 4px solid transparent;
    border-right: 4px solid #1a1a1a;
    left: 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: -3px;
    width: 0
}

.Clean-pricing-container .Clean-pricing-table .table tbody td .server-info h5 {
    font-weight: 700;
    text-transform: uppercase
}

.Clean-pricing-container .Clean-pricing-table .table tbody td .server-info img {
    float: right;
    width: 50px;
    max-width: 50px
}

.Clean-pricing-container .Clean-pricing-table .table tbody td .server-info.highlight {
    border: 5px solid #fedc45;
    margin-right: 0;
    border-left: 0
}

.Clean-pricing-container .Clean-pricing-table .table tbody td .server-info.highlight:before {
    top: -8px
}

.Clean-pricing-container .Clean-pricing-table .table tbody td .server-info.highlight.success {
    border-color: #029d62
}

.Clean-pricing-container .Clean-pricing-table .table tbody td .server-info.highlight.danger {
    border-color: #d9534f
}

.Clean-pricing-container .Clean-pricing-table .table tbody td .server-info.highlight.primary {
    border-color: #f3c218
}

.Clean-pricing-container .Clean-pricing-table .table tbody td small {
    display: block
}

.Clean-pricing-container .Clean-pricing-table .table tbody td .footable-row-detail-name {
    color: #f3c218
}

.Clean-pricing-container .Clean-pricing-table .table tbody td .footable-row-detail-name,
.Clean-pricing-container .Clean-pricing-table .table tbody td .footable-row-detail-value {
    display: block
}

@media only screen and (min-width:1152px) {
    .Clean-pricing-container .Clean-pricing-table .table tbody td mark,
    .Clean-pricing-container .Clean-pricing-table .table tbody td span {
        margin-top: 7.5px
    }
}

.Clean-pricing-container .Clean-pricing-table .table tbody td.server-price {
    background-color: #1a1a1a
}

.Clean-pricing-container .Clean-pricing-table .table tbody td.server-price a {
    color: #fff
}

.Clean-pricing-container .Clean-pricing-table .table tbody td.server-price .price {
    color: #fff
}

.Clean-pricing-container .Clean-pricing-table .table tbody td.server-price .price span {
    color: #fff
}

.Clean-pricing-container .Clean-pricing-table .table tbody td.server-price .btn {
    margin: 0
}

@media only screen and (max-width:597px) {
    .Clean-pricing-container .Clean-pricing-table .table tbody td .footable-row-detail-row:last-child {
        margin-top: 15px
    }
}

.Clean-pricing-container .Clean-pricing-table .table tbody td .btn {
    margin: 15px 0 0;
    border-radius: 0 !important
}

@media (min-width:768px) {
    .Clean-pricing-container .Clean-pricing-table .table.ssl tbody td:first-child .server-info h4 {
        text-transform: none
    }
}

.Clean-pricing-container .Clean-pricing-table .table.ssl tbody td.company {
    width: 150px;
    max-width: 150px
}

.Clean-pricing-container .Clean-pricing-table .table.ssl tbody td img {
    max-width: 120px;
    width: 120px
}

@media (min-width:992px) {
    .Clean-pricing-container .Clean-pricing-table:hover,
    .Clean-pricing-container .Clean-pricing-table:focus {
        -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22)
    }
    .Clean-pricing-container .Clean-pricing-table.popular,
    .Clean-pricing-container .Clean-pricing-table.active {
        margin-left: 10px;
        margin-right: 10px;
        -webkit-transform: scale(1.09);
        transform: scale(1.09)
    }
}

.Clean-pricing-container .Clean-pricing-table.no-animation {
    padding: 10px 30px 15px
}

.Clean-pricing-container .Clean-pricing-table.no-animation:hover,
.Clean-pricing-container .Clean-pricing-table.no-animation:focus {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)
}

.tab-pane .plan-specs [class*='col-'] {
    border: 1px solid #e5e5e5;
    background: #fff;
    border-width: 1px 1px 1px 0;
    min-height: 117px;
    display: block;
    height: auto;
    background-color: #f2f2f2
}

.tab-pane .plan-specs [class*='col-']:first-child {
    border-width: 1px
}

.tab-pane .plan-specs [class*='col-']:last-child {
    border-width: 1px;
    border-color: #f3c218;
    background: #f3c218;
    color: #fff
}

.tab-pane .plan-specs [class*='col-']:last-child:before {
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    background-color: inherit;
    margin-right: -15px;
    top: 50%;
    margin-top: -13px;
    right: 100%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1
}

.tab-pane .plan-specs [class*='col-']:last-child h2 {
    color: #fff;
    line-height: 60px;
    margin: 10px 0 0
}

.tab-pane .plan-specs .description,
.tab-pane .plan-specs .pricing {
    padding: 15px 0;
    text-align: center
}

.tab-pane .plan-specs .description h2,
.tab-pane .plan-specs .pricing h2 {
    font-size: 17px;
    font-weight: 700;
    color: #000;
    margin-top: 0
}

.tab-pane .plan-specs .pricing h2 {
    line-height: 60px;
    margin: 10px 0 0
}

.tab-pane .plan-specs .pricing h2 span {
    font-size: 16px;
    font-weight: normal;
    color: #000
}

.tab-pane .plan-specs .order-now {
    text-align: center;
    line-height: 113px;
    display: block;
    color: #fff;
    font-size: 14px
}

.tab-pane .plan-specs .order-now:hover,
.tab-pane .plan-specs .order-now:focus,
.tab-pane .plan-specs .order-now:active {
    text-decoration: none;
    background: #03b4ff
}

.tab-pane .plan-specs .order-now.bg-secondary:hover,
.tab-pane .plan-specs .order-now.bg-secondary:focus,
.tab-pane .plan-specs .order-now.bg-secondary:active {
    background: #ff8550 !important
}

.tab-pane .plan-specs .order-now.bg-success:hover,
.tab-pane .plan-specs .order-now.bg-success:focus,
.tab-pane .plan-specs .order-now.bg-success:active {
    background: #94c165 !important
}

.tab-pane .plan-specs .order-now.bg-danger:hover,
.tab-pane .plan-specs .order-now.bg-danger:focus,
.tab-pane .plan-specs .order-now.bg-danger:active {
    background: #df706c !important
}

.tab-pane .plan-specs .order-now.bg-warning:hover,
.tab-pane .plan-specs .order-now.bg-warning:focus,
.tab-pane .plan-specs .order-now.bg-warning:active {
    background: #f3bc6f !important
}

.tab-pane .plan-specs .order-now.bg-info:hover,
.tab-pane .plan-specs .order-now.bg-info:focus,
.tab-pane .plan-specs .order-now.bg-info:active {
    background: #79cbe4 !important
}

.tab-pane .plan-specs .order-now.inverse:hover,
.tab-pane .plan-specs .order-now.dark:hover,
.tab-pane .plan-specs .order-now.gray:hover,
.tab-pane .plan-specs .order-now.inverse:focus,
.tab-pane .plan-specs .order-now.dark:focus,
.tab-pane .plan-specs .order-now.gray:focus,
.tab-pane .plan-specs .order-now.inverse:active,
.tab-pane .plan-specs .order-now.dark:active,
.tab-pane .plan-specs .order-now.gray:active {
    background: #252525 !important
}

@media (min-width:992px) {
    .tab-pane .plan-specs .description h2,
    .tab-pane .plan-specs .pricing h2 {
        font-size: 28px
    }
    .tab-pane .plan-specs .order-now {
        font-size: 18px
    }
}

@media (max-width:991px) {
    .tab-pane .plan-specs [class*='col-']:last-child:before {
        display: none
    }
}

@media (max-width:767px) {
    .tab-pane .plan-specs [class*='col-'] {
        border-width: 0 1px 1px
    }
    .tab-pane .plan-specs [class*='col-']:first-child {
        border-width: 1px
    }
    .tab-pane .plan-specs [class*='col-']:last-child {
        border-width: 0 1px 1px
    }
    .tab-pane .plan-specs .order-now {
        font-size: 28px
    }
    .tab-pane .plan-specs .description h2,
    .tab-pane .plan-specs .pricing h2 {
        font-size: 28px
    }
}

@media only screen and (max-width:767px) {
    .Clean-tabsbar .mobile-tab-headings {
        background-color: #f3c218;
        border-color: #f3c218;
        color: #fff;
        cursor: pointer;
        margin: 0;
        white-space: nowrap;
        height: 100%;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333
    }
}

.mobile-tab-headings {
    display: none
}

@media only screen and (max-width:767px) {
    .mobile-tab-headings {
        width: 100%;
        display: block
    }
}

@media only screen and (max-width:767px) {
    .mobile-tab-headings+.nav-tabs {
        display: none
    }
}

.profile-pic {
    display: block;
    padding: 3px;
    border: 1px solid #f2f2f2;
    background: #fff;
    margin-bottom: 5px
}

.profile-pic img {
    width: 100%;
    max-width: 100%
}

.profile-pic :after,
.profile-pic :before {
    content: "";
    height: 4px;
    position: absolute;
    right: 0;
    top: -5px
}

.profile-pic :before {
    border-left: 35px solid #029d62;
    border-right: 34px solid #5bc0de;
    margin: 0 30px 0 0
}

.profile-pic :after {
    border-left: 34px solid #f3c218;
    border-right: 35px solid #1a1a1a;
    margin: 0 99px 0 0
}

.slimScrollBar {
    border-radius: 0 !important;
    background-color: #f3c218 !important
}

.slimScrollRail {
    border-radius: 0 !important
}

.pace .pace-progress {
    background: #f3c218;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 3px;
    -webkit-transition: width 1s;
    transition: width 1s
}

.pace-inactive {
    display: none
}

#colorbox:focus,
#colorbox:active {
    outline: none
}

#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight {
    background: none !important;
    opacity: 0
}

#cboxContent {
    border: 12px solid #131313;
    background-color: #fff;
    padding: 7px
}

#cboxOverlay {
    background: rgba(0, 0, 0, 0.95);
    background: #000
}

#cboxCurrent {
    left: 64px;
    margin-bottom: 4px;
    font-size: 14px
}

#cboxTitle {
    margin-bottom: 4px;
    font-size: 14px;
    color: #555
}

#cboxNext,
#cboxPrevious,
#cboxClose {
    background: none;
    text-indent: 0;
    width: 26px;
    height: 26px;
    line-height: 22px;
    padding: 0 4px;
    text-align: center;
    border: 2px solid #f2f2f2;
    border-radius: 16px;
    color: #666;
    font-size: 12px;
    margin-left: 5px;
    margin-bottom: 5px
}

#cboxNext:hover,
#cboxPrevious:hover {
    color: #555;
    border-color: #e5e5e5
}

#cboxContent {
    overflow: visible
}

#cboxClose {
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 32px;
    color: #fff;
    font-size: 21px;
    height: 28px;
    width: 28px;
    padding-bottom: 2px;
    margin-left: 0;
    right: -14px;
    top: -14px
}

#cboxLoadingOverlay {
    background: none !important
}

#cboxLoadingGraphic {
    background: #fff none !important;
    text-align: center
}

#cboxLoadingGraphic>[class*="fa-"] {
    display: inline-block;
    background-color: #fff;
    border-radius: 8px;
    width: 32px;
    height: 32px;
    position: relative;
    top: 48%;
    text-align: center;
    vertical-align: middle;
    font-size: 24px;
    color: #f0ad4e
}

.daterangepicker .ranges li {
    color: #999;
    border-radius: 0
}

.daterangepicker .ranges li:hover,
.daterangepicker .ranges li.active {
    background: #f3c218;
    border: 1px solid transparent
}

.daterangepicker .calendar-date {
    border-radius: 0
}

.select2-container-multi .select2-choices .select2-search-choice {
    border: 1px solid #e5e5e5;
    background-color: #fff
}

.Clean-team-member {
    margin-bottom: 15px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)
}

.Clean-team-member .profile-card {
    width: 100%;
    position: relative;
    overflow: hidden;
    color: #fff;
    text-align: center
}

.Clean-team-member .profile-card .animate {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.Clean-team-member .profile-card>img {
    background: rgba(0, 0, 0, 0.5);
    opacity: .7
}

.Clean-team-member .profile-card .profile-card-details {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -100%;
    left: 0;
    padding: 0 15px;
    color: #fff
}

.Clean-team-member .profile-card .profile-card-details .profile-card-header {
    width: 100%;
    height: 100%;
    height: auto;
    position: absolute;
    bottom: -100%;
    bottom: 100%;
    left: 0;
    padding: 10px 5px;
    background: rgba(0, 0, 0, 0.7)
}

.Clean-team-member .profile-card .profile-card-details .profile-card-header h4,
.Clean-team-member .profile-card .profile-card-details .profile-card-header span {
    margin: 0;
    padding: 0
}

.Clean-team-member .profile-card .profile-card-details .profile-card-detail .social {
    list-style: none;
    padding: 0;
    margin-top: 25px
}

.Clean-team-member .profile-card .profile-card-details .profile-card-detail .social li {
    padding: 0;
    display: inline-block
}

.Clean-team-member .profile-card .profile-card-details::-webkit-scrollbar {
    width: 8px
}

.Clean-team-member .profile-card .profile-card-details::-webkit-scrollbar-button {
    width: 8px;
    height: 0
}

.Clean-team-member .profile-card .profile-card-details::-webkit-scrollbar-track {
    background: transparent
}

.Clean-team-member .profile-card .profile-card-details::-webkit-scrollbar-thumb {
    background: none
}

.Clean-team-member .profile-card .profile-card-details::-webkit-scrollbar-thumb:hover {
    background: none
}

.Clean-team-member:hover .profile-card-details {
    bottom: 0;
    overflow: auto;
    padding-bottom: 15px;
    background: rgba(0, 0, 0, 0.7)
}

.Clean-team-member:hover .profile-card-details .profile-card-header {
    position: relative;
    bottom: 0;
    padding-top: 45px;
    padding-bottom: 25px;
    background: none
}

.Clean-team-member .profile-discription {
    padding: 15px;
    cursor: pointer;
    display: none
}

.Clean-box {
    margin-bottom: 15px
}

.Clean-box a,
.Clean-box:hover,
.Clean-box:active,
.Clean-box:focus {
    text-decoration: none !important
}

.Clean-box .media {
    padding: 10px 0
}

.Clean-box .media .pull-left {
    margin-right: 0
}

.Clean-box .border-right,
.Clean-box.border-right {
    border-right: 1px dotted #e5e5e5 !important
}

@media (max-width:991px) {
    .Clean-box .border-right,
    .Clean-box.border-right {
        border-right: 1px dotted transparent !important
    }
}

.Clean-box .media-body {
    padding-right: 10px;
    padding-left: 10px
}

.Clean-box .media-body .media-heading {
    font-weight: 700
}

.Clean-box .icon-box {
    font-size: 26px;
    width: 50px;
    height: 50px;
    line-height: 45px;
    border: 2px solid #e5e5e5;
    border-radius: 100%;
    margin: 0 auto;
    text-align: center;
    padding-right: 0
}

.Clean-box.s2 {
    padding: 20px 15px;
    text-align: center;
    margin-bottom: 15px;
    -webkit-box-shadow: 1px solid #e5e5e5;
    box-shadow: 1px solid #e5e5e5
}

.Clean-box.s2 [class*="fa-"],
.Clean-box.s2 [class*="glyphicon-"] {
    font-size: 5em
}

.Clean-box.s2:hover,
.Clean-box.s2:focus,
.Clean-box.s2.active {
    color: #fff;
    background: #f3c218
}

.Clean-box.s2:hover [class*="fa-"],
.Clean-box.s2:focus [class*="fa-"],
.Clean-box.s2.active [class*="fa-"],
.Clean-box.s2:hover [class*="glyphicon-"],
.Clean-box.s2:focus [class*="glyphicon-"],
.Clean-box.s2.active [class*="glyphicon-"] {
    border-color: #fff;
    color: #fff
}

.Clean-box.s3 {
    text-align: center;
    padding: 15px
}

.Clean-box.s3 [class*="fa-"],
.Clean-box.s3 [class*="glyphicon-"] {
    font-size: 5em
}

.feature-container {
    background-color: #fff;
    padding: 60px 30px 30px;
    margin-top: -120px;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    border-top: 0 none;
    position: relative;
    z-index: 3
}

.counter-items {
    background-color: #f2f2f2;
    padding: 30px;
    margin: 30px -30px -30px;
    border-top: 1px solid #e5e5e5
}

.counter-items .counter-item {
    position: relative
}

.counter-items .counter-item:after {
    content: " ";
    position: absolute;
    top: 20px;
    right: 32px;
    bottom: 15px;
    width: 3px;
    background-color: #f3c218;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    opacity: .75;
    filter: alpha(opacity=75)
}

.counter-items .counter-item:last-child:after {
    opacity: 0;
    filter: alpha(opacity=0)
}

.counter-items .counter-item h4,
.counter-items .counter-item h3,
.counter-items .counter-item p {
    margin-bottom: 0
}

.counter-items .counter-item h3,
.counter-items .counter-item h4 {
    font-size: 48px;
    line-height: 52px;
    font-weight: 700
}

.counter-items .counter-item p {
    font-size: 13px
}

.counter-items .counter-item [class*="fa-"],
.counter-items .counter-item [class*="glyphicon-"] {
    position: absolute;
    font-size: 72px;
    line-height: 72px;
    opacity: .1;
    filter: alpha(opacity=10);
    z-index: 1
}

@media (min-width:480px) {
    .counter-items .counter-item p {
        font-size: 18px
    }
}

@media only screen and (max-width:991px) {
    .counter-items .counter-item {
        margin-bottom: 15px;
        overflow: hidden
    }
    .counter-items .counter-item:after {
        display: none
    }
}

.Clean-feed-container {
    margin: 70px 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)
}

.Clean-feed-container.margin-up {
    margin-top: -110px
}

.Clean-container {
    position: relative;
    margin: 30px 0;
    padding: 0 30px;
    background-color: #fff;
    border-top-width: 10px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    z-index: 3
}

.partners-slider .owl-item img {
    opacity: .5;
    filter: alpha(opacity=50)
}

.partners-slider .owl-item img:hover,
.partners-slider .owl-item img:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}

.fill-heading-lg,
.fill-heading-small {
    font-family: 'Roboto', sans-serif;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.55);
    display: inline-block;
    letter-spacing: 1px;
    padding: 10px
}

.fill-heading-lg {
    font-size: 37px;
    line-height: 37px
}

.fill-heading-small {
    font-size: 27px;
    line-height: 27px
}

@media (max-width:480px) {
    .fill-heading-lg,
    .fill-heading-small {
        font-size: 17px;
        line-height: 17px
    }
}

mark {
    background-color: #fedc45;
    color: #000;
    display: inline-block;
    padding: .08em .2em;
    margin: -0.08em 0;
    position: relative;
    line-height: 1.42857143;
    font-weight: 700
}

mark a {
    color: #000 !important;
    text-decoration: underline
}

mark:after {
    content: "";
    background-color: #fedc45;
    position: absolute;
    top: 0;
    right: -0.1em;
    width: .2em;
    height: 1.535em;
    -webkit-transform: skew(-7deg, 0);
    transform: skew(-7deg, 0)
}

.sticker-wrapper {
    position: absolute;
    top: -3px;
    right: 15px
}

.sticker-wrapper .sticker {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    text-align: center;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
    position: relative;
    left: 0;
    top: -20px;
    background-color: #fedc45;
    white-space: nowrap;
    border-radius: 25px 0 0 0;
    border: 3px solid #fff !important;
    padding: 7.5px 15px
}

.call-action {
    position: absolute;
    top: 12px;
    right: 15px;
    z-index: 3
}

@media (min-width:992px) {
    .call-action {
        top: 10px
    }
}

.call-action .massage {
    position: relative;
    color: #000;
    text-align: center;
    background: url(../../images/call-action.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    white-space: nowrap;
    padding: 20px;
    margin: 0
}

.call-action .massage h4 {
    font-weight: 700 !important;
    margin: 0
}

.Clean-image-box {
    position: relative;
    padding: 15px;
    border: 1px solid #e5e5e5;
    background: #f2f2f2
}

.Clean-image-box:after,
.Clean-image-box:before {
    content: "";
    height: 4px;
    position: absolute;
    right: 0;
    top: -5px
}

.Clean-image-box:before {
    border-left: 35px solid #029d62;
    border-right: 34px solid #e1af03;
    margin: 0 30px 0 0
}

.Clean-image-box:after {
    border-left: 34px solid #f3c218;
    border-right: 35px solid #1a1a1a;
    margin: 0 99px 0 0
}

.landing-page .nav-tabs {
    margin-bottom: 0
}

@media (min-width:991px) {
    .vertical-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .vertical-align [class^="col-"]:last-child,
    .vertical-align [class*=" col-"]:last-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width:992px) {
    .zig-zag-row {
        table-layout: fixed;
        display: table;
        width: 100%
    }
    .zig-zag-row [class^="col-"].data-blocks-g,
    .zig-zag-row [class*=" col-"].data-blocks-g {
        display: table-cell;
        vertical-align: middle;
        float: none
    }
}

.Clean-thumbnail-frame {
    float: none;
    position: relative;
    vertical-align: top;
    cursor: pointer
}

.Clean-thumbnail-frame .Clean-image-box {
    padding: 3px;
    border: 1px solid #e5e5e5
}

.Clean-thumbnail-frame .Clean-thumbnail-bottom-desc {
    position: absolute;
    bottom: 0;
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    left: 4px;
    right: 4px;
    bottom: 4px
}

.Clean-thumbnail-frame .Clean-thumbnail-frame__play {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 108px;
    height: 62px;
    background: #e1af03 url(../../images/play.png) no-repeat center;
    z-index: 1;
    cursor: pointer;
    opacity: .7;
    filter: alpha(opacity=70);
    -webkit-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    transition: all .3s cubic-bezier(.25, .8, .25, 1)
}

.Clean-panel {
    border: 0 none;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.Clean-panel .panel-heading {
    padding: 0;
    z-index: 2;
    position: relative
}

.Clean-panel .panel-heading a {
    text-decoration: none;
    outline: 0;
    padding: 15px;
    padding-right: 50px;
    display: block;
    position: relative;
    color: #393939
}

.Clean-panel .panel-heading a .icon {
    text-align: right;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -9px
}

.Clean-panel .panel-heading a .icon i {
    width: 19px;
    height: 19px;
    position: relative;
    float: right;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.Clean-panel .panel-heading a .icon i:before {
    position: absolute;
    top: 0;
    left: 8px;
    width: 3px;
    height: 19px;
    background: #f3c218;
    content: ''
}

.Clean-panel .panel-heading a .icon i:after {
    position: absolute;
    top: 8px;
    left: 0;
    width: 19px;
    height: 3px;
    background: #f3c218;
    content: ''
}

.Clean-panel .panel-heading a.collapsed .icon i {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.Clean-panel .panel-heading+.panel-collapse .panel-body {
    border-top: 0 none
}

.Clean-panel .panel-body {
    padding-bottom: 30px;
    word-wrap: break-word
}

.Clean-panel .panel-body p {
    margin-bottom: 20px
}

.Clean-panel .panel-body .addon {
    color: #393939
}

.Clean-panel .panel-body .addon [class*="fa-"],
.Clean-panel .panel-body .addon [class*="glyphicon-"] {
    color: #f3c218
}

.Clean-panel .panel-body .addon h4 {
    font-weight: 700
}

.Clean-panel .panel-body .addon:hover,
.Clean-panel .panel-body .addon:focus {
    text-decoration: none !important
}

.Clean-panel .panel-body .addon:hover [class*="fa-"],
.Clean-panel .panel-body .addon:focus [class*="fa-"],
.Clean-panel .panel-body .addon:hover [class*="glyphicon-"],
.Clean-panel .panel-body .addon:focus [class*="glyphicon-"] {
    color: #393939
}

.Clean-panel.panel {
    font-size: 14px
}

@media (min-width:992px) {
    .Clean-panel .panel-heading a {
        padding: 30px;
        padding-right: 90px
    }
    .Clean-panel .panel-body {
        padding: 30px;
        padding-right: 90px
    }
}

.Clean-extra-addons {
    padding: 45px 0 190px
}

.Clean-extra-addons .addon {
    margin-bottom: 15px
}

.Clean-extra-addons .addon header h3 {
    font-size: 21px
}

.Clean-extra-addons .addon header p {
    font-size: 120%;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px
}

.checklist.list-inline li {
    padding: 0 7.5px;
    border-right: 1px dotted #e5e5e5
}

.checklist.list-inline li:first-child {
    padding-left: 0
}

.checklist.list-inline li:last-child {
    border-right: 0 none
}

.checklist li {
    position: relative;
    list-style: none;
    padding: 5px 0 0 20px
}

.checklist li:before {
    position: absolute;
    content: "\f00c";
    margin-right: 4px;
    font-family: "Font Awesome 5 Pro";
    color: #f3c218;
    font-size: 15px;
    left: 0
}

.checklist.secondary li:before {
    color: #e1af03
}