.myaccount-member-filter {    margin-top: 8px;
    display: flex;}
.myaccount-member-filter input{
    border-radius: 3px;
    border: 1px solid #c7c7c7;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: none;
    line-height: 24px;
    height: 34px;
    padding: 5px 12px;
    display: flex;
    flex: 1;
}
.subtask_status_form, .subtask_delete_form{ display: inline-block; margin-left: 10px;}
.myaccount-member-filter button{
    background-color: #902149;
    color: #fff;
    padding: 8px 12px;
    border: 0px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
    display: flex;
    flex: 1;
}
.shop-dropdown ul{
    padding-left: 20px;
    list-style: none;
}

.shop-dropdown ul li{
    padding: 5px 0px;
    list-style: none;
}
.shop-dropdown ul li a.active{
    color: #0c0c0c;
}
.coupon_code_form .form-group{
    margin-bottom: 40px;
}
.coupon_code_form .help-ts{
    font-size: 12px;
    padding-top: 5px;
}

.bootstrap-tagsinput{ width: 100%;}

#sponsorship-step-2 input {
    width: 95%;
}
.slider-login-container-mobile{
    display: none;
}

.attribute_options .options{
    width: 50%;
    display: inline-block;
}
.add-attribute-option{
    position: absolute;
    right: 20px;
    top: -10px;
    width: auto;
}

.attribute_options .price{
    width: 35%;
    display: inline-block;
}
.container .container{
    max-width: 100%;
}
.show-admin-bar .navbar-fixed-top {
    top: 40px;
}
.slider-container.has-fixed-nav{
    margin-top: 120px !important;
}
.show-admin-bar .slider-container.has-fixed-nav{
    margin-top: 170px !important;
}

.show-admin-bar .slider-container.moxie-theme-has-fixed-nav{
    margin-top: 150px !important;
}
.slider-container.moxie-theme-has-fixed-nav{
    margin-top: 110px;
}
.slider-login-container-mobile .member-login{
    padding: 40px 20px !important;
}
.slider-login-container-mobile  .member-login h5{
    display: block !important;
}
.slide_txt h2, .slide_txt h1{
    font-size: 40px;
}

.blurred-view{
    text-align: center;
    background: #cccbcb;
    padding: 60px;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100% !important;
    margin-top:-6px;margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
}
.meal-steps{
    box-shadow: 0px 0px 70px -30px;
}

.dropdown-submenu > a:after {
    border-color: transparent transparent transparent #333;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
    display: block;
    float: right;
    height: 0;
    margin-right: -10px;
    margin-top: 5px;
    width: 0;
}

.dropdown-submenu:hover>a:after {
    border-left-color:#555;
}

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
    text-decoration: underline;
}

.inner-header .banner-pannel{
    padding-top: 130px;
}
.right-sidebar ul{
    list-style: none;
    padding-left: 20px;
}

.mt-checkbox>span:not(.text), .mt-radio>span:not(.text) {
    border: 1px solid transparent;
    position: absolute;
    top: 1px;
    left: 0;
    height: 18px;
    width: 18px;
    background: #e6e6e6;
}
.mt-checkbox.mt-checkbox-outline:hover>input:not([disabled]):checked~span:not(.text), .mt-checkbox.mt-checkbox-outline:hover>input:not([disabled])~span:not(.text), .mt-checkbox.mt-checkbox-outline>input:checked~span:not(.text), .mt-checkbox.mt-checkbox-outline>input:focus~span:not(.text), .mt-checkbox.mt-checkbox-outline>span:not(.text), .mt-checkbox.mt-radio-outline:hover>input:not([disabled]):checked~span:not(.text), .mt-checkbox.mt-radio-outline:hover>input:not([disabled])~span:not(.text), .mt-checkbox.mt-radio-outline>input:checked~span:not(.text), .mt-checkbox.mt-radio-outline>input:focus~span:not(.text), .mt-checkbox.mt-radio-outline>span:not(.text), .mt-radio.mt-checkbox-outline:hover>input:not([disabled]):checked~span:not(.text), .mt-radio.mt-checkbox-outline:hover>input:not([disabled])~span:not(.text), .mt-radio.mt-checkbox-outline>input:checked~span:not(.text), .mt-radio.mt-checkbox-outline>input:focus~span:not(.text), .mt-radio.mt-checkbox-outline>span:not(.text), .mt-radio.mt-radio-outline:hover>input:not([disabled]):checked~span:not(.text), .mt-radio.mt-radio-outline:hover>input:not([disabled])~span:not(.text), .mt-radio.mt-radio-outline>input:checked~span:not(.text), .mt-radio.mt-radio-outline>input:focus~span:not(.text), .mt-radio.mt-radio-outline>span:not(.text){
    border: 1px solid #d9d9d9;
    background: none;
}
.mt-checkbox>input, .mt-radio>input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
input[type=checkbox], input[type=radio] {
    margin: 3px 0 0;
}
.mt-checkbox, .mt-radio {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 14px;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.multi-choices-widget ul li {
    display: block;
}
.multi-choices-widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.multi-choices-widget ul ul {
    padding-left: 18px;
}
.mt-checkbox>span:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #888;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mt-checkbox>span:not(.text):after, .mt-radio>span:not(.text):after {
    content: "";
    position: absolute;
    display: none;
}
.mt-checkbox>input:checked~span:not(.text):after, .mt-radio>input:checked~span:not(.text):after {
    display: block;
}

@media only screen and (max-width: 767px){
    .menu-item-has-children{
        position: relative;
    }
    #create_support_btn{
        bottom: 100px !important;
    }

    .menu-mobile-toggle {
        position: absolute;
        right: 10px;
        top: 10px;
        height: 18px;
        width: 18px;
        text-align: center;
        line-height: 18px;
        border-radius: 2px;
        cursor: pointer;
        border: 1px solid;
        font-size: 12px;
        color: #000;

    }
    .dropdown-submenu > a:after{
        content: none;
    }
    .menu .dropdown-menu>li>a{
        color: #000;
        font-weight: 600;
    }


    #custom-collapse{
        position: fixed;
        height: 100vh !important;
        width: 80%;
        overflow-y: scroll;
        top: 0px;
        left: -100%;
        transition: ease-in-out 0.5s;
        padding: 0px;
        margin: 0px;
        z-index: 9999;
        background: #dbe0e5;
        color: #fff;
        box-shadow: 0px 1px 10px 3px #6d6a6a;
    }

    #custom-collapse.in,#custom-collapse.in #mobile-menu-overlayer{
        left: 0;
    }
    #custom-collapse .menu{
        margin-top: 0;
        z-index: 1;
        position: relative;
        width: 100%;
        background: #dbe0e5;
    }
    #custom-collapse .menu > ul{
        width: 100%;
    }
    #custom-collapse .menu > ul > li{
        width: 100%;
        border-bottom: 1px solid #fff;
    }

    .navbar-nav .open .dropdown-menu>li>a {
        padding: 9px 12px;
        padding-left: 25px;
    }

    .navbar-nav .dropdown-menu .dropdown-menu>li>a {
        padding: 9px 12px;
        padding-left: 40px;
    }

    .navbar-nav .dropdown-menu .dropdown-menu .dropdown-menu>li>a {
        padding: 9px 12px;
        padding-left: 40px;
    }

    #mobile-menu-overlayer{
        height: 100vh;
        width: 100vw;
        background-color: rgba(0,0,0,0.7);
        position: fixed;
        left: -100%;
        top: 0;
        transition: ease-in-out 0.5s;
        z-index: 0;
    }

    #mobile-menu-overlayer::after{
        position: absolute;
        top: 5px;
        right: 10px;
        content: "\f00d";
        font-family: FontAwesome;
        font-size: 22px;
    }

}
@media (min-width: 768px) {
    ul.nav li:hover > ul.dropdown-menu {
        display: block;
    }
    #navbar {
        text-align: center;
    }
}

