/*
    1.scrollbar
    2.Section padding management
    3.background adjustments
    4.banner animation
    5.Main Top Navigation
    6.header
    7.buttons
    8.price table
    9.Login & signup form css
*/

body {
    font-family: helvetica, arial, freesans, clean, sans-serif;
    font-display: auto;
    font-family: "Lato", sans-serif;
    font-size: 18px;
    line-height: 1.6;
    -webkit-transition: all 0.5s ease-out;
    -webkit-font-smoothing: antialiased;
    color: #575c61;
}

a {
    color: #0073ff;
}

a:hover,
a:focus {
    color: #0073ff;
}

.list-style-check-o {
    list-style: none;
    padding: 0;
    margin: 0;
}

.list-style-check-o li {
    list-style: none;
    padding: 10px 0 10px 60px;
    margin: 0 0 10px 15px;
    background: url("../images/check.png") no-repeat left 14px;
}

/*scrollbar+++++++++++++++++*/

@viewport {
    width: device-width;
}

::-webkit-scrollbar,
-moz-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track,
-moz-scrollbar {
    width: 6px;
    background: #dde0e5;
}

::-webkit-scrollbar-thumb,
-moz-scrollbar {
    background: #8d9197;
}

a:link {
    text-decoration: none;
}

section {
    animation: fadeIn ease 0.75s;
    -webkit-animation: fadeIn ease 0.75s;
    -moz-animation: fadeIn ease 0.75s;
    -o-animation: fadeIn ease 0.75s;
    -ms-animation: fadeIn ease 0.75s;
}

h1,
h2,
h3,
h4 {
    margin: 0 0 20px 0;
    font-weight: 600;
    line-height: normal;
}

h1 {
    color: #0073ff;
    font-size: 42px;
    margin-bottom: 40px;
}

h1 span {
    color: #f6b02e;
    display: block;
    font-size: 80%;
}

h1.jumbo {
    font-size: 60px;
}

article header h2,
article header h3 {
    color: #0073ff;
    font-size: 42px;
    margin-bottom: 40px;
}

article header h4 {
    color: #0073ff;
    font-size: 24px;
    margin-bottom: 40px;
}

article header h2 span,
article header h3 span {
    color: #292f50;
    display: block;
    font-size: 80%;
}

#sphere-section > div {
    margin-top: 4em;
    margin-bottom: 4em;
}

#sphere-section h4 {
    color: #0073ff;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 30px;
    margin: 0 0 20px 0;
}

#sphere-section h5 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 30px;
}

#sphere-section ul {
    margin-left: 50px;
    list-style: circle;
    margin-bottom: 20px;
    margin-top: 20px;
}
#sphere-section ul.list-nostyle {
    list-style: none;
}

#sphere-section ol {
    margin-left: 50px;
    list-style: none;
    margin-bottom: 20px;
    padding-left: 0px;
    margin-top: 20px;
}

#sphere-section ul li,
#sphere-section ol li {
    margin-bottom: 10px;
}

article header h2.text-yellow span,
article header h3.text-yellow span {
    color: #f6b02e;
}

article header h3.jumbo,
h3.jumbo {
    font-size: 50px;
}

footer h1 {
    margin: 0 0 10px 0;
}

p {
    margin: 0 0 20px 0;
}

/* visited link */

a:visited,
a:hover,
a:active {
    text-decoration: none;
    transition: all 0.2s linear;
}

/*Section padding management*/
.section,
section {
    padding-top: 6em;
    padding-bottom: 6em;
}

@media (max-width: 767px) {
    .section,
    section {
        padding-top: 4em;
        padding-bottom: 4em;
    }
}

.section .article,
section article {
    margin-bottom: 0px;
}

.bg-white {
    background: #fff;
}

.bg-gray {
    background: #fafafb;
}

.bg-blue {
    background: #0073ff;
}

.bg-blue h1,
.bg-blue h2,
.bg-blue h3,
.bg-blue h4,
.bg-blue p,
.bg-blue summary li {
    color: #fff;
}

.section-ptb4 {
    padding-top: 4em;
    padding-bottom: 4em;
}

.section-ptb4 h1 {
    margin: 0;
}

.section-ptb2,
.section-xs {
    padding-top: 2em;
    padding-bottom: 2em;
}

.section-sm {
    padding-top: 3em;
    padding-bottom: 3em;
}

.fs-medium {
    font-size: 32px;
    line-height: normal;
}

.extra-small {
    font-size: 12px;
}

/*Center aligned responsive image*/
.img-responsive-centered {
    margin: 0 auto;
}

.img-responsive-baseline {
    display: inline-block;
    vertical-align: baseline;
}

/*Main Banner */
/*.hero-banner {
    padding: 5em 0 4em 0;
}

.hero-banner .hero-header {
    background-image: url("../images/workflow.png");
    background-repeat: no-repeat;
    background-position: 50% 3%;
    background-size: 90%;
}

.hero-banner .hero-footer {
    margin-top: 40px;
}

.hero-banner .intro-text {
    padding-top: 15em;
}

.hero-banner .intro-text h1 {
    font-size: 38px;
    line-height: normal;
}

.hero-banner .intro-text p {
    line-height: 1.5;
}*/

/*Main Banner (Medium Text Style)*/
.hero-banner-md {
    padding-top: 4em;
    padding-bottom: 4em;
    border-bottom: 4px solid #f6b02e;
}

.hero-banner-md h1 {
    font-size: 44px;
    color: #f6b02e;
    margin: 0px;
    line-height: normal;
    text-align: center;
}

.hero-banner-md h1 span {
    display: inline;
    font-size: inherit;
}

.hero-banner-md h1 em {
    font-size: 32px;
    display: block;
    color: #0073ff;
    font-style: normal;
    margin-top: 15px;
}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 481px) {
    .hero-banner-md h1 {
        font-size: 60px;
    }

    .hero-banner-md h1 em {
        font-size: 42px;
    }
}

/* Extra Small Devices, Landscape */
@media only screen and (min-width: 568px) {
    .hero-banner-md h1 {
        font-size: 60px;
    }

    .hero-banner-md h1 em {
        font-size: 45px;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
    .hero-banner-md {
        padding-top: 6em;
        padding-bottom: 6em;
    }

    .hero-banner-md h1 {
        font-size: 64px;
    }

    .hero-banner-md h1 em {
        font-size: 48px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
    .hero-banner-md {
        padding-top: 7em;
        padding-bottom: 7em;
    }

    .hero-banner-md h1 {
        font-size: 86px;
    }

    .hero-banner-md h1 em {
        font-size: 64px;
    }
}

/*Main Banner (Large Text Style)*/
.hero-banner-lg {
    padding-top: 8em;
    padding-bottom: 4em;
    border-bottom: 4px solid #f6b02e;
}

.hero-banner-lg h1 {
    font-size: 38px;
    color: #f6b02e;
    margin: 0px;
    line-height: normal;
    text-align: center;
}

.hero-banner-lg h1 span {
    display: inline;
    font-size: inherit;
}

.hero-banner-lg h1 em {
    font-size: 48px;
    display: block;
    color: #0073ff;
    font-style: normal;
    /* text-transform: uppercase; */
    margin-top: 15px;
}

.hero-banner-lg h1.fs-ext {
    font-size: 7em;
    color: #0073ff;
}

/* .hero-banner-lg u {
    text-decoration: none;
    border-bottom: 1px solid #f6b02e;
} */

/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
    .hero-banner-lg h1 {
        font-size: 34px;
    }

    .hero-banner-lg h1 em {
        font-size: 42px;
    }

    .hero-banner-lg h1.fs-ext {
        font-size: 3em;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 481px) {
    .hero-banner-lg h1 {
        font-size: 42px;
    }

    .hero-banner-lg h1 em {
        font-size: 80px;
    }

    .hero-banner-lg h1.fs-ext {
        font-size: 4em;
    }
}

/* Extra Small Devices, Landscape */
@media only screen and (min-width: 568px) {
    .hero-banner-lg h1 {
        font-size: 43px;
    }

    .hero-banner-md h1 span,
    .hero-banner-lg h1 span {
        display: block;
    }

    .hero-banner-lg h1 em {
        font-size: 60px;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
    .hero-banner-lg {
        padding-top: 10em;
        padding-bottom: 6em;
    }

    .hero-banner-md h1 span,
    .hero-banner-lg h1 span {
        display: block;
    }

    .hero-banner-lg h1 {
        font-size: 48px;
    }

    .hero-banner-lg h1 em {
        font-size: 80px;
    }

    .hero-banner-lg h1.fs-ext {
        font-size: 5.5em;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
    .hero-banner-lg {
        padding-top: 12em;
        padding-bottom: 8em;
    }

    .hero-banner-md h1 span,
    .hero-banner-lg h1 span {
        display: block;
    }

    .hero-banner-lg h1 {
        font-size: 64px;
    }

    .hero-banner-lg h1 em {
        font-size: 94px;
    }
}

/*.fadeInDown {
    animation: fadeInDown 500ms linear 1 100ms;
}*/

.bg-sphere-app {
    background-color: #4b4f58;
    background-image: url("../images/sphere-app-full.png");
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}

.product-demo-video {
    margin-top: 20px;
}

.product-demo-video a {
    display: inline-block;
    color: #fff;
    line-height: 70px;
}

.product-demo-video a .demo-video-icon {
    font-size: 100px;
    line-height: 100px;
    margin-bottom: 10px;
}

@keyframes spin {
    50% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
}

/*@keyframes spin {
    0% { transform: scale(1.3); }
    100% { transform: scale(1); }
}
@-moz-keyframes spin {
    0% { -moz-transform: scale(1.3); }
    100% { -moz-transform: scale(1); }
}
@-webkit-keyframes spin {
    0% {-webkit-transform: scale(1.3); }
    100% { -webkit-transform: scale(1); }
}
@-o-keyframes spin {
    0% { -o-transform: scale(1.3); }
    100% { -o-transform: scale(1); }
}*/

/*.product-demo-video a .demo-video-icon .fa {
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}*/

.product-demo-video a:hover .demo-video-icon .fa {
    /*-webkit-animation-play-state: running;
    -o-animation-play-state: running;
    -moz-animation-play-state: running;
    -webkit-animation-play-state: running;*/

    animation: spin 2s linear 0s infinite reverse;
    -moz-animation: 2s linear 0s reverse none infinite spin;
    -webkit-animation: spin 2s linear 0s infinite reverse;
    -0-animation: spin 2s linear 0s infinite reverse;
}

.bg-dark-gray {
    background-color: #828694;
    color: #fff;
}

.bg-dark-gray h1 {
    color: #fff;
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
    .hero-banner .intro-text {
        padding-top: 12.5em;
    }

    .hero-banner .intro-text h1 {
        font-size: 34px;
    }
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .hero-banner .intro-text {
        padding-top: 14em;
    }
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .hero-banner .intro-text {
        padding-top: 20em !important;
    }
}

/* ----------- Low Resolution Tablets, Mobiles (Landscape) ----------- */
/* Landscape */
@media (min-width: 481px) and (max-width: 767px) {
    .hero-banner .intro-text {
        padding-top: 24em;
    }
}

/* For portrait layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 992px) and (orientation: portrait) {
    .hero-banner .intro-text {
        padding-top: 26em;
    }

    .hero-banner .hero-header {
        background-size: 85%;
        background-position: 50% 5%;
    }

    .hero-banner .intro-text h1 {
        font-size: 48px;
    }
}

/* Tablets, Ipads (landscape) */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .hero-banner .intro-text {
        padding-top: 27em;
    }
}

@media (min-width: 992px) {
    .hero-banner .intro-text {
        padding-top: 2em;
    }

    .hero-banner .hero-header {
        background-size: 50%;
        background-position: 95% 65%;
    }
}

@media (min-width: 1200px) {
    .hero-banner {
        padding-top: 7em;
    }

    .hero-banner .intro-text h1 {
        font-size: 50px;
        line-height: 1;
    }

    .hero-banner .hero-header {
        background-size: 50%;
        background-image: url("../images/workflow@2x.png");
        background-position: 90% 70%;
    }
}

@media (min-width: 1800px) {
    .hero-banner .intro-text h1 {
        font-size: 58px;
        line-height: 1;
    }

    .hero-banner .hero-header {
        background-size: 38%;
        background-image: url("../images/workflow@2x.png");
        background-position: 80% 60%;
    }
}

.menu-bars {
    padding-bottom: 1em;
    background-color: transparent;
    border: 0;
    transition: padding-top 400ms ease-in-out, background 500ms ease;
}

/*Fade In animation*/
@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/*Main Top Navigation*/
.main-nav {
    padding-top: 2em;
    padding-bottom: 1em;
    background-color: transparent;
    border: 0;
    transition: padding-top 400ms ease-in-out, background 500ms ease;
}

.main-nav .navbar-brand > img {
    max-height: 32px;
}

.main-nav.sph-title .navbar-brand {
    padding-top: 0px;
}

.main-nav.sph-title .navbar-brand > img {
    max-height: 54px;
}

.main-nav ul.nav > li > a {
    color: #575c61;
    padding: 5px 10px;
    text-decoration: none;
    margin-right: 8px;
    font-size: 16px;
    /*transform: scale(1, 1.1);*/
}

.main-nav ul.nav a:hover {
    background-color: transparent;
    /*color: #2f3337;*/
}

/*.main-nav ul.nav>li>a.rounded {
    color: #666;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-radius: 50px;
    padding: 7px 35px 9px 35px;
    margin-right: 10px;
}.main-nav ul.nav>li>a.rounded-inverse {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
}.main-nav ul.nav>li>a.rounded-inverse:hover {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
}*/

.main-nav ul.nav > li > a.highlited {
    font-weight: 600;
    margin-right: 0px;
    margin-left: 20px;
    padding-right: 5px;
    color: #292f50;
}

.main-nav ul.nav > li > a.highlited-right {
    margin-right: 20px;
    margin-left: 0px;
    padding-left: 8px;
}

.main-nav ul.nav > li > a.menu-separator {
    margin: 0 0 0 5px;
    display: block;
    padding: 0;
    /*font-size: 32px;*/
    line-height: 32px;
}

.main-nav ul.nav > li > a .fa {
    opacity: 0.8;
}

.main-nav-active {
    padding-top: 0.9em;
    background-color: #fff;
    color: #999;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    transition: padding-top 400ms ease-in-out, background 500ms ease;
}

/*.main-nav-active .logo-reverse,
.top-main-nav .logo-reverse {
    display: block !important;
}.main-nav-active .logo-primary {
    display: none;
}.logo-reverse {
    display: none !important;
}*/

/* .navbar-noindex {
    background: #222;
    padding: 1.5em;
}
.navbar-noindex .logo{
    padding: 10px 15px;
} */

.top-main-nav {
    padding: 20px 0;
    background-color: #fff;
    margin-bottom: 0px;
    border-radius: 0;
    border: none;
    /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0) inset, 0 0 8px rgba(0, 0, 0, 0.4); */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.main-nav-active .logo {
    color: #666;
}

.navbar-gray ul.nav > li > a {
    color: #999;
}

.navbar-gray ul.nav > li > a:hover {
    color: #2f3337;
}

.navbar-gray ul.nav > li > a.rounded:hover,
.main-nav-active ul.nav > li > a.rounded:hover {
    background-color: #666;
    color: #fff;
    border-color: #666;
}

.main-nav-active ul.nav > li > a.rounded,
.top-main-nav ul.nav > li > a.rounded {
    background-color: #999;
    color: #fff;
    border-color: #999;
}

.main-nav-active ul.nav > li > a.rounded-inverse,
.top-main-nav ul.nav > li > a.rounded-inverse {
    background-color: transparent;
    color: #999;
}

.main-nav-active ul.nav > li > a.rounded-inverse:hover,
.top-main-nav ul.nav > li > a.rounded-inverse:hover {
    background-color: transparent;
    color: #666;
    border-color: #666;
}

.top-main-nav .logo {
    padding: 10px 15px;
}

.main-nav.active1 {
    padding-top: 1em;
    transition: padding-top 0.5s ease-in-out;
}

.jumbo-nav {
    font-size: 24px;
    font-weight: 600;
}

.rarrow {
    font-size: 30px;
    vertical-align: middle;
    transition: margin-left 0.3s;
}

.intro-text .btn:hover > .rarrow {
    margin-left: 20px;
    transition: margin-left 0.5s linear;
}

@-webkit-keyframes mymove {
    from {
        top: 0px;
    }

    to {
        top: 5px;
    }
}

@keyframes mymove {
    from {
        top: 0px;
    }

    to {
        top: 5px;
    }
}

.dwn-arrow i,
.dwn-arrow {
    font-weight: lighter;
    color: #fff;
    margin-top: 5%;
    font-size: 50px;
    position: relative;
    -webkit-animation: mymove 1s infinite;
    /* Chrome, Safari, Opera */
    animation: mymove 0.6s ease-in-out 0s infinite alternate;
}

.nav > li {
    margin: 11px 0;
}

/* Chrome, Safari, Opera */

@-webkit-keyframes mymove {
    from {
        top: 0px;
    }

    to {
        top: 5px;
    }
}

@keyframes mymove {
    from {
        top: 0px;
    }

    to {
        top: 5px;
    }
}

/*section padding and spacing*/

article,
summary {
    margin-bottom: 2em;
}

/*article h2 {
    margin-bottom: 1.3em;
    transform: scale(1, 1.05);
    color: #444;
}*/

.text-comfortable {
    /* font-size: 16px; */
}

.text-blue {
    color: #0073ff;
}

.text-comfortable article {
    margin-bottom: 4em;
}

summary ul.list-inline {
    margin-left: 20px;
}

summary ul.list-inline li {
    margin-bottom: 10px;
}

summary ul.list-inline li:before {
    content: "\e000";
    font-family: "untitled-font-3" !important;
    margin-right: 7px;
    margin-left: -25px;
    position: relative;
    top: 2px;
}

ul.list-horizontal li {
    margin-right: 2em;
}

#download-sphere footer a {
    display: inline-block;
    max-width: 200px;
    margin: 5px;
}

/*fonts*/

/*article p,
summary li {
    font-size: 1.8rem;
    color: #666;
}*/

/*header*/

.jumbo-header {
    text-align: center;
    margin-bottom: 5em;
}

.jumbo-header h1 {
    font-size: 48px;
    margin: 0 0 0.8em 0;
    font-weight: 600;
}

.hr-quarter {
    width: 20%;
    border-top: 1px solid #666;
}

.mt10 {
    margin-top: 0.6em;
}

.mt15 {
    margin-top: 0.9em;
}

.mt20 {
    margin-top: 1.3em;
}

.mt25 {
    margin-top: 1.8em;
}

.mt40 {
    margin-top: 40px;
}

.mt60 {
    margin-top: 60px;
}

.bottom-gap-md {
    margin-bottom: 3em;
}

.bottom-gap-lg {
    margin-bottom: 5em;
}

.mt30 {
    margin-top: 60px;
}

.mt70 {
    margin-top: 70px;
}

.pr10 {
    padding-right: 10%;
}

.width6 {
    width: 65%;
    padding-bottom: 6em;
    padding-top: 6em;
}

.width5 {
    width: 65%;
    padding-bottom: 1em;
    padding-top: 1em;
    font-weight: lighter;
    color: #f2f2f2;
}

.width5 strong {
    transform: scale(1, 1.05);
}

/*buttons*/

.btn-custom,
.btn-custom-inverse,
.btn-custom-primary {
    border-width: 1px;
    border-style: solid;
    border-color: #0073ff;
    color: #0073ff;
    background-color: #fff;
    padding: 8px 41px;
    border-radius: 50px;
    font-size: 18px;
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
    background-color: #1c54c7;
    text-decoration: none;
    outline: none !important;
}

.btn-default {
    border: none;
    border-radius: 50px;
}

.btn-default-inverse {
    border-color: #fff;
    background-color: transparent;
    color: #fff;
    border-radius: 50px;
}

.btn-default-inverse:hover,
.btn-default-inverse:focus {
    border-color: #e6e6e6;
    background-color: transparent;
    color: #e6e6e6;
}

.btn {
    transition: all 0.2s linear;
    font-weight: 600;
    padding-left: 30px;
    padding-right: 30px;
}

.btn-normal {
    padding-left: 12px;
    padding-right: 12px;
}

.btn-custom-lg {
    padding: 10px 50px;
    font-size: 18px;
    margin-top: 2em;
}

.btn-custom,
.btn-custom:focus {
    border-color: #0073ff;
    color: #0073ff;
    background-color: transparent;
}

.btn-custom-inverse,
.btn-custom:hover,
.btn-custom-inverse:focus {
    border-color: #0073ff;
    color: #fff;
    background-color: #0073ff;
    /*font-size: 20px;*/
}

.btn-custom-primary,
.btn-custom-primary:focus {
    border-color: #fff;
    margin-top: 30px;
    padding: 8px 55px;
    color: #0073ff;
    background-color: #fff;
    outline: none;
}

.btn-custom-inverse:hover {
    border-color: #fff;
    color: #0073ff;
    background-color: #fff;
}

.btn-custom-primary:hover {
    border-color: #fff;
    color: #fff;
    background-color: #0073ff;
}

/*backgrounds*/

/* Default buttons override */

.btn-primary {
    background-color: #0073ff;
    border-color: #0073ff;
    color: #fff;
    border-radius: 50px;
}

.btn-primary:hover {
    background-color: #0073ff;
    border-color: #0073ff;
    color: #fff;
    outline: none;
}

.btn-lg,
.btn-group-lg > .btn {
    font-size: 16px;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    border-color: transparent;
    background-color: #0073ff;
    color: fff;
    outline: none;
}

.inverse {
    background-color: #f9f9f9;
}

.btn-primary-inverse {
    background-color: #fff;
    border-color: #0073ff;
    color: #0073ff;
    border-radius: 50px;
}

.btn-primary-inverse:hover {
    background-color: #0073ff;
    border-color: #0073ff;
    color: #fff;
    outline: none;
}

.section-highlight {
    background-color: #0073ff;
    color: #fff;
}

#register-static-icon {
    width: 55px;
    height: 55px;
    position: fixed;
    bottom: 15px;
    z-index: 999999;
    right: 15px;
    font-size: 22px;
    background-color: #0573ff;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    padding: 8px 0px;
    cursor: pointer;
}

.modal-clean .form-group,
.modal-clean label,
.modal-clean .form-group label .modal-body {
    font-size: 14px;
    padding: 0;
}

.modal-clean .modal-header {
    padding: 30px 30px 5px;
    border-bottom-color: #fff;
    border-bottom-width: 0px;
}

.modal-clean .modal-body {
    padding: 30px;
}

.modal .hint-block,
.modal .help-block {
    font-size: 12px;
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #999;
    position: relative !important;
}

.form-group.has-error label,
.form-group.has-success label {
    color: inherit;
}

.modal .alert-success,
.modal .label-success,
.modal .modal-success .modal-body {
    background-color: #55b948 !important;
    color: #fff !important;
}

.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
    background-color: #d83726 !important;
    color: #fff !important;
}

