/* --- Dark Blue --- */

.vc_btn3.vc_btn3-color-tfb-dark-blue,
.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-flat {
    color: #fff;
    background-color: #0b364e; /* base */
}

.vc_btn3.vc_btn3-style-classic.vc_btn3-color-tfb-dark-blue {
    color: #0b364e; /* base */
}

.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-classic:focus,
.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-classic:hover {
    color: #0b364e; /* base */
}

.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-flat:focus,
.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-flat:hover,
.vc_btn3.vc_btn3-color-tfb-dark-blue:focus,
.vc_btn3.vc_btn3-color-tfb-dark-blue:hover {
    color: #f7f7f7;
    background-color: #859ba7; /* 50% Tint */
}

.vc_btn3.vc_btn3-color-tfb-dark-blue.active,
.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-flat.active,
.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-flat:active,
.vc_btn3.vc_btn3-color-tfb-dark-blue:active {
    color: #f2f2f2;
    background-color: #3c5e71; /* 80% Tint */
}

.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-outline {
    color: #0b364e; /* base */
    border-color: #0b364e; /* base */
    background-color: transparent;
}

.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-outline:focus,
.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-outline:hover {
    color: #fff;
    border-color: #0b364e; /* base */
    background-color: #0b364e; /* base */
}

.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-outline.active,
.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-outline:active {
    color: #fff;
    border-color: #0b364e; /* base */
    background-color: #0b364e; /* base */
}

.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-3d {
    color: #fff;
    background-color: #0b364e; /* base */
    box-shadow: 0 5px 0 #859ba7; /* 50% tint */
}

.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-3d:focus,
.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-3d:hover {
    color: #f7f7f7;
    background-color: #0b364e; /* base */;
}

.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-3d.active,
.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-3d:active {
    color: #f2f2f2;
    background-color: #0b364e; /* base */
}

.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-3d:focus,
.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-3d:hover {
    top: 3px;
    box-shadow: 0 2px 0 #859ba7; /* 50% tint */
}

.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-3d.vc_btn3-size-xs {
    box-shadow: 0 3px 0 #859ba7; /* 50% tint */
}

.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-3d.vc_btn3-size-xs:focus,
.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-3d.vc_btn3-size-xs:hover {
    top: 1px;
    box-shadow: 0 2px 0 #859ba7; /* 50% tint */
}

.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-3d.vc_btn3-size-sm {
    box-shadow: 0 4px 0 #859ba7; /* 50% tint */
}

.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-3d.vc_btn3-size-sm:focus,
.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-3d.vc_btn3-size-sm:hover {
    top: 2px;
    box-shadow: 0 2px 0 #859ba7; /* 50% tint */
}

.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-3d.vc_btn3-size-lg {
    box-shadow: 0 5px 0 #859ba7; /* 50% tint */
}

.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-3d.vc_btn3-size-lg:focus,
.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-3d.vc_btn3-size-lg:hover {
    top: 3px;
    box-shadow: 0 2px 0 #859ba7; /* 50% tint */
}

.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-modern {
    color: #fff;
    border-color: #0b364e; /* base */
    background-color: #0b364e; /* base */
}

.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-modern:focus,
.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-modern:hover {
    color: #f7f7f7;
    border-color: #859ba7; /* 50% tint */
    background-color: #859ba7; /* 50% tint */
}

.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-modern.active,
.vc_btn3.vc_btn3-color-tfb-dark-blue.vc_btn3-style-modern:active {
    color: #f2f2f2;
    border-color: #3c5e71; /* 80% Tint */
    background-color: #3c5e71; /* 80% Tint */
}

/* --- Light Blue --- */

.vc_btn3.vc_btn3-color-tfb-light-blue,
.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-flat {
    color: #fff;
    background-color: #5e88ac; /* base */
}

.vc_btn3.vc_btn3-style-classic.vc_btn3-color-tfb-light-blue {
    color: #5e88ac; /* base */
}

.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-classic:focus,
.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-classic:hover {
    color: #5e88ac; /* base */
}

.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-flat:focus,
.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-flat:hover,
.vc_btn3.vc_btn3-color-tfb-light-blue:focus,
.vc_btn3.vc_btn3-color-tfb-light-blue:hover {
    color: #f7f7f7;
    background-color: #afc4d6; /* 50% Tint */
}

.vc_btn3.vc_btn3-color-tfb-light-blue.active,
.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-flat.active,
.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-flat:active,
.vc_btn3.vc_btn3-color-tfb-light-blue:active {
    color: #f2f2f2;
    background-color: #2f4456; /* 50% Shade */
}

.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-outline {
    color: #5e88ac; /* base */
    border-color: #5e88ac; /* base */
    background-color: transparent;
}

.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-outline:focus,
.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-outline:hover {
    color: #fff;
    border-color: #5e88ac; /* base */
    background-color: #5e88ac; /* base */
}

.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-outline.active,
.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-outline:active {
    color: #fff;
    border-color: #5e88ac; /* base */
    background-color: #5e88ac; /* base */
}

.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-3d {
    color: #fff;
    background-color: #5e88ac; /* base */
    box-shadow: 0 5px 0 #afc4d6; /* 50% tint */
}

.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-3d:focus,
.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-3d:hover {
    color: #f7f7f7;
    background-color: #5e88ac; /* base */;
}