@media (max-width: 930px) {
    .slide-pannel>.row{
        min-height: 350px !important;
    }
}

@media (max-width: 768px) {
    .slide-pannel>.row{
        min-height: 300px !important;
    }
    .slide_txt h2, .slide_txt h1{
        font-size: 60px !important;
    }
    .slide_txt p{
        font-size: 40px !important;
        line-height: 50px !important;
    }
    .slide_txt a{
        font-size: 30px !important;
        line-height: 40px !important;
    }
    /*.slide_txt h2{
        font-size: 40px !important;
    }*/
    /*.slide_txt h2 span{
        font-size: 40px !important;
    }*/
    .slide_txt{
        padding: 30px;
    }
}

@media (max-width: 620px) {
    .slide-pannel>.row{
        min-height: 250px !important;
    }
    /*.slide_txt h2{
        font-size: 20px !important;
    }
    .slide_txt h2 span{
        font-size: 20px !important;
    }*/
    .slide_txt{
        padding: 30px;
    }
}

@media (max-width: 480px) {
    #slider-header{
        background-position: 0px 82px;
    }
    .slider-login-container-mobile h2 {
        font-size: 26px !important;
    }
    /*.slide_txt h2{
        font-size: 20px !important;
    }
    .slide_txt h2 span{
        font-size: 20px !important;
    }*/
    .slide_txt{
        padding: 30px;
    }
}

/*btns*/
.btns{
    position:absolute;
    width:50px;
    height:60px;
    top:50%;
    margin-top:-25px;
    line-height:57px;
    text-align:center;
    cursor:pointer;
    background:rgba(0,0,0,0.1);
    z-index:100;


    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;

    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.btns:hover{
    background:rgba(0,0,0,0.3);
}

/*Header*/
h1, h2{text-shadow:none; text-align:center;}
h1{	color: #666; text-transform:uppercase;	font-size:36px;}
h2{ color: #7f8c8d; font-family: Neucha, Arial, sans serif; font-size:25px; margin-bottom:30px;}






/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none; text-align: center;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;background: #CCCCCC;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0; background: #CCCCCC;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width: 118px; position: absolute; bottom: 2px; left: 6px !important;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;text-align: right;}

ul.bjqs-controls.v-centered li a{
    display:block;
    padding:10px;
    background:#fff;
    color:#000;
    text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{
    background:#000;
    color:#fff;
}

ol.bjqs-markers li a{
    padding:5px 10px;
    background:#000;
    color:#fff;
    margin:5px;
    text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
    background: #999;
}

p.bjqs-caption {
    background: rgba(255, 255, 255, 0.5);
}

sup.pending-invoices{
    background: red;
    color: #fff;
    padding: 1px 5px;
    border-radius:50%;
}

#slider-header{
    background-size: 100% !important;
}
#member_contact_model .padding-bottom{
    margin-bottom: 15px;
}

#member_contact_model .form-control {
    border-radius: 0;
    margin-top: 5px;
    color: #000000;
    font-size: 12px;
}

#member_contact_form.loading{
    position: relative;
}
#member_contact_form.loading::before{
    position: absolute;
    top: 0;
    left: 0;
    height: 620px;
    width: 100%;
    content: "";
    background: rgba(255,255,255,.6);
    z-index: 9;
}
#member_contact_form.loading::after{
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    height: 60px;
    width: 60px;
    content: "\f110";
    font: normal normal normal 60px/60px FontAwesome;
    /* background: rgba(255,255,255,.6); */
    animation: fa-spin 2s infinite linear;
    z-index: 10;
    display: block;
}

.member-detail-tabs .tab-pane{
    padding-top: 30px;
    background: #ffffff;
}
.member-detail-tabs .tab-pane a{
    font-size: 16px;
}

.table a.btn-theme, .table a.theme-btn{
    color: #ffffff !important;
}

.carousel .item.active{
    width: inherit !important;
}


.card-validation {
    background-image: url(../images/cards.png) !important;
    background-position: 2px -121px,415px -61px !important;
    background-size: 120px 361px,120px 361px !important;
    background-repeat: no-repeat !important;
    padding-left: 54px !important;
}



.card-validation.visa.valid {
    background-position: 2px -163px,415px -87px !important;
}
.card-validation.visa {
    background-position: 2px -163px,415px -61px !important;
}

.card-validation.visa_electron {
    background-position: 2px -205px,415px -61px !important;
}
.card-validation.visa_electron.valid {
    background-position: 2px -205px,415px -87px !important;
}

.card-validation.maestro {
    background-position: 2px -289px,415px -61px !important;
}
.card-validation.maestro.valid {
    background-position: 2px -289px,415px -87px !important;
}

.card-validation.mastercard {
    background-position: 2px -247px,415px -61px !important;
}

.card-validation.mastercard.valid {
    background-position: 2px -247px,415px -87px !important;
}

.card-validation.discover {
    background-position: 2px -331px,415px -61px !important;
}

.card-validation.discover.valid {
    background-position: 2px -331px,415px -87px !important;
}

.card-validation.none {
    background-position: 2px -121px,415px -61px !important;
}


#authorize_detail.loading{
    position: relative;
}
#authorize_detail.loading::before{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: rgba(255,255,255,.6);
    z-index: 9;
}
#authorize_detail.loading::after{
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    height: 60px;
    width: 60px;
    content: "\f110";
    font: normal normal normal 60px/60px FontAwesome;
    /* background: rgba(255,255,255,.6); */
    animation: fa-spin 2s infinite linear;
    z-index: 10;
    display: block;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 28px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.featured-member{
    border: dot-dash;
    border-bottom-width: thick;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-width: thick;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-left-width: thick;
    border-right-width: thick;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}