/* Plan Tabs */
.sphere-tabs .nav-tabs {
    background-color: #f7f8f9;
    border-bottom: none;
    border-radius: 50px;
    padding: 5px;
    width: fit-content;
}

.sphere-tabs .nav-tabs li {
    border-radius: 50px;
    padding: 0px;
    margin: 0px;
}

.sphere-tabs .nav-tabs li a {
    border-radius: 50px;
    padding: 10px 20px;
    color: #8791a1;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.sphere-tabs .nav-tabs li.active a {
    background-color: #fff;
    color: #52537f;
    box-shadow: 0px 0px 2px 1px #e6e7e8;
}

.sphere-tabs .nav-tabs li a,
.sphere-tabs .nav-tabs li.active a,
.sphere-tabs .nav-tabs li a:focus,
.sphere-tabs .nav-tabs li.active a:focus {
    border: none;
}

.price-tag {
    background: #fdd385;
    border-radius: 5px;
    color: #050e29;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    height: 30px;
    line-height: 30px;
    margin-right: 1em;
    padding: 0 1em;
    position: relative;
    text-align: center;
    /*margin-left: 8px;*/
}

.price-tag:before {
    background: inherit;
    border-radius: 4px;
    display: block;
    content: "";
    height: 22px;
    position: absolute;
    right: -8px;
    top: 4px;
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    width: 22px;
    z-index: -1;
}

/*#signup h1 {
    transform: scale(1, 1.05);
}*/

#signup .btn {
    font-weight: bold;
}

footer.main-footer {
    font-size: 16px;
    color: #7e8291;
}

footer.main-footer h4 {
    font-size: 20px;
}

footer.main-footer ul,
footer.main-footer ul li {
    list-style: none;
    margin: 0;
    padding: 0 0 5px 0;
}

footer.main-footer ul.list-inline li {
    margin-right: 10px;
}

footer.main-footer .footer-navs a {
    color: #7e8291;
}

footer.main-footer p {
    margin-bottom: 5px;
}

.footer-highlight {
    background-color: #050e29;
    color: #fdd385;
}

/*
footer {
    padding: 4em 0 2em 0;
}

footer .sub-footer {
    font-size: 80%;
    color: #969696;
}

footer .sub-footer-top {
    padding-bottom: 3em;
}

footer .sub-footer-top .col-md-4 {
    text-align: right;
}

footer .sub-footer .col-md-6 {
    text-align: center;
}

footer .sub-footer .col-md-4 {
    text-align: right;
}*/

/*price table*/

.price {
    font-size: 46px;
    color: #050e29;
    margin: 40px 0 10px 0;
}

.price sup {
    top: -1.2em;
}

.price sub {
    bottom: 0em;
    font-size: 50%;
    opacity: 0.5;
    font-weight: 600;
}

.price span {
    font-size: 104px;
    font-weight: 600;
    line-height: 104px;
    letter-spacing: -4px;
}

.price-list {
    line-height: 2.5em;
}

.mt2 {
    margin-top: 2.03em;
}

.mt2 i {
    border-radius: 3px;
    background-color: #999999;
    color: #000;
    padding: 5px 7px 5px 7px;
}

.mt2 li a:hover {
    background-color: transparent;
}

.mt2 li,
.mt2 li a {
    padding: 0;
    display: inline;
}

.mt2 li {
    margin-right: 16px;
}

.mt2 p a:hover {
    color: #fff;
}

.hover1 {
    background-color: #0073ff;
    color: #fff;
}

.text-gray {
    color: #999;
}

.text-darkgray {
    color: #666;
}

@media screen and (max-width: 415px) {
    .width6 {
        width: 100%;
        padding-bottom: 2em;
        padding-top: 2em;
    }

    .jumbo-header h1 {
        font-size: 30px;
        margin: 0 0 0.8em 0;
    }

    .hr-quarter {
        width: 50%;
    }

    .btn-custom-lg {
        font-size: 14px;
        margin-top: 1em;
    }

    .btn-custom-primary {
        font-size: 13px;
        padding: 6px 8px;
    }

    .navbar-toggle {
        margin-top: 0px;
        font-size: smaller;
    }

    .price-list {
        line-height: 1.8em;
    }
}

@media screen and (max-width: 767px) {
    .main-nav-active {
        padding-bottom: 0px;
    }

    .navbar-default .navbar-brand {
        padding-top: 0px;
    }

    .main-nav ul.nav > li > a,
    .main-nav ul.nav > li > a.highlited {
        color: #fff;
    }

    .main-nav ul.nav > li > a.highlited {
        margin-left: 0px;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border: none;
        background-color: #0073ff;
        margin-top: 5px;
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: #0073ff;
        border-color: #0073ff;
    }

    .navbar-default .navbar-toggle:hover .icon-bar,
    .navbar-default .navbar-toggle:focus .icon-bar {
        background-color: #fff;
    }
}

.container-tg150 {
    margin-top: 0;
    /*when remove nav menu removed */
}

/*Login & signup form css*/
#signup-panel.panel,
#login-panel.panel {
    box-shadow: none;
}

#signup-panel.panel-custom .panel-title {
    margin-bottom: 0;
}

#login-panel.panel {
    margin-top: 100px;
}

#form-signup textarea.form-control {
    height: 464px;
    resize: none;
    width: 100%;
}

#login-panel button#login-button,
#signup-panel button#login-button {
    width: 100%;
    height: 48px;
}

#login-panel .img-responsive,
#signup-panel .img-responsive {
    margin: 0 auto;
    margin-bottom: 30px;
}

#login-panel .control-label,
#signup-panel .control-label {
    /*visibility: hidden;*/
}

#login-panel .panel-footer,
#signup-panel .panel-footer {
    border-top: none;
    padding: 20px 0 0 0;
}

#login-panel .form-group,
#signup-panel .form-group {
    margin-bottom: 32px;
    font-size: 16px;
}

#login-form input[type="password"] {
    /*font-size: 2.5rem;*/
    font-size: 16px;
    font-family: "helvetica", sans-serif;
    /*font-weight: 700;*/
    width: 100%;
    letter-spacing: 1px;
    -webkit-text-security: disc;
    font-style: normal;
    -webkit-text-fill-color: initial;
    text-shadow: none;
}

#login-form input[type="password"]:-moz-placeholder,
#login-form input[type="password"]::-webkit-input-placeholder,
input.form-control::-webkit-input-placeholder,
#form-signup textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 16px;
    font-weight: 400 !important;
    letter-spacing: normal;
    line-height: -10px;
    vertical-align: middle;
    color: #ccc;
}

input.form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #ccc;
}

/* input.form-control {
    padding-left: 20px;
}

.form-control {
    height: 48px;
    border: 1px solid #ccc;
    font-size: 16px;
    color: #666;
} */

.panel-custom .panel-title {
    margin-bottom: 20px;
    text-align: center;
    font-size: 18px;
}

.panel-footer {
    padding: 10px 15px;
    background-color: transparent;
    margin-top: 30px;
}

.help-block {
    display: block;
    margin-top: 4px;
    padding: 0;
    font-weight: normal;
    margin-bottom: 4px;
    position: absolute;
    font-size: 14px;
}

#equity-form .help-block {
    position: relative;
    font-size: 12px;
}

.has-error .form-control {
    border-color: #fd3333;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #fd3333;
}

.panel-title p {
    margin-bottom: 30px;
}

/* a.input-group {
    font-size: 16px;
    font-weight: 400;
    outline: none;
    position: absolute;
    right: 50px;
    margin-top: 12px;
    z-index: 3;
    vertical-align: middle;
    color: #0073ff;
} */

.form-group a {
    color: #0073ff;
    font-weight: 600;
}

.form-group span {
    color: #999;
}

.form-group a:hover {
    color: #0073ff;
}

.form-control:focus {
    box-shadow: none;
    border-color: #0073ff;
}

.btn-next,
.btn-success {
    background: #0073ff;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 20px;
}

.btn-next:active:focus,
.btn-success:active:focus,
.btn-next:hover,
.btn-success:hover,
.btn-nextfocus:focus,
.btn-success:focus {
    border-color: transparent;
    background-color: #0073ff;
    color: fff;
    outline: none;
}

.input-group-addon {
    background-color: #edeff0;
}

#step-3 .file-input {
    text-align: center;
    height: 216px;
    background-color: #f4f4f4;
}

#step-3 .file-input .form-group {
    margin: 0px;
}

#step-3 .file-input input {
    display: none;
}

#step-3 .file-input:hover,
#step-3 .file-input:focus {
    background-color: #f8f8f8;
    cursor: pointer;
}

#step-3 .upload .help-block {
    left: 0;
    right: 0;
    bottom: -40px;
    margin: 0 -12px;
}

#step-3 .file-input .upload {
    height: 100%;
    position: relative;
}

#step-3 .file-input .upload span {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0;
}