.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-3d.active,
.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-3d:active {
    color: #f2f2f2;
    background-color: #5e88ac; /* base */
}

.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-3d:focus,
.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-3d:hover {
    top: 3px;
    box-shadow: 0 2px 0 #afc4d6; /* 50% tint */
}

.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-3d.vc_btn3-size-xs {
    box-shadow: 0 3px 0 #afc4d6; /* 50% tint */
}

.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-3d.vc_btn3-size-xs:focus,
.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-3d.vc_btn3-size-xs:hover {
    top: 1px;
    box-shadow: 0 2px 0 #afc4d6; /* 50% tint */
}

.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-3d.vc_btn3-size-sm {
    box-shadow: 0 4px 0 #afc4d6; /* 50% tint */
}

.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-3d.vc_btn3-size-sm:focus,
.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-3d.vc_btn3-size-sm:hover {
    top: 2px;
    box-shadow: 0 2px 0 #afc4d6; /* 50% tint */
}

.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-3d.vc_btn3-size-lg {
    box-shadow: 0 5px 0 #afc4d6; /* 50% tint */
}

.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-3d.vc_btn3-size-lg:focus,
.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-3d.vc_btn3-size-lg:hover {
    top: 3px;
    box-shadow: 0 2px 0 #afc4d6; /* 50% tint */
}

.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-modern {
    color: #fff;
    border-color: #5e88ac; /* base */
    background-color: #5e88ac; /* base */
}

.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-modern:focus,
.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-modern:hover {
    color: #f7f7f7;
    border-color: #afc4d6; /* 50% tint */
    background-color: #afc4d6; /* 50% tint */
}

.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-modern.active,
.vc_btn3.vc_btn3-color-tfb-light-blue.vc_btn3-style-modern:active {
    color: #f2f2f2;
    border-color: #2f4456; /* 50% Shade */
    background-color: #2f4456; /* 50% Shade */
}

/* --- Green --- */

.vc_btn3.vc_btn3-color-tfb-green,
.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-flat {
    color: #fff;
    background-color: #33793c; /* 70% shade */
}

.vc_btn3.vc_btn3-style-classic.vc_btn3-color-tfb-green {
    color: #33793c; /* 70% shade */
}

.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-classic:focus,
.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-classic:hover {
    color: #33793c; /* 70% shade */
}

.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-flat:focus,
.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-flat:hover,
.vc_btn3.vc_btn3-color-tfb-green:focus,
.vc_btn3.vc_btn3-color-tfb-green:hover {
    color: #f7f7f7;
    background-color: #33793c; /* base */
}

.vc_btn3.vc_btn3-color-tfb-green.active,
.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-flat.active,
.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-flat:active,
.vc_btn3.vc_btn3-color-tfb-green:active {
    color: #f2f2f2;
    background-color: #25572b; /* 50% Shade */
}

.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-outline {
    color: #33793c; /* 70% shade */
    border-color: #33793c; /* 70% shade */
    background-color: transparent;
}

.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-outline:focus,
.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-outline:hover {
    color: #fff;
    border-color: #33793c; /* 70% shade */
    background-color: #33793c; /* 70% shade */
}

.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-outline.active,
.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-outline:active {
    color: #fff;
    border-color: #33793c; /* 70% shade */
    background-color: #33793c; /* 70% shade */
}

.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-3d {
    color: #fff;
    background-color: #33793c; /* 70% shade */
    box-shadow: 0 5px 0 #33793c; /* base */
}

.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-3d:focus,
.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-3d:hover {
    color: #f7f7f7;
    background-color: #33793c; /* 70% shade */;
}

.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-3d.active,
.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-3d:active {
    color: #f2f2f2;
    background-color: #33793c; /* 70% shade */
}

.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-3d:focus,
.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-3d:hover {
    top: 3px;
    box-shadow: 0 2px 0 #33793c; /* base */
}

.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-3d.vc_btn3-size-xs {
    box-shadow: 0 3px 0 #33793c; /* base */
}

.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-3d.vc_btn3-size-xs:focus,
.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-3d.vc_btn3-size-xs:hover {
    top: 1px;
    box-shadow: 0 2px 0 #33793c; /* base */
}

.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-3d.vc_btn3-size-sm {
    box-shadow: 0 4px 0 #33793c; /* base */
}

.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-3d.vc_btn3-size-sm:focus,
.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-3d.vc_btn3-size-sm:hover {
    top: 2px;
    box-shadow: 0 2px 0 #33793c; /* base */
}

.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-3d.vc_btn3-size-lg {
    box-shadow: 0 5px 0 #33793c; /* base */
}

.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-3d.vc_btn3-size-lg:focus,
.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-3d.vc_btn3-size-lg:hover {
    top: 3px;
    box-shadow: 0 2px 0 #33793c; /* base */
}

.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-modern {
    color: #fff;
    border-color: #33793c; /* 70% shade */
    background-color: #33793c; /* 70% shade */
}

.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-modern:focus,
.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-modern:hover {
    color: #f7f7f7;
    border-color: #33793c; /* base */
    background-color: #33793c; /* base */
}

.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-modern.active,
.vc_btn3.vc_btn3-color-tfb-green.vc_btn3-style-modern:active {
    color: #f2f2f2;
    border-color: #25572b; /* 50% Shade */
    background-color: #25572b; /* 50% Shade */
}