.slide_txt h2{text-align: left !important;}
@media screen and (max-width: 992px) {
    .slide_txt {
        padding: 40px 15px;
    }
    .slide-text-inner{   left: 0;
        padding: 0 15px;}
    .navbar-toggle .icon-bar{        color: #fff !important;
        background: #fff;}
    ul.nav.navbar-nav{ margin:0px !important}
}

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

    /*.slide_txt p:nth-child(2) {
        display: none;
    }*/
    #live{ padding:40px 0px}
}
.slider-login-container{
    position: absolute;
    top: 60px;
    right: 100px;
    width: 41%;
    max-width: 460px;
}
@media only screen and (max-width:1500px) {
    .slider-login-container{
        top: 40px;
    }
    .slider-login-container .member-login{ padding: 20px;}
    .member-login h2{ font-size: 32px; line-height: 32px }
    .member-login h5{ font-size: 16px; line-height: 16px }
}

@media only screen and (max-width:1200px) {
    .slider-login-container .member-login{ padding: 15px;}
    .member-login h2{ font-size: 32px; line-height: 20px; margin-bottom: 15px; }
    .member-login h5{ display: none }
}

@media only screen and (max-width:1020px) {
    .slider-login-container{
        top: 10px;
    }
}

@media only screen and (max-width:968px) {
    .slider-container .col-md-7.col-sm-7{ width: 100%; }
    .slider-login-container{
        display: none;
    }
    .slider-login-container-mobile{
        display: block;
    }
}

 [class*=' icon-'], [class^=icon-] {
     font-family: FontAwesome !important;
     speak: none;
     font-style: normal;
     font-weight: 400;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }

.icon-tooltip::before {
    content: '\f05a'
}

.icon-check-mark::before {
    content: '\f00c'
}

.icon-arrow-down::before {
    content: '\f107'
}

.icon-arrow-right::before {
    content: '\f105'
}

.icon-close::before {
    content: '\e908'
}


[hidden] {
    display: none
}

/*!
* Bootstrap v4.0.0-alpha.5 (https://getbootstrap.com)
* Customized for Freshworks
*/
.pt-sm {
    padding-top: 10px
}

@media only screen and (min-width: 48rem) {
    .pt-sm {
        padding-top: 20px
    }
}

.mt-md {
    margin-top: 20px
}

@media only screen and (min-width: 48rem) {
    .mt-md {
        margin-top: 30px
    }
}

.mt-lg {
    margin-top: 30px
}

@media only screen and (min-width: 48rem) {

    .mt-lg {
        margin-top: 40px
    }


}

.align-center {
    text-align: center
}

.tab-pane.fade {
    opacity: 0;
    transition: opacity .15s linear
}

.tab-pane.fade.in {
    opacity: 1
}

@keyframes shadowGlow {
    0% {
        box-shadow: 0 2px 10px 0 rgba(138, 168, 230, .2)
    }
    37% {
        box-shadow: 0 2px 10px 5px rgba(138, 168, 230, .2)
    }
    75% {
        box-shadow: 0 2px 10px 5px rgba(138, 168, 230, .2)
    }
    100% {
        box-shadow: 0 2px 10px 0 rgba(138, 168, 230, .2)
    }
}

@keyframes popover-dot-animation {
    from {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(4.8)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(50px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-50px)
    }
}