#step-3 .file-input .upload img,
#step-3 .file-input .upload span {
    /*.upload * {*/
    font-size: 14px;
    padding: 5px;
    margin: 0 auto;
    display: inline-block;
    font-weight: 400;
    color: #ccc;
}

#step-3 .file-input .upload img {
    max-height: 160px;
    margin-top: 30px;
}

/*#step-3 .file-input .upload img.img-loaded {    
    margin-top:5px;
}*/

#login-form input.form-control:focus,
#form-signup input.form-control:focus #login-form textarea.form-control:focus,
#form-signup textarea.form-control:focus {
    border-color: rgb(51, 124, 253);
    box-shadow: none;
}

/* -------------------------------- Basic Style-------------------------------- */

.cd-breadcrumb,
.cd-multi-steps {
    width: 90%;
    max-width: 768px;
    padding: 0.5em 1em;
    margin: 1em auto;
    background-color: #edeff0;
    border-radius: 0.25em;
}

.cd-breadcrumb:after,
.cd-multi-steps:after {
    content: "";
    display: table;
    clear: both;
}

.cd-breadcrumb li,
.cd-multi-steps li {
    display: inline-block;
    float: left;
    margin: 0.5em 0;
}

.cd-breadcrumb li::after,
.cd-multi-steps li::after {
    /* this is the separator between items */
    display: inline-block;
    content: "\00bb";
    margin: 0 0.6em;
    color: #959fa5;
}

.cd-breadcrumb li:last-of-type::after,
.cd-multi-steps li:last-of-type::after {
    /* hide separator after the last item */
    display: none;
}

.cd-breadcrumb li > *,
.cd-multi-steps li > * {
    /* single step */
    display: inline-block;
    font-size: 1.4rem;
    color: #2c3f4c;
}

.cd-breadcrumb li.current > *,
.cd-multi-steps li.current > * {
    /* selected step */
    color: #0073ff;
}

.no-touch .cd-breadcrumb a:hover,
.no-touch .cd-multi-steps a:hover {
    /* steps already visited */
    color: #0073ff;
}

.cd-breadcrumb.custom-separator li::after,
.cd-multi-steps.custom-separator li::after {
    /* replace the default arrow separator with a custom icon */
    content: "";
    height: 16px;
    width: 16px;
    background: url(../img/cd-custom-separator.svg) no-repeat center center;
    vertical-align: middle;
}

.cd-breadcrumb.custom-icons li > *::before,
.cd-multi-steps.custom-icons li > *::before {
    /* add a custom icon before each item */
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 0.4em;
    margin-top: -2px;
    background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0;
    vertical-align: middle;
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before,
.cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
    /* change custom icon using image sprites */
    background-position: -20px 0;
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before,
.cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
    background-position: -40px 0;
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before,
.cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
    background-position: -60px 0;
}

.cd-breadcrumb.custom-icons li.current:first-of-type > *::before,
.cd-multi-steps.custom-icons li.current:first-of-type > *::before {
    /* change custom icon for the current item */
    background-position: 0 -20px;
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before,
.cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
    background-position: -20px -20px;
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before,
.cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
    background-position: -40px -20px;
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before,
.cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
    background-position: -60px -20px;
}

@media only screen and (min-width: 768px) {
    .cd-breadcrumb,
    .cd-multi-steps {
        padding: 0 1.2em;
    }

    .cd-breadcrumb li,
    .cd-multi-steps li {
        margin: 1.2em 0;
    }

    .cd-breadcrumb li::after,
    .cd-multi-steps li::after {
        margin: 0 1em;
    }

    .cd-breadcrumb li > *,
    .cd-multi-steps li > * {
        font-size: 1.6rem;
    }
}

/* -------------------------------- Multi steps indicator -------------------------------- */

@media only screen and (min-width: 768px) {
    .cd-multi-steps {
        /* reset style */
        background-color: transparent;
        padding: 0;
        text-align: center;
    }

    .cd-multi-steps li {
        position: relative;
        float: none;
        margin: 0.4em 40px 0.4em 0;
    }

    .cd-multi-steps li:last-of-type {
        margin-right: 0;
    }

    .cd-multi-steps li::after {
        /* this is the line connecting 2 adjacent items */
        position: absolute;
        content: "";
        height: 3px;
        background: #edeff0;
        /* reset style */
        margin: 0;
    }

    .cd-multi-steps li.visited::after {
        background-color: #0073ff;
    }

    .cd-multi-steps li > *,
    .cd-multi-steps li.current > * {
        position: relative;
        color: #2c3f4c;
    }

    .cd-multi-steps.custom-separator li::after {
        /* reset style */
        height: 4px;
        background: #edeff0;
    }

    .cd-multi-steps.text-center li::after {
        width: 100%;
        top: 50%;
        left: 100%;
        -webkit-transform: translateY(-50%) translateX(-1px);
        -moz-transform: translateY(-50%) translateX(-1px);
        -ms-transform: translateY(-50%) translateX(-1px);
        -o-transform: translateY(-50%) translateX(-1px);
        transform: translateY(-50%) translateX(-1px);
    }

    .cd-multi-steps.text-center li > * {
        z-index: 1;
        padding: 0.6em 1em;
        border-radius: 0.25em;
        background-color: #edeff0;
    }

    .no-touch .cd-multi-steps.text-center a:hover {
        background-color: #2c3f4c;
    }

    .cd-multi-steps.text-center li.current > *,
    .cd-multi-steps.text-center li.visited > * {
        color: #ffffff;
        background-color: #0073ff;
    }

    .cd-multi-steps.text-center.custom-icons li.visited a::before {
        /* change the custom icon for the visited item - check icon */
        background-position: 0 -60px;
    }

    .cd-multi-steps.text-top li,
    .cd-multi-steps.text-bottom li {
        width: 60px;
        text-align: center;
    }

    .cd-multi-steps.text-top li::after,
    .cd-multi-steps.text-bottom li::after {
        /* this is the line connecting 2 adjacent items */
        position: absolute;
        left: 88%;
        /* 40px is the <li> right margin value */
        width: calc(100% + -2px);
    }

    .cd-multi-steps.text-top li > *::before,
    .cd-multi-steps.text-bottom li > *::before {
        /* this is the spot indicator */
        content: "";
        position: absolute;
        z-index: 1;
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 12px;
        width: 12px;
        border-radius: 50%;
        background-color: #edeff0;
    }

    .cd-multi-steps.text-top li.visited > *::before,
    .cd-multi-steps.text-top li.current > *::before,
    .cd-multi-steps.text-bottom li.visited > *::before,
    .cd-multi-steps.text-bottom li.current > *::before {
        background-color: #0073ff;
    }

    .no-touch .cd-multi-steps.text-top a:hover,
    .no-touch .cd-multi-steps.text-bottom a:hover {
        color: #0073ff;
    }

    .no-touch .cd-multi-steps.text-top a:hover::before,
    .no-touch .cd-multi-steps.text-bottom a:hover::before {
        box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3);
    }

    .cd-multi-steps.text-top li::after {
        /* this is the line connecting 2 adjacent items */
        bottom: 4px;
    }

    .cd-multi-steps.text-top li > * {
        padding-bottom: 20px;
    }

    .cd-multi-steps.text-top li > *::before {
        /* this is the spot indicator */
        bottom: 0;
    }

    .cd-multi-steps.text-bottom li::after {
        /* this is the line connecting 2 adjacent items */
        top: 3px;
    }

    .cd-multi-steps.text-bottom li > * {
        padding-top: 20px;
    }

    .cd-multi-steps.text-bottom li > *::before {
        /* this is the spot indicator */
        top: 0;
    }
}

/* -------------------------------- Add a counter to the multi-steps indicator -------------------------------- */

.cd-multi-steps.count li {
    counter-increment: steps;
}

.cd-multi-steps.count li > *::before {
    content: counter(steps) " - ";
}

@media only screen and (min-width: 768px) {
    .cd-multi-steps.text-top.count li > *::before,
    .cd-multi-steps.text-bottom.count li > *::before {
        /* this is the spot indicator */
        content: counter(steps);
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 18px;
        color: #ffffff;
        vertical-align: middle;
    }

    .cd-multi-steps.text-top.count li:not(.current) em::before,
    .cd-multi-steps.text-bottom.count li:not(.current) em::before {
        /* steps not visited yet - counter color */
        color: #2c3f4c;
    }

    .cd-multi-steps.text-top.count li::after {
        bottom: 11px;
    }

    .cd-multi-steps.text-top.count li > * {
        padding-bottom: 34px;
    }

    .cd-multi-steps.text-bottom.count li::after {
        top: 17px;
    }

    .cd-multi-steps.text-bottom.count li > * {
        padding-top: 34px;
    }
}

/**
* bootstrap-formhelpers.js v2.3.0 by @vincentlamanna
* Copyright 2013 Vincent Lamanna
* http://www.apache.org/licenses/LICENSE-2.0
*/

.bfh-flag-AD,
.bfh-flag-AE,
.bfh-flag-AF,
.bfh-flag-AG,
.bfh-flag-AI,
.bfh-flag-AL,
.bfh-flag-AM,
.bfh-flag-AN,
.bfh-flag-AO,
.bfh-flag-AQ,
.bfh-flag-AR,
.bfh-flag-AS,
.bfh-flag-AT,
.bfh-flag-AU,
.bfh-flag-AW,
.bfh-flag-AX,
.bfh-flag-AZ,
.bfh-flag-BA,
.bfh-flag-BB,
.bfh-flag-BD,
.bfh-flag-BE,
.bfh-flag-BG,
.bfh-flag-BH,
.bfh-flag-BI,
.bfh-flag-BJ,
.bfh-flag-BL,
.bfh-flag-BM,
.bfh-flag-BN,
.bfh-flag-BO,
.bfh-flag-BR,
.bfh-flag-BS,
.bfh-flag-BT,
.bfh-flag-BW,
.bfh-flag-BY,
.bfh-flag-BZ,
.bfh-flag-CA,
.bfh-flag-CD,
.bfh-flag-CF,
.bfh-flag-CG,
.bfh-flag-CH,
.bfh-flag-CI,
.bfh-flag-CL,
.bfh-flag-CM,
.bfh-flag-CN,
.bfh-flag-CO,
.bfh-flag-CR,
.bfh-flag-CV,
.bfh-flag-CY,
.bfh-flag-CZ,
.bfh-flag-DJ,
.bfh-flag-DK,
.bfh-flag-DM,
.bfh-flag-DO,
.bfh-flag-DZ,
.bfh-flag-EC,
.bfh-flag-EE,
.bfh-flag-EG,
.bfh-flag-EH,
.bfh-flag-ER,
.bfh-flag-ES,
.bfh-flag-ET,
.bfh-flag-EU,
.bfh-flag-FI,
.bfh-flag-FJ,
.bfh-flag-FK,
.bfh-flag-FM,
.bfh-flag-FO,
.bfh-flag-FR,
.bfh-flag-FX,
.bfh-flag-GF,
.bfh-flag-GP,
.bfh-flag-MQ,
.bfh-flag-NC,
.bfh-flag-PF,
.bfh-flag-PM,
.bfh-flag-RE,
.bfh-flag-TF,
.bfh-flag-WF,
.bfh-flag-GA,
.bfh-flag-GB,
.bfh-flag-GD,
.bfh-flag-GE,
.bfh-flag-GG,
.bfh-flag-GH,
.bfh-flag-GL,
.bfh-flag-GM,
.bfh-flag-GN,
.bfh-flag-GQ,
.bfh-flag-GR,
.bfh-flag-GS,
.bfh-flag-GT,
.bfh-flag-GU,
.bfh-flag-GW,
.bfh-flag-GY,
.bfh-flag-HK,
.bfh-flag-HN,
.bfh-flag-HR,
.bfh-flag-HT,
.bfh-flag-HU,
.bfh-flag-ID,
.bfh-flag-IE,
.bfh-flag-IL,
.bfh-flag-IM,
.bfh-flag-IN,
.bfh-flag-IQ,
.bfh-flag-IS,
.bfh-flag-IT,
.bfh-flag-JE,
.bfh-flag-JM,
.bfh-flag-JO,
.bfh-flag-JP,
.bfh-flag-KE,
.bfh-flag-KG,
.bfh-flag-KH,
.bfh-flag-KI,
.bfh-flag-KM,
.bfh-flag-KN,
.bfh-flag-KP,
.bfh-flag-KR,
.bfh-flag-KV,
.bfh-flag-KW,
.bfh-flag-KY,
.bfh-flag-LA,
.bfh-flag-LC,
.bfh-flag-LK,
.bfh-flag-LR,
.bfh-flag-LS,
.bfh-flag-LT,
.bfh-flag-LU,
.bfh-flag-LV,
.bfh-flag-LY,
.bfh-flag-MA,
.bfh-flag-ME,
.bfh-flag-MG,
.bfh-flag-MH,
.bfh-flag-ML,
.bfh-flag-MM,
.bfh-flag-MP,
.bfh-flag-MR,
.bfh-flag-MS,
.bfh-flag-MT,
.bfh-flag-MU,
.bfh-flag-MV,
.bfh-flag-MW,
.bfh-flag-MZ,
.bfh-flag-NA,
.bfh-flag-NE,
.bfh-flag-NF,
.bfh-flag-NG,
.bfh-flag-NI,
.bfh-flag-NL,
.bfh-flag-NO,
.bfh-flag-NP,
.bfh-flag-NR,
.bfh-flag-NZ,
.bfh-flag-OM,
.bfh-flag-PA,
.bfh-flag-PE,
.bfh-flag-PG,
.bfh-flag-PH,
.bfh-flag-PK,
.bfh-flag-PL,
.bfh-flag-PN,
.bfh-flag-PS,
.bfh-flag-PT,
.bfh-flag-PW,
.bfh-flag-PY,
.bfh-flag-QA,
.bfh-flag-RS,
.bfh-flag-RU,
.bfh-flag-RW,
.bfh-flag-SA,
.bfh-flag-SB,
.bfh-flag-SC,
.bfh-flag-SD,
.bfh-flag-SE,
.bfh-flag-SG,
.bfh-flag-SH,
.bfh-flag-SI,
.bfh-flag-SK,
.bfh-flag-SM,
.bfh-flag-SN,
.bfh-flag-SO,
.bfh-flag-SR,
.bfh-flag-SS,
.bfh-flag-ST,
.bfh-flag-SV,
.bfh-flag-SY,
.bfh-flag-SZ,
.bfh-flag-TC,
.bfh-flag-TD,
.bfh-flag-TG,
.bfh-flag-TH,
.bfh-flag-TJ,
.bfh-flag-TM,
.bfh-flag-TN,
.bfh-flag-TP,
.bfh-flag-TR,
.bfh-flag-TT,
.bfh-flag-TV,
.bfh-flag-TW,
.bfh-flag-TZ,
.bfh-flag-UA,
.bfh-flag-UG,
.bfh-flag-US,
.bfh-flag-UY,
.bfh-flag-UZ,
.bfh-flag-VC,
.bfh-flag-VE,
.bfh-flag-VG,
.bfh-flag-VI,
.bfh-flag-VN,
.bfh-flag-VU,
.bfh-flag-WS,
.bfh-flag-YE,
.bfh-flag-ZA,
.bfh-flag-ZM,
.bfh-flag-BF,
.bfh-flag-CU,
.bfh-flag-DE,
.bfh-flag-IR,
.bfh-flag-KZ,
.bfh-flag-LB,
.bfh-flag-LI,
.bfh-flag-MC,
.bfh-flag-MD,
.bfh-flag-MK,
.bfh-flag-MN,
.bfh-flag-MO,
.bfh-flag-MX,
.bfh-flag-MY,
.bfh-flag-PR,
.bfh-flag-RO,
.bfh-flag-SL,
.bfh-flag-TO,
.bfh-flag-VA,
.bfh-flag-ZW {
    width: 16px;
    height: 14px;
    background: url(../img/bootstrap-formhelpers-countries.flags.png) no-repeat;
}

