/*
Theme Name: Karb Maid
Theme URI: 
Author: DuongNguyen
Author URI: 
Description: Karb brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1..0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: karb
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*@import url(assets/css/icons/font-awesome/css/fontawesome-all.min.css);
@import url(assets/css/icons/simple-line-icons/css/simple-line-icons.css);
@import url(assets/css/icons/weather-icons/css/weather-icons.min.css);
@import url(assets/css/icons/linea-icons/linea.css);
@import url(assets/css/icons/themify-icons/themify-icons.css);
@import url(assets/css/icons/flag-icon-css/flag-icon.min.css);
@import url(assets/css/icons/material-design-iconic-font/css/materialdesignicons.min.css);*/



html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

:focus {
    /* remember to define focus styles! */
    outline: 0;
}

html,
body {
    height: 100%;
}

body {
    color: #333333;
    background-color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    overflow-x: hidden;
}

ul {
    list-style: none;
}

table {
    /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

a {
    color: #62748F;
    transition: color 0.4s linear;
    -moz-transition: color 0.4s linear;
    -webkit-transition: color 0.4s linear;
    -o-transition: color 0.4s linear;
}

a img {
    border: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

embed,
iframe,
object,
video {
    max-width: 100%;
    min-height: 180px;
}
#fb-root iframe{
    min-height: unset;
}

a:hover,
a:focus {
    color: #ADADAD;
    text-decoration: none;
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-family: 'Open Sans', sans-serif;
}

h1 {
    font-size: 36px;
    line-height: 1.3em;
    margin-bottom: 13px;
}

h2 {
    font-size: 28px;
    line-height: 1.3em;
    margin-bottom: 13px;
}

h3 {
    font-size: 24px;
    line-height: 1.3em;
    margin-bottom: 13px;
}

h4 {
    font-size: 18px;
    line-height: 1.3em;
    margin-bottom: 13px;
}

h5 {
    font-size: 14px;
    line-height: 1em;
    margin-bottom: 13px;
}

h6 {
    font-size: 12px;
    line-height: 1em;
    margin-bottom: 13px;
}

/*label, .label{
    padding: .4em .6em .4em;
    font-weight: normal;
    margin-left:13px;
}*/

code {
    white-space: normal;
}

small,
.small {
    font-size: 100%;
}

div {
    box-sizing: border-box;
}

.jq-icon-info {
    background-color: #1e88e5;
    color: #ffffff
}

.jq-icon-success {
    background-color: #3cd217;
    color: #ffffff
}

.jq-icon-error {
    background-color: #fc4b6c;
    color: #ffffff
}

.jq-icon-warning {
    background-color: #ffb22b;
    color: #ffffff
}

/*******************
Buttons
******************/
.btn {
    padding: 7px 12px;
    font-size: 14px;
    cursor: pointer;
}

.btn-group label {
    color: #ffffff !important;
    margin-bottom: 0px;
}

.btn-group label.btn-secondary {
    color: #67757c !important;
}

.btn-lg {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
}

.btn-md {
    padding: 12px 55px;
    font-size: 16px;
}

.btn-circle {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    padding: 10px;
}

.btn-circle.btn-sm {
    width: 35px;
    height: 35px;
    padding: 8px 10px;
    font-size: 14px;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 14px 15px;
    font-size: 18px;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 14px 15px;
    font-size: 24px;
}

.btn-sm {
    padding: .25rem .5rem;
    font-size: 12px;
}

.btn-xs {
    padding: .25rem .5rem;
    font-size: 10px;
}

.button-list button,
.button-list a {
    margin: 5px 12px 5px 0;
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.btn-rounded {
    border-radius: 60px;
    padding: 7px 18px;
}

.btn-rounded.btn-lg {
    padding: .75rem 1.5rem;
}

.btn-rounded.btn-sm {
    padding: .25rem .5rem;
    font-size: 12px;
}

.btn-rounded.btn-xs {
    padding: .25rem .5rem;
    font-size: 10px;
}

.btn-rounded.btn-md {
    padding: 12px 35px;
    font-size: 16px;
}

.btn-secondary,
.btn-secondary.disabled {
    background: #ffffff;
    border: 1px solid #727b84;
    color: #727b84;
}

.btn-secondary:hover,
.btn-secondary.disabled:hover {
    background: #727b84;
    opacity: 0.7;
    border: 1px solid #727b84;
}

.btn-secondary.active,
.btn-secondary:focus,
.btn-secondary.disabled.active,
.btn-secondary.disabled:focus {
    background: #727b84;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #ffffff;
}

.btn-primary,
.btn-primary.disabled {
    background: #7460ee;
    border: 1px solid #7460ee;
    -webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
    box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.btn-primary:hover,
.btn-primary.disabled:hover {
    background: #7460ee;
    -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
    box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
    border: 1px solid #7460ee;
}

.btn-primary.active,
.btn-primary:focus,
.btn-primary.disabled.active,
.btn-primary.disabled:focus {
    background: #6352ce;
    -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
    box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
}

.btn-themecolor,
.btn-themecolor.disabled {
    background: #009efb;
    color: #ffffff;
    border: 1px solid #009efb;
}

.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
    background: #009efb;
    opacity: 0.7;
    border: 1px solid #009efb;
}

.btn-themecolor.active,
.btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
    background: #028ee1;
}

.btn-success,
.btn-success.disabled {
    background: #26c6da;
    border: 1px solid #26c6da;
    -webkit-box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12);
    box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.btn-success:hover,
.btn-success.disabled:hover {
    background: #26c6da;
    -webkit-box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
    box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
    border: 1px solid #26c6da;
}

.btn-success.active,
.btn-success:focus,
.btn-success.disabled.active,
.btn-success.disabled:focus {
    background: #1eacbe;
    -webkit-box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
    box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
}

.btn-info,
.btn-info.disabled {
    background: #1e88e5;
    border: 1px solid #1e88e5;
    -webkit-box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
    box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.btn-info:hover,
.btn-info.disabled:hover {
    background: #1e88e5;
    border: 1px solid #1e88e5;
    -webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
    box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
}

.btn-info.active,
.btn-info:focus,
.btn-info.disabled.active,
.btn-info.disabled:focus {
    background: #028ee1;
    -webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
    box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
}

.btn-warning,
.btn-warning.disabled {
    background: #ffb22b;
    color: #ffffff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(248, 194, 0, 0.14), 0 3px 1px -2px rgba(248, 194, 0, 0.2), 0 1px 5px 0 rgba(248, 194, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(248, 194, 0, 0.14), 0 3px 1px -2px rgba(248, 194, 0, 0.2), 0 1px 5px 0 rgba(248, 194, 0, 0.12);
    border: 1px solid #ffb22b;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.btn-warning:hover,
.btn-warning.disabled:hover {
    background: #ffb22b;
    color: #ffffff;
    -webkit-box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);
    box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);
    border: 1px solid #ffb22b;
}

.btn-warning.active,
.btn-warning:focus,
.btn-warning.disabled.active,
.btn-warning.disabled:focus {
    background: #e9ab2e;
    -webkit-box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);
    box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);
}