@keyframes fadeDown {
    0% {
        opacity: 0;
        top: -20px;
        transform: translateX(-50%)
    }
    100% {
        opacity: 1;
        top: 0;
        transform: translateX(-50%)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(-50px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(50px)
    }
}

@keyframes fadeInDownSecondaryMobile {
    0% {
        opacity: 0;
        transform: translateY(-120px)
    }
    100% {
        opacity: 1;
        transform: translateY(-60px)
    }
}

@keyframes fadeInDownSecondaryDesktop {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes scale {
    0% {
        transform: scale(1);
        opacity: 0
    }
    1% {
        transform: scale(0)
    }
    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes scaleDown {
    0% {
        transform: scale(1);
        opacity: 1
    }
    1% {
        transform: scale(0)
    }
    100% {
        transform: scale(0);
        opacity: 0
    }
}

@keyframes btn-loading {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 50px 50px
    }
}

@keyframes slideInFromBottom {
    0% {
        transform: translateY(30%)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes placeholderShimmer {
    0% {
        background-position: -468px 0
    }
    100% {
        background-position: 468px 0
    }
}

.hide-in-mobile, .hide-in-mobile-and-tablet {
    display: none
}



@media only screen and (min-width: 48rem) {
    .hide-in-mobile {
        display: block
    }
}


@keyframes shadowGlow {
    0% {
        box-shadow: 0 2px 10px 0 rgba(138, 168, 230, .2)
    }
    37% {
        box-shadow: 0 2px 10px 5px rgba(138, 168, 230, .2)
    }
    75% {
        box-shadow: 0 2px 10px 5px rgba(138, 168, 230, .2)
    }
    100% {
        box-shadow: 0 2px 10px 0 rgba(138, 168, 230, .2)
    }
}

@keyframes popover-dot-animation {
    from {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(4.8)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(50px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-50px)
    }
}

@keyframes fadeDown {
    0% {
        opacity: 0;
        top: -20px;
        transform: translateX(-50%)
    }
    100% {
        opacity: 1;
        top: 0;
        transform: translateX(-50%)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(-50px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(50px)
    }
}

@keyframes fadeInDownSecondaryMobile {
    0% {
        opacity: 0;
        transform: translateY(-120px)
    }
    100% {
        opacity: 1;
        transform: translateY(-60px)
    }
}

@keyframes fadeInDownSecondaryDesktop {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes scale {
    0% {
        transform: scale(1);
        opacity: 0
    }
    1% {
        transform: scale(0)
    }
    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes scaleDown {
    0% {
        transform: scale(1);
        opacity: 1
    }
    1% {
        transform: scale(0)
    }
    100% {
        transform: scale(0);
        opacity: 0
    }
}

@keyframes btn-loading {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 50px 50px
    }
}

@keyframes slideInFromBottom {
    0% {
        transform: translateY(30%)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes placeholderShimmer {
    0% {
        background-position: -468px 0
    }
    100% {
        background-position: 468px 0
    }
}

.feature-bucket-desc h1 .pre-text.fdesk-pre-text, .h1 .pre-text.fdesk-pre-text, .h2 .pre-text.fdesk-pre-text, h2 .pre-text.fdesk-pre-text {
    vertical-align: middle;
    font-size: .5rem
}

.feature-bucket-desc h1 .pre-text.fservice-pre-text, .h1 .pre-text.fservice-pre-text, .h2 .pre-text.fservice-pre-text, h2 .pre-text.fservice-pre-text {
    vertical-align: middle;
    font-size: .5rem
}

.feature-bucket-desc h1 .pre-text.fsales-pre-text, .h1 .pre-text.fsales-pre-text, .h2 .pre-text.fsales-pre-text, h2 .pre-text.fsales-pre-text {
    vertical-align: middle;
    font-size: .5rem
}

.feature-bucket-desc h1 .pre-text.fcaller-pre-text, .h1 .pre-text.fcaller-pre-text, .h2 .pre-text.fcaller-pre-text, h2 .pre-text.fcaller-pre-text {
    vertical-align: middle;
    font-size: .5rem
}

.feature-bucket-desc h1 .pre-text.fteam-pre-text, .h1 .pre-text.fteam-pre-text, .h2 .pre-text.fteam-pre-text, h2 .pre-text.fteam-pre-text {
    vertical-align: middle;
    font-size: .5rem
}

.feature-bucket-desc h1 .pre-text.fchat-pre-text, .h1 .pre-text.fchat-pre-text, .h2 .pre-text.fchat-pre-text, h2 .pre-text.fchat-pre-text {
    vertical-align: middle;
    font-size: .5rem
}

.feature-bucket-desc h1 .pre-text.fmarketer-pre-text, .h1 .pre-text.fmarketer-pre-text, .h2 .pre-text.fmarketer-pre-text, h2 .pre-text.fmarketer-pre-text {
    vertical-align: middle;
    font-size: .5rem
}

.feature-bucket-desc h1 .pre-text.fstatus-pre-text, .h1 .pre-text.fstatus-pre-text, .h2 .pre-text.fstatus-pre-text, h2 .pre-text.fstatus-pre-text {
    vertical-align: middle;
    font-size: .5rem
}

.feature-bucket-desc h1 .pre-text.frelease-pre-text, .h1 .pre-text.frelease-pre-text, .h2 .pre-text.frelease-pre-text, h2 .pre-text.frelease-pre-text {
    vertical-align: middle;
    font-size: .5rem
}

.font-color-light h6, .font-color-light > .caps-heading-12, .font-color-light > .caps-heading-12-bold, .font-color-light > .caps-heading-14, .font-color-light > .h1, .font-color-light > .h2, .font-color-light > .h3, .font-color-light > .h4, .font-color-light > .h5, .font-color-light > .h6, .font-color-light > .h7, .font-color-light > .national-semibold, .font-color-light > h1, .font-color-light > h2, .font-color-light > h3, .font-color-light > h4, .font-color-light > h5, .font-color-light > h6, .font-color-light > p, .pl-ads .plan-tile-small .font-color-light > p.pricing {
    color: #fff
}

.font-color-light .sub-text, .font-color-light .testimonial-18, .font-color-light .testimonial-20, .font-color-light [class^=list-] li, .font-color-light ol li {
    color: rgba(255, 255, 255, .75)
}

.no-text-margins > h1, .no-text-margins > h2, .no-text-margins > h3, .no-text-margins > h4, .no-text-margins > h5, .no-text-margins > h6, .no-text-margins > p {
    margin: 0
}

.document > h1, .document > h2, .document > h3, .document > h4, .document > h5, .document > h6, .document > p {
    margin: 20px 0
}

.full-width-content h2, .full-width-content p {
    text-align: left
}

.equal-buttons-wrapper a.button {
    min-width: 200px
}

[data-product-name=fconnect] .l-nav-list.nav-super-menu .fworks-language-selector, [data-product-name=fmarketer] .l-nav-list.nav-super-menu .fworks-language-selector, [data-product-name=fping] .l-nav-list.nav-super-menu .fworks-language-selector, [data-product-name=frelease] .l-nav-list.nav-super-menu .fworks-language-selector, [data-product-name=fsales] .l-nav-list.nav-super-menu .fworks-language-selector, [data-product-name=fstatus] .l-nav-list.nav-super-menu .fworks-language-selector, [data-product-name=fteam] .l-nav-list.nav-super-menu .fworks-language-selector {
    display: none
}


[data-product-name=fconnect] .l-nav-list.nav-company-menu .fworks-language-selector, [data-product-name=fmarketer] .l-nav-list.nav-company-menu .fworks-language-selector, [data-product-name=fping] .l-nav-list.nav-company-menu .fworks-language-selector, [data-product-name=frelease] .l-nav-list.nav-company-menu .fworks-language-selector, [data-product-name=fstatus] .l-nav-list.nav-company-menu .fworks-language-selector, [data-product-name=fteam] .l-nav-list.nav-company-menu .fworks-language-selector {
    display: none
}

.feature-bg-product div[class*=col-][class*="__content"] {
    text-align: center
}

.divider-or.horizontal span {
    padding: 0 25px
}

.pricing-table[data-product=fteam] .pricing-table-column.plan-recommended .pricing-table-body {
    z-index: 2
}

.pricing-page {
    background-color: #fff;
    padding: 30px 0;
    text-align: center;
}

.pricing-page[data-bg-color*=color-grey] {
    background-color: #f1f1f1
}

.pricing-page[data-bg-color*=transparent] {
    background-color: transparent
}

.pricing-page[data-bg-color*=transparent] .pricing-table-column {
    border-left-color: transparent
}

.pricing-bottom-subtext .icon-check-mark, .pricing-bottom-subtext .progress-signup .step.done .step-circle::before, .progress-signup .step.done .pricing-bottom-subtext .step-circle::before {
    font-size: .75rem;
    margin: 0 5px 0 10px
}

.pricing-offer-table-column .pricing-table-plan-name {
    padding-top: 15px
}

[data-bg-color*=color-grey] .pricing-table-column .pricing-table-header, [data-bg-color*=color-grey] .pricing-table-column::before, [data-bg-color*=transparent] .pricing-table-column .pricing-table-header, [data-bg-color*=transparent] .pricing-table-column::before {
    border: 0
}

.tool-tip-button {
    position: relative;
    cursor: pointer;
    top: 2px;
    padding-left: 2px
}


.tool-tip-button::after {
    position: absolute;
    top: -13px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #4d4d4d;
    opacity: 0
}

.tool-tip-button.showing::after {
    opacity: 1;
    top: -9px;
    content: ''
}

.tool-tip-button.showing + .tool-tip-button.tool-tip-appended-content::before, .tool-tip-button.showing + .tool-tip-content {
    display: block
}

.tool-tip-button.tool-tip-appended-content::before, .tool-tip-content {
    display: none;
    position: absolute;
    top: initial;
    left: -10px;
    right: -10px;
    bottom: 31px;
    padding: 15px;
    font-family: National-Regular, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    background-color: #4d4d4d;
    border-radius: 3px;
    color: #fff
}

.pricing-table-column {
    position: relative;
    display: inline-block;
    width: 240px;
    margin-bottom: 40px;
    padding: 0
}

.pricing-table-column::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #e6e6e6;
    overflow: hidden
}

.pricing-table-body, .pricing-table-footer, .pricing-table-header, .pricing-table-mobile-view-options {
    position: relative
}

.pricing-table-header {
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    border: 1px solid #e6e6e6;
    border-bottom: 0
}

.pricing-table[data-product=fstatus] .pricing-table-features-list [class^=icon-check] {
    background-color: rgba(57, 115, 230, .1);
    color: #3973e6
}

.pricing-table[data-product=fsales] .tool-tip-button:hover::after {
    top: -9px;
    left: 3px
}

.pricing-table-plan-name {
    margin: 20px 0 0;
    letter-spacing: 0.5px;
    color: #fff;
    font-size: 25px;
}

.pricing-table-plan-category {
    margin: 0;
    padding-bottom: 15px;
    color: #fff;
    font-size: 12px;
    line-height: 1.61
}

.pricing-table-plan-value {
    margin: 0 15px
}

.pricing-table-plan-price {
    position: relative;
    margin: 30px 0 0;
    height: 55px;
    line-height: 55px;
    font-size: 1.8rem;
    display: none
}

@keyframes pricing-opacity {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.pricing-table-plan-period {
    position: relative;
    transition: padding-bottom .5s ease;
    margin: 5px 0;
    word-spacing: -1.5px;
    text-align: center;
}

.pricing-table-plan-period p {
    margin: 0;
    font-size: 13px;
}

.pricing-table-plan-period .icon-tooltip {
    color: #b3b3b3
}

.pricing-table-plan-features {
    max-height: 0;
    overflow: hidden;
    text-align: left;
    transition: max-height .5s ease, padding-top .5s ease
}

.omnichannel-features .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before, .omnichannel-features .feature-tool-tip .tool-tip-content {
    left: 0;
    right: 0;
    bottom: 23px;
    z-index: 199
}

.omnichannel-features .omnichannel-wrapper {
    margin: 0 15px
}

.omnichannel-features.pricing-table-column .button--small {
    word-break: keep-all;
    margin-bottom: 20px;
}

.omnichannel-features.pricing-table-column .pricing-table-footer {
    padding: 10px 0
}

.omnichannel-features .omnichannel-header {
    position: relative;
    padding: 18px 0;
    margin-top: 25px;
    cursor: pointer
}

.omnichannel-features .omnichannel-header .omnichannel-title {
    position: relative;
    margin-bottom: 5px
}

.omnichannel-features .omnichannel-header p {
    margin: 0;
}

.omnichannel-features .omnichannel-list {
    padding-top: 30px
}

.omnichannel-features .omnichannel-list .pricing-table-features-list {
    padding: 0
}


.pricing-table-features-list {
    margin: 0;
    padding: 0 20px;
    list-style: none
}

.pricing-table-features-list li {
    margin: 0 0 7px 26px;
    padding-left: 0;
    font-size: 12px;
    line-height: 1.5
}


.pricing-table-features-list .feature-not-available, .pricing-table-features-list [class^=icon-check] {
    vertical-align: bottom;
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: .625rem;
    line-height: 20px;
    margin: 0 6px 0 -26px;
    background-color: rgba(118, 193, 37, .1);
    border-radius: 50%;
    color: #76c125;
    text-align: center
}

.pricing-table-mobile-view-options {
    padding: 15px;
    line-height: 1
}

.pricing-table-mobile-view-options p {
    margin: 0;
    line-height: 1.75
}

.pricing-table-mobile-view-options [class^=icon-] {
    display: inline-block;
    font-size: .75rem;
    color: #3973e6
}

.hide-features {
    display: none
}

.pricing-table-features-opened .pricing-table-plan-features {
    padding-top: 30px;
    max-height: max-content;
}

.pricing-table-features-opened .pricing-table-plan-features:active {
    overflow: visible
}

.pricing-table-features-opened .pricing-table-plan-features:hover {
    overflow: visible
}

.pricing-table-features-opened .pricing-table-plan-period {
    margin: 0;
    padding-bottom: 20px
}

.pricing-table-features-opened .button {
    margin-bottom: 30px
}

.pricing-table-features-opened .pricing-table-mobile-view-options [class^=icon-] {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pricing-table-features-opened .pricing-table-footer {
    padding: 30px 0
}

.pricing-table-features-opened .hide-features {
    display: block
}

.pricing-table-features-opened .view-features {
    display: none
}

.pricing-table-info > p {
    color: #999;
    font-style: italic;
    font-size: .875rem;
    margin: 0
}

.pricing-table.pricing-table-b .pricing-table-plan-name {
    margin: 20px 0
}

.pricing-table.pricing-table-b .pricing-table-plan-features {
    overflow: visible;
    padding-bottom: 20px
}

.pricing-table.pricing-table-b .pricing-table-features-list {
    margin-top: 20px
}

.pricing-table.pricing-table-b .pricing-table-footer {
    padding: 15px 0 45px
}

.pricing-table.pricing-table-b .tool-tip-button.tool-tip-appended-content::before, .pricing-table.pricing-table-b .tool-tip-content {
    left: auto;
    right: -8px;
    bottom: 30px;
    padding: 10px;
    max-width: 140px;
    line-height: 14px;
    text-align: left
}

.pricing-table.pricing-table-b .tool-tip-content::after {
    top: -14px
}

.pricing-table[data-product=fchat] .pricing-table-plan-value, .pricing-table[data-product=fmarketer] .pricing-table-plan-value, .pricing-table[data-product=fsales] .pricing-table-plan-value, .pricing-table[data-product=fteam] .pricing-table-plan-value {
    border: 0
}

.pricing-table[data-product=fchat] .pricing-table-plan-period hr, .pricing-table[data-product=fmarketer] .pricing-table-plan-period hr, .pricing-table[data-product=fsales] .pricing-table-plan-period hr, .pricing-table[data-product=fteam] .pricing-table-plan-period hr {
    border-color: rgba(77, 77, 77, .08);
    max-width: 36px;
    margin: 15px auto 10px
}

.pricing-table[data-product=fchat] .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before, .pricing-table[data-product=fchat] .feature-tool-tip .tool-tip-content, .pricing-table[data-product=fmarketer] .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before, .pricing-table[data-product=fmarketer] .feature-tool-tip .tool-tip-content, .pricing-table[data-product=fsales] .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before, .pricing-table[data-product=fsales] .feature-tool-tip .tool-tip-content, .pricing-table[data-product=fteam] .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before, .pricing-table[data-product=fteam] .feature-tool-tip .tool-tip-content {
    bottom: 26px;
    left: 0;
    right: 0
}

.pricing-table[data-product=fchat] .pricing-table-features-opened .pricing-table-footer, .pricing-table[data-product=fmarketer] .pricing-table-features-opened .pricing-table-footer, .pricing-table[data-product=fsales] .pricing-table-features-opened .pricing-table-footer, .pricing-table[data-product=fteam] .pricing-table-features-opened .pricing-table-footer {
    padding: 10px 0
}

.pricing-table[data-product=fchat] .pricing-table-features-opened .pricing-table-plan-features, .pricing-table[data-product=fmarketer] .pricing-table-features-opened .pricing-table-plan-features, .pricing-table[data-product=fsales] .pricing-table-features-opened .pricing-table-plan-features, .pricing-table[data-product=fteam] .pricing-table-features-opened .pricing-table-plan-features {
    overflow: visible
}

[data-product-name=fsales] .tool-tip-button:hover::after {
    top: -8px;
    left: 1px
}

[data-product-name=fsales] .accordion-wrapper .tool-tip-button:hover::after {
    top: -10px;
    left: 0
}

.feature-tool-tip {
    position: relative;
    min-width: 70px
}

.feature-tool-tip .icon-tooltip {
    color: #b3b3b3;
    font-size: 14px
}

.feature-tool-tip .icon-tooltip:hover {
    color: #4d4d4d
}

.feature-tool-tip .tool-tip-button.tool-tip-appended-content::before, .feature-tool-tip .tool-tip-content {
    left: 20%;
    right: 20%;
    bottom: 26px
}

.button--ghost {
    color: #3973e6;
    border-color: #3973e6
}

.button--ghost:hover {
    color: #3973e6;
    background-color: rgba(57, 115, 230, .1)
}

.omnichannel-features .omnichannel-list {
    border-top: 1px solid rgba(57, 115, 230, .3)
}

.omnichannel-features.plan-recommended .icon-arrow-right {
    color: #3973e6
}

.pricing-table-header {
    background-color: rgb(142, 29, 53)
}

.pricing-table-features-opened .pricing-table-plan-value {
    border-bottom: 1px solid rgba(57, 115, 230, .3)
}

.omnichannel-header, .pricing-table-mobile-view-options {
    border-top: 1px solid rgba(57, 115, 230, .3)
}

@media only screen and (min-width: 48rem) {
    [data-bg-color*=color-grey] .pricing-table-column {
        border-color: #f1f1f1
    }

    .pricing-table {
        display: table;
        width: 100%
    }

    .pricing-table-row {
        display: table-row
    }

    .pricing-table-column {
        display: table-cell;
        vertical-align: top;
        /*width: 19.5%;*/
        margin: 0;
        padding-bottom: 106px;
        border-left: 10px solid transparent
    }

    .pricing-table-column::before {
        top: 40px
    }

    .pricing-table-column.br-0 .pricing-table-header, .pricing-table-column.br-0::before {
        border-right: 0
    }

    .pricing-table-column.email-only-signup-column .pricing-table-footer {
        min-height: 180px
    }

    .pricing-table-column:first-child {
        border-left: 0
    }

    .pricing-table-column .pricing-table-header {
        margin-top: 30px
    }

    .pricing-table-column .pricing-table-footer {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 80%;
        margin: 0 auto
    }

    .pricing-table-plan-category {
        font-size: .75rem
    }

    .pricing-table-plan-price {
        height: 42px;
        font-size: 1.8rem;
        line-height: 42px
    }

    .pricing-table-plan-features {
        padding-top: 30px;
        max-height: inherit;
        transition: none;
        overflow: visible
    }

    .tool-tip-content {
        bottom: 28px
    }

    .pricing-table-features-list {
        padding: 0 15px
    }

    .pricing-table-mobile-view-options {
        display: none
    }

    .pricing-table-plan-value {
        padding-bottom: 20px
    }

    .pricing-table.pricing-table-b .pricing-table-column {
        width: 30%
    }

    .pricing-table.pricing-table-b .pricing-table-column:last-child {
        position: relative;
        right: -20px
    }

    .pricing-table.pricing-table-b .pricing-table-column .pricing-table-footer {
        padding: 15px 0 25px;
        top: 74%;
        bottom: auto
    }

    .pricing-table.pricing-table-b .pricing-table-column .pricing-table-features-list {
        margin-top: 0
    }

    .pricing-table.pricing-table-b .pricing-table-column .pricing-table-header {
        margin-top: 40px
    }

    [data-product=fsales] .pricing-table-features-list li, [data-product=fsales] .pricing-table-plan-period, [data-product=fsales] .pricing-table-plan-period p {
        font-size: 12px
    }

    [data-product=fsales] .pricing-table-features-list {
        padding: 0 8px
    }

    [data-product=fsales] .pricing-table-plan-period hr {
        border-color: rgba(77, 77, 77, .08);
        max-width: 36px;
        margin: 15px auto 10px
    }

    .pricing-table[data-product=fsales] .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before, .pricing-table[data-product=fsales] .feature-tool-tip .tool-tip-content {
        bottom: 24px;
        left: 0;
        right: -5px
    }

    .tool-tip-button.showing::after {
        top: -8px
    }

    .omnichannel-features .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before, .omnichannel-features .feature-tool-tip .tool-tip-content {
        bottom: 25px
    }

    .omnichannel-features.pricing-table-column {
        padding-bottom: 0
    }

    .omnichannel-features.pricing-table-column.plan-recommended::after, .omnichannel-features.pricing-table-column.plan-recommended::before {
        bottom: 0
    }

    .omnichannel-features.pricing-table-column .button--small {
        word-break: keep-all
    }

    .omnichannel-features.pricing-table-column .pricing-table-footer {
        padding: 0
    }

    .omnichannel-wrapper .icon-arrow-right {
        position: absolute;
        left: -20px;
        top: 0px;
        -ms-transform: rotate(0);
        transform: rotateZ(0);
        color: #ddd;
        font-size: 25px;
        transition: transform .1s ease
    }

    .omnichannel-wrapper .omnichannel-header p {
        margin-left: 15px;
        text-align: left
    }

    .omnichannel-wrapper .omnichannel-header .text-primary {
        max-height: 0;
        overflow: hidden;
        transition: max-height .2s ease
    }

    .omnichannel-wrapper.list-opened .omnichannel-header .text-primary {
        max-height: 50px
    }

    .omnichannel-wrapper.list-opened .omnichannel-list {
        max-height: max-content;
        padding-top: 30px;
        opacity: 1
    }

    .omnichannel-wrapper.list-opened .omnichannel-list:hover {
        overflow: inherit
    }

    .omnichannel-wrapper.list-opened .icon-arrow-right {
        -ms-transform: rotate(90deg);
        transform: rotateZ(90deg)
    }

    .omnichannel-wrapper .omnichannel-list {
        position: relative;
        max-height: 0;
        padding: 0;
        overflow: hidden;
        text-align: left;
        opacity: 0;
        transition: max-height .1s ease, padding-top .1s ease
    }

}

@media only screen and (min-width: 60rem) {

    .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before, .feature-tool-tip .tool-tip-content {
        bottom: 35px
    }

    .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before {
        bottom: 29px
    }

    .tool-tip-button.tool-tip-appended-content::before {
        min-width: 300px !important
    }


    [data-product-name=fsales] .tool-tip-button:hover::after {
        top: -9px;
        left: 1px
    }

    .pricing-table[data-product=fchat] .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before, .pricing-table[data-product=fchat] .feature-tool-tip .tool-tip-content, .pricing-table[data-product=fmarketer] .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before, .pricing-table[data-product=fmarketer] .feature-tool-tip .tool-tip-content, .pricing-table[data-product=fsales] .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before, .pricing-table[data-product=fsales] .feature-tool-tip .tool-tip-content {
        bottom: 28px;
        right: 0
    }

    .pricing-table[data-product=fcaller] .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before, .pricing-table[data-product=fcaller] .feature-tool-tip .tool-tip-content {
        bottom: 25px;
        right: 0
    }

    .omnichannel-features .feature-tool-tip .tool-tip-button.tool-tip-appended-content::before, .omnichannel-features .feature-tool-tip .tool-tip-content {
        bottom: 24px
    }

    .omnichannel-features .feature-tool-tip .tool-tip-button:hover::after {
        top: -10px
    }

    .omnichannel-header .tool-tip-button {
        display: none
    }

    .omnichannel-wrapper.list-opened .omnichannel-header .tool-tip-button {
        display: initial
    }

    .pricing-table[data-product=fmarketer], .pricing-table[data-product=fsales], .pricing-table[data-product=fservice], .pricing-table[data-product=fteam] {
        margin-top: 30px
    }

    .pricing-table[data-product=fmarketer] .wide-column, .pricing-table[data-product=fsales] .wide-column, .pricing-table[data-product=fservice] .wide-column, .pricing-table[data-product=fteam] .wide-column {
        padding-bottom: 40px
    }

    .pricing-table[data-product=fmarketer] .pricing-table-plan-features, .pricing-table[data-product=fsales] .pricing-table-plan-features, .pricing-table[data-product=fservice] .pricing-table-plan-features, .pricing-table[data-product=fteam] .pricing-table-plan-features {
        padding-top: 15px
    }

    .pricing-table[data-product=fmarketer] .pricing-table-features-list, .pricing-table[data-product=fsales] .pricing-table-features-list, .pricing-table[data-product=fservice] .pricing-table-features-list, .pricing-table[data-product=fteam] .pricing-table-features-list {
        padding: 0 15px
    }

    .pricing-table[data-product=fmarketer] .pricing-table-features-list li, .pricing-table[data-product=fmarketer] .pricing-table-plan-period p, .pricing-table[data-product=fsales] .pricing-table-features-list li, .pricing-table[data-product=fsales] .pricing-table-plan-period p, .pricing-table[data-product=fservice] .pricing-table-features-list li, .pricing-table[data-product=fservice] .pricing-table-plan-period p, .pricing-table[data-product=fteam] .pricing-table-features-list li, .pricing-table[data-product=fteam] .pricing-table-plan-period p {
        font-size: 14px
    }

    .pricing-table[data-product=fmarketer] .pricing-table-plan-period, .pricing-table[data-product=fsales] .pricing-table-plan-period, .pricing-table[data-product=fservice] .pricing-table-plan-period, .pricing-table[data-product=fteam] .pricing-table-plan-period {
        font-size: 16px
    }

    .pricing-table[data-product=fmarketer] .pricing-table-header-bg, .pricing-table[data-product=fsales] .pricing-table-header-bg, .pricing-table[data-product=fservice] .pricing-table-header-bg, .pricing-table[data-product=fteam] .pricing-table-header-bg {
        min-height: 140px
    }

    .pricing-table[data-product=fmarketer] .pricing-table-plan-value, .pricing-table[data-product=fsales] .pricing-table-plan-value, .pricing-table[data-product=fservice] .pricing-table-plan-value, .pricing-table[data-product=fteam] .pricing-table-plan-value {
        border: 0
    }

    .pricing-table[data-product=fmarketer] .pricing-table-plan-value .pricing-table-plan-period hr, .pricing-table[data-product=fsales] .pricing-table-plan-value .pricing-table-plan-period hr, .pricing-table[data-product=fservice] .pricing-table-plan-value .pricing-table-plan-period hr, .pricing-table[data-product=fteam] .pricing-table-plan-value .pricing-table-plan-period hr {
        border-color: rgba(77, 77, 77, .08);
        max-width: 36px;
        margin: 15px auto 10px
    }

    .pricing-table[data-product=fmarketer] .pricing-table-plan-value .pricing-table-plan-btn .button, .pricing-table[data-product=fsales] .pricing-table-plan-value .pricing-table-plan-btn .button, .pricing-table[data-product=fservice] .pricing-table-plan-value .pricing-table-plan-btn .button, .pricing-table[data-product=fteam] .pricing-table-plan-value .pricing-table-plan-btn .button {
        padding: 7px 30px
    }

    .pricing-table[data-product=fmarketer] .pricing-table-footer, .pricing-table[data-product=fsales] .pricing-table-footer, .pricing-table[data-product=fservice] .pricing-table-footer, .pricing-table[data-product=fteam] .pricing-table-footer {
        padding: 0
    }

    .pricing-table[data-product=fmarketer] .plan-recommended .pricing-table-header-bg img, .pricing-table[data-product=fsales] .plan-recommended .pricing-table-header-bg img, .pricing-table[data-product=fservice] .plan-recommended .pricing-table-header-bg img, .pricing-table[data-product=fteam] .plan-recommended .pricing-table-header-bg img {
        min-height: 180px
    }

    .pricing-table[data-product=fmarketer] .tool-tip-button:hover::after, .pricing-table[data-product=fsales] .tool-tip-button:hover::after, .pricing-table[data-product=fservice] .tool-tip-button:hover::after, .pricing-table[data-product=fteam] .tool-tip-button:hover::after {
        top: -11px;
        left: 2px
    }

    .pricing-table[data-product=fsales] .plan-recommended .pricing-table-plan-name, .pricing-table[data-product=fteam] .plan-recommended .pricing-table-plan-name {
        margin-top: 50px
    }

    .pricing-table[data-product=fchat] .pricing-table-plan-btn {
        bottom: 0
    }

    .pricing-table[data-product=fsales] .pricing-table-plan-btn {
        bottom: 12px
    }

    .pricing-table-wide-column {
        width: 100%
    }

    .pricing-table-wide-column .pricing-table-plan-value {
        border-bottom: none;
        padding-bottom: 5px
    }

    .pricing-table-wide-column .feature-text {
        line-height: 1;
        font-size: .875rem
    }

    .pricing-table-wide-column .plan-card {
        min-height: 40px;
        width: 100%;
        background: #fff;
        border-radius: 10px;
        overflow: hidden;
        display: -ms-flexbox;
        display: flex
    }

    .pricing-table-wide-column .plan-card .pricing-table-header {
        width: 20%;
        float: left;
        border: 0;
        border-radius: 0
    }

    .pricing-table-wide-column .plan-card .pricing-table-cta {
        position: relative;
        width: 24%;
        float: left;
        min-height: 220px;
        padding-top: 30px
    }

    .pricing-table-wide-column .plan-card .pricing-table-cta .cta-wrapper {
        position: absolute;
        width: 100%;
        top: calc(50% + 24px);
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .pricing-table-wide-column .pricing-table-body {
        width: 56%;
        text-align: left;
        float: left;
        padding: 30px 0 20px 20px
    }

    .pricing-table-wide-column .pricing-table-body h3 {
        font-size: 32px
    }

    .pricing-table-wide-column .pricing-table-body p {
        line-height: 1.75;
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .pricing-table-wide-column .pricing-table-body span {
        background-position: 0 center;
        background-repeat: no-repeat;
        padding-left: 30px;
        display: inline
    }

    .pricing-table-column .pricing-table-header {
        margin-top: 40px
    }

    .pricing-table-plan-category {
        font-size: 12px
    }

    .pricing-table-plan-price {
        height: 55px;
        font-size: 1.8rem;
        line-height: 55px
    }

    .tool-tip-button:hover::after {
        opacity: 1;
        content: '';
        top: -8px;
        left: 3px
    }

    .tool-tip-button:hover + .tool-tip-button.tool-tip-appended-content::before, .tool-tip-button:hover + .tool-tip-content {
        display: block
    }

    .tool-tip-button.tool-tip-appended-content:hover::before {
        display: block;
        bottom: 27px
    }

    .tool-tip-button.tool-tip-appended-content:hover::after {
        content: ''
    }

    .pricing-table.pricing-table-b .pricing-table-column {
        width: 22%
    }

    .pricing-table-plan-value {
        border-bottom: 1px solid rgba(57, 115, 230, .3)
    }

}

.pricing-table h2 {
    font-size: 25px !important;
}

.button--ghost {
    color: #25c16f;
    border-color: #25c16f !important;

}

a, a:focus, a:visited {
    text-decoration: none !important;
    outline: 0;
}

.button--ghost:hover {
    color: #25c16f;
    background-color: rgba(37, 193, 111, .1);
}

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

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

.slick_slider{
    background-color: #fff;
}

.slick_slider .slick-prev{
    left: -52px;
}

.slick-prev:before, .slick-next:before {
    color: #000 !important;
    font-size: 50px !important;
}
@media only screen and (max-width: 480px) {
    .slick-initialized .slick-slide {
        outline: none;
        margin-left: 15px;
        margin-right: 15px;
    }
}
.slick-initialized .slick-slide {
    outline: none;
}

.button--ghost {
    color: #25c16f;
    border-color: #25c16f;
}

.btn.active{
    box-shadow: none !important;
    color: #285f0c;
    background-color: #f0f8ff;
}

.btn.focus,.btn.active.focus{
    outline: none !important;
    color: #285f0c;
}

.button--dhost{
    color: #285f0c;
    border-color: #285f0c;
}

a, a:focus, a:visited {
    text-decoration: none !important;
    outline: 0;
}

.button--ghost:hover {
    color: #25c16f;
    background-color: rgba(37, 193, 111, 0.1);
}
.button--dhost:hover {
    color: #285f0c;
    background-color: rgba(37, 193, 111, 0.1);
}
@media (max-width: 768px) {
    .wizard > .steps > ul > li.disabled a {
        color: #000000;
        cursor: default;
        display: none;
    }

}

.js-cookie-consent{
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: #8e1d35;
    padding: 14px;
    color: #fff;
    z-index: 9;
}
.js-cookie-consent-agree{
    border: none;
    background: #5f5f5f;
    padding: 4px 15px;
    color: #000;
    font-weight: bold;
    margin-left: 10px;
    border-radius: 3px;
}

.user-instance{
    color:#00008b !important;
}
.event-image{
    width: 100%;
    height: 435px;
}
.event-detail-block{
    background-color: #f1f1f1;
    padding: 15px;
    min-height: 435px;
    position: relative;
    display: inline-block;
    width: 100%;
}
.event-date{
    color: #555;
    display: inline-flex;
}
.event-date .date{
    display: block;
    background-color: #ffffff;
    text-align: center;
    position: relative;
}

.event-detail-block .price-box{
    position: relative;
    padding-top: 30px;
}
.event-detail-block .price-box p{
    padding-left: 20px;
}

.event-detail-block .organizer{
    position: relative;
    margin-bottom: 30px;
    display: block;
}

.event-control-icon{
    padding: 10px 35px;
    font-size: 18px;
    display: block;
    width: 100%;
}

.event-control-icon .icon{
    padding: 0px 10px;
}
.fc-time{
    display: none!important;
}
.table-responsive .dataTables_info {
    display: inline-block;
    padding: 5px 10px !important;
    margin-right: 10px;
    font-size: 15px;
    color: #03719c;
    text-decoration: none;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.table-responsive  .dataTables_paginate {
    display: inline-block;
}

.table-responsive  a.paginate_button {
    padding: 7px 10px;
    margin-right: 10px;
    font-size: 15px;
    color: #03719c;
    text-decoration: none;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    transition: 0.5s;
}
.table-responsive  a.paginate_button:hover, a.paginate_button.current {
    background: #00aeed;
    color: #fff;
    border: 1px solid #000;
    font-weight: bold;
}
.wrap-sandbox {
    background-color: #00aeed;
    color: #fff;
    font-size: 1.5rem;
    padding:5px;
    border-radius: 5px;
    text-align: center;
}