.bfh-flag-AD:empty,
.bfh-flag-AE:empty,
.bfh-flag-AF:empty,
.bfh-flag-AG:empty,
.bfh-flag-AI:empty,
.bfh-flag-AL:empty,
.bfh-flag-AM:empty,
.bfh-flag-AN:empty,
.bfh-flag-AO:empty,
.bfh-flag-AQ:empty,
.bfh-flag-AR:empty,
.bfh-flag-AS:empty,
.bfh-flag-AT:empty,
.bfh-flag-AU:empty,
.bfh-flag-AW:empty,
.bfh-flag-AX:empty,
.bfh-flag-AZ:empty,
.bfh-flag-BA:empty,
.bfh-flag-BB:empty,
.bfh-flag-BD:empty,
.bfh-flag-BE:empty,
.bfh-flag-BG:empty,
.bfh-flag-BH:empty,
.bfh-flag-BI:empty,
.bfh-flag-BJ:empty,
.bfh-flag-BL:empty,
.bfh-flag-BM:empty,
.bfh-flag-BN:empty,
.bfh-flag-BO:empty,
.bfh-flag-BR:empty,
.bfh-flag-BS:empty,
.bfh-flag-BT:empty,
.bfh-flag-BW:empty,
.bfh-flag-BY:empty,
.bfh-flag-BZ:empty,
.bfh-flag-CA:empty,
.bfh-flag-CD:empty,
.bfh-flag-CF:empty,
.bfh-flag-CG:empty,
.bfh-flag-CH:empty,
.bfh-flag-CI:empty,
.bfh-flag-CL:empty,
.bfh-flag-CM:empty,
.bfh-flag-CN:empty,
.bfh-flag-CO:empty,
.bfh-flag-CR:empty,
.bfh-flag-CV:empty,
.bfh-flag-CY:empty,
.bfh-flag-CZ:empty,
.bfh-flag-DJ:empty,
.bfh-flag-DK:empty,
.bfh-flag-DM:empty,
.bfh-flag-DO:empty,
.bfh-flag-DZ:empty,
.bfh-flag-EC:empty,
.bfh-flag-EE:empty,
.bfh-flag-EG:empty,
.bfh-flag-EH:empty,
.bfh-flag-ER:empty,
.bfh-flag-ES:empty,
.bfh-flag-ET:empty,
.bfh-flag-EU:empty,
.bfh-flag-FI:empty,
.bfh-flag-FJ:empty,
.bfh-flag-FK:empty,
.bfh-flag-FM:empty,
.bfh-flag-FO:empty,
.bfh-flag-FR:empty,
.bfh-flag-FX:empty,
.bfh-flag-GF:empty,
.bfh-flag-GP:empty,
.bfh-flag-MQ:empty,
.bfh-flag-NC:empty,
.bfh-flag-PF:empty,
.bfh-flag-PM:empty,
.bfh-flag-RE:empty,
.bfh-flag-TF:empty,
.bfh-flag-WF:empty,
.bfh-flag-GA:empty,
.bfh-flag-GB:empty,
.bfh-flag-GD:empty,
.bfh-flag-GE:empty,
.bfh-flag-GG:empty,
.bfh-flag-GH:empty,
.bfh-flag-GL:empty,
.bfh-flag-GM:empty,
.bfh-flag-GN:empty,
.bfh-flag-GQ:empty,
.bfh-flag-GR:empty,
.bfh-flag-GS:empty,
.bfh-flag-GT:empty,
.bfh-flag-GU:empty,
.bfh-flag-GW:empty,
.bfh-flag-GY:empty,
.bfh-flag-HK:empty,
.bfh-flag-HN:empty,
.bfh-flag-HR:empty,
.bfh-flag-HT:empty,
.bfh-flag-HU:empty,
.bfh-flag-ID:empty,
.bfh-flag-IE:empty,
.bfh-flag-IL:empty,
.bfh-flag-IM:empty,
.bfh-flag-IN:empty,
.bfh-flag-IQ:empty,
.bfh-flag-IS:empty,
.bfh-flag-IT:empty,
.bfh-flag-JE:empty,
.bfh-flag-JM:empty,
.bfh-flag-JO:empty,
.bfh-flag-JP:empty,
.bfh-flag-KE:empty,
.bfh-flag-KG:empty,
.bfh-flag-KH:empty,
.bfh-flag-KI:empty,
.bfh-flag-KM:empty,
.bfh-flag-KN:empty,
.bfh-flag-KP:empty,
.bfh-flag-KR:empty,
.bfh-flag-KV:empty,
.bfh-flag-KW:empty,
.bfh-flag-KY:empty,
.bfh-flag-LA:empty,
.bfh-flag-LC:empty,
.bfh-flag-LK:empty,
.bfh-flag-LR:empty,
.bfh-flag-LS:empty,
.bfh-flag-LT:empty,
.bfh-flag-LU:empty,
.bfh-flag-LV:empty,
.bfh-flag-LY:empty,
.bfh-flag-MA:empty,
.bfh-flag-ME:empty,
.bfh-flag-MG:empty,
.bfh-flag-MH:empty,
.bfh-flag-ML:empty,
.bfh-flag-MM:empty,
.bfh-flag-MP:empty,
.bfh-flag-MR:empty,
.bfh-flag-MS:empty,
.bfh-flag-MT:empty,
.bfh-flag-MU:empty,
.bfh-flag-MV:empty,
.bfh-flag-MW:empty,
.bfh-flag-MZ:empty,
.bfh-flag-NA:empty,
.bfh-flag-NE:empty,
.bfh-flag-NF:empty,
.bfh-flag-NG:empty,
.bfh-flag-NI:empty,
.bfh-flag-NL:empty,
.bfh-flag-NO:empty,
.bfh-flag-NP:empty,
.bfh-flag-NR:empty,
.bfh-flag-NZ:empty,
.bfh-flag-OM:empty,
.bfh-flag-PA:empty,
.bfh-flag-PE:empty,
.bfh-flag-PG:empty,
.bfh-flag-PH:empty,
.bfh-flag-PK:empty,
.bfh-flag-PL:empty,
.bfh-flag-PN:empty,
.bfh-flag-PS:empty,
.bfh-flag-PT:empty,
.bfh-flag-PW:empty,
.bfh-flag-PY:empty,
.bfh-flag-QA:empty,
.bfh-flag-RS:empty,
.bfh-flag-RU:empty,
.bfh-flag-RW:empty,
.bfh-flag-SA:empty,
.bfh-flag-SB:empty,
.bfh-flag-SC:empty,
.bfh-flag-SD:empty,
.bfh-flag-SE:empty,
.bfh-flag-SG:empty,
.bfh-flag-SH:empty,
.bfh-flag-SI:empty,
.bfh-flag-SK:empty,
.bfh-flag-SM:empty,
.bfh-flag-SN:empty,
.bfh-flag-SO:empty,
.bfh-flag-SR:empty,
.bfh-flag-SS:empty,
.bfh-flag-ST:empty,
.bfh-flag-SV:empty,
.bfh-flag-SY:empty,
.bfh-flag-SZ:empty,
.bfh-flag-TC:empty,
.bfh-flag-TD:empty,
.bfh-flag-TG:empty,
.bfh-flag-TH:empty,
.bfh-flag-TJ:empty,
.bfh-flag-TM:empty,
.bfh-flag-TN:empty,
.bfh-flag-TP:empty,
.bfh-flag-TR:empty,
.bfh-flag-TT:empty,
.bfh-flag-TV:empty,
.bfh-flag-TW:empty,
.bfh-flag-TZ:empty,
.bfh-flag-UA:empty,
.bfh-flag-UG:empty,
.bfh-flag-US:empty,
.bfh-flag-UY:empty,
.bfh-flag-UZ:empty,
.bfh-flag-VC:empty,
.bfh-flag-VE:empty,
.bfh-flag-VG:empty,
.bfh-flag-VI:empty,
.bfh-flag-VN:empty,
.bfh-flag-VU:empty,
.bfh-flag-WS:empty,
.bfh-flag-YE:empty,
.bfh-flag-ZA:empty,
.bfh-flag-ZM:empty,
.bfh-flag-BF:empty,
.bfh-flag-CU:empty,
.bfh-flag-DE:empty,
.bfh-flag-IR:empty,
.bfh-flag-KZ:empty,
.bfh-flag-LB:empty,
.bfh-flag-LI:empty,
.bfh-flag-MC:empty,
.bfh-flag-MD:empty,
.bfh-flag-MK:empty,
.bfh-flag-MN:empty,
.bfh-flag-MO:empty,
.bfh-flag-MX:empty,
.bfh-flag-MY:empty,
.bfh-flag-PR:empty,
.bfh-flag-RO:empty,
.bfh-flag-SL:empty,
.bfh-flag-TO:empty,
.bfh-flag-VA:empty,
.bfh-flag-ZW:empty {
    width: 16px;
}

.bfh-flag-AD,
.bfh-flag-AE,
.bfh-flag-AF,
.bfh-flag-AG,
.bfh-flag-AI,
.bfh-flag-AL,
.bfh-flag-AM,
.bfh-flag-AN,
.bfh-flag-AO,
.bfh-flag-AQ,
.bfh-flag-AR,
.bfh-flag-AS,
.bfh-flag-AT,
.bfh-flag-AU,
.bfh-flag-AW,
.bfh-flag-AX,
.bfh-flag-AZ,
.bfh-flag-BA,
.bfh-flag-BB,
.bfh-flag-BD,
.bfh-flag-BE,
.bfh-flag-BG,
.bfh-flag-BH,
.bfh-flag-BI,
.bfh-flag-BJ,
.bfh-flag-BL,
.bfh-flag-BM,
.bfh-flag-BN,
.bfh-flag-BO,
.bfh-flag-BR,
.bfh-flag-BS,
.bfh-flag-BT,
.bfh-flag-BW,
.bfh-flag-BY,
.bfh-flag-BZ,
.bfh-flag-CA,
.bfh-flag-CD,
.bfh-flag-CF,
.bfh-flag-CG,
.bfh-flag-CH,
.bfh-flag-CI,
.bfh-flag-CL,
.bfh-flag-CM,
.bfh-flag-CN,
.bfh-flag-CO,
.bfh-flag-CR,
.bfh-flag-CV,
.bfh-flag-CY,
.bfh-flag-CZ,
.bfh-flag-DJ,
.bfh-flag-DK,
.bfh-flag-DM,
.bfh-flag-DO,
.bfh-flag-DZ,
.bfh-flag-EC,
.bfh-flag-EE,
.bfh-flag-EG,
.bfh-flag-EH,
.bfh-flag-ER,
.bfh-flag-ES,
.bfh-flag-ET,
.bfh-flag-EU,
.bfh-flag-FI,
.bfh-flag-FJ,
.bfh-flag-FK,
.bfh-flag-FM,
.bfh-flag-FO,
.bfh-flag-FR,
.bfh-flag-FX,
.bfh-flag-GF,
.bfh-flag-GP,
.bfh-flag-MQ,
.bfh-flag-NC,
.bfh-flag-PF,
.bfh-flag-PM,
.bfh-flag-RE,
.bfh-flag-TF,
.bfh-flag-WF,
.bfh-flag-GA,
.bfh-flag-GB,
.bfh-flag-GD,
.bfh-flag-GE,
.bfh-flag-GG,
.bfh-flag-GH,
.bfh-flag-GL,
.bfh-flag-GM,
.bfh-flag-GN,
.bfh-flag-GQ,
.bfh-flag-GR,
.bfh-flag-GS,
.bfh-flag-GT,
.bfh-flag-GU,
.bfh-flag-GW,
.bfh-flag-GY,
.bfh-flag-HK,
.bfh-flag-HN,
.bfh-flag-HR,
.bfh-flag-HT,
.bfh-flag-HU,
.bfh-flag-ID,
.bfh-flag-IE,
.bfh-flag-IL,
.bfh-flag-IM,
.bfh-flag-IN,
.bfh-flag-IQ,
.bfh-flag-IS,
.bfh-flag-IT,
.bfh-flag-JE,
.bfh-flag-JM,
.bfh-flag-JO,
.bfh-flag-JP,
.bfh-flag-KE,
.bfh-flag-KG,
.bfh-flag-KH,
.bfh-flag-KI,
.bfh-flag-KM,
.bfh-flag-KN,
.bfh-flag-KP,
.bfh-flag-KR,
.bfh-flag-KV,
.bfh-flag-KW,
.bfh-flag-KY,
.bfh-flag-LA,
.bfh-flag-LC,
.bfh-flag-LK,
.bfh-flag-LR,
.bfh-flag-LS,
.bfh-flag-LT,
.bfh-flag-LU,
.bfh-flag-LV,
.bfh-flag-LY,
.bfh-flag-MA,
.bfh-flag-ME,
.bfh-flag-MG,
.bfh-flag-MH,
.bfh-flag-ML,
.bfh-flag-MM,
.bfh-flag-MP,
.bfh-flag-MR,
.bfh-flag-MS,
.bfh-flag-MT,
.bfh-flag-MU,
.bfh-flag-MV,
.bfh-flag-MW,
.bfh-flag-MZ,
.bfh-flag-NA,
.bfh-flag-NE,
.bfh-flag-NF,
.bfh-flag-NG,
.bfh-flag-NI,
.bfh-flag-NL,
.bfh-flag-NO,
.bfh-flag-NP,
.bfh-flag-NR,
.bfh-flag-NZ,
.bfh-flag-OM,
.bfh-flag-PA,
.bfh-flag-PE,
.bfh-flag-PG,
.bfh-flag-PH,
.bfh-flag-PK,
.bfh-flag-PL,
.bfh-flag-PN,
.bfh-flag-PS,
.bfh-flag-PT,
.bfh-flag-PW,
.bfh-flag-PY,
.bfh-flag-QA,
.bfh-flag-RS,
.bfh-flag-RU,
.bfh-flag-RW,
.bfh-flag-SA,
.bfh-flag-SB,
.bfh-flag-SC,
.bfh-flag-SD,
.bfh-flag-SE,
.bfh-flag-SG,
.bfh-flag-SH,
.bfh-flag-SI,
.bfh-flag-SK,
.bfh-flag-SM,
.bfh-flag-SN,
.bfh-flag-SO,
.bfh-flag-SR,
.bfh-flag-SS,
.bfh-flag-ST,
.bfh-flag-SV,
.bfh-flag-SY,
.bfh-flag-SZ,
.bfh-flag-TC,
.bfh-flag-TD,
.bfh-flag-TG,
.bfh-flag-TH,
.bfh-flag-TJ,
.bfh-flag-TM,
.bfh-flag-TN,
.bfh-flag-TP,
.bfh-flag-TR,
.bfh-flag-TT,
.bfh-flag-TV,
.bfh-flag-TW,
.bfh-flag-TZ,
.bfh-flag-UA,
.bfh-flag-UG,
.bfh-flag-US,
.bfh-flag-UY,
.bfh-flag-UZ,
.bfh-flag-VC,
.bfh-flag-VE,
.bfh-flag-VG,
.bfh-flag-VI,
.bfh-flag-VN,
.bfh-flag-VU,
.bfh-flag-WS,
.bfh-flag-YE,
.bfh-flag-ZA,
.bfh-flag-ZM,
.bfh-flag-BF,
.bfh-flag-CU,
.bfh-flag-DE,
.bfh-flag-IR,
.bfh-flag-KZ,
.bfh-flag-LB,
.bfh-flag-LI,
.bfh-flag-MC,
.bfh-flag-MD,
.bfh-flag-MK,
.bfh-flag-MN,
.bfh-flag-MO,
.bfh-flag-MX,
.bfh-flag-MY,
.bfh-flag-PR,
.bfh-flag-RO,
.bfh-flag-SL,
.bfh-flag-TO,
.bfh-flag-VA,
.bfh-flag-ZW,
.bfh-flag-EUR,
.bfh-flag-XCD {
    margin-right: 5px;
}