.btn-danger,
.btn-danger.disabled {
    background: #fc4b6c;
    border: 1px solid #fc4b6c;
    -webkit-box-shadow: 0 2px 2px 0 rgba(239, 83, 80, 0.14), 0 3px 1px -2px rgba(239, 83, 80, 0.2), 0 1px 5px 0 rgba(239, 83, 80, 0.12);
    box-shadow: 0 2px 2px 0 rgba(239, 83, 80, 0.14), 0 3px 1px -2px rgba(239, 83, 80, 0.2), 0 1px 5px 0 rgba(239, 83, 80, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.btn-danger:hover,
.btn-danger.disabled:hover {
    background: #fc4b6c;
    -webkit-box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
    box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
    border: 1px solid #fc4b6c;
}

.btn-danger.active,
.btn-danger:focus,
.btn-danger.disabled.active,
.btn-danger.disabled:focus {
    background: #e6294b;
    -webkit-box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
    box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
}

.btn-inverse,
.btn-inverse.disabled {
    background: #2f3d4a;
    border: 1px solid #2f3d4a;
    color: #ffffff;
}

.btn-inverse:hover,
.btn-inverse.disabled:hover {
    background: #2f3d4a;
    opacity: 0.7;
    color: #ffffff;
    border: 1px solid #2f3d4a;
}

.btn-inverse.active,
.btn-inverse:focus,
.btn-inverse.disabled.active,
.btn-inverse.disabled:focus {
    background: #232a37;
    color: #ffffff;
}

.btn-red,
.btn-red.disabled {
    background: #fb3a3a;
    border: 1px solid #fb3a3a;
    color: #ffffff;
}

.btn-red:hover,
.btn-red.disabled:hover {
    opacity: 0.7;
    border: 1px solid #fb3a3a;
    background: #fb3a3a;
}

.btn-red.active,
.btn-red:focus,
.btn-red.disabled.active,
.btn-red.disabled:focus {
    background: #e6294b;
}

.btn-outline-secondary {
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
    box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    -webkit-box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
    box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
}

.btn-outline-secondary.active,
.btn-outline-secondary:focus {
    -webkit-box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
    box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
}

.btn-outline-primary {
    color: #7460ee;
    background-color: #ffffff;
    border-color: #7460ee;
    -webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
    box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary.focus {
    background: #7460ee;
    -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
    box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
    color: #ffffff;
    border-color: #7460ee;
}

.btn-outline-primary.active,
.btn-outline-primary:focus {
    -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
    box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
}

.btn-outline-success {
    color: #26c6da;
    background-color: transparent;
    border-color: #26c6da;
    -webkit-box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12);
    box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success.focus {
    background: #26c6da;
    border-color: #26c6da;
    color: #ffffff;
    -webkit-box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
    box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
}

.btn-outline-success.active,
.btn-outline-success:focus {
    -webkit-box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
    box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
}

.btn-outline-info {
    color: #1e88e5;
    background-color: transparent;
    border-color: #1e88e5;
    -webkit-box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
    box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info.focus {
    background: #1e88e5;
    border-color: #1e88e5;
    color: #ffffff;
    -webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
    box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
}

.btn-outline-info.active,
.btn-outline-info:focus {
    -webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
    box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
}

.btn-outline-warning {
    color: #ffb22b;
    background-color: transparent;
    border-color: #ffb22b;
    -webkit-box-shadow: 0 2px 2px 0 rgba(248, 194, 0, 0.14), 0 3px 1px -2px rgba(248, 194, 0, 0.2), 0 1px 5px 0 rgba(248, 194, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(248, 194, 0, 0.14), 0 3px 1px -2px rgba(248, 194, 0, 0.2), 0 1px 5px 0 rgba(248, 194, 0, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning.focus {
    background: #ffb22b;
    border-color: #ffb22b;
    color: #ffffff;
    -webkit-box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);
    box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);
}

.btn-outline-warning.active,
.btn-outline-warning:focus {
    -webkit-box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);
    box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);
}

.btn-outline-danger {
    color: #fc4b6c;
    background-color: transparent;
    border-color: #fc4b6c;
    -webkit-box-shadow: 0 2px 2px 0 rgba(239, 83, 80, 0.14), 0 3px 1px -2px rgba(239, 83, 80, 0.2), 0 1px 5px 0 rgba(239, 83, 80, 0.12);
    box-shadow: 0 2px 2px 0 rgba(239, 83, 80, 0.14), 0 3px 1px -2px rgba(239, 83, 80, 0.2), 0 1px 5px 0 rgba(239, 83, 80, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger.focus {
    background: #fc4b6c;
    border-color: #fc4b6c;
    color: #ffffff;
    -webkit-box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
    box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
}

.btn-outline-danger.active,
.btn-outline-danger:focus {
    -webkit-box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
    box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
}

.btn-outline-red {
    color: #fb3a3a;
    background-color: transparent;
    border-color: #fb3a3a;
}

.btn-outline-red:hover,
.btn-outline-red:focus,
.btn-outline-red.focus {
    background: #fb3a3a;
    border-color: #fb3a3a;
    color: #ffffff;
    -webkit-box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
    box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
}

.btn-outline-red.active,
.btn-outline-red:focus {
    -webkit-box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
    box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
}

.btn-outline-inverse {
    color: #2f3d4a;
    background-color: transparent;
    border-color: #2f3d4a;
}

.btn-outline-inverse:hover,
.btn-outline-inverse:focus,
.btn-outline-inverse.focus {
    background: #2f3d4a;
    border-color: #2f3d4a;
    color: #ffffff;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus {
    background-color: #6352ce;
    border: 1px solid #6352ce;
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success.focus:active,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover,
.btn-success.focus,
.btn-success:focus {
    background-color: #1eacbe;
    border: 1px solid #1eacbe;
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info.focus:active,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.dropdown-toggle.btn-info.focus,
.open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover,
.btn-info.focus,
.btn-info:focus {
    background-color: #028ee1;
    border: 1px solid #028ee1;
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning.focus:active,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.dropdown-toggle.btn-warning.focus,
.open>.dropdown-toggle.btn-warning:focus,
.open>.dropdown-toggle.btn-warning:hover,
.btn-warning.focus,
.btn-warning:focus {
    background-color: #e9ab2e;
    border: 1px solid #e9ab2e;
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger.focus:active,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.dropdown-toggle.btn-danger.focus,
.open>.dropdown-toggle.btn-danger:focus,
.open>.dropdown-toggle.btn-danger:hover,
.btn-danger.focus,
.btn-danger:focus {
    background-color: #e6294b;
    border: 1px solid #e6294b;
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.focus,
.btn-inverse:active,
.btn-inverse:focus,
.btn-inverse:hover,
.open>.dropdown-toggle.btn-inverse {
    background-color: #232a37;
    border: 1px solid #232a37;
}

.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.btn-red.focus,
.btn-red:active,
.btn-red:focus,
.btn-red:hover,
.open>.dropdown-toggle.btn-red {
    background-color: #d61f1f;
    border: 1px solid #d61f1f;
    color: #ffffff;
}

.button-box .btn {
    margin: 0 8px 8px 0px;
}

.btn-label {
    background: rgba(0, 0, 0, 0.05);
    display: inline-block;
    margin: -6px 12px -6px -14px;
    padding: 7px 15px;
}

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

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

.btn-linkedin {
    color: #ffffff;
    background-color: #007bb6;
}

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

.btn-googleplus {
    color: #ffffff;
    background-color: #dd4b39;
}

.btn-instagram {
    color: #ffffff;
    background-color: #3f729b;
}

.btn-pinterest {
    color: #ffffff;
    background-color: #cb2027;
}

.btn-dropbox {
    color: #ffffff;
    background-color: #007ee5;
}

.btn-flickr {
    color: #ffffff;
    background-color: #ff0084;
}

.btn-tumblr {
    color: #ffffff;
    background-color: #32506d;
}

.btn-skype {
    color: #ffffff;
    background-color: #00aff0;
}

.btn-youtube {
    color: #ffffff;
    background-color: #bb0000;
}

.btn-github {
    color: #ffffff;
    background-color: #171515;
}


/**/
/* Remove default checkbox */
[type=checkbox]:checked,
[type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px;
    opacity: 0
}

[type=checkbox]+label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none
}

[type=checkbox]+label:before,
[type=checkbox]:not(.filled-in)+label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

[type=checkbox]:not(.filled-in)+label:after {
    border: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

[type=checkbox]:not(:checked):disabled+label:before {
    border: none;
    background-color: rgba(0, 0, 0, 0.26)
}

[type=checkbox].tabbed:focus+label:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    border: 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1)
}

[type=checkbox]:checked+label:before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #26a69a;
    border-bottom: 2px solid #26a69a;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

[type=checkbox]:checked:disabled+label:before {
    border-right: 2px solid rgba(0, 0, 0, 0.26);
    border-bottom: 2px solid rgba(0, 0, 0, 0.26)
}

[type=checkbox]:indeterminate+label:before {
    top: -11px;
    left: -12px;
    width: 10px;
    height: 22px;
    border-top: none;
    border-left: none;
    border-right: 2px solid #26a69a;
    border-bottom: none;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

[type=checkbox]:indeterminate:disabled+label:before {
    border-right: 2px solid rgba(0, 0, 0, 0.26);
    background-color: transparent
}

[type=checkbox].filled-in+label:after {
    border-radius: 2px
}

[type=checkbox].filled-in+label:after,
[type=checkbox].filled-in+label:before {
    content: '';
    left: 0;
    position: absolute;
    -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    -o-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    z-index: 1
}

[type=checkbox].filled-in:not(:checked)+label:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    -ms-transform: rotate(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 20% 40%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

[type=checkbox].filled-in:not(:checked)+label:after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 0px;
    z-index: 0
}

[type=checkbox].filled-in:checked+label:before {
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotateZ(37deg);
    -ms-transform: rotate(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

[type=checkbox].filled-in:checked+label:after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #26a69a;
    background-color: #26a69a;
    z-index: 0
}

[type=checkbox].filled-in.tabbed:focus+label:after {
    border-radius: 2px;
    border-color: #5a5a5a;
    background-color: rgba(0, 0, 0, 0.1)
}

[type=checkbox].filled-in.tabbed:checked:focus+label:after {
    border-radius: 2px;
    background-color: #26a69a;
    border-color: #26a69a
}

[type=checkbox].filled-in:disabled:not(:checked)+label:before {
    background-color: transparent;
    border: 2px solid transparent
}

[type=checkbox].filled-in:disabled:not(:checked)+label:after {
    border-color: transparent;
    background-color: #BDBDBD
}

[type=checkbox].filled-in:disabled:checked+label:before {
    background-color: transparent
}

[type=checkbox].filled-in:disabled:checked+label:after {
    background-color: #BDBDBD;
    border-color: #BDBDBD
}

[type=radio]:checked,
[type=radio]:not(:checked) {
    position: absolute;
    left: -9999px;
    opacity: 0
}

[type=radio]:checked+label,
[type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[type=radio]+label:after,
[type=radio]+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease
}

[type=radio].with-gap:checked+label:after,
[type=radio].with-gap:checked+label:before,
[type=radio]:checked+label:after,
[type=radio]:checked+label:before,
[type=radio]:not(:checked)+label:after,
[type=radio]:not(:checked)+label:before {
    border-radius: 50%
}

[type=radio]:not(:checked)+label:after,
[type=radio]:not(:checked)+label:before {
    border: 2px solid #5a5a5a
}

[type=radio]:not(:checked)+label:after {
    z-index: -1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

[type=radio]:checked+label:before {
    border: 2px solid transparent;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap:checked+label:after,
[type=radio].with-gap:checked+label:before,
[type=radio]:checked+label:after {
    border: 2px solid #26a69a
}

[type=radio].with-gap:checked+label:after,
[type=radio]:checked+label:after {
    background-color: #26a69a;
    z-index: 0
}

[type=radio]:checked+label:after {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02)
}

[type=radio].with-gap:checked+label:after {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5)
}

[type=radio].tabbed:focus+label:before {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap:disabled:checked+label:before {
    border: 2px solid rgba(0, 0, 0, 0.26);
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap:disabled:checked+label:after {
    border: none;
    background-color: rgba(0, 0, 0, 0.26)
}

[type=radio]:disabled:checked+label:before,
[type=radio]:disabled:not(:checked)+label:before {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.26);
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio]:disabled+label {
    color: rgba(0, 0, 0, 0.26)
}

[type=radio]:disabled:not(:checked)+label:before {
    border-color: rgba(0, 0, 0, 0.26)
}

[type=radio]:disabled:checked+label:after {
    background-color: rgba(0, 0, 0, 0.26);
    border-color: #BDBDBD
}

.switch,
.switch * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none
}

.switch label {
    cursor: pointer
}

.switch label input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0
}

.switch label input[type=checkbox]:checked+.lever {
    background-color: #84c7c1
}

.switch label input[type=checkbox]:checked+.lever:after {
    background-color: #26a69a;
    left: 24px
}

.switch label .lever {
    content: "";
    display: inline-block;
    position: relative;
    width: 40px;
    height: 15px;
    background-color: #818181;
    border-radius: 15px;
    margin-right: 10px;
    -webkit-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
    vertical-align: middle;
    margin: 0 16px
}

.switch label .lever:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 21px;
    height: 21px;
    background-color: #F1F1F1;
    border-radius: 21px;
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
    left: -5px;
    top: -3px;
    -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease;
    transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease;
    -o-transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;
    transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;
    transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease
}

input[type=checkbox]:checked:not(:disabled).tabbed:focus~.lever:after,
input[type=checkbox]:checked:not(:disabled)~.lever:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1)
}

input[type=checkbox]:not(:disabled).tabbed:focus~.lever:after,
input[type=checkbox]:not(:disabled)~.lever:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08)
}

.switch input[type=checkbox][disabled]+.lever {
    cursor: default
}

.switch label input[type=checkbox][disabled]+.lever:after,
.switch label input[type=checkbox][disabled]:checked+.lever:after {
    background-color: #BDBDBD
}

.karb-checkbox label,
.karb-radio-button label {
    min-width: 200px;
    margin-bottom: 20px
}

.karb-swtich .karb-switch-title,
.karb-swtich .switch {
    width: 150px;
    margin-bottom: 10px;
    display: inline-block
}

[type=checkbox]+label {
    padding-left: 26px;
    height: 25px;
    line-height: 21px;
    font-weight: normal
}

[type=checkbox]:checked+label:before {
    top: -4px;
    left: -2px;
    width: 11px;
    height: 19px
}

[type=checkbox]:checked.chk-col-red+label:before {
    border-right: 2px solid #fb3a3a;
    border-bottom: 2px solid #fb3a3a
}

[type=checkbox]:checked.chk-col-pink+label:before {
    border-right: 2px solid #E91E63;
    border-bottom: 2px solid #E91E63
}

[type=checkbox]:checked.chk-col-purple+label:before {
    border-right: 2px solid #7460ee;
    border-bottom: 2px solid #7460ee
}

[type=checkbox]:checked.chk-col-deep-purple+label:before {
    border-right: 2px solid #673AB7;
    border-bottom: 2px solid #673AB7
}

[type=checkbox]:checked.chk-col-indigo+label:before {
    border-right: 2px solid #3F51B5;
    border-bottom: 2px solid #3F51B5
}

[type=checkbox]:checked.chk-col-blue+label:before {
    border-right: 2px solid #02bec9;
    border-bottom: 2px solid #02bec9
}

[type=checkbox]:checked.chk-col-light-blue+label:before {
    border-right: 2px solid #03A9F4;
    border-bottom: 2px solid #03A9F4
}

[type=checkbox]:checked.chk-col-cyan+label:before {
    border-right: 2px solid #00BCD4;
    border-bottom: 2px solid #00BCD4
}

[type=checkbox]:checked.chk-col-teal+label:before {
    border-right: 2px solid #009688;
    border-bottom: 2px solid #009688
}

[type=checkbox]:checked.chk-col-green+label:before {
    border-right: 2px solid #26c6da;
    border-bottom: 2px solid #26c6da
}

[type=checkbox]:checked.chk-col-light-green+label:before {
    border-right: 2px solid #8BC34A;
    border-bottom: 2px solid #8BC34A
}

[type=checkbox]:checked.chk-col-lime+label:before {
    border-right: 2px solid #CDDC39;
    border-bottom: 2px solid #CDDC39
}

[type=checkbox]:checked.chk-col-yellow+label:before {
    border-right: 2px solid #ffe821;
    border-bottom: 2px solid #ffe821
}

[type=checkbox]:checked.chk-col-amber+label:before {
    border-right: 2px solid #FFC107;
    border-bottom: 2px solid #FFC107
}

[type=checkbox]:checked.chk-col-orange+label:before {
    border-right: 2px solid #FF9800;
    border-bottom: 2px solid #FF9800
}

[type=checkbox]:checked.chk-col-deep-orange+label:before {
    border-right: 2px solid #FF5722;
    border-bottom: 2px solid #FF5722
}

[type=checkbox]:checked.chk-col-brown+label:before {
    border-right: 2px solid #795548;
    border-bottom: 2px solid #795548
}

[type=checkbox]:checked.chk-col-grey+label:before {
    border-right: 2px solid #9E9E9E;
    border-bottom: 2px solid #9E9E9E
}

[type=checkbox]:checked.chk-col-blue-grey+label:before {
    border-right: 2px solid #607D8B;
    border-bottom: 2px solid #607D8B
}

[type=checkbox]:checked.chk-col-black+label:before {
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000
}

[type=checkbox]:checked.chk-col-white+label:before {
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff
}

[type=checkbox].filled-in:checked+label:after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #26a69a;
    background-color: #26a69a;
    z-index: 0
}

[type=checkbox].filled-in:checked+label:before {
    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important
}

[type=checkbox].filled-in:checked.chk-col-red+label:after {
    border: 2px solid #fb3a3a;
    background-color: #fb3a3a
}

[type=checkbox].filled-in:checked.chk-col-pink+label:after {
    border: 2px solid #E91E63;
    background-color: #E91E63
}

[type=checkbox].filled-in:checked.chk-col-purple+label:after {
    border: 2px solid #7460ee;
    background-color: #7460ee
}

[type=checkbox].filled-in:checked.chk-col-deep-purple+label:after {
    border: 2px solid #673AB7;
    background-color: #673AB7
}

[type=checkbox].filled-in:checked.chk-col-indigo+label:after {
    border: 2px solid #3F51B5;
    background-color: #3F51B5
}

[type=checkbox].filled-in:checked.chk-col-blue+label:after {
    border: 2px solid #02bec9;
    background-color: #02bec9
}

[type=checkbox].filled-in:checked.chk-col-light-blue+label:after {
    border: 2px solid #03A9F4;
    background-color: #03A9F4
}

[type=checkbox].filled-in:checked.chk-col-cyan+label:after {
    border: 2px solid #00BCD4;
    background-color: #00BCD4
}

[type=checkbox].filled-in:checked.chk-col-teal+label:after {
    border: 2px solid #009688;
    background-color: #009688
}

[type=checkbox].filled-in:checked.chk-col-green+label:after {
    border: 2px solid #26c6da;
    background-color: #26c6da
}

[type=checkbox].filled-in:checked.chk-col-light-green+label:after {
    border: 2px solid #8BC34A;
    background-color: #8BC34A
}

[type=checkbox].filled-in:checked.chk-col-lime+label:after {
    border: 2px solid #CDDC39;
    background-color: #CDDC39
}

[type=checkbox].filled-in:checked.chk-col-yellow+label:after {
    border: 2px solid #ffe821;
    background-color: #ffe821
}

[type=checkbox].filled-in:checked.chk-col-amber+label:after {
    border: 2px solid #FFC107;
    background-color: #FFC107
}

[type=checkbox].filled-in:checked.chk-col-orange+label:after {
    border: 2px solid #FF9800;
    background-color: #FF9800
}

[type=checkbox].filled-in:checked.chk-col-deep-orange+label:after {
    border: 2px solid #FF5722;
    background-color: #FF5722
}

[type=checkbox].filled-in:checked.chk-col-brown+label:after {
    border: 2px solid #795548;
    background-color: #795548
}

[type=checkbox].filled-in:checked.chk-col-grey+label:after {
    border: 2px solid #9E9E9E;
    background-color: #9E9E9E
}

[type=checkbox].filled-in:checked.chk-col-blue-grey+label:after {
    border: 2px solid #607D8B;
    background-color: #607D8B
}

[type=checkbox].filled-in:checked.chk-col-black+label:after {
    border: 2px solid #000000;
    background-color: #000000
}

[type=checkbox].filled-in:checked.chk-col-white+label:after {
    border: 2px solid #ffffff;
    background-color: #ffffff
}

[type=radio]:not(:checked)+label {
    padding-left: 26px;
    height: 25px;
    line-height: 25px;
    font-weight: normal
}

[type=radio]:checked+label {
    padding-left: 26px;
    height: 25px;
    line-height: 25px;
    font-weight: normal
}

[type=radio].radio-col-red:checked+label:after {
    background-color: #fb3a3a;
    border-color: #fb3a3a;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-pink:checked+label:after {
    background-color: #E91E63;
    border-color: #E91E63;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-purple:checked+label:after {
    background-color: #7460ee;
    border-color: #7460ee;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-deep-purple:checked+label:after {
    background-color: #673AB7;
    border-color: #673AB7;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-indigo:checked+label:after {
    background-color: #3F51B5;
    border-color: #3F51B5;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-blue:checked+label:after {
    background-color: #02bec9;
    border-color: #02bec9;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-light-blue:checked+label:after {
    background-color: #03A9F4;
    border-color: #03A9F4;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-cyan:checked+label:after {
    background-color: #00BCD4;
    border-color: #00BCD4;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-teal:checked+label:after {
    background-color: #009688;
    border-color: #009688;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-green:checked+label:after {
    background-color: #26c6da;
    border-color: #26c6da;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-light-green:checked+label:after {
    background-color: #8BC34A;
    border-color: #8BC34A;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-lime:checked+label:after {
    background-color: #CDDC39;
    border-color: #CDDC39;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-yellow:checked+label:after {
    background-color: #ffe821;
    border-color: #ffe821;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-amber:checked+label:after {
    background-color: #FFC107;
    border-color: #FFC107;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-orange:checked+label:after {
    background-color: #FF9800;
    border-color: #FF9800;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-deep-orange:checked+label:after {
    background-color: #FF5722;
    border-color: #FF5722;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-brown:checked+label:after {
    background-color: #795548;
    border-color: #795548;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-grey:checked+label:after {
    background-color: #9E9E9E;
    border-color: #9E9E9E;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-blue-grey:checked+label:after {
    background-color: #607D8B;
    border-color: #607D8B;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-black:checked+label:after {
    background-color: #000000;
    border-color: #000000;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].radio-col-white:checked+label:after {
    background-color: #ffffff;
    border-color: #ffffff;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-red:checked+label:before {
    border: 2px solid #fb3a3a;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-red:checked+label:after {
    background-color: #fb3a3a;
    border: 2px solid #fb3a3a;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-pink:checked+label:before {
    border: 2px solid #E91E63;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-pink:checked+label:after {
    background-color: #E91E63;
    border: 2px solid #E91E63;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-purple:checked+label:before {
    border: 2px solid #7460ee;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-purple:checked+label:after {
    background-color: #7460ee;
    border: 2px solid #7460ee;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-deep-purple:checked+label:before {
    border: 2px solid #673AB7;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-deep-purple:checked+label:after {
    background-color: #673AB7;
    border: 2px solid #673AB7;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-indigo:checked+label:before {
    border: 2px solid #3F51B5;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-indigo:checked+label:after {
    background-color: #3F51B5;
    border: 2px solid #3F51B5;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-blue:checked+label:before {
    border: 2px solid #02bec9;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-blue:checked+label:after {
    background-color: #02bec9;
    border: 2px solid #02bec9;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-light-blue:checked+label:before {
    border: 2px solid #03A9F4;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-light-blue:checked+label:after {
    background-color: #03A9F4;
    border: 2px solid #03A9F4;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-cyan:checked+label:before {
    border: 2px solid #00BCD4;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-cyan:checked+label:after {
    background-color: #00BCD4;
    border: 2px solid #00BCD4;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-teal:checked+label:before {
    border: 2px solid #009688;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-teal:checked+label:after {
    background-color: #009688;
    border: 2px solid #009688;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-green:checked+label:before {
    border: 2px solid #26c6da;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-green:checked+label:after {
    background-color: #26c6da;
    border: 2px solid #26c6da;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-light-green:checked+label:before {
    border: 2px solid #8BC34A;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-light-green:checked+label:after {
    background-color: #8BC34A;
    border: 2px solid #8BC34A;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-lime:checked+label:before {
    border: 2px solid #CDDC39;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-lime:checked+label:after {
    background-color: #CDDC39;
    border: 2px solid #CDDC39;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-yellow:checked+label:before {
    border: 2px solid #ffe821;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-yellow:checked+label:after {
    background-color: #ffe821;
    border: 2px solid #ffe821;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-amber:checked+label:before {
    border: 2px solid #FFC107;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-amber:checked+label:after {
    background-color: #FFC107;
    border: 2px solid #FFC107;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-orange:checked+label:before {
    border: 2px solid #FF9800;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-orange:checked+label:after {
    background-color: #FF9800;
    border: 2px solid #FF9800;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-deep-orange:checked+label:before {
    border: 2px solid #FF5722;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-deep-orange:checked+label:after {
    background-color: #FF5722;
    border: 2px solid #FF5722;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-brown:checked+label:before {
    border: 2px solid #795548;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-brown:checked+label:after {
    background-color: #795548;
    border: 2px solid #795548;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-grey:checked+label:before {
    border: 2px solid #9E9E9E;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-grey:checked+label:after {
    background-color: #9E9E9E;
    border: 2px solid #9E9E9E;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-blue-grey:checked+label:before {
    border: 2px solid #607D8B;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-blue-grey:checked+label:after {
    background-color: #607D8B;
    border: 2px solid #607D8B;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-black:checked+label:before {
    border: 2px solid #000000;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-black:checked+label:after {
    background-color: #000000;
    border: 2px solid #000000;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-white:checked+label:before {
    border: 2px solid #ffffff;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

[type=radio].with-gap.radio-col-white:checked+label:after {
    background-color: #ffffff;
    border: 2px solid #ffffff;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards
}

.switch label {
    font-weight: normal;
    font-size: 13px
}

.switch label .lever {
    margin: 0 14px
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-red:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(251, 58, 58, 0.1);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(251, 58, 58, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-red {
    background-color: rgba(251, 58, 58, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-red:after {
    background-color: #fb3a3a
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-pink:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(233, 30, 99, 0.1);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(233, 30, 99, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-pink {
    background-color: rgba(233, 30, 99, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-pink:after {
    background-color: #E91E63
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-purple:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(116, 96, 238, 0.1);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(116, 96, 238, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-purple {
    background-color: rgba(116, 96, 238, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-purple:after {
    background-color: #7460ee
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-deep-purple:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(103, 58, 183, 0.1);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(103, 58, 183, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-deep-purple {
    background-color: rgba(103, 58, 183, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-deep-purple:after {
    background-color: #673AB7
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-indigo:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(63, 81, 181, 0.1);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(63, 81, 181, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-indigo {
    background-color: rgba(63, 81, 181, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-indigo:after {
    background-color: #3F51B5
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-blue:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(2, 190, 201, 0.1);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(2, 190, 201, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-blue {
    background-color: rgba(2, 190, 201, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-blue:after {
    background-color: #02bec9
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-light-blue:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-light-blue {
    background-color: rgba(3, 169, 244, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-light-blue:after {
    background-color: #03A9F4
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-cyan:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 188, 212, 0.1);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 188, 212, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-cyan {
    background-color: rgba(0, 188, 212, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-cyan:after {
    background-color: #00BCD4
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-teal:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-teal {
    background-color: rgba(0, 150, 136, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-teal:after {
    background-color: #009688
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-green:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 198, 218, 0.1);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 198, 218, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-green {
    background-color: rgba(38, 198, 218, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-green:after {
    background-color: #26c6da
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-light-green:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(139, 195, 74, 0.1);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(139, 195, 74, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-light-green {
    background-color: rgba(139, 195, 74, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-light-green:after {
    background-color: #8BC34A
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-lime:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(205, 220, 57, 0.1);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(205, 220, 57, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-lime {
    background-color: rgba(205, 220, 57, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-lime:after {
    background-color: #CDDC39
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-yellow:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 232, 33, 0.1);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 232, 33, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-yellow {
    background-color: rgba(255, 232, 33, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-yellow:after {
    background-color: #ffe821
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-amber:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 193, 7, 0.1);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 193, 7, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-amber {
    background-color: rgba(255, 193, 7, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-amber:after {
    background-color: #FFC107
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-orange:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 152, 0, 0.1);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 152, 0, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-orange {
    background-color: rgba(255, 152, 0, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-orange:after {
    background-color: #FF9800
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-deep-orange:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 87, 34, 0.1);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 87, 34, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-deep-orange {
    background-color: rgba(255, 87, 34, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-deep-orange:after {
    background-color: #FF5722
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-brown:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(121, 85, 72, 0.1);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(121, 85, 72, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-brown {
    background-color: rgba(121, 85, 72, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-brown:after {
    background-color: #795548
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-grey:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(158, 158, 158, 0.1);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(158, 158, 158, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-grey {
    background-color: rgba(158, 158, 158, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-grey:after {
    background-color: #9E9E9E
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-blue-grey:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(96, 125, 139, 0.1);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(96, 125, 139, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-blue-grey {
    background-color: rgba(96, 125, 139, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-blue-grey:after {
    background-color: #607D8B
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-black:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-black {
    background-color: rgba(0, 0, 0, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-black:after {
    background-color: #000000
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-white:active:after {
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 255, 255, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-white {
    background-color: rgba(255, 255, 255, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-white:after {
    background-color: #ffffff
}


.show {
    display: inline-block !important;
}

.hide {
    display: none !important;
}

.float-right {
    float: right !important;
}

/*Color-bg*/
.bionew {
    background: #1aa4f3 !important;
}

.bioexsg {
    background: #f44fa5 !important;
}

.bioexab {
    background: #ff7f00 !important;
}

.biotransfer {
    background: #ffd900 !important;
}

.bioaupair {
    background: #2eec2b !important;
}

.bioaps {
    background: #b8ff33 !important;
}

.biocare {
    background: #f7be68 !important;
}

.bgms {
    background: #1aa4f3 !important;
}

.bg-bionew {
    background: rgba(27, 163, 239, 0.7) !important;
}

.bg-bioexsg {
    background: rgba(244, 79, 165, 0.7) !important;
}

.bg-bioexab {
    background: rgba(255, 127, 0, 0.7) !important;
}

.bg-biotransfer {
    background: rgba(255, 217, 0, 0.7) !important;
}

.bg-bioaupair {
    background: rgba(46, 236, 43, 0.7) !important;
}

.bg-bioaps {
    background: rgba(184, 255, 51, 0.7) !important;
}

.cl-bionew {
    color: #1aa4f3 !important;
}

.cl-bioexsg {
    color: #f44fa5 !important;
}

.cl-bioexab {
    color: #ff7f00 !important;
}

.cl-biotransfer {
    color: #ffd900 !important;
}

.cl-bioaupair {
    color: #2eec2b !important;
}

.cl-bioaps {
    color: #b8ff33 !important;
}

.cl-bgms {
    color: #1aa4f3 !important;
}

.cl-facebook:hover {
    color: #153af1 !important;
}

.cl-google:hover {
    color: #ec1b24 !important;
}

.cl-twitter:hover {
    color: #37d4dc !important;
}

.cl-linkedin:hover {
    color: #0077B5 !important;
}

.cl-pinterest:hover {
    color: #EE2D34 !important;
}

.cl-blogger:hover {
    color: #FF8833 !important;
}

.cl-instagram:hover {
    color: #D62B7A !important;
}

.cl-youtube:hover {
    color: #FF0000 !important;
}

.cl-yahoo:hover {
    color: #CB72CC !important;
}

.cl-dribbble:hover {
    color: #EA4C89 !important;
}

.cl-tumblr:hover {
    color: #34526F !important;
}

.cl-deviantart:hover {
    color: #01CB3E !important;
}

.cl-vimeo:hover {
    color: #19B1E3 !important;
}

.cl-foursquare:hover {
    color: #F24574 !important;
}

.cl-rss:hover {
    color: #E37418 !important;
}

.cl-camn {
    color: #ff7f00 !important;
}

.cl-bluex {
    color: #a6a6f3 !important;
}

.cl-redx {
    color: #ffafaf !important
}

.bd-right {
    border-right: 1px solid #ccc;
}

/*Main Design*/
.website-wrapper {
    width: 100%;
}

/*.container{
    padding: 0px;
    width: calc(100% - 30px);
    max-width: 1200px;
    position: relative;
    z-index: 2;
    margin: auto;
}*/
.master-title {
    position: absolute;
    top: 50%;
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #ffec64;
    z-index: 9;
    margin-top: -5vh;
}

.master-title h1 {
    margin-bottom: 5px;
}

.master-hr {
    border-bottom: 5px solid;
    width: 120px;
    margin: auto;
}

.master-subtitle {
    font-size: 1.1rem;
    margin: auto;
}

.home .master-top {
    margin-bottom: 20px;
}

/*Single*/
.karb_bio_refno {
    color: #00f;
    font-weight: 700;
    font-size: 1.3em;
}

.karb-status {
    float: right;
    background: #bebebe;
    padding: 2px 5px;
    color: #fff;
    border-radius: 4px 0px 0px 4px;
    text-transform: capitalize;
}

.karb-trash {
    background: #0008f5;
}

.karb-pending {
    background: #0008f5;
}

.karb-single-flag img {
    border: 1px solid #e9e0e0;
    max-width: 120px;
}

.karb-socials-content p {
    text-align: right;
}

.karb-socials-content p a:last-child {
    padding-right: 0;
}

.karb-socials-content p a:hover {
    color: #007bff;
}

.karb-socials-content p a.karb-btn-facebook:hover {
    color: #4B6CC9;
}

.karb-socials-content p a.karb-btn-twitter:hover {
    color: #425398;
}

.karb-socials-content p a.karb-btn-google:hover {
    color: #ED5565;
}

.karb-socials-content p a.karb-btn-whatsapp:hover {
    color: #28a745;
}

.karb-socials-content p a.karb-btn-pinterest:hover {
    color: #dc3545;
}

.karb_bio_image {
    text-align: center;
}

.karb_bio_image img {
    max-width: 350px;
    max-height: 525px;
    width: 100%;
    object-fit: contain;
    object-position: center;
    border: 1px solid #bebebe;
    background-color: #bebebe;
    margin-bottom: .6rem;
}

/*.karb-img-transfer img{
  max-height: 440px;
}*/
.karb_bio_base_list {
    border-top: 2px solid #bebebe;
}

.karb_bio_base_list .list-group-item {
    list-style: none;
    border: none;
    border-radius: unset;
    border-bottom: 1px dotted #bebebe;
    margin-bottom: 1px;
    padding: .65rem 1rem;
    padding-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.karb_bio_base_list .karb_bio_base_lb {
    font-weight: 600;
    width: 50%;
    max-width: 300px;
    box-sizing: border-box;
    float: left;
}

.karb_bio_base_list .karb_bio_base_text {
    float: left;
}

.karb_bio_rate i {
    padding-right: 5px;
}

.karb_bio_rate i:last-child {
    padding-right: 0;
}

.karb_bio_rate i.fa-star {
    color: #ffd700;
}

.karb_bio_rate i.far.fa-star {
    color: #9f9e98
}

.karb-box-sheets .card-header {
    border-top: 2px solid #43b7f9;
    border-bottom: 1px solid #ccc;
    background: rgba(204, 204, 204, .05);
    color: #1e73be;
}

.karb-box-sheets-content p {
    margin-bottom: .6rem;
}

.karb-box-sheets-content p:last-child {
    margin-bottom: inherit;
}

.karb-box-sheets-row {
    margin-bottom: .6rem;
}

.karb-box-sheets-lb {
    float: left;
    width: 80%;
    max-width: 280px;
    font-weight: 600;
}

.karb-box-sheets-text {
    text-align: right;
    display: inherit;
}

.karb-box-sheets-text .fa-times {
    color: #fb3a3a;
    font-size: 1.1rem;
}

.karb-box-sheets-text .fa-check {
    color: #28a745;
    font-size: 1.1rem;
}

.karb-box-sheets-row .list-group-item {
    border: none;
    border-bottom: 1px solid #bebebe;
}

.karb-box-sheets-table {
    margin-top: .4rem;
}

.karb-box-sheets-table {
    font-size: .9rem;
}

.karb-box-sheets-table th,
.karb-box-sheets-table td {
    padding: .5rem;
}

.karb-box-sheets-table th {
    font-weight: 600;
    text-align: center;
}

.karb-box-sheets-table small {
    font-size: .8rem;
    color: #babab7;
}

.karb-box-sheets-table thead {
    background: #4b4949;
    color: #fff;
}

.karb-box-sheets-table .w65 {
    width: 65px;
}

.karb-box-sheets-table .w300 {
    width: 300px;
}

.karb-box-sheets-table .w140 {
    width: 140px;
}

.karb-box-sheets-table .fa-times {
    color: #fb3a3a;
    font-size: 1.1rem;
}

.karb-box-sheets-table .fa-check {
    color: #28a745;
    font-size: 1.1rem;
}

.karb_bioex_row {
    border-top: 1px solid #beb;
    margin-top: .6rem;
    background-color: #fcfcfc;
}

.karb_bioex_list .list-group-item {
    background-color: inherit;
}

.karb_bioex_list .karb_bioex_lb {
    font-weight: 600;
    width: 50%;
    max-width: 250px;
    box-sizing: border-box;
    float: left;
}

.karb_bioex_list .karb_bioex_text {
    border-bottom: 1px dotted #5f5b5b;
}

.karb-box-pow-table {
    margin-top: .4rem;
}

.karb-box-pow-table {
    font-size: .9rem;
}

.karb-box-pow-table th,
.karb-box-pow-table td {
    padding: .5rem;
}

.karb-box-pow-table th {
    font-weight: 600;
    text-align: center;
}

.karb-box-pow-table thead {
    background: #4b4949;
    color: #fff;
}

.karb-box-pow-table .w120 {
    width: 120px;
}

.karb_bio_video {
    margin-top: .5rem;
    margin-bottom: .6rem;
}

.karb-box-sheets .karb_bio_base_list {
    border-top: unset;
}

.page-list-shortcodes {
    margin-top: 1rem;
}

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

    /* Force table to not be like tables anymore */
    .karb-box-sheets-table,
    .karb-box-sheets-table thead,
    .karb-box-sheets-table tbody,
    .karb-box-sheets-table th,
    .karb-box-sheets-table td,
    .karb-box-sheets-table tr {
        display: block;
    }

    .karb-box-sheets-table .w300,
    .karb-box-sheets-table .w140,
    .karb-box-sheets-table .w65 {
        width: unset;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .karb-box-sheets-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .karb-box-sheets-table tr {
        border: 1px solid #ccc;
    }

    .karb-box-sheets-table td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
        font-size: 0.8rem;
    }

    .karb-box-sheets-table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: pre;
        text-align: left;
        font-weight: bold;
        overflow: hidden;
    }

    .karb-box-sheets-table td:after {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        bottom: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: pre-wrap;
        text-align: left;
        font-size: 11px;
        font-style: italic;
        overflow: hidden;
    }

    /*
    Label the data
    */
    .karb-box-sheets-table td:before {
        content: attr(data-title);
    }

    .karb-box-sheets-table td:after {
        content: attr(data-desc);
    }

    .karb-box-sheets-table td[data-desc] {
        min-height: 80px;
    }
}

.karb-dob {
    margin-right: 1.5rem;
}

.karb-dob:last-child {
    margin-right: 0;
}

.text-red {
    color: #ff0000;
}

/*Side Nav*/
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    overflow-x: hidden;
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    -ms-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    transition: width 0.5s ease;
}

.sidenav-right {
    left: unset;
    right: 0;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #f1f1f1;
    display: block;
    transition: 0.3s;
}

.sidenav label {
    color: #f1f1f1;
}

.sidenav label a {
    display: inline;
    font-size: unset;
    padding: unset;
    color: #007bff;
}

.sidenav-box {
    width: 100%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
}

.sidenav-close {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    padding: 7px;
    z-index: 9;
    color: #f1f1f1;
}

.sidenav-right .sidenav-close {
    left: 0;
    right: unset;
}

.mb-menu {
    margin-bottom: 0px;
    margin-left: 0px !important;
    margin-top: 26px;
}

.mb-menu li {
    position: relative;
    list-style: none;
    margin-bottom: 0px;
    border-bottom: 1px solid #f1f1f1;
}

.mb-menu li.menu-item-has-children:hover {
    background: transparent;
}

.mb-menu .sub-menu li:hover {
    border-bottom: 1px solid #555;
}

.mb-menu li a {
    color: #fff;
    padding: 15px 20px 15px 30px;
    display: inline-block;
    line-height: 20px;
    font-weight: 400;
    width: 100%;
    font-size: 1.2rem;
}

/*.sidenav-right .mb-menu li a{
    text-align: right;
}*/

.mb-menu .menu-item-has-children>a:after {
    content: "\f107";
    position: absolute;
    right: 15px;
    font-family: "Font Awesome 5 Free";
}

.mb-menu .fa {
    margin-right: 10px;
}

.mb-menu .sub-menu {
    margin-left: 0px;
}

.mb-menu .sub-menu ul {
    padding-left: 0px;
}

.mb-menu .sub-menu ul li {
    padding-left: 20px;
}

.mb-menu .sub-menu a {
    padding-left: 45px;
    line-height: 20px;
}

.mb-menu .sub-menu .sub-menu a {
    padding-left: 45px;
    line-height: 20px;
}

.mb-menu .sub-menu ul {
    border-top: none !important;
}

.mb-menu .sub-menu {
    display: none;
}


/*master header*/
.master-header {
    width: 100%;
    position: absolute;
    /*top: 0px;*/
    left: 0;
    z-index: 100;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.master-header.nav-fixed {
    position: fixed;
    width: 100%;
    background-color: #F3F3F3;
    border-bottom: 1px solid #d4d1d1;
}

.master-header.wpadminbar_onscreen.nav-fixed {
    top: 0;
}

.nav-fixed-has-admin-bar #wpadminbar {
    display: none;
}

#wpadminbar {
    z-index: 999 !important;
}

/*Topbar*/
.topbar-wrapper {
    width: 100%;
    display: inline-block;
    background-color: #f5f5f5;
    margin-bottom: .6rem;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.left-top-widget,
.center-top-widget {
    text-align: center;
}

.center-top-widget ul,
.center-top-widget ul li {
    display: inline;
}

.left-top-widget a,
.center-top-widget ul li {
    line-height: 33px;
    border-right: 1px solid #fff;
    padding: 0 10px;
}

.left-top-widget a:last-child,
.center-top-widget ul li:last-child {
    border-right: unset;
}

/*Search Form*/
.right-top-widget .widget_search input {
    height: 29px;
    margin: 2px 0;
    border-radius: unset;
    font-size: .8rem;
}

.right-top-widget .widget_search input[type="submit"] {
    background-color: #ffd900;
    padding: 3px 12px;
    box-shadow: unset;
}

/*Mobile header*/
.mb-header-wrapper {
    background-color: #282D33;
    height: 70px;
    width: 100%;
    float: left;
    display: none;
    position: relative;
}

.mb-header-wrapper i {
    color: #fff;
    font-size: 17px;
    margin: 26px;
}

/* header */
.header-wrapper {
    width: 100%;
    margin: 0px auto;
    width: 100%;
    margin: 0px auto;
    -webkit-transition: height 0.3s ease;
    -moz-transition: height 0.3s ease;
    -o-transition: height 0.3s ease;
    transition: height 0.3s ease;
    background-color: transparent;
    position: relative;
    float: left;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.header-wrapper-inside {
    width: 100%;
    margin: 0px auto;
    position: relative;
    height: 70px;
}

/*Mobile header*/
.mb-header-wrapper {
    background-color: #282D33;
    height: 70px;
    width: 100%;
    float: left;
    display: none;
    position: relative;
}

.mb-header-wrapper i {
    color: #fff;
    font-size: 17px;
    margin: 26px;
}

.mb-logo img {
    margin: 0px auto;
    max-height: 70px;
    width: auto;
    max-width: 200px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0px;
    right: 0px;
    position: absolute;
}

.mb-trigger {
    font-size: 14px;
    color: #fff;
    height: 70px;
    float: left;
    cursor: pointer;
    position: absolute;
    top: 0px;
}

.mb-trigger.mb-user {
    right: 0;
}

.mb-trigger.mb-user .user-icon {
    border-radius: 50%;
    width: 45px;
    height: 45px;
    margin-top: 11px;
    float: left;
    margin-right: 15px;
    border: 1px solid #282D33;
}

.mb-trigger:hover i {
    color: #1CA8DD;
}

.mb-trigger.mb-user .user-icon:hover {
    border-color: #1CA8DD;
}

/*Logo*/
.logo {
    padding-left: 45px;
    margin-top: 0px;
    float: left;
    height: 100%;
    max-width: 185px;
    box-sizing: border-box;
}

.logo a {
    height: 100%;
    display: block;
}

.logo img {
    top: 50%;
    position: absolute;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    max-height: 54px;
    max-width: 120px;
}

/*usernav*/
.usernav {
    float: right;
    margin-right: 45px;
    color: #ADADAD;
    cursor: pointer;
    position: absolute;
    right: 0px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.usernav a {
    display: block;
}

.user-icon {
    max-width: 50px;
    border-radius: 100%;
}

.navicon-btn {
    display: none;
    user-select: none;
    opacity: .8;
    width: 18px;
}

.navicon-btn.ko {
    display: inline-block;
}

.navicon-btn:hover {
    transition: 0.5s;
    opacity: 1;
}

.navicon {
    position: relative;
    width: 18px;
    height: 2px;
    background: #fff;
    transition: 0.5s;
    border-radius: 2.5rem;
}

.navicon-btn .navicon:before,
.navicon-btn .navicon:after {
    transition: 0.25s;
}

.navicon:before,
.navicon:after {
    display: block;
    content: "";
    height: 2px;
    width: 18px;
    background: #fff;
    position: absolute;
    transition: 0.5s 0.25s;
    border-radius: 1rem;
}

.navicon:after {
    top: -5px;
}

.navicon:before {
    top: 5px;
}

.usernav:hover .navicon-btn,
.opensvg {
    transform: scale(0.75);
}

.usernav:hover .navicon-btn .navicon,
.opensvg.plus .navicon,
.opensvg.x .navicon {
    background: transparent;
}

.usernav:hover .navicon-btn .navicon:before,
.opensvg.plus .navicon:before,
.opensvg.x .navicon:before {
    transform: rotate(-45deg);
}

.usernav:hover .navicon-btn .navicon:after,
.opensvg.plus .navicon:after,
.opensvg.x .navicon:after {
    transform: rotate(45deg);
}

.usernav:hover .navicon-btn:not(.steps) .navicon:before,
.opensvg:not(.steps) .navicon:before,
.opensvg:not(.steps) .navicon:after {
    top: 0 !important;
}

.usernav-menu {
    background-color: #fff;
    right: 6px;
    left: auto;
    z-index: 999;
    top: 55px;
    margin-top: 0px;
    padding: 0px 0px 0px 0px;
    background-color: #fdfdfd;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    width: 255px;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .05);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.usernav-menu:before {
    content: " ";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f0f0f0;
    top: -10px;
    right: 7px;
    position: absolute;
}

.usernav-menu:after {
    content: " ";
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fdfdfd;
    top: -9px;
    right: 8px;
    position: absolute;
}

.usernav-menu a {
    padding: 11px 15px;
    box-sizing: border-box;
    width: 100%;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    font-size: 13px;
}

.usernav-menu li a {
    color: #3a4659;
    -webkit-transition: padding 0.35s ease;
    -moz-transition: padding 0.35s ease;
    -o-transition: padding 0.35s ease;
    transition: padding 0.35s ease;
    position: relative;
}

.usernav-menu>li>a:hover,
.usernav-menu>li>a:focus {
    background-color: #ADADAD;
    color: #fff !important;
    background-image: none;
    padding-left: 20px;

}

.usernav-menu>li>a:hover i {
    color: #fff !important;
}

.usernav-menu i {
    color: #768082;
    width: 13px;
}

.usernav-menu-url:hover {
    text-decoration: none;
}

.usernav-menu-url i {
    margin-right: 5px;
}

.usernav:hover .usernav-menu,
.drop-nav .usernav-menu {
    opacity: 1;
    visibility: visible;
    top: 70px;
}

/*Access Menu*/

#access {
    height: 100%;
    float: right;
    margin: 0px 185px 0px 0px;
}

#access .menu {
    height: 100%;
}

#access ul {
    list-style: none;
    margin: 0 0 0 -0.8125em;
    padding-left: 0;
    z-index: 99999;
    text-align: right;
}

#access ul ul {
    float: left;
    margin: 0;
    position: absolute;
    left: 0;
    visibility: hidden;
    opacity: 0;
    top: 55px;
    margin-left: 3px;
    padding-top: 1px;
    width: 220px;
    background-color: #fff;
    border-left: 1px solid #f0f0f0 !important;
    border-right: 1px solid #f0f0f0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    border-top: 1px solid #f0f0f0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    line-height: 0px;
}

#access li {
    display: inline-block;
    text-align: left;
    position: relative;
    -webkit-transition: padding 0.35s ease;
    -moz-transition: padding 0.35s ease;
    -o-transition: padding 0.35s ease;
    transition: padding 0.35s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#access a {
    display: block;
    text-decoration: none;
    font-size: 14px;
    padding-left: 17px;
    padding-right: 17px;
    /*padding-top: 23px;*/
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    color: #fff;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#access ul ul a {
    padding-top: 23px;
}

#access .menu li:hover>a,
#access .menu li:hover>a:active,
#access .menu li:hover>a:focus {
    color: #ADADAD;
}

#access .sub-menu li:hover>a,
#access .sub-menu li:hover>a:active,
#access .sub-menu li:hover>a:focus {
    color: #fff;
    background-color: #ADADAD;
}

.menu>li {
    height: 100%;
    line-height: 70px;
}

.customnav .menu>li {
    height: 100%;
    line-height: 70px;
}

.menu-main-menu-container {
    height: 100%;
}

.menu-item-link i {
    margin-right: 5px
}

.menu_label {
    background: #e9b97b;
    display: inline-block;
    margin-left: 5px;
    font-size: 10px;
    color: #fff;
    padding: 3px 5px;
    text-transform: uppercase;
    line-height: 10px;
}

#access .haschildren:after {
    content: '\00BB';
    font-size: 14px;
    margin-left: 10px;
    position: absolute;
    top: 12px;
    right: 15px;
}

.sub-menu ul {
    border-top: 1px solid #fff !important;
}

.sub-menu ul:before {
    content: '';
    display: none;
}

.sub-menu li:hover {
    background-color: #ADADAD;
    color: #fff;
    border: none;
}

#access .sub-menu li>a {
    -webkit-transition: padding 0.35s ease;
    -moz-transition: padding 0.35s ease;
    -o-transition: padding 0.35s ease;
    transition: padding 0.35s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.sub-menu li:hover>a {
    padding-left: 18px !important;
}


.sub-menu li:hover a {
    color: #fff;
}

.sub-menu a:hover {
    color: #fff;
}

#access ul ul li {
    width: 100%;
}

#access ul ul a {

    color: #62748F;
    font-size: 13px;
    font-weight: normal;
    height: auto;
    line-height: 1.4em;
    padding: 13px 13px 13px 13px;
    text-transform: none;
}

#access ul ul li:last-child>a {
    border-bottom: none;
}

#access .current-menu-item>a,
#access .current-menu-parent>a,
#access .current-menu-ancestor>a,
.nav-fixed #access .current-menu-item>a,
.nav-fixed #access .current-menu-parent>a,
.nav-fixed #access .current-menu-ancestor>a {
    color: #ADADAD;
}

#access .current-menu-item,
.nav-fixed #access .current-menu-item {
    color: #ADADAD;
}

#access .menu>li:hover a {
    background: transparent !important;
}

.nav-type-1 #access .menu>li:hover a {
    background: transparent !important;
}

.nav-type-2 #access .menu>li:hover>a:before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    border-top: 3px solid #ADADAD;
    width: 100%;
}

.nav-type-2 #access .menu>li.with-megamenu:hover>a {
    position: relative;
}

.nav-type-3 #access .menu>li:hover>a {
    background: #ADADAD !important;
    border-radius: 5px;
    color: #fff;
    display: inline;
    padding: 7px 17px;
}

.nav-type-4 #access .menu>li:hover>a {
    background: #ADADAD !important;
    color: #fff;
}

.nav-type-5 #access .menu>li:hover>a {
    border-bottom: 3px solid #ADADAD;
    padding: 7px 10px;
    margin-left: 7px;
    margin-right: 7px;
    display: inline;
}

.nav-type-6 #access .menu>li:hover>a {
    border: 2px solid #ADADAD;
    border-radius: 6px;
    color: #ADADAD;
    display: inline;
    padding: 7px 15px;
}

#access ul ul :hover>a {
    color: #fff;
}

#access ul li:hover>ul {
    top: 70px;
    opacity: 1;
    visibility: visible;
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .05);
}

#access ul ul li:hover>ul {
    top: -1px;
}

#access ul ul ul {
    left: 100%;
    top: 30px;
    padding-top: 0px;
    margin-left: 0px;
}

#access ul ul ul ul ul {
    display: none;
}

.sub-menu .menu-item-has-children>a:after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    float: right;
}

#mobile_display {
    height: 33px;
    width: 100%;
    padding: 6px 10px;
    background-color: #fff;
    display: none;
    margin-bottom: 20px;
    color: #fff;
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-top: 10px;
    border-radius: 3px;
}

#mobile_display span {
    margin-top: 4px;
    float: left;
}

#mobile_display i {
    font-size: 21px;
    float: right;
}

#mobile_menu {
    list-style-type: none;
    margin: 0px;

    width: 100%;
    margin-top: -20px;
    margin-bottom: 20px;
    display: none;
}

#mobile_menu li {
    margin: 0px;
    padding: 10px;
    border-bottom: 1px solid #e2e4e5;
    border-left: 1px solid #e2e4e5;
    border-right: 1px solid #e2e4e5;
    cursor: pointer;
}

#mobile_menu li:hover {
    background-color: #fff;
    color: #fff;
}

#mobile_menu li:hover a {
    color: #fff;
}

#mobile_menu .first_level {
    padding-left: 20px;
}

#mobile_menu .second_level {
    padding-left: 30px;
}

.usernav .usernav-tools {
    height: 70px;
    line-height: 70px;
    text-decoration: none;
}

.usernav .usernav-tools .btn-login {
    height: 45px;
    width: 45px;
    line-height: 45px;
    border-radius: 100%;
    font-size: 22px;
    color: #fff;
    text-align: center;
    background-color: #bebebe;
    margin: 12.5px 0;
    display: block;
}

.usernav-tools:focus .btn-login {
    background-color: #ADADAD;
    color: #fff;
}

.usernav-tools:hover .btn-login {
    background-color: #fff;
    color: #ADADAD;
    box-shadow: 1px 2px 3px #ADADAD;
}

/*.usernav .usernav-tools{
    display: inline;
    line-height: 70px;
}
.usernav-tools,
.usernav-tools:focus{
    padding: 10px 5px;
    text-decoration: none;
    background: #ADADAD;
    border-radius: 5px;
    color: #fff;
    box-shadow: 1px 2px 3px #fff;
}
.usernav-tools:hover{
    background: #fff;
    color: #ADADAD;
    box-shadow: 1px 2px 3px #ADADAD;
}*/
.usernav-tools.usernav-logged {
    padding: 0;
    background-color: unset;
    box-shadow: unset;
    height: 70px;
    line-height: 70px;
    text-decoration: none;
}

.nav-fixed #access a {
    color: #000;
}

/*media header*/
.master-media {
    position: relative;
    display: table;
    height: 64vh;
    max-height: 400px;
    width: 100%;
}

.custom-header-media {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.custom-header-media:before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */
    background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0);
    /* IE6-9 */
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 2;
}

.master-media .custom-header-media img,
.master-media .custom-header-media video,
.master-media .custom-header-media iframe {
    position: absolute;
    height: 300px;
    height: 50vh;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    top: 50%;
    padding-bottom: 1px;
    /* Prevent header from extending beyond the footer */
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

/*Master tab*/

.master-tab {
    position: relative;
    margin-top: -25vh;
    margin-top: -190px;
    z-index: 3;
}

.karb-recommended-tab {
    width: 100%;
    display: inline-block;
    padding: 0px 15px 10px 15px;
    box-sizing: border-box;
}

.karb-recommended-tab .recm-tabs {
    margin: 0;
    border-bottom: 4px solid #ffd900;
    width: 100%;
    display: inline-block;
}

.karb-recommended-tab .recm-tabs .recm-item {
    text-transform: uppercase;
    font-weight: bold;
    border: 1px solid #ffd900;
    float: left;
    min-width: 9rem;
}

.karb-recommended-tab .recm-tabs .recm-item .recm-link,
.karb-recommended-tab .recm-tabs .recm-item .recommended-title {
    color: #ff0000;
    padding: 12px 10px;
    display: block;
    background: #ffffff;
    text-decoration: none;
}

.karb-recommended-tab .recm-tabs .recm-item .recm-link {
    color: #000000;
}

.karb-recommended-tab .recm-tabs .recm-item.active .recm-link,
.karb-recommended-tab .recm-tabs .recm-item .recm-link:hover {
    background: #000000 !important;
    color: #ffffff;
}

.karb-recommended-tab .tab-content {
    margin-top: 20px;
    min-height: 120px;
}

.karb-recommended-tab .tab-content .tab-pane {
    display: none;
}

.karb-recommended-tab .tab-content .tab-pane.active {
    display: block;
    position: relative;
}

.biodata-box {
    box-sizing: border-box;
    display: inline-block;
    min-height: 350px;
    position: relative;
    margin-top: 10px;
    overflow: hidden;
}

.owl-item .biodata-box {
    width: 100%;
}

.tag-view {
    position: absolute;
    padding: 5px;
    color: #fff;
    cursor: pointer;
    z-index: 111;
}

.tag-view:hover {
    color: #000;
}

.view-inter {
    top: 0;
    left: 0;
}

.view-infor {
    top: 0;
    right: 0;
}

.biodata-box img {
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: 350px;
    padding: 10px;
    cursor: pointer;
    box-sizing: border-box;
}

.biodata-box-detail {
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 20px;
    width: 100%;
    display: inline-block;
    height: 100%;
    cursor: pointer;
    text-align: center;
}

.biodata-box-detail .rec-title {
    font-weight: bold;
    color: blue;
    padding: 5px 15px;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
    background: rgba(255, 255, 255, 0.4)
}

.biodata-box-detail .rec-age,
.biodata-box-detail .rec-religion {
    padding: 5px;
    color: #000;
}

.biodata-box-detail .rec-type {
    padding: 5px;
    color: #fff;
}

.biodata-box-detail .rec-flag {
    padding: 5px;
    background: red;
    color: #fff;
    margin-bottom: 5px;
}

.biodata-box-detail .rec-more {
    background: #fff;
    color: #000;
    display: inline-block;
    width: 100%;
}

.biodata-box-detail .rec-row {
    width: 100%;
    display: inline-block;
    text-align: left;
    font-size: 13px;
    padding: 0 5px;
}

.biodata-box-detail .rec-row label {
    width: 45%;
    color: #000;
    font-weight: bold;
    display: inline-block;
    padding: 5px 0;
    margin: 0;
}

.biodata-box-detail .rec-row.refno {
    color: red;
}

.karb-recommended-tab .view-all {
    position: absolute;
    top: -1rem;
    color: #0002F2;
    right: 15px;
    color: #ffffff;
}

.theme-owl-btn,
.theme-owlsearch-btn {
    width: 100%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
}

.theme-owl-bt,
.theme-owlsearch-bt {
    padding: 5px 25px;
    cursor: pointer;
    background: #000;
    color: #fff;
    border: none;
    margin: 0 1px;
}

.theme-owl-bt:hover,
.theme-owlsearch-bt:hover {
    background: rgb(100%, 85%, 0%);
    color: #000;
}


/*theme_banner*/
.karb-notify{
    display: inline-block;
    width: 100%;
    min-height: 90px;
    line-height: 90px;
    text-align: center;
    background: #fff;
    padding: 10px;
    font-size: 20px;
}
.karb-content-notify{
    display: inline-block;
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
}
.karb-notify a,
.karb-content-notify a{
    margin-left: 5px;
    color: #0000ff;
    text-decoration: underline;
}
.karb-banner {
    display: inline-block;
    width: 100%;
    padding: 0px 1%;
    padding-bottom: 20px;
    box-shadow: -2px 9px 4px -5px rgba(0, 0, 0, .47);
}

.karb-banner a {
    display: block;
}

.karb-banner img {
    width: 100%;
    height: 100%;
    min-height: 150px;
    object-fit: contain;
    object-position: center;
}

/*title_subtitle*/
.title_subtitle {
    margin-bottom: 35px;
}

.title_subtitle h3,
.title_subtitle h4 {
    padding: 0;
    margin: 0;
    font-size: 13px;
}

.title_subtitle h3 {
    line-height: 1.4em;
}

.title_subtitle h4 {
    line-height: 1.7em;
}

.title_subtitle h4 {
    margin-top: 5px;
}

.title_subtitle_separator {
    width: 90px;
    height: 0px;
    display: inline-block;
    margin: 30px 0 20px 0;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #000;
}

/*maid_search*/
.maid-search {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    background: #f54fa5;
    border-radius: 10px;
    color: #fff;
    box-shadow: -2px 9px 4px -5px rgba(0, 0, 0, .47);
}

.maid-search .theme-title {
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px;
    border-bottom: 2px solid #fff;
}

.karb-maid-search-form {
    margin: 15px;
}

.maid-search .input-group-text {
    background: unset;
    color: unset;
    border: unset;
}

.maid-search label {
    padding-left: 0;
    margin-left: 0;
}

/*Biodata design*/
.karb-card {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    height: 250px;
    margin-top: 10px;
    font-size: 12px;
}

.bg-card {
    background: #f0f7f5;
}

.karb-card-image {
    width: 40%;
    float: left;
    padding: 10px;
    position: relative;
    box-sizing: border-box;
    height: 250px;
    border-right: 1px solid #fff;
}

.karb-card-image a {
    width: 100%;
    display: block;
    height: 100%;
}

.karb-name {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 5px;
    white-space: pre;
    overflow: hidden;
    padding: 5px;
    text-overflow: ellipsis;
}

.karb-card-image img {
    width: 100%;
    object-position: center;
    object-fit: cover;
    height: 180px;
}

.karb-card-image .tag-view {
    position: absolute;
    color: #fff;
    cursor: pointer;
    display: inline-grid;
    z-index: 9;
    width: 22px;
    padding: 2px 5px;
    text-align: center;
}

.karb-card-image .view-inter {
    top: 0;
    left: 0;
}

.karb-card-image .view-desc {
    width: 100%;
    bottom: 5px;
    left: 0;
    color: #000;
}

.karb-card-detail {
    width: 60%;
    float: left;
    padding: 10px;
    position: relative;
    box-sizing: border-box;
    height: 250px;
}

.karb-card-detail marquee {
    height: 11px;
    line-height: 11px;
}

.karb-card-info {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}

.karb-card-info .card-row {
    width: 100%;
    display: inline-block;
    margin-bottom: .5rem;
}

.karb-card-info .card-row img {
    width: 65px;
    max-width: 65px;
    height: 30px;
    object-fit: cover;
    object-position: center;
}

.karb-card-info .text-refno {
    line-height: 30px;
}

.karb-card-info .text-per {
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
}

.karb-card-info .float-left.text-per {
    width: 45%;
    text-align: left;
}

.karb-card-info .float-right.text-per {
    width: 55%;
    text-align: right;
}

.karb-card-action {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
}

[class^="col-md-"] .karb-card-action {
    margin-right: 15px;
}

.karb-card-action a {
    color: #fff;
    cursor: pointer;
    display: inline-grid;
    z-index: 9;
    width: 22px;
    padding: 2px 5px;
    text-align: center;
    margin-right: .2rem;
    height: auto;
    background: #dfdfdf;
}

.karb-card-action a:last-child {
    margin-right: unset;
}

.karb-card-by {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 9;
    padding: .4em .6em .4em;
    font-weight: 400;
    font-size: 12px;
}

[class^="col-md-"] .karb-card-by {
    margin-right: 15px;
}

.karb-card-action .kv-edit:hover {
    background: #6dab3c !important;
}

.kv-delete:hover {
    background: #f4524d !important;
}

.progressbar-container {
    width: 100%;
}

.progressbar {
    counter-reset: step;
}

.progressbar li {
    list-style-type: none;
    width: 25%;
    float: left;
    position: relative;
    text-align: center;
    color: #999;
}

.progressbar li:before {
    width: 30px;
    height: 30px;
    content: counter(step);
    counter-increment: step;
    line-height: 26px;
    border: 2px solid #999;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: white;
    z-index: 1;
    position: relative;
}

.progressbar li:after {
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    background-color: #999;
    top: 15px;
    left: -50%;
    z-index: 0;
}

.progressbar li:first-child:after {
    content: none;
}

.progressbar li.active,
.progressbar li.active a {
    color: #31C0F0;
}

.progressbar li.active:before {
    border-color: #31C0F0;
}

.progressbar li.complete,
.progressbar li.complete a {
    color: #31C0F0;
}

.progressbar li.complete:before {
    border-color: #31C0F0;
    font-weight: 600;
    background-color: #31C0F0;
    content: '\f00c';
    color: white;
    font-family: "Font Awesome 5 Free";
}

.progressbar li.complete+li.complete:after,
.progressbar li.complete+li.active:after {
    background-color: #31C0F0;
}

.progressbar.tab li:after {
    background-color: #31C0F0;
}

.progressbar.tab li:before,
.progressbar.tab li.complete:before {
    border-color: #31C0F0;
    background-color: #31C0F0;
    content: counter(step);
    color: white;
    font-family: "Font Awesome 5 Free";
}

.progressbar.tab li a,
.progressbar.tab li.complete a {
    color: #333;
}

.karb-list {
    position: relative;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

.karb-list:last-child {
    margin-bottom: unset;
    padding-bottom: unset;
    border-bottom: unset;
}

.biodata-list-title {
    width: 100%;
    display: inline-block;
    border-bottom: 2px solid #00f;
    margin-bottom: 0;
    color: red;
    padding-bottom: 5px;
}

.list-flag img {
    width: 60px;
}

.karb-list strong {
    color: blue;
}

.biodata-list-img a {
    display: block;
    overflow: hidden;
}

.biodata-list-img img {
    width: 100%;
    height: 265px;
    object-fit: cover;
    object-position: center;
    transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}

.biodata-list-img a:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand');
}

.list-rate i {
    padding-right: 5px;
}

.list-rate i:last-child {
    padding-right: 0;
}

.list-rate i.fa-star {
    color: #ffd700;
}

.list-rate i.far.fa-star {
    color: #9f9e98
}


.meta-info {
    padding: 0px 0px 0px 0px;
    margin-bottom: 25px;
    font-size: 13px;
    color: #8F9EB6;

}

.meta-element {
    display: inline;
}

.meta-info a {
    color: #8F9EB6;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.meta-info a:hover {
    color: #1CA8DD;
}

.meta-info .fa {
    margin-right: 2px;
}

/*Gallery*/
#photos {
    /* Prevent vertical gaps */
    line-height: 0;

    -webkit-column-count: 5;
    -webkit-column-gap: 0px;
    -moz-column-count: 5;
    -moz-column-gap: 0px;
    column-count: 5;
    column-gap: 0px;
}

#photos img {
    /* Just in case there are inline attributes */
    width: 100% !important;
    height: auto !important;
    cursor: pointer;
    transition: 0.3s;
}

#photos img:hover {
    opacity: 0.7;
}

@media (max-width: 1200px) {
    #photos {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

@media (max-width: 1000px) {
    #photos {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media (max-width: 800px) {
    #photos {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media (max-width: 400px) {
    #photos {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

/* The Modal (background) */
.img-modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 100;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.9);
    /* Black w/ opacity */
}

/* Modal Content (image) */
.img-modal-content {
    margin: auto;
    display: block;
    width: 80%;
    height: 100%;
    max-height: 80vh;
    object-fit: contain;
    object-position: center;
    max-width: 700px;
}

/* Caption of Modal Image */
.img-caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.img-modal-content,
.img-caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

.img-caption span,
.img-caption a,
.img-caption .meta-info {
    color: #fff !important;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

/* The Close Button */
.img-close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.img-close:hover,
.img-close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
    .img-modal-content {
        width: 100%;
    }
}

.ajax-load-loadmore {
    display: none;
    margin-top: .5rem;
    text-align: center;
    font-size: 1.4rem;
    color: #767676;
}

/*jobs_list*/
.job-detail .list-group-item {
    padding-left: 0;
    border: unset;
}

.job-title {
    font-size: 1.3rem;
    font-weight: 600;
    margin-top: .3rem;
    line-height: 1.5rem;
}

.post-meta {
    font-size: .9em;
    margin-right: 10px;
    font-style: italic;
}

.karb-jobs {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.karb-title {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 10px;
    padding-bottom: 20px;
    font-size: 1.3em;
    color: #ff7f00;
    font-weight: bold;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.karb-hr {
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 2px solid #000;
    width: 20%;
}

.karb-content {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.karb-item {
    margin: 0;
    padding: 10px 0;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
    background: #fff;
    position: relative;
    border-bottom: 1px solid #e9ecef;
}

.karb-item:last-child {
    border-bottom: none;
}

.karb-item h4 {
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.2rem;
}

.karb-meta {
    font-size: 0.9em;
    font-weight: 600;
}

.karb-author,
.karb-date {
    color: #bebebe;
    margin-right: 10px;
    font-weight: normal;
    font-style: italic;
}

.karb-job-box {
    padding: 10px 0;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #bebebe;
    position: relative;
    min-height: 350px;
}

.karb-job-box h4 {
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.2rem;
}

.karb-job-box .list-inline {
    padding: 0 15px;
}

.job-staus {
    display: inline-block;
}

.job-staus a {
    padding: 4px 10px;
    border-radius: 3px;
    background: #7fb13d;
    color: #fff;
    margin-right: 5px;
    display: block;
}

.job-detail .job-staus {
    position: absolute;
    right: 15px;
}

.job-detail .job-staus a {
    margin-right: 0;
}

.job-detail .job-title {
    margin-right: 90px;
}

.meta-info {
    margin-bottom: 25px;
    font-size: 13px;
    font-size: .9rem;
    color: #8f9eb6;
}

.meta-element {
    display: inline-block;
}

.karb-job-box .job-image {
    padding-bottom: 10px;
}

.job-image img {
    width: 100%;
    height: 100vh;
    max-height: 175px;
    object-fit: contain;
    object-position: center;
    border: 1px solid #bebebe;
}

.karb-job-box .job-image img {
    border: unset;
}

.job-salary,
.job-nat {
    font-weight: bold;
    font-size: 1.1em;
    color: #000;
    margin-bottom: 10px;
    margin-top: 10px;
    display: inline-block;
}

.job-nat {
    font-weight: normal;
}

.karb-readmore {
    display: inline-block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}

.karb-readmore a i {
    display: none;
}

.karb-readmore a:hover i {
    display: inline-block;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.post-excerpt img {
    display: none;
}

.post-excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: .5rem;
}

/*biodata_home_video*/
.karb-viewall {
    font-size: 13px;
}

.video-box {
    margin: 0;
    display: inline-block;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    background: #1e1e1e;
    color: #fff;
    overflow: hidden;
}

.video-title {
    display: inline-block;
    width: calc(100% - 90px);
    box-sizing: border-box;
    padding: 10px 5px;
    overflow: hidden;
    margin-right: 90px;
}

.video-content {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 5px;
    overflow: hidden;
}

.video-title a.reflink {
    display: block;
    color: #fff;
    font-size: 1.1em;
    white-space: pre;
    text-overflow: ellipsis;
    overflow: hidden;
    /*-moz-animation: movetoleft 15s linear infinite;
    -webkit-animation: movetoleft 15s linear infinite;
    animation: movetoleft 15s linear infinite;*/
}

.video-title a:hover {
    color: #ccc;
}

.video-action {
    width: 80px;
    top: 10px;
    right: 5px;
    position: absolute;
    background: blue;
    border-radius: 3px;
    color: #fff;
    padding: 1px 5px;
    text-align: center;
}

.video-action .share-wrapper {
    display: inline-block;
    font-size: 0.9em;
}

.video-action .share-wrapper a {
    display: block;
    color: #fff;
}

.video-action .share-wrapper a span,
.video-action .share-wrapper #share-loader {
    color: #fff;
}

.video-desc {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    margin: 0 10px;
    overflow: hidden;
}

.movetoleft {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: 10px;
    font-size: 0.9em;
    -moz-animation: movetoleft 15s linear infinite;
    -webkit-animation: movetoleft 15s linear infinite;
    animation: movetoleft 15s linear infinite;
}

/*letstalk_list*/
.read_more {
    float: right;
    margin-left: 15px;
    color: #1CA8DD;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.read_more:hover {
    color: #347DA4;
}

.read_more i {
    font-size: 12px;
    margin-left: 6px;
}

/*facebook_page_infor*/
.facebook_page iframe {
    width: 100%;
    min-height: 300px;
    max-height: 500px;
}

/*contact_us_form*/
#googleMap {
    width: 100%;
    transition: height 0.3s ease;
    min-height: 300px;
    margin-bottom: 10px;
}

.contact_us .karb-title {
    color: #fff;
}

.contact_us .karb-hr {
    left: 46%;
    right: 46%;
    border-color: #fff;
    width: 8%;
}

/*footer_socials*/
.footer-socials {
    display: inline-block;
}

.footer-socials li {
    display: inline-block;
    clear: both;
    min-width: 45px;
    border-right: 1px solid #bebebe;
}

.footer-socials li:last-child {
    border-right: unset;
}

.footer-socials li a {
    display: block;
    font-size: 16px;
}

/*biodata_slider*/
/*biodata_slider_pic*/
.karb-slider .karb-card,
.karb-slider .biodata-box {
    max-width: unset;
}

.biodata-slider {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

.karb-slider-item {
    position: relative;
}

.biodata-slider-pic {
    display: block;
}

.biodata-slider-pic img {
    width: 100%;
    height: 45vh;
    min-height: 220px;
    max-height: 230px;
    object-fit: cover;
    object-position: center;
}

/*design_text_box*/
.karb-text-box {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    transition: all 0.5s ease 0s;
    padding: 10px;
}

.karb-text-box:hover {
    box-shadow: 2px 0 26px #000;
    transition: all 0.5s ease 0s;
}

.karb-text-box h4 {
    margin: 0;
    margin-top: 10px;
    padding: 10px 0;
}

.karb-text-box-separator,
.karb-text-box-content {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.karb-text-box-separator span {
    border-top: 5px solid #fff;
    display: inline-block;
}

.karb-text-box-content {
    margin-bottom: 20px;
}

/*Flag*/
.flag,
.flag-temp {
    text-align: center;
}

.flag img,
.flag-temp img {
    width: 100px;
}

.flag-temp .active img {
    border: 5px solid #30f100;
}

/*Filter Form*/
.form-filter {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
}

/*pagination*/
.pagination-page {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    margin-top: 15px;
}

.pagination {
    display: inline-block;
}

.pagination .page-numbers {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    border: 1px solid #ddd;
}

.pagination .page-numbers.current {
    background-color: #ADADAD;
    color: white;
}

.pagination a.page-numbers:hover:not(.current) {
    background-color: #ddd;
}

.karb-breadcrumb {
    margin-bottom: .6rem;
}

.karb-breadcrumb a {
    color: #17a2b8;
}

.karb-breadcrumb a:hover {
    color: #007bff;
}

/**
 * 12.3 Comments
 */

.comments-area {
    background-color: #fff;
    border-top: 1px solid #eaeaea;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    padding: 1rem 0;
}

.comments-area .fb-comments {
    width: 100%;
    max-width: 100%;
}

.comments-area> :last-child {
    margin-bottom: 0;
}

.comment-list+.comment-respond {
    border-top: 1px solid #eaeaea;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
}

.comment-list+.comment-respond,
.comment-navigation+.comment-respond {
    padding-top: 1.6em;
}

.comments-title,
.comment-reply-title {
    font-family: "Noto Serif", serif;
    font-size: 16px;
    font-size: 1.3rem;
    line-height: 1.3333;
}

.comments-title {
    margin-bottom: 1.3333em;
}

.comment-list {
    list-style: none;
    margin: 0;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
    border-top: 1px solid #eaeaea;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    padding: 1.6em 0;
}

.comment-list .children {
    list-style: none;
    margin: 0;
}

.comment-list .children>li {
    padding-left: 0.8em;
}

.comment-author {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    margin-bottom: 0.4em;
}

.comment-author a:hover {
    border-bottom: 1px solid #707070;
    border-bottom: 1px solid rgba(51, 51, 51, 0.7);
}

.comment-author .avatar {
    float: left;
    height: 24px;
    margin-right: 0.8em;
    width: 24px;
}

.bypostauthor>article .fn:after {
    content: "\f304";
    position: relative;
    top: 5px;
    left: 3px;
}

.comment-metadata,
.pingback .edit-link {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    font-family: "Noto Sans", sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
}

.comment-metadata a,
.pingback .edit-link a {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
}

.comment-metadata a:hover,
.pingback .edit-link a:hover {
    border-bottom: 1px solid #333;
}

.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .edit-link a:hover,
.pingback .edit-link a:focus {
    color: #333;
}

.comment-metadata {
    margin-bottom: 1.6em;
}

.comment-metadata .edit-link {
    margin-left: 1em;
}

.pingback .edit-link {
    margin-left: 1em;
}

.pingback .edit-link:before {
    top: 5px;
}

.comment-content ul,
.comment-content ol {
    margin: 0 0 1.6em 1.3333em;
}

.comment-content li>ul,
.comment-content li>ol {
    margin-bottom: 0;
}

.comment-content> :last-child {
    margin-bottom: 0;
}

.comment-list .reply {
    font-size: 12px;
    font-size: 1.2rem;
}

.comment-list .reply a {
    border: 1px solid #eaeaea;
    border: 1px solid rgba(51, 51, 51, 0.1);
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    display: inline-block;
    font-family: "Noto Sans", sans-serif;
    font-weight: 700;
    line-height: 1;
    margin-top: 2em;
    padding: 0.4167em 0.8333em;
    text-transform: uppercase;
}

.comment-list .reply a:hover,
.comment-list .reply a:focus {
    border-color: #333;
    color: #333;
    outline: 0;
}

.comment-form label {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    font-family: "Noto Sans", sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    display: block;
    letter-spacing: 0.04em;
    line-height: 1.5;
    text-transform: uppercase;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    width: 100%;
}

.comment-form input[type="submit"] {
    color: #fff;
    background: #bebebe;
    border: 1px solid #ccc;
    cursor: pointer;
    padding: .5rem 1rem;
    font-weight: 600;
}

.comment-form input[type="submit"]:hover {
    color: #333;
    background: #ccc;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    font-family: "Noto Sans", sans-serif;
    font-size: 12px;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 1.5em;
}

.logged-in-as a:hover {
    border-bottom: 1px solid #333;
}

.no-comments {
    border-top: 1px solid #eaeaea;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    font-family: "Noto Sans", sans-serif;
    font-weight: 700;
    padding-top: 1.6em;
}

.comment-navigation+.no-comments {
    border-top: 0;
}

.form-allowed-tags code {
    font-family: Inconsolata, monospace;
}

.form-submit {
    margin-bottom: 0;
}

.required {
    color: #c0392b;
}

.comment-reply-title small {
    font-size: 100%;
}

.comment-reply-title small a {
    border: 0;
    float: right;
    height: 32px;
    overflow: hidden;
    width: 26px;
}

.comment-reply-title small a:before {
    content: "\f405";
    font-size: 32px;
    position: relative;
    top: -3px;
}

.comment-form #wp-comment-cookies-consent {
    margin: 0 10px 0 0;
}

.comment-form .comment-form-cookies-consent label {
    display: inline;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    letter-spacing: 0;
    text-transform: none;
}

/*Footer*/
.master-footer {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    background: #adadad;
    z-index: 99;
}

.footer-widget-area:not(:last-child) {
    border-top: 2px solid #fff;
}

.footer-widget-area .widget-area {
    margin-bottom: 1rem;
}

.footer-widget-area .widget {
    margin-top: 1rem;
}

.footer-widget-area .widget,
.footer-widget-area .widget a {
    color: #f0f0f0;
}

.footer-widget-area .widget a:hover {
    color: #00f;
}

.footer-widget-area .widget-title {
    font-size: 1.1rem;
    color: #fff;
    font-weight: 600;
    line-height: 26px;
}

.footer-widget-area .widget li {
    margin-bottom: 4px;
    padding-bottom: 4px;
    border: none;
    vertical-align: top;
    line-height: 22px;
}

.footer-widget-area .widget li a {
    border: none;
    line-height: 22px;
    font-size: 13px;
    color: #f0f0f0;
}

.footer-widget-area .widget li:before,
.list-ls li:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-style: normal;
    display: block;
    float: left;
    text-decoration: inherit;
    font-size: 13px;
    margin: 5px 13px 0 0;
    line-height: 14px;
    color: #fff;
}

.list-ls li:before {
    color: unset;
}

.author-avatar img {
    width: 100%;
    object-fit: contain;
    object-position: center;
}

.karb-address-widget {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    color: #f0f0f0;
    font-size: 13px;
}

.karb-address-widget .karb-address-item {
    margin-bottom: 10px;
}

.karb-address-widget .karb-address-icon {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}

.karb-address-widget .karb-address-info {
    line-height: 1.2em;
}

.karb-address-widget .karb-address-info a {
    line-height: 10px;
}

.copyright-footer {
    width: 100%;
    float: left;
    box-sizing: border-box;
    border-top: 1px solid #bcbcbcbc;
}

.copyright {
    font-size: 12px;
    line-height: 33px;
}

.karb-subscribers {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    margin-top: 1.2rem;
    padding-bottom: 1.2rem;
    background: #333;
    color: #333;
}

.subscribers-icon {
    width: 50px;
    float: left;
    text-align: center;
}

.subscribers-icon i {
    display: block;
    width: 100%;
    background: #bebebe;
    color: #fff;
    height: 49px;
    line-height: 49px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.subscribers-form {
    width: calc(100% - 50px);
    float: left;
    height: 49px;
    line-height: 49px;
    position: relative;
}

.karb-subscribers form {
    display: block !important;
}

.karb-subscribers input {
    height: 49px;
    line-height: 49px;
}

.karb-subscribers input[type="submit"] {
    width: 100px;
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #fff;
    border-left: unset;
    box-sizing: border-box;
    font-size: 14px;
    color: #fff;
    background: #000;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.karb-subscribers input[type="email"] {
    width: calc(100% - 100px);
    position: absolute;
    left: 0;
    top: 0;
    padding: .3rem 1rem;
}

.karb-subscribers input[type="submit"]:hover {
    cursor: pointer;
    background: #f54fa6;
}

.karb-subscribers .es_msg,
.karb-subscribers .es_subscription_message {
    width: calc(100% - 100px);
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 1rem;
    height: 13px;
    line-height: 13px;
    font-size: 11px;
    box-sizing: border-box;
    display: inline-block;
    text-align: right;
}

.es_spinner_image {
    display: none !important;
}

.footer-widget-area .footer-socials {
    margin-top: 1.2rem;
}

.footer-widget-area .footer-socials li {
    min-width: 100px;
    border-right-width: 2px;
    border-right-color: #fff;
}

.footer-widget-area .footer-socials li a {
    font-size: 25px;
    color: #fff;
    line-height: 49px;
}

.copyright-footer-nav {
    float: right;
    text-align: right;
}

.copyright-footer-nav li {
    display: inline;
    font-size: 13px;
}

.copyright-footer-nav .menu>li {
    line-height: 33px;
    height: 33px;
}

.copyright-footer-nav a {
    color: unset;
    margin-right: 15px;
}

.copyright-footer-nav li:last-child a {
    margin-right: unset;
}

.copyright-footer-nav a:hover {
    color: #fff;
}

/*text design*/
.alignleft {
    float: left;
}

img.alignleft {
    margin-right: 10px;
}

/*list style*/
.master-content ul {
    list-style: square inside;
    margin-left: 15px;
}

/* Like, Share, Apply box style */
/* Wrapper */
.sl-wrapper a,
.apply-wrapper a,
.share-wrapper a {
    border-bottom: 0 !important;
    text-decoration: none !important;
}

.sl-button,
.apply-button,
.share-button {
    /* padding: 0.375em 0.625em; */
    font-size: 1em;
    line-height: 1;
    font-weight: normal;
}

/* Colors */
a.liked,
a.apply,
a.shared {
    color: #da1b1b;
}

a.liked:hover,
a.liked:active,
a.liked:focus,
a.apply:hover,
a.apply:active,
a.apply:focus,
a.shared:hover,
a.shared:active,
a.shared:focus {
    color: #666666;
}

a.liked span.sl-count,
a.apply span.apply-count,
a.shared span.share-count,
.sl-count,
.apply-count,
.share-count {
    color: #666666;
}

/* Icon */
.sl-icon,
.apply-icon,
.share-icon {
    margin-right: 0.3125em;
    font-family: 'Arial Unicode MS', Arial, sans-serif;
    vertical-align: middle;
}

.sl-icon svg,
.apply-icon svg,
.share-icon svg {
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.sl-icon svg:after,
.apply-icon svg:after,
.share-icon svg:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* Count */
.sl-count,
.apply-count,
.share-count {
    font-size: 0.8em;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    text-transform: uppercase;
    vertical-align: middle;
}

/*Modal Theme*/
.karb-modal {
    display: none;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    z-index: 999;
}

.karb-modal-back {
    background-color: #111;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 1;
}

.karb-modal-container {
    background-color: #fff;
    left: 0;
    right: 0;
    top: 8%;
    width: 100%;
    max-width: 450px;
    z-index: 1;
    position: absolute;
    margin: 0px auto;
    box-shadow: 3px 5px 13px 0px rgba(29, 29, 29, 0.05);
}

.karb-modal-container.w850 {
    max-width: 850px;
}

.karb-modal-alert {
    width: 100%;
    max-width: 100%;
    text-align: left;
}

.karb-modal-close {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #8593a9;
    background-color: #f5f5f5;
    width: 22px;
    height: 23px;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
}

.karb-modal-title {
    background: #f5f5f5;
    padding: 25px;
    color: #3a4659;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1.3em;
    text-align: center;
    font-weight: 600;
    margin-bottom: 0px;
}

.karb-modal-form {
    padding: 50px;
    height: 100%;
    float: left;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
}

.karb-modal-box {
    padding: 1rem;
    float: left;
    box-sizing: border-box;
    width: 100%;
}

.karb-modal-control {
    background: #eaeaea;
    padding: 25px;
    color: #3a4659;
    width: 100%;
    float: left;
}
.karb-modal-control{
    text-align: center;
}
.karb-fcheck label {
    min-width: 110px;
    margin-bottom: 15px;
}
.home .shortcode_contact_form [type=checkbox].filled-in:not(:checked)+label:after,
.home .shortcode_contact_form .karb-fcheck label{
    border-color: #fff;
    color: #fff;
}
.karb-modal-control a {
    color: #3a4659;
    font-weight: 600;
    display: inline-block;
    text-align: center;
}

.karb-modal-control a.float-right {
    text-align: right;
}
.karb-modal-control a.float-left {
    text-align: left;
}

.karb-modal-info {
    margin: 13px 0px;
    color: #768082;
    font-size: 13px;
    font-weight: normal;
    line-height: 1em;
    text-align: left;
    width: 100%;
}

.or_social {
    width: 100%;
    float: left;
    text-align: center;
    margin: 15px 0px 5px 0px;
}

.karb-action-social,
a.karb-action-social {
    width: 100%;
    height: 40px;
    border-radius: 3px;
    cursor: pointer;
    margin: 10px 0px -6px 0px;
    position: relative;
    color: #fff;
    padding: 1px 15px;
    font-size: 1.1rem;
    display: inline-block;
    line-height: 40px;
    background-color: #ccc;
}

.karb-action-social:before {
    content: "\f059";
    font-family: "Font Awesome 5 Brands";
    float: right;
    line-height: 40px;
    margin-top: -1px;
    height: 40px;
    font-size: 15px;
    background-color: #bebebe;
    width: 45px;
    text-align: center;
    margin-right: -15px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.karb-action-social[data-social="facebook"] {
    background-color: #4B6CC9;
}

.karb-action-social[data-social="facebook"]:before {
    content: "\f39e";
    background-color: #425398;
}

.karb-action-social[data-social="google"] {
    background-color: #ED5565;
}

.karb-action-social[data-social="google"]:before {
    content: "\f1a0";
    background-color: #da4453;
}

.karb-modal .invalid-feedback {
    text-align: left;
    margin-bottom: 10px;
}

/*Sidebar Form Theme*/
.karb-sidebar-content {
    width: 90%;
    margin: auto;
    margin-top: 35px;
}

.karb-sidebar-title {
    font-size: 1.4rem;
    color: #f1f1f1;
    padding: 10px 0;
}

.karb-sidebar-form {
    max-width: 450px;
    margin: auto;
}

.karb-sidebar-control {
    display: inline-block;
    width: 100%;
    text-align: left;
}

.karb-sidebar-control a {
    color: #f1f1f1;
    display: block;
    font-size: 1.1rem;
    padding: 0;
    float: left;
    margin: 10px 0;
}

.karb-sidebar-links {
    color: #f1f1f1;
}

.full-width {
    max-width: unset !important;
    width: 100% !important;
}

.red {
    color: #f95050;
}

.karb-info {
    font-weight: 300;
    margin-bottom: 15px;
    color: #99abb4;
}

.karb-desc-info {
    font-weight: 300;
    margin-bottom: 15px;
    color: #99abb4;
    font-style: italic;
    font-size: 0.9rem;
}

.ll-skin-melon .ui-datepicker {
    z-index: 999 !important;
}

.karb-row {
    margin-bottom: 1.5rem;
    display: inline-block;
    width: 100%;
}

/*.karb-row .karb-row{ margin-bottom: 0; }*/
.karb-page-search {
    max-width: 350px;
    margin: auto;
}

.karb-search-remove {
    color: #ff0000;
}

.entry-content {
    margin-top: 1rem;
}

.text-result {
    color: #00f;
}

#ajaxCall {
    display: none;
    color: #000;
    background: #FFF;
    border-radius: 25px;
    top: 2%;
    right: 2%;
    position: fixed;
    width: 51px;
    height: 50px;
    z-index: 55555;
    text-align: center;
}

#ajaxCall i {
    font-size: 50px;
}

.per-row {
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}

.karb-container {
    max-width: 95%;
}

.js-disabled {
    cursor: no-drop;
    opacity: 0.4;
    pointer-events: none;
}

.reg {
    color: #ff0000;
    margin-left: .5rem;
}

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

/*media Popup*/
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/*******************
Table-Data Table
******************/
.dataTables_wrapper {
    padding-top: 10px;
}

.dt-buttons {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 15px;
}

.dt-buttons .dt-button {
    padding: 5px 15px;
    border-radius: 4px;
    background: #009efb;
    color: #ffffff;
    margin-right: 3px;
}
.dt-button span{ color: #fff!important;}
.dt-buttons .dt-button:hover {
    background: #2f3d4a;
}

.dataTables_info,
.dataTables_length {
    display: inline-block;
}

.dataTables_length {
    margin-top: 10px;
}

.dataTables_length select {
    border: 0;
    background-image: linear-gradient(#009efb, #009efb), linear-gradient(#d9d9d9, #d9d9d9);
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-color: transparent;
    transition: background 0s ease-out;
    padding-bottom: 5px;
}

.dataTables_length select:focus {
    outline: none;
    background-image: linear-gradient(#009efb, #009efb), linear-gradient(#d9d9d9, #d9d9d9);
    background-size: 100% 2px, 100% 1px;
    box-shadow: none;
    transition-duration: 0.3s;
}

.dataTables_filter {
    float: right;
    margin-top: 10px;
}

.dataTables_filter input {
    border: 0;
    background-image: linear-gradient(#009efb, #009efb), linear-gradient(#d9d9d9, #d9d9d9);
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-color: transparent;
    transition: background 0s ease-out;
    float: none;
    box-shadow: none;
    border-radius: 0;
    margin-left: 10px;
}

.dataTables_filter input:focus {
    outline: none;
    background-color: transparent;
    background-image: linear-gradient(#009efb, #009efb), linear-gradient(#d9d9d9, #d9d9d9);
    background-size: 100% 2px, 100% 1px;
    box-shadow: none;
    transition-duration: 0.3s;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: transparent;
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    /*padding: 0.5em 1em;*/
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    *cursor: hand;
    color: #67757c;
    border: 1px solid #ddd;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #ffffff !important;
    border: 1px solid #009efb;
    background-color: #009efb;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #67757c;
    border: 1px solid #ddd;
    background: transparent;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white;
    border: 1px solid #009efb;
    background-color: #009efb;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background-color: #67757c;
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 1em;
}
.dataTables_wrapper.container-fluid{
    padding: 0;
}
table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty{
    text-align: left;
}
.DTFC_RightBodyLiner,
.DTFC_LeftBodyLiner{
    overflow: hidden;
}
.DTFC_LeftWrapper table.dataTable,
.DTFC_RightWrapper table.dataTable,
.dataTables_scroll table.dataTable{
    margin-top: 0!important;
    margin-bottom: 0!important;
    background-color: #fff;
}
.DTFC_LeftBodyWrapper table.dataTable tbody tr,
.DTFC_RightBodyWrapper table.dataTable tbody tr,
.dataTables_scrollBody table.dataTable tbody tr{
    height: 53px!important;
}
div.dataTables_wrapper div.dataTables_processing{ z-index: 1;}
.checkbox-th label,
.checkbox-td label{
    margin-bottom: 0;
}
.table > thead:first-child > tr:first-child > th, 
.table > thead:first-child > tr:first-child > td, 
.table-striped thead tr.primary:nth-child(odd) th {
    background-color: #009efb;
    color: #fff;
    border-color: #009efb;
    border-top: 1px solid #009efb;
    text-align: center;
}
.table thead:first-child [type="checkbox"].filled-in:not(:checked) + label:after{
    border-color: #fff;
}
div.dataTables_wrapper div.dataTables_processing{ z-index: 1;}
.dataTables_length{
    margin-right: 10px;
}
/*******************/

/*ScrollBar style*/
/* width */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #333333;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #b30000;
}

/* Move it (define the animation) */
@-moz-keyframes movetoleft {
    0% {
        -moz-transform: translateX(100%);
    }

    100% {
        -moz-transform: translateX(-100%);
    }
}

@-webkit-keyframes movetoleft {
    0% {
        -webkit-transform: translateX(100%);
    }

    100% {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes movetoleft {
    0% {
        -moz-transform: translateX(100%);
        /* Firefox bug fix */
        -webkit-transform: translateX(100%);
        /* Firefox bug fix */
        transform: translateX(100%);
    }

    100% {
        -moz-transform: translateX(-100%);
        /* Firefox bug fix */
        -webkit-transform: translateX(-100%);
        /* Firefox bug fix */
        transform: translateX(-100%);
    }
}

.karb-recommended-tab .theme-owl-btn {
    display: none;
}

.post-navigation {
    font-size: 15px;
    margin-bottom: 10px !important;
}

.post-navigation .nav-previous {
    float: left;
}

.post-navigation .nav-next {
    float: right;
}

.post-navigation .nav-previous:before {
    content: "\f104";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 2px;
    top: 5px;
    font-weight: 600;
}

.post-navigation .nav-next:after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 2px;
    top: 5px;
    font-weight: 600;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
    position: relative;
    padding: 5px 10px;
    max-width: 160px;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #007bff;
    text-decoration: underline;
}

.post-navigation .nav-previous .post-title {
    margin-left: .5rem;
}

.post-navigation .nav-next .post-title {
    margin-right: .5rem;
}

.post-navigation a {
    color: #007bff;
}

@media (max-width:768px) {
    .post-navigation {
        text-align: center;
    }

    .post-navigation .nav-previous,
    .post-navigation .nav-next {
        float: none;
        margin: auto;
        margin-bottom: 7px;
    }
}
/* notify public */
.pl_notify{
    position: absolute;
    display: inline-block;
    top: 26%;
    overflow: hidden;
    padding: 5px 10px;
    font-size: 13px;
    width: 75%;
    color: #fff;
    margin: 0 calc((100% - 75%)/2);
    z-index: 9;
    border-radius: 5px;
}
.pl_notify .pl_notify_bl{
    opacity: .6;
    background-color: #ddf112;
    display: inline-block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    position: absolute;
}
.pl_notify a,
.pl_notify p{
    color: #fff;
}
.pl_notify a{
    font-weight: bold;
}
/* Box Chat */
.echbay-fbchat-min-title.efm-d-none.click-show-hide-box-chat{
    top: auto!important;
    bottom: 7%!important;
}
.master-slider {
    position: relative;
    margin-top: -190px;
    z-index: 3;
}
.karb-owlslide {
    height: 300px;
}
.slide__img-link{
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.slide__text p,
.slide__text h2,
.slide__text a{
    color: #fff;
}
.slider .slide__bg{
    background-size: contain;
    background-color: rgba(0, 0, 0, .47);
    background-repeat: no-repeat;
}
@media (max-width: 1024px) {
    .master-slider {
        margin-top: -170px;
    }
    .karb-owlslide{
        margin-top: 29px;
        height: 230px;
    }
}
@media (max-width: 768px) {
    .master-slider {
        margin-top: -170px;
    }
    .karb-owlslide{
        margin-top: 29px;
        height: 172px;
    }
}
@media (max-width: 540px) {
    .master-slider {
        margin-top: -170px;
    }
    .karb-owlslide{
        margin-top: 58px;
        height: 121px;
    }
}
@media (max-width: 375px) {
    .master-slider {
        margin-top: -170px;
    }
    .karb-owlslide{
        margin-top: 100px;
        height: 85px;
    }
}
@media (max-width: 360px) {
    .karb-owlslide{
        height: 80px;
    }
}
@media (max-width: 320px) {
    .karb-owlslide{
        height: 70px;
    }
}
@media (max-width: 280px) {
    .master-slider {
        margin-top: -161px;
    }
    .karb-owlslide{
        height: 62px;
    }
}
/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/

@media screen and (max-width: 1024px) {

    .header-wrapper {
        display: none;
    }

    .mb-header-wrapper {
        display: block;
    }

    .karb-recommended-tab .view-all {
        bottom: 1rem;
        color: #0000ff;
    }
    .pl_notify{
        position: fixed;
        top: unset;
        bottom: 0;
        width: 100%;
        margin: 0;
        border-radius: unset;
        color: #333;
    }
    .pl_notify a,
    .pl_notify p{
        color: #333;
    }
    .pl_notify .pl_notify_bl{
        opacity: .9;
    }
}

@media only screen and (max-width: 1024px) {
    .karb-recommended-tab .theme-owl-btn {
        display: inline-block;
    }

    .recm-item {
        min-width: 25% !important;
        box-sizing: border-box;
    }

    .invalid-feedback {
        margin-bottom: .25rem;
    }
    .karb-slide-box .slide-caption{
        width: 30%;
    }
    .karb-slide-box .slide-desc{
        width: 37%;
    }
    
}

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

    /*footer*/
    .footer-widget-area .footer-socials li {
        min-width: unset;
        width: 70px;
        padding: 8px 0;
    }

    .biodata-slider-pic img {
        max-height: 255px;
    }
}

@media only screen and (max-width: 640px) {
    .karb-banner img{
        height: unset;
        min-height: unset;
        margin-bottom: 10px;
    }
    .karb-single-flag,
    .karb-socials-content p {
        text-align: center;
    }

    .karb-single-flag {
        margin-bottom: .5rem;
    }

    .karb-socials-content p a:last-child {
        padding-right: 12px;
    }

    .recm-item {
        min-width: 50% !important;
        box-sizing: border-box;
    }

    .recm-item.recm-title {
        width: 100%;
    }

    .biodata-slider-pic img {
        max-height: 355px;
    }

    /*footer*/
    .footer-widget-area .footer-socials li {
        width: 45%;
        margin: 10px 0;
        min-width: 100px;
        padding: unset;
    }

    .footer-widget-area .footer-socials li:nth-child(2n) {
        border-right: unset;
    }
}

@media only screen and (max-width: 360px) {
    .recm-item {
        width: 100% !important;
        box-sizing: border-box;
    }
    .karb-slide-box .slide-caption{
        width: 100%;
    }
    .karb-slide-box .slide-desc{
        width: 100%;
    }
    .karb-slide-item .overlay::after{
        top:0;
        transform: unset;
    }
}

/*pace*/
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;

    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;

    -webkit-perspective: 12rem;
    -moz-perspective: 12rem;
    -ms-perspective: 12rem;
    -o-perspective: 12rem;
    perspective: 12rem;

    z-index: 2000;
    position: fixed;
    height: 6rem;
    width: 6rem;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.pace.pace-inactive .pace-progress {
    display: none;
}

.pace .pace-progress {
    position: fixed;
    z-index: 2000;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 6rem;
    width: 6rem !important;
    line-height: 6rem;
    font-size: 2rem;
    border-radius: 50%;
    background: rgba(41, 42, 43, 0.8);
    color: #fff;
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 100;
    text-align: center;

    -webkit-animation: pace-theme-center-circle-spin linear infinite 2s;
    -moz-animation: pace-theme-center-circle-spin linear infinite 2s;
    -ms-animation: pace-theme-center-circle-spin linear infinite 2s;
    -o-animation: pace-theme-center-circle-spin linear infinite 2s;
    animation: pace-theme-center-circle-spin linear infinite 2s;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.pace .pace-progress:after {
    content: attr(data-progress-text);
    display: block;
}

@-webkit-keyframes pace-theme-center-circle-spin {
    from {
        -webkit-transform: rotateY(0deg)
    }

    to {
        -webkit-transform: rotateY(360deg)
    }
}

@-moz-keyframes pace-theme-center-circle-spin {
    from {
        -moz-transform: rotateY(0deg)
    }

    to {
        -moz-transform: rotateY(360deg)
    }
}

@-ms-keyframes pace-theme-center-circle-spin {
    from {
        -ms-transform: rotateY(0deg)
    }

    to {
        -ms-transform: rotateY(360deg)
    }
}

@-o-keyframes pace-theme-center-circle-spin {
    from {
        -o-transform: rotateY(0deg)
    }

    to {
        -o-transform: rotateY(360deg)
    }
}

@keyframes pace-theme-center-circle-spin {
    from {
        transform: rotateY(0deg)
    }

    to {
        transform: rotateY(360deg)
    }
}

.button-group .btn {
    margin-bottom: 5px;
    margin-right: 5px;
}
.btn-info.disabled, .btn-info:disabled{
    background-color: #333;
    opacity: 0.9;
}
.karb-blur{
    filter: blur(6px);
    position: relative;
}
.karb-over{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
}
.karb-over:hover{
    cursor: pointer;
}
.karb-tip-content.hidden{
    display: none;
}
.tooltip.show{
    z-index: 88;
}
.karb-tip-login .tooltip-inner{
    max-width: 230px;
    background-color:royalblue;
}
.karb-tip-detail{
    padding: 10px;
}
.karb-tip-detail p{
    color: #fff;
    margin-bottom: 10px;
}
.karb-tip-login.bs-tooltip-top .arrow::before, 
.karb-tip-login.bs-tooltip-auto[x-placement^="top"] .arrow::before{
    border-top-color:royalblue;
}
.karb-tip-login.bs-tooltip-bottom .arrow::before, 
.karb-tip-login.bs-tooltip-auto[x-placement^="bottom"] .arrow::before{
    border-bottom-color:royalblue;
}