.bfh-flag-AD {
    background-position: -1921px 0;
}

.bfh-flag-AE {
    background-position: -1904px 0;
}

.bfh-flag-AF {
    background-position: -3689px 0;
}

.bfh-flag-AG {
    background-position: -34px 0;
}

.bfh-flag-AI {
    background-position: -51px 0;
}

.bfh-flag-AL {
    background-position: -68px 0;
}

.bfh-flag-AM {
    background-position: -85px 0;
}

.bfh-flag-AN {
    background-position: -102px 0;
}

.bfh-flag-AO {
    background-position: -119px 0;
}

.bfh-flag-AQ {
    background-position: -136px 0;
}

.bfh-flag-AR {
    background-position: -153px 0;
}

.bfh-flag-AS {
    background-position: -170px 0;
}

.bfh-flag-AT {
    background-position: -187px 0;
}

.bfh-flag-AU {
    background-position: -204px 0;
}

.bfh-flag-AW {
    background-position: -221px 0;
}

.bfh-flag-AX {
    background-position: -238px 0;
}

.bfh-flag-AZ {
    background-position: -255px 0;
}

.bfh-flag-BA {
    background-position: -272px 0;
}

.bfh-flag-BB {
    background-position: -289px 0;
}

.bfh-flag-BD {
    background-position: -306px 0;
}

.bfh-flag-BE {
    background-position: -323px 0;
}

.bfh-flag-BG {
    background-position: -340px 0;
}

.bfh-flag-BH {
    background-position: -357px 0;
}

.bfh-flag-BI {
    background-position: -374px 0;
}

.bfh-flag-BJ {
    background-position: -391px 0;
}

.bfh-flag-BL {
    background-position: -408px 0;
}

.bfh-flag-BM {
    background-position: -425px 0;
}

.bfh-flag-BN {
    background-position: -442px 0;
}

.bfh-flag-BO {
    background-position: -459px 0;
}

.bfh-flag-BR {
    background-position: -476px 0;
}

.bfh-flag-BS {
    background-position: -493px 0;
}

.bfh-flag-BT {
    background-position: -510px 0;
}

.bfh-flag-BW {
    background-position: -527px 0;
}

.bfh-flag-BY {
    background-position: -544px 0;
}

.bfh-flag-BZ {
    background-position: -561px 0;
}

.bfh-flag-CA {
    background-position: -578px 0;
}

.bfh-flag-CD {
    background-position: -595px 0;
}

.bfh-flag-CF {
    background-position: -612px 0;
}

.bfh-flag-CG {
    background-position: -629px 0;
}

.bfh-flag-CH {
    background-position: -646px 0;
}

.bfh-flag-CI {
    background-position: -663px 0;
}

.bfh-flag-CL {
    background-position: -680px 0;
}

.bfh-flag-CM {
    background-position: -697px 0;
}

.bfh-flag-CN {
    background-position: -714px 0;
}

.bfh-flag-CO {
    background-position: -731px 0;
}

.bfh-flag-CR {
    background-position: -748px 0;
}

.bfh-flag-CV {
    background-position: -765px 0;
}

.bfh-flag-CY {
    background-position: -782px 0;
}

.bfh-flag-CZ {
    background-position: -799px 0;
}

.bfh-flag-DJ {
    background-position: -816px 0;
}

.bfh-flag-DK {
    background-position: -833px 0;
}

.bfh-flag-DM {
    background-position: -850px 0;
}

.bfh-flag-DO {
    background-position: -867px 0;
}

.bfh-flag-DZ {
    background-position: -884px 0;
}

.bfh-flag-EC {
    background-position: -901px 0;
}

.bfh-flag-EE {
    background-position: -918px 0;
}

.bfh-flag-EG {
    background-position: -935px 0;
}

.bfh-flag-EH {
    background-position: -952px 0;
}

.bfh-flag-ER {
    background-position: -969px 0;
}

.bfh-flag-ES {
    background-position: -986px 0;
}

.bfh-flag-ET {
    background-position: -1003px 0;
}

.bfh-flag-EU {
    background-position: -1020px 0;
}

.bfh-flag-FI {
    background-position: -1037px 0;
}

.bfh-flag-FJ {
    background-position: -1054px 0;
}

.bfh-flag-FK {
    background-position: -1071px 0;
}

.bfh-flag-FM {
    background-position: -1088px 0;
}

.bfh-flag-FO {
    background-position: -1105px 0;
}

.bfh-flag-FR,
.bfh-flag-FX,
.bfh-flag-GF,
.bfh-flag-GP,
.bfh-flag-MQ,
.bfh-flag-NC,
.bfh-flag-PF,
.bfh-flag-PM,
.bfh-flag-RE,
.bfh-flag-TF,
.bfh-flag-WF {
    background-position: -1122px 0;
}

.bfh-flag-GA {
    background-position: -1139px 0;
}

.bfh-flag-GB {
    background-position: -1156px 0;
}

.bfh-flag-GD {
    background-position: -1173px 0;
}

.bfh-flag-GE {
    background-position: -1190px 0;
}

.bfh-flag-GG {
    background-position: -1207px 0;
}

.bfh-flag-GH {
    background-position: -1224px 0;
}

.bfh-flag-GL {
    background-position: -1241px 0;
}

.bfh-flag-GM {
    background-position: -1258px 0;
}

.bfh-flag-GN {
    background-position: -1275px 0;
}

.bfh-flag-GQ {
    background-position: -1292px 0;
}

.bfh-flag-GR {
    background-position: -1309px 0;
}

.bfh-flag-GS {
    background-position: -1326px 0;
}

.bfh-flag-GT {
    background-position: -1343px 0;
}

.bfh-flag-GU {
    background-position: -1360px 0;
}

.bfh-flag-GW {
    background-position: -1377px 0;
}

.bfh-flag-GY {
    background-position: -1394px 0;
}

.bfh-flag-HK {
    background-position: -1411px 0;
}

.bfh-flag-HN {
    background-position: -1428px 0;
}

.bfh-flag-HR {
    background-position: -1445px 0;
}

.bfh-flag-HT {
    background-position: -1462px 0;
}

.bfh-flag-HU {
    background-position: -1479px 0;
}

.bfh-flag-ID {
    background-position: -1496px 0;
}

.bfh-flag-IE {
    background-position: -1513px 0;
}

.bfh-flag-IL {
    background-position: -1530px 0;
}

.bfh-flag-IM {
    background-position: -1547px 0;
}

.bfh-flag-IN {
    background-position: -1564px 0;
}

.bfh-flag-IQ {
    background-position: -1581px 0;
}

.bfh-flag-IS {
    background-position: -1598px 0;
}

.bfh-flag-IT {
    background-position: -1615px 0;
}

.bfh-flag-JE {
    background-position: -1632px 0;
}

.bfh-flag-JM {
    background-position: -1649px 0;
}

.bfh-flag-JO {
    background-position: -1666px 0;
}

.bfh-flag-JP {
    background-position: -1683px 0;
}

.bfh-flag-KE {
    background-position: -1700px 0;
}

.bfh-flag-KG {
    background-position: -1717px 0;
}

.bfh-flag-KH {
    background-position: -1734px 0;
}

.bfh-flag-KI {
    background-position: -1751px 0;
}

.bfh-flag-KM {
    background-position: -1768px 0;
}

.bfh-flag-KN {
    background-position: -1785px 0;
}

.bfh-flag-KP {
    background-position: -1802px 0;
}

.bfh-flag-KR {
    background-position: -1819px 0;
}

.bfh-flag-KV {
    background-position: -1836px 0;
}

.bfh-flag-KW {
    background-position: -1853px 0;
}

.bfh-flag-KY {
    background-position: -1870px 0;
}

.bfh-flag-LA {
    background-position: -1887px 0;
}

.bfh-flag-LC {
    background-position: 0 0;
}

.bfh-flag-LK {
    background-position: -17px 0;
}

.bfh-flag-LR {
    background-position: -1938px 0;
}

.bfh-flag-LS {
    background-position: -1955px 0;
}

.bfh-flag-LT {
    background-position: -1972px 0;
}

.bfh-flag-LU {
    background-position: -1989px 0;
}

.bfh-flag-LV {
    background-position: -2006px 0;
}

.bfh-flag-LY {
    background-position: -2023px 0;
}

.bfh-flag-MA {
    background-position: -2040px 0;
}

.bfh-flag-ME {
    background-position: -2057px 0;
}

.bfh-flag-MG {
    background-position: -2074px 0;
}

.bfh-flag-MH {
    background-position: -2091px 0;
}

.bfh-flag-ML {
    background-position: -2108px 0;
}

.bfh-flag-MM {
    background-position: -2125px 0;
}

.bfh-flag-MP {
    background-position: -2142px 0;
}

.bfh-flag-MR {
    background-position: -2159px 0;
}

.bfh-flag-MS {
    background-position: -2176px 0;
}

.bfh-flag-MT {
    background-position: -2193px 0;
}

.bfh-flag-MU {
    background-position: -2210px 0;
}

.bfh-flag-MV {
    background-position: -2227px 0;
}

.bfh-flag-MW {
    background-position: -2244px 0;
}

.bfh-flag-MZ {
    background-position: -2261px 0;
}

.bfh-flag-NA {
    background-position: -2278px 0;
}

.bfh-flag-NE {
    background-position: -2295px 0;
}

.bfh-flag-NF {
    background-position: -2312px 0;
}

.bfh-flag-NG {
    background-position: -2329px 0;
}

.bfh-flag-NI {
    background-position: -2346px 0;
}

.bfh-flag-NL {
    background-position: -2363px 0;
}

.bfh-flag-NO {
    background-position: -2380px 0;
}

.bfh-flag-NP {
    background-position: -2397px 0;
}

.bfh-flag-NR {
    background-position: -2414px 0;
}

.bfh-flag-NZ {
    background-position: -2431px 0;
}

.bfh-flag-OM {
    background-position: -2448px 0;
}

.bfh-flag-PA {
    background-position: -2465px 0;
}

.bfh-flag-PE {
    background-position: -2482px 0;
}

.bfh-flag-PG {
    background-position: -2499px 0;
}

.bfh-flag-PH {
    background-position: -2516px 0;
}

.bfh-flag-PK {
    background-position: -2533px 0;
}

.bfh-flag-PL {
    background-position: -2550px 0;
}

.bfh-flag-PN {
    background-position: -2567px 0;
}

.bfh-flag-PS {
    background-position: -2584px 0;
}

.bfh-flag-PT {
    background-position: -2601px 0;
}

.bfh-flag-PW {
    background-position: -2618px 0;
}

.bfh-flag-PY {
    background-position: -2635px 0;
}

.bfh-flag-QA {
    background-position: -2652px 0;
}

.bfh-flag-RS {
    background-position: -2669px 0;
}

.bfh-flag-RU {
    background-position: -2686px 0;
}

.bfh-flag-RW {
    background-position: -2703px 0;
}

.bfh-flag-SA {
    background-position: -2720px 0;
}

.bfh-flag-SB {
    background-position: -2737px 0;
}

.bfh-flag-SC {
    background-position: -2754px 0;
}

.bfh-flag-SD {
    background-position: -2771px 0;
}

.bfh-flag-SE {
    background-position: -2788px 0;
}

.bfh-flag-SG {
    background-position: -2805px 0;
}

.bfh-flag-SH {
    background-position: -2822px 0;
}

.bfh-flag-SI {
    background-position: -2839px 0;
}

.bfh-flag-SK {
    background-position: -2856px 0;
}

.bfh-flag-SM {
    background-position: -2873px 0;
}

.bfh-flag-SN {
    background-position: -2890px 0;
}

.bfh-flag-SO {
    background-position: -2907px 0;
}

.bfh-flag-SR {
    background-position: -2924px 0;
}

.bfh-flag-SS {
    background-position: -2941px 0;
}

.bfh-flag-ST {
    background-position: -2958px 0;
}

.bfh-flag-SV {
    background-position: -2975px 0;
}

.bfh-flag-SY {
    background-position: -2992px 0;
}

.bfh-flag-SZ {
    background-position: -3009px 0;
}

.bfh-flag-TC {
    background-position: -3026px 0;
}

.bfh-flag-TD {
    background-position: -3043px 0;
}

.bfh-flag-TG {
    background-position: -3060px 0;
}

.bfh-flag-TH {
    background-position: -3077px 0;
}

.bfh-flag-TJ {
    background-position: -3094px 0;
}

.bfh-flag-TM {
    background-position: -3111px 0;
}

.bfh-flag-TN {
    background-position: -3128px 0;
}

.bfh-flag-TP {
    background-position: -3145px 0;
}

.bfh-flag-TR {
    background-position: -3162px 0;
}

.bfh-flag-TT {
    background-position: -3179px 0;
}

.bfh-flag-TV {
    background-position: -3196px 0;
}

.bfh-flag-TW {
    background-position: -3213px 0;
}

.bfh-flag-TZ {
    background-position: -3230px 0;
}

.bfh-flag-UA {
    background-position: -3247px 0;
}

.bfh-flag-UG {
    background-position: -3264px 0;
}

.bfh-flag-US {
    background-position: -3281px 0;
}

.bfh-flag-UY {
    background-position: -3298px 0;
}

.bfh-flag-UZ {
    background-position: -3315px 0;
}

.bfh-flag-VC {
    background-position: -3332px 0;
}

.bfh-flag-VE {
    background-position: -3349px 0;
}

.bfh-flag-VG {
    background-position: -3366px 0;
}

.bfh-flag-VI {
    background-position: -3383px 0;
}

.bfh-flag-VN {
    background-position: -3400px 0;
}

.bfh-flag-VU {
    background-position: -3417px 0;
}

.bfh-flag-WS {
    background-position: -3434px 0;
}

.bfh-flag-YE {
    background-position: -3451px 0;
}

.bfh-flag-ZA {
    background-position: -3468px 0;
}

.bfh-flag-ZM {
    background-position: -3485px 0;
}

.bfh-flag-BF {
    background-position: -3502px 0;
}

.bfh-flag-CU {
    background-position: -3519px 0;
}

.bfh-flag-DE {
    background-position: -3536px 0;
}

.bfh-flag-IR {
    background-position: -3553px 0;
}

.bfh-flag-KZ {
    background-position: -3570px 0;
}

.bfh-flag-LB {
    background-position: -3587px 0;
}

.bfh-flag-LI {
    background-position: -3604px 0;
}

.bfh-flag-MC {
    background-position: -3621px 0;
}

.bfh-flag-MD {
    background-position: -3638px 0;
}

.bfh-flag-MK {
    background-position: -3655px 0;
}

.bfh-flag-MN {
    background-position: -3672px 0;
}

.bfh-flag-MO {
    background-position: -3706px 0;
}

.bfh-flag-MX {
    background-position: -3723px 0;
}

.bfh-flag-MY {
    background-position: -3740px 0;
}

.bfh-flag-PR {
    background-position: -3757px 0;
}

.bfh-flag-RO {
    background-position: -3774px 0;
}

.bfh-flag-SL {
    background-position: -3791px 0;
}

.bfh-flag-TO {
    background-position: -3808px 0;
}

.bfh-flag-VA {
    background-position: -3825px 0;
}

.bfh-flag-ZW {
    background-position: -3842px 0;
}

.bfh-flag-EUR {
    background: url(../img/eu.png) no-repeat;
}

.bfh-flag-XCD {
    background: url(../img/xcd.png) no-repeat;
}

.bfh-flag-AUD,
.bfh-flag-CHF,
.bfh-flag-DKK,
.bfh-flag-EUR,
.bfh-flag-XAF,
.bfh-flag-XCD,
.bfh-flag-XOF,
.bfh-flag-XPF,
.bfh-flag-ZAR {
    width: 16px;
    height: 14px;
    background: url(../img/bootstrap-formhelpers-currencies.flags.png) no-repeat;
}

.bfh-flag-AUD:empty,
.bfh-flag-CHF:empty,
.bfh-flag-DKK:empty,
.bfh-flag-EUR:empty,
.bfh-flag-XAF:empty,
.bfh-flag-XCD:empty,
.bfh-flag-XOF:empty,
.bfh-flag-XPF:empty,
.bfh-flag-ZAR:empty {
    width: 16px;
}

.bfh-flag-AUD,
.bfh-flag-CHF,
.bfh-flag-DKK,
.bfh-flag-EUR,
.bfh-flag-XAF,
.bfh-flag-XCD,
.bfh-flag-XOF,
.bfh-flag-XPF,
.bfh-flag-ZAR {
    margin-right: 5px;
}

.bfh-flag-AUD {
    background-position: -32px 0;
}

.bfh-flag-CHF {
    background-position: -224px 0;
}

.bfh-flag-DKK {
    background-position: -64px -16px;
}

.bfh-flag-EUR {
    background-position: -96px -16px;
}

.bfh-flag-XAF {
    background-position: -160px -80px;
}

.bfh-flag-XCD {
    background-position: -176px -80px;
}

.bfh-flag-XOF {
    background-position: -192px -80px;
}

.bfh-flag-XPF {
    background-position: -208px -80px;
}

.bfh-flag-ZAR {
    background-position: -224px -80px;
}

.bfh-selectbox {
    position: relative;
}

.bfh-selectbox .bfh-selectbox-toggle {
    display: inline-block;
    padding: 6px 24px 6px 12px;
    text-decoration: none;
}

.bfh-selectbox .bfh-selectbox-toggle:focus {
    outline: none;
}

.bfh-selectbox .bfh-selectbox-toggle .bfh-selectbox-option {
    display: inline-block;
    float: left;
    width: 100%;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bfh-selectbox .bfh-selectbox-toggle .selectbox-caret {
    float: right;
    margin-top: 8px;
    margin-right: -16px;
    margin-left: -10px;
}

.bfh-selectbox .bfh-selectbox-options {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 90px;
    padding: 5px 0;
    margin: -1px 0 0;
    font-size: 14px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.bfh-selectbox .bfh-selectbox-options.pull-right {
    right: 0;
    left: auto;
}

.bfh-selectbox .bfh-selectbox-options .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.bfh-selectbox .bfh-selectbox-options .bfh-selectbox-filter-container {
    width: 100%;
    padding: 5px;
}

.bfh-selectbox .bfh-selectbox-options ul {
    max-width: 500px;
    max-height: 200px;
    padding: 0;
    margin: 5px 0 0 0;
    overflow-x: hidden;
    overflow-y: auto;
    list-style: none;
}

.bfh-selectbox .bfh-selectbox-options ul li > a {
    display: block;
    width: 100%;
    min-height: 26px;
    padding: 3px 20px;
    overflow-x: hidden;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bfh-selectbox .bfh-selectbox-options ul li > a:hover,
.bfh-selectbox .bfh-selectbox-options ul li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.bfh-selectbox .bfh-selectbox-options ul .bfh-selectbox-options-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #999999;
}

.bfh-selectbox .bfh-selectbox-options ul .disabled > a {
    color: #999999;
}

.bfh-selectbox .bfh-selectbox-options ul .disabled > a:hover,
.bfh-selectbox .bfh-selectbox-options ul .disabled > a:focus {
    color: #999999;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    /*filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);*/
}

.bfh-selectbox.open > .bfh-selectbox-options {
    display: block;
}

.bfh-selectbox.open a {
    outline: none;
}

.pull-right > .bfh-selectbox-options {
    right: 0;
    left: auto;
}

.bfh-selectbox-up .caret,
.navbar-fixed-bottom .bfh-selectbox .caret {
    border-top: 0 dotted;
    border-bottom: 4px solid #000000;
    content: "";
}

.bfh-selectbox-up .bfh-selectbox-options,
.navbar-fixed-bottom .bfh-selectbox .bfh-selectbox-options {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

@media (min-width: 768px) {
    .navbar-right .bfh-selectbox-options {
        right: 0;
        left: auto;
    }
}

.bfh-googlefonts .bfh-selectbox-options a {
    width: 230px;
    height: 30px;
    text-indent: -9999px;
    background-image: url(../img/bootstrap-formhelpers-googlefonts.png);
}

.bfh-googlefonts .bfh-selectbox-options a:focus {
    background-color: transparent;
    background-repeat: no-repeat;
    outline: none;
    filter: none;
}

.bfh-googlefonts .bfh-selectbox-options .active > a,
.bfh-googlefonts .bfh-selectbox-options .active > a:hover {
    background-color: transparent;
    background-image: url(../img/bootstrap-formhelpers-googlefonts.png);
    background-repeat: no-repeat;
    outline: none;
    filter: none;
}

.bfh-datepicker-calendar {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 296px;
}

.bfh-datepicker-calendar > table.calendar {
    width: 376px;
    background: #ffffff;
}

.bfh-datepicker-calendar > table.calendar .months-header > th {
    font-size: 12px;
    text-align: center;
}

.bfh-datepicker-calendar > table.calendar .months-header > th.month > span {
    display: inline-block;
    width: 100px;
}

.bfh-datepicker-calendar > table.calendar .months-header > th.year > span {
    display: inline-block;
    width: 50px;
}

.bfh-datepicker-calendar > table.calendar .days-header > th {
    width: 30px;
    font-size: 11px;
    line-height: 12px;
    text-align: center;
}

.bfh-datepicker-calendar > table.calendar > tbody > tr > td {
    width: 30px;
    font-size: 11px;
    line-height: 12px;
    text-align: center;
}

.bfh-datepicker-calendar > table.calendar > tbody > tr > td.today {
    color: #ffffff;
    background-color: #428bca;
}

.bfh-datepicker-calendar > table.calendar > tbody > tr > td.off {
    color: #999999;
}

.bfh-datepicker-calendar > table.calendar > tbody > tr > td:not(.off):hover {
    color: #262626;
    cursor: pointer;
    background-color: #f5f5f5;
}

.bfh-datepicker {
    position: relative;
}

.bfh-datepicker-toggle {
    *margin-bottom: -3px;
}

.bfh-datepicker-toggle > input[readonly] {
    cursor: inherit;
    background-color: inherit;
}

.open > .bfh-datepicker-calendar {
    display: block;
}

.bfh-timepicker-popover {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 100px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.bfh-timepicker-popover > table {
    width: 180px;
    margin: 0;
}

.bfh-timepicker-popover > table > tbody > tr > td {
    text-align: center;
    border: 0;
}

.bfh-timepicker-popover > table > tbody > tr > td.separator {
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
}

.bfh-timepicker-popover > table > tbody > tr > td > div > input {
    width: 42px !important;
    text-align: center;
}

.bfh-timepicker {
    position: relative;
}

.bfh-timepicker-toggle {
    *margin-bottom: -3px;
}

.bfh-timepicker-toggle > input[readonly] {
    cursor: inherit;
    background-color: inherit;
}

.open > .bfh-timepicker-popover {
    display: block;
}

.bfh-slider {
    height: 20px;
    margin-top: 8px;
    margin-bottom: 23px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
}

.bfh-slider > .bfh-slider-handle {
    position: absolute;
    width: 20px;
    height: 34px;
    margin-top: -7px;
    cursor: col-resize;
    background: #efefef;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

.bfh-slider > .bfh-slider-handle > .bfh-slider-value {
    position: absolute;
    width: 48px;
    height: 20px;
    margin-top: 5px;
    margin-left: -15px;
    line-height: 20px;
    text-align: center;
    cursor: col-resize;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

.bfh-slider > .bfh-slider-handle > .bfh-slider-value .disabled {
    color: #999999;
}

.bfh-slider.disabled .bfh-slider-value {
    color: #999999;
}

.bfh-colorpicker-popover {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 100px;
    padding: 20px;
    cursor: default;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.bfh-colorpicker-popover > canvas {
    width: 384px;
    height: 256px;
}

.bfh-colorpicker {
    position: relative;
}

.bfh-colorpicker-toggle {
    *margin-bottom: -3px;
}

.bfh-colorpicker-toggle > input[readonly] {
    cursor: inherit;
    background-color: inherit;
}

.bfh-colorpicker-toggle .bfh-colorpicker-icon {
    display: block;
    width: 16px;
    height: 16px;
}

.open > .bfh-colorpicker-popover {
    display: block;
}

.input-group > .bfh-number {
    border-right: 0;
}

.input-group > .bfh-number-btn:hover {
    background-color: #cccccc;
}

/*
Theme selection
 */

.chooser-item.active .card img {
    border-radius: 1px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 hsla(0, 0%, 100%, 0.3), 0 0 0 2px rgb(51, 124, 253);
    opacity: 1;
}

.swatch-list.nav li {
    margin-bottom: 10px;
}

.swatch-list .colorswatch {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0 10px;
    cursor: pointer;
}

.swatch-list li.active a {
    box-shadow: 0 0 0 3px #fff, 0 0 1px 4px currentColor;
}

.swatch-list .colorswatch.cyan {
    color: #00b5b5;
    background-color: #00b5b5;
}

.swatch-list.nav-tabs > li.active > a.cyan,
.swatch-list.nav-tabs > li.active > a.cyan:hover,
.swatch-list.nav-tabs > li.active > a.cyan:focus {
    color: #00b5b5;
    background-color: #00b5b5;
}

.swatch-list .colorswatch.red {
    color: #e63422;
    background-color: #e63422;
}

.swatch-list.nav-tabs > li.active > a.red,
.swatch-list.nav-tabs > li.active > a.red:hover,
.swatch-list.nav-tabs > li.active > a.red:focus {
    color: #e63422;
    background-color: #e63422;
}

.swatch-list .colorswatch.magenta {
    color: #bb3658;
    background-color: #bb3658;
}

.swatch-list.nav-tabs > li.active > a.magenta,
.swatch-list.nav-tabs > li.active > a.magenta:hover,
.swatch-list.nav-tabs > li.active > a.magenta:focus {
    color: #bb3658;
    background-color: #bb3658;
}

.swatch-list .colorswatch.brown {
    color: #b54e12;
    background-color: #b54e12;
}

.swatch-list.nav-tabs > li.active > a.brown,
.swatch-list.nav-tabs > li.active > a.brown:hover,
.swatch-list.nav-tabs > li.active > a.brown:focus {
    color: #b54e12;
    background-color: #b54e12;
}

@media only screen and (min-width: 641px) {
    .swatch-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 20px;
    }
}

.instruction span {
    color: #304756;
    font-size: 16px;
    padding-right: 20px;
    line-height: 1.3333333;
}

.instruction {
    background-color: #f5f0ff;
    padding: 12.5px;
    margin-top: 30px;
    margin-bottom: 20px;
    border-radius: 6px;
    border: 1px solid #e6daff;
    display: block;
    width: 100%;
}

.info-text {
    color: #999;
}

.instruction span img {
    vertical-align: middle;
    margin-left: 0;
    display: inline-block;
    margin-right: 0px;
}

.inner-addon {
    position: relative;
}

/* style glyph fa*/

.inner-addon img {
    position: absolute;
    right: 15px;
    pointer-events: none;
}

/* align glyph fa*/

.left-addon .fa {
    left: 0px;
}

.right-addon .fa {
    right: 0px;
}

#form-signup .intl-tel-input {
    width: 100%;
}

.has-success .form-control {
    border-color: #ccc;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: inherit;
}

.has-success .form-control:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

/* add padding  */

/*.left-addon input {
  padding-left: 30px;
}.right-addon input {
  padding-right: 30px;
}*/

.theme-container {
    position: relative;
    overflow: hidden;
    width: 500px;
    height: 550px;
    margin: auto;
}

.theme-container img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    -webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -ms-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
}

.theme-container:hover img {
    top: -678px;
}

.navbar-default .navbar-nav > li > a:focus {
    color: #999;
    background-color: transparent;
}

.main-nav-active .navbar-nav > li > a:focus {
    color: #333;
    background-color: transparent;
}

.release-blk {
    margin-bottom: 5em;
}

.release-blk h2 {
    margin-bottom: 0.2em;
}

.release-date {
    border-bottom: 1px solid #eaecef;
    margin-bottom: 45px;
    padding-bottom: 5px;
}

.sub-heading {
    font-size: 22px;
}

/* Maintenance Mode */

.maintenance-mode {
    background: #0073ff;
}

.maintenance-mode .hero-banner,
.maintenance-mode .top-main-nav {
    background: none;
    box-shadow: none;
}

.maintenance-mode .navbar-header {
    float: none;
    margin-top: 8em;
}

.maintenance-mode .top-main-nav .logo {
    width: 100%;
}

.maintenance-mode .navbar-brand > img {
    margin: 0 auto;
}

.maintenance-mode .hero-banner .intro-text {
    margin-top: 2em;
}

/* Nav Stacked */

#sphere-crm .nav-stacked > li > a {
    font-size: 20px;
}

.nav-stacked > li > a {
    color: #999;
    background-color: transparent;
    border-radius: 20px;
    padding: 1em 2em;
    font-weight: 600;
}

.nav-stacked-white > li.active > a,
.nav-stacked-white > li.active > a:hover,
.nav-stacked-white > li.active > a:focus {
    color: #0073ff;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 7px 2px #f2f2f2;
    -moz-box-shadow: 1px 1px 7px 2px #f2f2f2;
    box-shadow: 1px 1px 7px 2px #f2f2f2;
}

.img-rounded,
.nav-stacked > li > a > img {
    background: #fff;
    padding: 10px;
    -webkit-box-shadow: 1px 1px 7px 3px #f2f2f2;
    -moz-box-shadow: 1px 1px 7px 3px #f2f2f2;
    box-shadow: 1px 1px 7px 3px #f2f2f2;
    border-radius: 20px;
    margin-right: 20px;
}

.no-shadow {
    box-shadow: none;
}

.nav-pills {
    margin-bottom: 20px;
}

.nav-pills-white > li > a {
    color: #4d4c7a;
    background-color: #8c89f5;
    margin-right: 5px;
}

.nav-pills-white > li > a:hover,
.nav-pills-white > li > a:focus {
    color: #0073ff;
    background-color: #fff;
}

.nav-pills-white > li.active > a,
.nav-pills-white > li.active > a:hover,
.nav-pills-white > li.active > a:focus {
    color: #0073ff;
    background-color: #fff;
}

.tab-pane img.img-responsive {
    margin-bottom: 30px;
}

#sphere-goals .media-heading {
    margin-bottom: 20px;
    color: #0073ff;
}

.media {
    margin-bottom: 60px;
}

.media-last {
    margin-bottom: 0px !important;
}

#sphere-features .media-heading {
    margin-bottom: 15px;
}

.mb0 {
    margin-bottom: 0px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mt0 {
    margin-top: 0px;
}

.mbmt40 {
    margin-top: 30px !important;
    margin-bottom: 40px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.res-mt20 {
    margin-top: 20px;
}

@media (max-width: 768px) {
    .footer-highlight {
        text-align: center;
    }

    .footer-highlight h2 {
        font-size: 24px;
    }

    .footer-highlight a.btn {
        min-width: 200px;
    }
}

@media (min-width: 768px) {
    .res-mt20 {
        margin-top: 0px;
    }
}

#sphere-player-wrap {
    display: none;
}

#sphere-intro-player {
    display: block;
    background: #fff;
    /*background: rgba(0,0,0,0.5);*/
    margin-top: 15px;
    /*height: 540px !important;*/
    width: 100%;
}

#bg-sphere-intro {
    background-color: #f5f5f5;

    /* The image used */
    /*background-image: url("../images/sphere-intro-bg.jpg");*/

    /* Set a specific height */
    /*height: 500px;*/

    /* Create the parallax scrolling effect */
    /*background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/

    /*color: #fff;*/
}

.mfp-bg {
    background: #fff;
    opacity: 0.9;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #000;
}

.mfp-iframe-scaler iframe {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
    background: #fff;
}

/* Bootstrap Modal Vertically Center */
.modal {
    text-align: center;
    padding: 0 !important;
}

.modal:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

/* Custom Panel Styles */
/* ----------------------- */
.panel-title {
    position: relative;
}

.panel-title::after {
    content: "\f107";
    color: #abadae;
    top: -2px;
    right: 0px;
    position: absolute;
    font-family: "FontAwesome";
}

.panel-title[aria-expanded="true"]::after {
    content: "\f106";
}

.panel-group-clean .panel-default {
    border-color: #eeeeee;
}

.panel-group-clean .panel {
    box-shadow: none;
}

.panel-group-clean .panel-default > .panel-heading {
    background-color: #fff;
    border-color: #eeeeee;
}

.panel-group-clean .panel-default > .panel-heading > .panel-title {
    color: #575c61;
    font-size: 18px;
}

.panel-group-clean .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-color: #eeeeee;
}

/* Team Compare Table */
/* ----------------------- */
.compare-table {
    margin-top: 40px;
}

.compare-table table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

/*.compare-table td,
.compare-table th {
    height: 53px
}*/

.compare-table th {
    font-size: 28px;
    color: #0073ff;
}

.compare-table th:nth-child(2) {
    border-top: 4px solid #95b85c;
    color: #95b85c;
}

.compare-table th:nth-child(3) {
    border-top: 4px solid #2995dc;
    color: #2995dc;
}

.compare-table th:nth-child(4) {
    border-top: 4px solid #e4b24a;
    color: #e4b24a;
}

.compare-table td,
.compare-table th {
    border: 1px solid #eee;
    padding: 10px;
    empty-cells: show;
}

.compare-table td,
.compare-table th {
    text-align: left;
}

.compare-table td + td,
.compare-table th + th {
    text-align: center;
}

.compare-table td.default {
    display: table-cell;
}

.compare-table .bg-purple {
    border-top: 3px solid #a32362;
}

.compare-table .bg-blue {
    border-top: 3px solid #0097cf;
}

.compare-table .sep {
    color: #444;
    font-size: 22px;
    font-weight: 600;
}

.compare-table .txt-l {
    font-size: 28px;
    font-weight: bold;
}

.compare-table .txt-top {
    position: relative;
    top: -9px;
    left: -2px;
}

.compare-table .tick {
    font-size: 22px;
    color: #2ca01c;
}

.compare-table .cross {
    font-size: 22px;
    color: #f44336;
}

.compare-table .empty-cell {
    border: 0;
    background: none;
}

.fluid-embed-container {
    /* --video--width: 1296;
    --video--height: 600;
    position: relative;
    padding-bottom: calc(var(--video--height) / var(--video--width) * 100%);
    overflow: hidden; */
    max-width: 100%;
    margin-bottom: 10px;
}

.fluid-embed-container iframe,
.fluid-embed-container object,
.fluid-embed-container embed {
    /* position: absolute;
    top: 0;
    left: 0; */
    width: 100%;
    height: 100%;
    min-height: 200px;
}

/* Owl Caorusel Customization
   -------------------------- */
/* #faq-video-slider {
    position: relative;
}

#faq-video-slider .owl-nav {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
} */

#faq-video-slider .owl-prev,
#faq-video-slider .owl-next {
    /* position: absolute; */
    height: 64px;
    width: 64px;
    color: inherit;
    /* background: none; */
    border: none;
    z-index: 100;
    font-size: 36px;
    line-height: 36px;
    border-radius: 50%;
    margin: 10px;
}

#faq-video-slider .owl-nav [class*="owl-"]:hover {
    color: #fff;
    background: #0073ff;
}

#faq-video-slider-1 .owl-prev,
#faq-video-slider-1 .owl-next {
    /* position: absolute; */
    height: 64px;
    width: 64px;
    color: inherit;
    /* background: none; */
    border: none;
    z-index: 100;
    font-size: 36px;
    line-height: 36px;
    border-radius: 50%;
    margin: 10px;
}

#faq-video-slider-1 .owl-nav [class*="owl-"]:hover {
    color: #fff;
    background: #0073ff;
}

/* #faq-video-slider .owl-prev {
    left: 0;
}

#faq-video-slider .owl-next {
    right: 0;
} */

#sph-faq h3 {
    font-size: 36px;
}

#sph-faq h4 {
    font-size: 24px;
}

#sph-faq .list-view .summary {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.app-navs {
    border-top: 1px solid #ddd;
}

.app-navs a {
    display: inline-block;
    max-width: 200px;
    margin: 5px;
}

/* pricing table */

/* -------------------------------- 

Primary style

-------------------------------- */
*,
*::after,
*::before {
    box-sizing: border-box;
}

/* -------------------------------- 
  
  Main Components 
  
  -------------------------------- */
#pricing,
#section-our-story,
#section-founders {
    padding-bottom: 0px;
    max-height: 1760px;
}

.cd-products-comparison-table {
    margin-bottom: 6em;
}
.cd-products-comparison-table::after {
    /* never visible - this is used in jQuery to check the current MQ */
    display: none;
    content: "mobile";
}
.cd-products-comparison-table header {
    padding: 0 5% 25px;
}
.cd-products-comparison-table header::after {
    clear: both;
    content: "";
    display: table;
}
.cd-products-comparison-table h2 {
    float: left;
    font-weight: bold;
}
.cd-products-comparison-table .actions {
    float: right;
}
.cd-products-comparison-table .reset,
.cd-products-comparison-table .filter {
    font-size: 1.4rem;
}
.cd-products-comparison-table .reset {
    color: #404042;
    text-decoration: underline;
}
.cd-products-comparison-table .filter {
    padding: 0.6em 1.5em;
    color: #ffffff;
    background-color: #cccccc;
    border-radius: 3px;
    margin-left: 1em;
    cursor: not-allowed;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.cd-products-comparison-table .filter.active {
    cursor: pointer;
    background-color: #9dc997;
}
.no-touch .cd-products-comparison-table .filter.active:hover {
    background-color: #a7cea1;
}
@media only screen and (min-width: 1170px) {
    .cd-products-comparison-table {
        margin-bottom: 8em;
    }
    .cd-products-comparison-table::after {
        /* never visible - this is used in jQuery to check the current MQ */
        content: "desktop";
    }
    .cd-products-comparison-table header {
        padding: 0 5% 40px;
    }
    .cd-products-comparison-table h2 {
        font-size: 2.4rem;
    }
    .cd-products-comparison-table .reset,
    .cd-products-comparison-table .filter {
        font-size: 1.6rem;
    }
    .cd-products-comparison-table .filter {
        padding: 0.6em 2em;
        margin-left: 1.6em;
    }
}

.cd-products-table {
    position: relative;
    overflow: hidden;
}

.cd-products-table .features {
    /* fixed left column - product properties list */
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 175px;
    border-style: solid;
    border-color: #e6e6e6;
    border-top-width: 1px;
    border-bottom-width: 1px;
    background-color: #fafafa;
    opacity: 0.95;
    height: 1050px;
}

.cd-products-table .features::after {
    /* color gradient on the right of .features -  visible while scrolling inside the .cd-products-table */
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 4px;
    height: 100%;
    background-color: transparent;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.06), transparent);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.06), transparent);
    opacity: 0;
}

@media only screen and (min-width: 1170px) {
    .cd-products-table .features {
        width: 500px;
    }
}

.cd-products-table.scrolling .features::after {
    opacity: 1;
}

.cd-products-wrapper {
    /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    border-style: solid;
    border-color: #e6e6e6;
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.cd-products-columns {
    /* products list wrapper */
    width: 750px;
    margin-left: 175px;
}

.cd-products-table-compact .cd-products-columns {
    width: 314px;
}

.cd-products-columns::after {
    clear: both;
    content: "";
    display: table;
}
@media only screen and (min-width: 1170px) {
    .cd-products-columns {
        width: 1200px;
        margin-left: 500px;
    }
}

.cd-products-columns .product {
    position: relative;
    float: left;
    width: 150px;
    text-align: center;
    -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, visibility 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
}
.filtering .cd-products-columns .product:not(.selected) {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.no-product-transition .cd-products-columns .product.selected {
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    -moz-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
}
.filtered .cd-products-columns .product:not(.selected) {
    position: absolute;
}

.cd-products-columns li a.btn {
    padding: 10px;
    min-width: 120px;
    /* margin: 5px 0px; */
}
@media only screen and (min-width: 1170px) {
    .cd-products-columns .product {
        width: 180px;
    }
    .cd-products-table-compact .cd-products-columns .product {
        width: 332px;
        /* width: 370px; */
    }
}

@media only screen and (min-width: 1390px) {
    .cd-products-table-compact .cd-products-columns .product {
        width: 370px;
    }
}

.cd-features-list li {
    border-color: #e6e6e6;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    height: 50px;
    padding: 10px 10px;
}
.cd-features-list li.rate {
    /* rating stars */
    padding: 21px 0;
}
.cd-features-list li.rate span {
    display: inline-block;
    height: 22px;
    width: 110px;
    background: url(../img/cd-star.svg);
    color: transparent;
}

.cd-features-list li .fa-check {
    border: solid 1px;
    padding: 3px;
    border-radius: 50px;
    font-size: 15px;
}

.cd-features-list li.large-text {
    /* padding: 25px 40px; */
    border-color: #e6e6e6;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
}

.cd-features-list li.large-text-foot {
    padding: 20px 0px;
    border-color: #e6e6e6;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    height: 80px;
}

@media only screen and (min-width: 1170px) {
    .cd-features-list li {
        font-size: 1.6rem;
    }
    .cd-features-list li.rate {
        padding: 22px 0;
    }
}

/* .features .cd-features-list li,
.cd-products-table .features .top-info {
    font-size: 14px;
    text-align: left;
} */

.cd-products-table .top-info {
    line-height: normal;
    position: relative;
    height: 115px;
    width: 150px;
    text-align: center;
    padding: 5px;
    border-color: #e6e6e6;
    border-style: solid;
    border-right-width: 1px;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
    /* cursor: pointer; */
    background: #ffffff;
}
.cd-products-table .top-info::after {
    /* color gradient below .top-info -  visible when .top-info is fixed */
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    height: 4px;
    width: 100%;
    background-color: transparent;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.06), transparent);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.06), transparent);
    opacity: 0;
}
.cd-products-table .top-info h3 {
    padding: 1.25em 0 0.2em;
    font-weight: bold;
    font-size: 1.8rem;
}
.cd-products-table .top-info img {
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.cd-products-table .top-info h3,
.cd-products-table .top-info img {
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}
.cd-products-table .top-info .check {
    position: relative;
    display: inline-block;
    height: 16px;
    width: 16px;
    margin: 0 auto 1em;
}
.cd-products-table .top-info .check::after,
.cd-products-table .top-info .check::before {
    /* used to create the check icon and green circle dot - visible when product is selected */
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
}

@media only screen and (min-width: 1170px) {
    .cd-products-table .top-info {
        height: 117px;
        width: 180px;
    }
    .cd-products-table-compact .top-info {
        width: 332px;
    }
    .cd-products-table .top-info h3 {
        /* padding-top: 1.4em; */
        font-size: 2rem;
    }
    .cd-products-table .top-info .check {
        margin-bottom: 1.5em;
    }
}

.cd-products-table .features .top-info {
    /* models */
    width: 175px;
    cursor: auto;
    background: #fafafa;
}
@media only screen and (min-width: 1170px) {
    .cd-products-table .features .top-info {
        width: 500px;
    }
}

.cd-products-table .selected .top-info .check::before {
    /* green circle dot */
    background: #9dc997;
    border-color: #9dc997;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-animation: cd-bounce 0.3s;
    -moz-animation: cd-bounce 0.3s;
    animation: cd-bounce 0.3s;
}

@-webkit-keyframes cd-bounce {
    0% {
        -webkit-transform: scale(1);
    }
    60% {
        -webkit-transform: scale(1.6);
    }
    100% {
        -webkit-transform: scale(1.5);
    }
}
@-moz-keyframes cd-bounce {
    0% {
        -moz-transform: scale(1);
    }
    60% {
        -moz-transform: scale(1.6);
    }
    100% {
        -moz-transform: scale(1.5);
    }
}
@keyframes cd-bounce {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    60% {
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        -ms-transform: scale(1.6);
        -o-transform: scale(1.6);
        transform: scale(1.6);
    }
    100% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }
}
.cd-products-table .selected .top-info .check::after {
    /* check icon */
    opacity: 1;
}

@media only screen and (min-width: 1170px) {
    .cd-products-table.top-fixed .cd-products-columns > li,
    .cd-products-table.top-scrolling .cd-products-columns > li,
    .cd-products-table.top-fixed .features,
    .cd-products-table.top-scrolling .features {
        padding-top: 160px;
    }

    .cd-products-table.top-fixed .top-info,
    .cd-products-table.top-scrolling .top-info {
        height: 160px;
        position: fixed;
        top: 0;
    }
    .no-cssgradients .cd-products-table.top-fixed .top-info,
    .no-cssgradients .cd-products-table.top-scrolling .top-info {
        border-bottom: 1px solid #e6e6e6;
    }
    .cd-products-table.top-fixed .top-info::after,
    .cd-products-table.top-scrolling .top-info::after {
        opacity: 1;
    }
    .cd-products-table.top-fixed .top-info h3,
    .cd-products-table.top-scrolling .top-info h3 {
        -webkit-transform: translateY(-116px);
        -moz-transform: translateY(-116px);
        -ms-transform: translateY(-116px);
        -o-transform: translateY(-116px);
        transform: translateY(-116px);
    }
    .cd-products-table.top-fixed .top-info img,
    .cd-products-table.top-scrolling .top-info img {
        -webkit-transform: translateY(-62px) scale(0.4);
        -moz-transform: translateY(-62px) scale(0.4);
        -ms-transform: translateY(-62px) scale(0.4);
        -o-transform: translateY(-62px) scale(0.4);
        transform: translateY(-62px) scale(0.4);
    }

    .cd-products-table.top-scrolling .top-info {
        position: absolute;
    }
}
.cd-table-navigation a {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 15px;
    -webkit-transform: translateY(55px);
    -moz-transform: translateY(55px);
    -ms-transform: translateY(55px);
    -o-transform: translateY(55px);
    transform: translateY(55px);
    /* replace text with image */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    color: transparent;
    height: 60px;
    width: 40px;
    background: rgba(64, 64, 66, 0.8) url("../images/cd-arrow.svg") no-repeat center center;
    border-radius: 3px;
    -webkit-transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    -moz-transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, -moz-transform 0.3s;
    transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, transform 0.3s;
}
.cd-table-navigation a.inactive {
    opacity: 0;
    visibility: hidden;
}
.cd-table-navigation a.prev {
    left: 120px;
    right: auto;
    -webkit-transform: translateY(55px) translateX(15px) rotate(180deg);
    -moz-transform: translateY(55px) translateX(15px) rotate(180deg);
    -ms-transform: translateY(55px) translateX(15px) rotate(180deg);
    -o-transform: translateY(55px) translateX(15px) rotate(180deg);
    transform: translateY(55px) translateX(15px) rotate(180deg);
}
.no-touch .cd-table-navigation a:hover {
    background-color: #404042;
}
@media only screen and (min-width: 1170px) {
    .cd-table-navigation a {
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px);
        transform: translateY(100px);
    }
    .cd-table-navigation a.prev {
        left: 500px;
        -webkit-transform: translateY(100px) translateX(15px) rotate(180deg);
        -moz-transform: translateY(100px) translateX(15px) rotate(180deg);
        -ms-transform: translateY(100px) translateX(15px) rotate(180deg);
        -o-transform: translateY(100px) translateX(15px) rotate(180deg);
        transform: translateY(100px) translateX(15px) rotate(180deg);
    }
    .top-fixed .cd-table-navigation a {
        position: fixed;
    }
    .top-fixed .cd-table-navigation a,
    .top-scrolling .cd-table-navigation a {
        -webkit-transform: translateY(45px);
        -moz-transform: translateY(45px);
        -ms-transform: translateY(45px);
        -o-transform: translateY(45px);
        transform: translateY(45px);
    }
    .top-fixed .cd-table-navigation a.prev,
    .top-scrolling .cd-table-navigation a.prev {
        -webkit-transform: translateY(45px) translateX(15px) rotate(180deg);
        -moz-transform: translateY(45px) translateX(15px) rotate(180deg);
        -ms-transform: translateY(45px) translateX(15px) rotate(180deg);
        -o-transform: translateY(45px) translateX(15px) rotate(180deg);
        transform: translateY(45px) translateX(15px) rotate(180deg);
    }
}

@media only screen and (min-width: 1450px) {
    .cd-table-navigation a.next,
    .cd-table-navigation a.prev {
        display: none;
    }
    .cd-products-wrapper {
        overflow-x: auto;
    }
}

@media only screen and (max-width: 1449px) {
    .cd-table-navigation a.next,
    .cd-table-navigation a.prev {
        display: inline-block;
    }
    .cd-products-wrapper {
        overflow-x: auto;
    }
}

/* -------------------------------- 
  
  No JS
  
  -------------------------------- */
.no-js .actions {
    display: none;
}

.no-js .cd-products-table .top-info {
    height: 145px;
}

.fixed-header {
    position: fixed;
    top: 65px;
    height: 65px;
}

@media (min-width: 900px) {
    .cd-products-table .features {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 475px;
        border-style: solid;
        border-color: #e6e6e6;
        border-top-width: 1px;
        border-bottom-width: 1px;
        background-color: #fafafa;
        opacity: 0.95;
        height: 1350px;
    }
    .cd-products-columns {
        width: 900px;
        margin-left: 475px;
    }
    .cd-products-table-compact .cd-products-columns {
        width: 665px;
    }
    .cd-table-navigation a.prev {
        left: 465px;
    }
    .cd-products-table .features .top-info {
        width: 475px;
        cursor: auto;
        background: #fafafa;
    }
}

@media only screen and (min-width: 1170px) {
    .no-js .cd-products-table .top-info {
        height: 248px;
    }
}

.no-js .cd-products-columns .check {
    display: none;
}

li.large-text {
    height: 80px;
}

li.larger-text {
    height: 160px;
}

.agent-header {
    background-color: #0372fd !important;
    color: #fff;
    /* height: 85px !important; */
}

.agent-header-cap {
    width: 100%;
    top: -33px;
    background-color: blue;
    color: #fff;
    font-size: 12px;
    height: 30px;
}

.agent-header-cap span {
    opacity: 0.9;
}

.agent-col li,
.agent-col li.large-text,
.agent-col li.large-text-foot {
    border-left: 2px solid #0372fd;
    border-right: 2px solid #0372fd;
}

.agent-header {
    border: 2px solid #0372fd !important;
}

.agent-col li.large-text-foot {
    border-bottom: 2px solid #0372fd;
}

@media (max-width: 990px) {
    .cd-products-table .features {
        width: 325px;
    }
    .cd-products-columns {
        margin-left: 325px;
    }
    .cd-products-table .features .top-info {
        width: 325px;
    }
    .cd-table-navigation a.prev {
        left: 335px;
    }
    .cd-products-table .features {
        height: 1400px;
    }
    .cd-features-list li.larger-text {
        height: 190px;
    }
    .cd-features-list li {
        height: 60px;
        font-size: 14px;
    }
}

@media (min-width: 1290px) {
    .cd-products-columns {
        width: 900px;
        margin-left: 475px;
    }
}

@media (max-width: 650px) {
    .cd-products-table .features {
        width: 240px;
    }
    .cd-products-columns {
        margin-left: 240px;
    }
    .cd-products-table .features .top-info {
        width: 240px;
    }
    .cd-table-navigation a.prev {
        left: 210px;
    }
    .cd-products-table .top-info {
        height: 125px;
    }
}

@media (max-width: 450px) {
    .cd-features-list li.large-text {
        padding: 5px 10px;
    }
    .prev {
        left: 210px;
    }
    .cd-table-navigation a {
        height: 30px;
        width: 20px;
        top: 25px;
    }

    .cd-products-table .features {
        width: 200px;
    }
    .cd-products-columns {
        margin-left: 200px;
    }
    .cd-products-table .features .top-info {
        width: 200px;
    }
    .cd-features-list li {
        height: 60px;
        padding: 10px;
    }
    li.large-text {
        height: 80px;
    }
    li.larger-text {
        height: 200px;
    }
    .cd-products-table .features {
        height: 1570px;
    }
    .features .cd-features-list li,
    .cd-products-table .features .top-info {
        font-size: 14px;
    }
}

@media (min-width: 1390px) {
    /* .cd-products-columns li a.btn {
        margin: -5px 0px;
    }
    .agent-header {
        height: 85px !important;
    } */

    .cd-products-table .features {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 400px;
        border-style: solid;
        border-color: #e6e6e6;
        border-top-width: 1px;
        border-bottom-width: 1px;
        background-color: #fafafa;
        opacity: 0.95;
        height: auto;
    }
    .cd-products-columns,
    .cd-products-table-compact .cd-products-columns {
        width: 740px;
        margin-left: 400px;
    }
    .cd-table-navigation a.prev {
        left: 465px;
    }
    .cd-products-table .features .top-info {
        width: 400px;
        cursor: auto;
        background: #fafafa;
    }
    .cd-products-columns .product {
        width: 148px;
    }
    .cd-products-table .top-info {
        height: 115px;
        width: 148px;
    }
    .cd-products-table-compact .top-info {
        /* width: 332px; */
        width: 370px;
    }
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

div,
pre,
ul,
li {
    margin: 0;
    padding: 0;
    border: 0;
}

.cd-products-table h3,
.cd-products-table p {
    margin: 0;
    padding: 0;
    border: 0;
}

.cd-products-table .col-price-info p {
    line-height: 1.4;
}

/* HTML5 display-role reset for older browsers */
.cd-products-comparison-table ul {
    list-style: none;
}

.plan-price {
    font-weight: 800;
    font-size: 1.65em;
    color: #34495e;
}

li.col-price-info {
    height: 225px;
}

li.col-price-info small {
    font-weight: 400;
}

/* Services section styles */

.services {
    padding-top: 1em;
    background-color: #f5f5f5;
}

.services .services-header {
    padding-top: 50px;
}

.pricing .card {
    border: none;
    border-radius: 1rem;
    transition: all 0.2s;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 25px 20px;
    margin: 10px 5px;
    font-size: 17px;
}

/* .pricing, .pricing > div {
    display: flex;
}
 */
.pricing hr {
    margin: 1.5rem 0;
}

.pricing .card-title {
    margin: 0.5rem 0;
    font-size: 0.9rem;
    letter-spacing: 0.1rem;
    font-weight: bold;
}

.pricing .card-title {
    font-size: 2rem;
    margin: 0;
    font-weight: 600;
    min-height: 44px;
}

.pricing .card-price {
    font-size: 4rem;
    margin: 0;
    font-weight: 600;
}

.pricing .card-price .period {
    font-size: 2rem;
}

.pricing ul li {
    margin-bottom: 1rem;
}

.pricing .text-muted {
    opacity: 0.7;
}

.pricing .card-body {
    min-height: 300px;
}

.pricing .card-footer {
    min-height: 75px;
}
.card-footer p {
    margin: 0px;
}

.pricing .card-bg {
    background-image: url(../images/house-sold@2x.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: CENTER 60%;
}

.pricing .card-bg-tc {
    background-image: url(../images/service-transaction-coordinator.png);
}

.pricing .card-bg-asst {
    background-image: url(../images/service-assistant.png);
}

.pricing .card-bg-coach {
    background-image: url(../images/service-coaching.png);
}

.pricing .card-bg-coachross {
    background-image: url(../images/service-coaching-with-ross.png);
}

/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
    .pricing .card-bg {
        background-size: 70%;
        background-position: CENTER 60%;
    }
    .pricing .card-bg-tc {
        background-position: CENTER 64%;
    }
    .pricing .card-body {
        min-height: auto;
        padding-bottom: 150px;
    }
}

/* Tablets, Ipads (landscape) */
@media (min-width: 320px) and (orientation: landscape) {
    .pricing .card-bg,
    .pricing .card-bg-tc {
        background-size: 35%;
        background-position: CENTER 58%;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
    .pricing .card-bg,
    .pricing .card-bg-tc {
        background-size: 40%;
        background-position: CENTER 60%;
    }
    .pricing .card-body {
        min-height: 350px;
        padding-bottom: 0px;
    }
}

/* Medium Devices, Desktops */
/* Hover Effects on Card */
@media (min-width: 992px) {
    .pricing .card-bg,
    .pricing .card-bg-tc {
        background-size: 60%;
        background-position: CENTER 60%;
    }
    .pricing .card-body {
        min-height: 350px;
        padding-bottom: 0px;
    }
    .pricing .card:hover {
        transform: scale(1.05);
        z-index: 4;
    }
    .pricing .card:hover .btn {
        opacity: 1;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
    .pricing .card-bg,
    .pricing .card-bg-tc {
        background-size: 75%;
        background-position: CENTER 65%;
    }
}

.pricing .card-bg-none .card-body {
    min-height: auto;
    padding-bottom: 0px;
}

.display-flex-center {
    display: flex;
    align-items: center;
}

#section-our-team .team-member-wrapper {
    width: 250px;
    height: 250px;
    position: relative;
    margin-top: 25px;
}

#section-our-team .team-member-wrapper img {
    width: 250px;
    height: 250px;
    border-radius: 5px;
}

#section-our-team .team-member-wrapper .team-member-overlay {
    color: #fff;
    background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.9));
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 110px;
    text-align: center;
    padding-top: 25px;
    border-radius: 4px;
}

#section-our-team .team-member-wrapper h3 {
    color: #fff;
    text-align: center;
    font-weight: 800;
    margin-bottom: 0px;
    margin-top: 20px;
    font-size: 20px;
}

#section-our-team .team-member-wrapper p {
    font-size: 14px;
    opacity: 0.9;
}

/* animated checkbox */
.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #3d763d;
    fill: #fff;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #3d763d;
    stroke-miterlimit: 10;
    margin: 3% auto;
    box-shadow: inset 0px 0px 0px #3d763d;
    animation: fill 0.5s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes scale {
    0%,
    100% {
        transform: none;
    }
    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}
@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #3d763d;
    }
}

.no-gutter {
    margin-right: 0;
    margin-left: 0;
}

.no-gutter > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

#testimonials {
    padding-top: 6em;
    border-bottom: 4px solid #f6b02e;
}

#testimonials h1 {
    font-size: 32px;
    color: #f6b02e;
    line-height: normal;
    text-align: center;
}

.tcard {
    min-height: 200px;
}

.tcard .tcard-unmute {
    position: absolute;
    bottom: 30%;
    width: 70%;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50px;
    left: 15%;
    font-size: 24px;
    display: none;
}

.tcard .tcard-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.tcard .tcard-video {
    display: none;
}

.tcard .tcard-overlay .tcard-text {
    margin: 10px 0 0 0;
}

.tcard .tcard-bgimg {
    width: 100%;
}

.tcard .tcard-overlay {
    line-height: normal;
}

.tcard .tcard-overlay .tcard-play {
    display: block;
}

.tcard-active .tcard-overlay .tcard-play,
.tcard:hover .tcard-overlay .tcard-play {
    display: block !important;
}

.tcard .tcard-overlay .tcard-overlay-b {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(14, 10, 10, 0.4);
    width: 100%;
    color: #fff;
    padding: 0;
    margin: 0;
    padding: 10px;
    min-height: 65px;
}

.tcard .tcard-overlay .tcard-play {
    position: absolute;
    top: 32%;
    left: 0;
    width: 100%;
    text-align: center;
}

.tcard .tcard-overlay .tcard-agent-company img {
    max-height: 42px;
}

.tcard .tcard-overlay .tcard-agent-desc {
    text-align: right;
    margin-top: 5px;
    line-height: 12px;
}

.tcard .tcard-overlay .tcard-agent-desc h3 {
    font-weight: 400;
    font-size: 18px;
    margin: 0 0 2px 0;
    padding: 0;
    line-height: 18px;
}

.tcard .tcard-overlay .tcard-agent-desc small {
    font-size: 12px;
    opacity: 0.7;
    display: inline-block;
    line-height: 12px;
}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 481px) {
    #testimonials {
        padding-top: 7em;
    }
    #testimonials h1 {
        font-size: 42px;
    }
}

/* Extra Small Devices, Landscape */
@media only screen and (min-width: 568px) {
    #testimonials {
        padding-top: 6.5em;
    }
    #testimonials h1 {
        font-size: 42px;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
    #testimonials {
        padding-top: 7em;
    }
    #testimonials h1 {
        font-size: 42px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
    #testimonials {
        padding-top: 8em;
    }
    #testimonials h1 {
        font-size: 48px;
    }
    .tcard .tcard-overlay .tcard-play {
        display: none;
    }
}

#equity-valuation h1 {
    font-weight: normal;
}

#equity-valuation small {
    margin-top: 20px;
    display: inline-block;
}

#equity-valuation hr {
    border-top: 1px solid #666;
    margin: 10px 0;
}

#equity-note .user-details {
    font-size: 14px;
}

#equity-note .user-details img {
    margin-bottom: 10px;
    border-radius: 50%;
}

#equity-note .user-details p strong {
    font-size: 16px;
}

#equity-inline-form {
    font-size: 16px;
}

#equity-inline-form label {
    font-size: 14px;
    font-weight: 400;
}

/* START: Bubble style */
.imessage {
    display: flex;
    flex-direction: column;
}

.imessage .msg {
    border-radius: 1.15rem;
    line-height: 1.25;
    width: 95%;
    padding: 0.5rem 0.875rem;
    position: relative;
    word-wrap: break-word;
}

.imessage .msg::before,
.imessage .msg::after {
    bottom: -0.1rem;
    content: "";
    height: 1rem;
    position: absolute;
}

.from-me {
    align-self: flex-end;
    color: #248bf5;
}

.from-me .form-control {
    border: 2px solid #248bf5 !important;
    color: #248bf5;
    padding-right: 45px;
}

.from-me::before {
    border-bottom-left-radius: 0.8rem 0.7rem;
    border-right: 1rem solid #e5e5ea;
    right: -0.35rem;
    transform: translate(0, -0.1rem);
}

.from-me::after {
    background-color: #fff;
    border-bottom-left-radius: 0.5rem;
    right: -40px;
    transform: translate(-30px, -2px);
    width: 10px;
}

div.msg {
    margin: 0.5rem 0;
    width: fit-content;
}

div.from-me ~ div.from-me {
    margin: 0.25rem 0 0;
}

div.from-me ~ div.from-me:last-child {
    margin-bottom: 0.5rem;
}

div.from-them {
    align-items: flex-start;
    background-color: #248bf5;
    color: #fff;
}

div.from-them:before {
    border-bottom-right-radius: 0.8rem 0.7rem;
    border-left: 1rem solid #248bf5;
    left: -0.35rem;
    transform: translate(0, -0.1rem);
}

div.from-them::after {
    background-color: #fff;
    border-bottom-right-radius: 0.5rem;
    left: 20px;
    transform: translate(-30px, -2px);
    width: 10px;
}

.no-tail::before {
    display: none;
}

.margin-b_none {
    margin-bottom: 0 !important;
}

.margin-b_one {
    margin-bottom: 1rem !important;
}

.margin-t_one {
    margin-top: 1rem !important;
}

.imessage .btn-rounded-submit {
    position: absolute;
    top: 0;
    right: -4px;
    height: 54px;
    width: 54px;
    opacity: 1;
    padding: 0;
    margin: 0;
    font-size: 21px;
}
/* END: Bubble style */

#sphere-through-zapier ul {
    padding: revert;
}

#sph-manual .sph-manual-sec a {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
    list-style: none;
}