.humanForm, .humanForm input, .pricing-features li, .pricing-footer, .pricing-header, .pricing-header h2, .product-filter, .stepNav li, .stepNav li .step, .stepNav li .title {
    text-align: center
}
.pricing-header h2, .select {
    letter-spacing: 2px;
    text-transform: uppercase
}
.duration, .humanForm .headline, .pricing-header h2, .select {
    text-transform: uppercase
}
.disc-bullets p, .stepNav a:active, .stepNav a:focus, .stepNav a:hover {
    text-decoration: none
}
label {
    margin: 0 4px 4px 0
}
.card-pricing ul li {
    padding: 5px 0
}
.product-wrap {
    width: 90%;
    max-width: 1170px;
    margin: 1em auto
}
.product-wrap.full-width {
    width: 100%;
    max-width: none
}
.product-filter .fieldset {
    display: inline-block;
    position: relative;
    padding: 0;
    border-radius: 50em;
    border: 2px solid #ffbf00
}
.product-filter input[type=radio] {
    position: absolute;
    opacity: 0
}
.product-filter label {
    position: relative;
    z-index: 1;
    display: inline-block;
    float: left;
    width: 90px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    font-size: 1.4rem;
    color: #000
}
.product-filter .switch {
    position: absolute;
    top: 2px;
    left: 2px;
    height: 40px;
    width: 90px;
    background-color: #ffbf00;
    border-radius: 50em;
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    transition: transform .5s
}
.product-filter input[type=radio]:checked+label+.switch, .product-filter input[type=radio]:checked+label:nth-of-type(n)+.switch {
    -webkit-transform: translateX(90px);
    -moz-transform: translateX(90px);
    -ms-transform: translateX(90px);
    -o-transform: translateX(90px);
    transform: translateX(90px)
}
.no-js .product-filter {
    display: none
}
.products-show {
    margin: 0;
    padding: 0
}
.products-show>li {
    position: relative;
    margin-bottom: 1em;
    list-style-type: none
}
@media only screen and (min-width:768px) {
    .products-show {
        margin: 0;
        padding: 0
    }
    .products-show:after {
        content: "";
        display: table;
        clear: both
    }
    .products-show>li {
        width: 50%;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        list-style-type: none
    }
    .has-margins .products-show>li {
        width: 32.3333333333%;
        float: left;
        margin-right: 1.5%
    }
    .has-margins .products-show>li:last-of-type {
        margin-right: 0
    }
}
.pricing-wrapper {
    position: relative;
    padding: 0
}
.touch .pricing-wrapper {
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    perspective: 2000px
}
.pricing-wrapper.is-switched .is-visible, .pricing-wrapper.is-switched .is-visible .pricing-body {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-animation: rotate .9s;
    -moz-animation: rotate .9s;
    animation: rotate .9s
}
.pricing-wrapper.is-switched .is-hidden, .pricing-wrapper.is-switched .is-hidden .pricing-body {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-animation: rotate-inverse .9s;
    -moz-animation: rotate-inverse .9s;
    animation: rotate-inverse .9s;
    opacity: 0
}
.pricing-wrapper.is-switched .is-selected {
    opacity: 1
}
.pricing-wrapper.is-switched.reverse-animation .is-visible {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-animation: rotate-back .5s;
    -moz-animation: rotate-back .5s;
    animation: rotate-back .5s
}
.pricing-wrapper.is-switched.reverse-animation .is-hidden {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-animation: rotate-inverse-back .5s;
    -moz-animation: rotate-inverse-back .5s;
    animation: rotate-inverse-back .5s;
    opacity: 0
}
.pricing-wrapper.is-switched.reverse-animation .is-selected {
    opacity: 1
}
.pricing-wrapper>li {
    background-color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: transparent solid 1px
}
.pricing-wrapper>li::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50px;
    pointer-events: none;
    background: -webkit-linear-gradient(right, #fff, rgba(255, 255, 255, 0));
    background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0))
}
.pricing-wrapper>li.is-ended::after {
    display: none
}
.pricing-wrapper .is-visible {
    position: relative;
    z-index: 5;
    list-style-type: none
}
.pricing-wrapper .is-hidden {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg)
}
.pricing-wrapper .is-selected {
    z-index: 3!important
}
@media only screen and (min-width:768px) {
    .exclusive .pricing-wrapper>li::before, .exclusive+li .pricing-wrapper>li::before, .has-margins .pricing-wrapper>li::before, .pricing-wrapper>li::after, :nth-of-type(1)>.pricing-wrapper>li::before {
        display: none
    }
    .pricing-wrapper>li::before {
        content: '';
        position: absolute;
        z-index: 6;
        left: -1px;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 50%;
        width: 1px;
        background-color: #b1d6e8
    }
    .has-margins .exclusive .pricing-wrapper>li, .has-margins .pricing-wrapper>li {
        box-shadow: 0 1px 5px rgba(0, 0, 0, .1)
    }
    .has-margins .pricing-wrapper>li {
        border-radius: 4px 4px 6px 6px
    }
}
@media only screen and (min-width:1500px) {
    .full-width .pricing-wrapper>li {
        padding: 2.5em 0
    }
}
.no-js .pricing-wrapper .is-hidden {
    position: relative;
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    margin-top: 1em
}
.pricing-header h2 {
    padding: 0;
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: 10px;
    font-size: 2.8rem
}
.pricing-header {
    height: auto;
    padding: 1.9em 0 1.6em;
    pointer-events: auto;
    color: #173d50;
    background-color: transparent
}
.exclusive .pricing-header {
    color: #fff;
    background-color: #fc3
}
.duration {
    font-weight: 700
}
.duration::before {
    content: '/';
    margin-right: 2px
}
.value {
    font-size: 7rem;
    font-weight: 300
}
.currency, .duration {
    color: #1bbc9d
}
.exclusive .currency, .exclusive .duration {
    color: #2d3e50
}
.currency {
    display: inline-block;
    margin-top: 10px;
    vertical-align: top;
    font-size: 2rem;
    font-weight: 700
}
.duration {
    font-size: 1.4rem
}
.pricing-body {
    -webkit-overflow-scrolling: touch
}
.is-switched .pricing-body {
    overflow: hidden
}
.pricing-body {
    overflow-x: visible;
    padding: 0
}
.pricing-features:after {
    content: "";
    display: table;
    clear: both
}
.pricing-features li {
    font-size: 1.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: none;
    width: auto;
    padding: 1em;
    list-style-type: none
}
.pricing-features {
    width: auto
}
.exclusive .pricing-features li {
    margin: 0 3px
}
.pricing-features em {
    font-weight: 600;
    display: inline-block;
    margin-bottom: 0
}
.has-margins .exclusive .pricing-features li {
    margin: 0
}
.pricing-footer {
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    position: relative;
    height: auto;
    padding: 1.8em 0
}
.pricing-footer::after {
    display: none
}
.has-margins .pricing-footer {
    padding-bottom: 0
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0)
    }
    70% {
        -webkit-transform: perspective(2000px) rotateY(200deg)
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(180deg)
    }
}
@-moz-keyframes rotate {
    0% {
        -moz-transform: perspective(2000px) rotateY(0)
    }
    70% {
        -moz-transform: perspective(2000px) rotateY(200deg)
    }
    100% {
        -moz-transform: perspective(2000px) rotateY(180deg)
    }
}
@keyframes rotate {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0);
        -moz-transform: perspective(2000px) rotateY(0);
        -ms-transform: perspective(2000px) rotateY(0);
        -o-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0)
    }
    70% {
        -webkit-transform: perspective(2000px) rotateY(200deg);
        -moz-transform: perspective(2000px) rotateY(200deg);
        -ms-transform: perspective(2000px) rotateY(200deg);
        -o-transform: perspective(2000px) rotateY(200deg);
        transform: perspective(2000px) rotateY(200deg)
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(180deg);
        -moz-transform: perspective(2000px) rotateY(180deg);
        -ms-transform: perspective(2000px) rotateY(180deg);
        -o-transform: perspective(2000px) rotateY(180deg);
        transform: perspective(2000px) rotateY(180deg)
    }
}
@-webkit-keyframes rotate-inverse {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-180deg)
    }
    70% {
        -webkit-transform: perspective(2000px) rotateY(20deg)
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(0)
    }
}
@-moz-keyframes rotate-inverse {
    0% {
        -moz-transform: perspective(2000px) rotateY(-180deg)
    }
    70% {
        -moz-transform: perspective(2000px) rotateY(20deg)
    }
    100% {
        -moz-transform: perspective(2000px) rotateY(0)
    }
}
@keyframes rotate-inverse {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-180deg);
        -moz-transform: perspective(2000px) rotateY(-180deg);
        -ms-transform: perspective(2000px) rotateY(-180deg);
        -o-transform: perspective(2000px) rotateY(-180deg);
        transform: perspective(2000px) rotateY(-180deg)
    }
    70% {
        -webkit-transform: perspective(2000px) rotateY(20deg);
        -moz-transform: perspective(2000px) rotateY(20deg);
        -ms-transform: perspective(2000px) rotateY(20deg);
        -o-transform: perspective(2000px) rotateY(20deg);
        transform: perspective(2000px) rotateY(20deg)
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(0);
        -moz-transform: perspective(2000px) rotateY(0);
        -ms-transform: perspective(2000px) rotateY(0);
        -o-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0)
    }
}
@-webkit-keyframes rotate-back {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0)
    }
    70% {
        -webkit-transform: perspective(2000px) rotateY(-200deg)
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(-180deg)
    }
}
@-moz-keyframes rotate-back {
    0% {
        -moz-transform: perspective(2000px) rotateY(0)
    }
    70% {
        -moz-transform: perspective(2000px) rotateY(-200deg)
    }
    100% {
        -moz-transform: perspective(2000px) rotateY(-180deg)
    }
}
@keyframes rotate-back {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0);
        -moz-transform: perspective(2000px) rotateY(0);
        -ms-transform: perspective(2000px) rotateY(0);
        -o-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0)
    }
    70% {
        -webkit-transform: perspective(2000px) rotateY(-200deg);
        -moz-transform: perspective(2000px) rotateY(-200deg);
        -ms-transform: perspective(2000px) rotateY(-200deg);
        -o-transform: perspective(2000px) rotateY(-200deg);
        transform: perspective(2000px) rotateY(-200deg)
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(-180deg);
        -moz-transform: perspective(2000px) rotateY(-180deg);
        -ms-transform: perspective(2000px) rotateY(-180deg);
        -o-transform: perspective(2000px) rotateY(-180deg);
        transform: perspective(2000px) rotateY(-180deg)
    }
}
@-webkit-keyframes rotate-inverse-back {
    0% {
        -webkit-transform: perspective(2000px) rotateY(180deg)
    }
    70% {
        -webkit-transform: perspective(2000px) rotateY(-20deg)
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(0)
    }
}
@-moz-keyframes rotate-inverse-back {
    0% {
        -moz-transform: perspective(2000px) rotateY(180deg)
    }
    70% {
        -moz-transform: perspective(2000px) rotateY(-20deg)
    }
    100% {
        -moz-transform: perspective(2000px) rotateY(0)
    }
}
@keyframes rotate-inverse-back {
    0% {
        -webkit-transform: perspective(2000px) rotateY(180deg);
        -moz-transform: perspective(2000px) rotateY(180deg);
        -ms-transform: perspective(2000px) rotateY(180deg);
        -o-transform: perspective(2000px) rotateY(180deg);
        transform: perspective(2000px) rotateY(180deg)
    }
    70% {
        -webkit-transform: perspective(2000px) rotateY(-20deg);
        -moz-transform: perspective(2000px) rotateY(-20deg);
        -ms-transform: perspective(2000px) rotateY(-20deg);
        -o-transform: perspective(2000px) rotateY(-20deg);
        transform: perspective(2000px) rotateY(-20deg)
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(0);
        -moz-transform: perspective(2000px) rotateY(0);
        -ms-transform: perspective(2000px) rotateY(0);
        -o-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0)
    }
}
.grad-product {
    background: #fff
}
.fa-check {
    font-size: 30px;
    color: #388e3c
}
@media only screen and (max-width:991px) {
    .pTable li {
        height: 45px!important;
        margin: 0 10px;
        font-size: 14px;
        background: #fff;
        color: #ccc!important;
        border-bottom: 3px solid #ccc
    }
    .pTable li.active {
        font-size: 25px;
        background: #fff;
        color: #000!important;
        border-bottom: 3px solid #ffbf00
    }
    .pTable li h4 {
        font-size: 18px
    }
    .product-nav-menu {
        padding: 0
    }
    .widget-body {
        margin-top: -20px;
        -ms-transform: scale(.6, .6);
        -webkit-transform: scale(.6, .6);
        transform: scale(.6, .6);
    }
    .data-step-wiz {
        margin-top:0px!important;
    }
}
#preprep {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 100
}
#prepping {
    width: 200px;
    height: 150px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -93px
}
.fix {
    position: fixed;
    top: 0
}
.humanForm {
    padding: 20px;
    width: auto;
    color: #000
}
.humanForm .headline {
    font-size: .85em;
    font-weight: 700;
    letter-spacing: .5px
}
.humanForm .natural-form {
    font-size: 1.6em;
    line-height: 2.5em;
    font-weight: 100
}
.pTable table, .table {
    border-collapse: collapse
}
.table {
    width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
    border-spacing: 0;
    display: table
}
.widget.widget-table .table {
    margin-bottom: 0;
    border: none
}
.widget.widget-table .widget-content {
    padding: 0
}
.widget .widget-header+.widget-content {
    border-top: none;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.widget .widget-content {
    padding: 20px 15px 15px;
    background: #FFF;
    border: 1px solid #D5D5D5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}
.widget .widget-header {
    position: relative;
    height: 40px;
    line-height: 40px;
    background: #E9E9E9;
    background: -moz-linear-gradient(top, #fafafa 0, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(100%, #e9e9e9));
    background: -webkit-linear-gradient(top, #fafafa 0, #e9e9e9 100%);
    background: -o-linear-gradient(top, #fafafa 0, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #fafafa 0, #e9e9e9 100%);
    background: linear-gradient(top, #fafafa 0, #e9e9e9 100%);
    text-shadow: 0 1px 0 #fff;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1), inset 0 1px 0 #fff, inset 0 -1px 0 rgba(255, 255, 255, .7);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa',endColorstr='#e9e9e9')";
    border: 1px solid #d5d5d5;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-background-clip: padding-box
}
thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit
}
.widget .widget-header h3 {
    top: 2px;
    position: relative;
    left: 10px;
    display: inline-block;
    margin-right: 3em;
    font-size: 14px;
    font-weight: 600;
    color: #555;
    line-height: 18px;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, .5)
}
.widget .widget-header [class*=" icon-"], .widget .widget-header [class^=icon-] {
    display: inline-block;
    margin-left: 13px;
    margin-right: -2px;
    font-size: 16px;
    color: #555;
    vertical-align: middle
}
.panel-footer {
    background: #fff
}
.slider.slider-info .noUi-handle {
    border-color: #000
}
.slider.slider-info .noUi-connect, .slider.slider-info.noUi-connect {
    background-color: #ffbf00
}
.data-step-wiz {
    padding-top: 5px;
    webkit-transform: scale(.8,.8);
    transform: scale(.8,.8);
    -ms-transform: scale(.8,.8);
    margin-top:-20px;
}
.stepNav {
    display: block;
    list-style: none;
    padding: 0;
    position: relative;
    width: 100%
}
.stepNav li {
    display: block;
    float: left;
    width: 20%;
    padding-left: 0
}
.stepNav li:before {
    border-top: 1px solid #ffffff;
    content: "";
    display: block;
    font-size: 0;
    overflow: hidden;
    position: relative;
    top: 11px;
    right: 1px;
    width: 100%;
    z-index: 1
}
.stepNav li:first-child:before {
    left: 50%;
    max-width: 50%
}
.stepNav li:last-child:before {
    max-width: 50%;
    width: 50%
}
.stepNav li.complete .step {
    background: #0aa66e;
    padding: 1px 6px;
    border: 1px solid #55606E
}
.stepNav li .step i {
    font-size: 15px;
    position: relative;
    top: -1.5px
}
.stepNav li .step {
    background: #ffffff;
    color: #23282d;
    display: inline;
    font-size: 15px;
    font-weight: 200;
    padding: 7px 13px;
    border: 1px solid #23282d;
    border-radius: 50%;
    line-height: normal;
    position: relative;
    z-index: 2;
    transition: all .1s linear 0
}
.stepNav li.active .step, .stepNav li.active.complete .step {
    top: -7px;
    background: #ffbf00;
    color: #23282d;
    padding: 7px 18px;
    font-size: 30px;
    border-radius: 100%;
    border: 2px solid #fff
}
.stepNav li.active .title, .stepNav li.complete .title {
    font-size: 15px;
    color: #fff;
}
.stepNav li .title {
    font-family: Roboto, Helvetica;
    color: #fff;
    display: block;
    font-size: 13px;
    line-height: 15px;
    max-width: 100%;
    position: relative;
    table-layout: fixed;
    top: 20px;
    word-wrap: break-word;
    z-index: 104
}
.stepNav li.active .title {
    top: 10px
}
.wizard-actions {
    display: block;
    list-style: none;
    padding: 0;
    position: relative;
    width: 100%
}
.progress-container, progress {
    width: 100%;
    position: fixed;
    left: 0;
    height: .25em
}
.wizard-actions li {
    display: inline
}
*, ::after, ::before {
    box-sizing: border-box
}
progress {
    z-index: 1000;
    top: 105px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    color: #ffbf00
}
progress::-webkit-progress-bar {
    background-color: transparent
}
.flat::-webkit-progress-value {
    background-color: #ffbf00
}
.flat::-moz-progress-bar {
    background-color: #ffbf00
}
.single::-webkit-progress-value {
    background-color: transparent;
    background-image: -webkit-linear-gradient(left, transparent, #ffbf00)
}
.single::-moz-progress-bar {
    background-color: transparent;
    background-image: -moz-linear-gradient(left, transparent, #ffbf00)
}
.multiple::-webkit-progress-value {
    background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0, 0, 0, .1) 66%, transparent 66%), -webkit-linear-gradient(left, green, #ffbf00)
}
.multiple::-moz-progress-bar {
    background-image: -moz-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0, 0, 0, .1) 66%, transparent 66%), -moz-linear-gradient(left, green, #ffbf00)
}
.progress-container {
    background-color: transparent;
    top: 0;
    display: block
}
.progress-bar {
    background-color: #ffbf00;
    width: 50%;
    display: block;
    height: inherit
}
.addon-card {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    border-radius: 6px;
    color: #777;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}
.addon-card * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.addon-card.active {
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .18824);
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .18824);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .18824);
    z-index: 200;
    margin: 1rem -1rem
}
.addon-card.active .addon-card__heading:hover::after {
    content: "\f066"
}
.addon-card .addon-card__heading:hover::after {
    content: "\f065"
}
.addon-card__heading {
    cursor: pointer;
    margin: 20px 0;
    padding: .5rem 3rem;
    position: relative
}
.addon-card__heading:after, .addon-card__heading:before {
    content: " ";
    display: table
}
.addon-card__heading:after {
    clear: both
}
.addon-card__heading i {
    float: left
}
.addon-card__heading::after {
    color: #404040;
    font-family: FontAwesome;
    font-size: 1rem;
    line-height: 2rem;
    padding-left: .4rem;
    position: absolute;
    right: 1rem;
    top: 1rem
}
.addon-card__title {
    height: 20px
}
.addon-card__body {
    padding: 3rem;
    display: none
}
.visible-addon {
    padding: .5rem 3rem
}
.pTable article {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    /*height: 1000px;*/
    position: relative
}
.pTable ul {
    display: flex;
    top: 0;
    z-index: 10;
    padding-bottom: 14px
}
.pTable li {
    list-style: none;
    flex: 1;
    height: 65px;
    margin: 0 10px;
    font-size: 14px;
    background: #fff;
    color: #000;
    border-bottom: 3px solid #ccc
}
.pTable li.active {
    font-size: 25px;
    background: #fff;
    color: #000;
    border-bottom: 3px solid #ffbf00
}
.pTable table {
    table-layout: fixed;
    width: 100%
}
.pTable th {
    display: none
}
.pTable td, .pTable th {
    height: 53px;
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    padding: 10px;
    empty-cells: show;
    text-align: left
}
.no-border {
    border-top: 0!important
}
.pTable td+td, .pTable th+th {
    text-align: center;
    display: none
}
.pTable td.default {
    display: table-cell
}
.pTable .bg-purple {
    border-top: 3px solid #A32362
}
.pTable .bg-blue {
    border-top: 3px solid #0097CF
}
.pTable .sep {
    background: #F5F5F5;
    font-weight: 700
}
.pTable .sepcol {
    background: #F5F5F5;
    font-weight: 700
}
.txt-l {
    font-size: 28px;
    font-weight: 700
}
.txt-top {
    position: relative;
    top: -9px;
    left: -2px
}
.tick {
    font-size: 18px;
    color: #2CA01C
}
.hide {
    border: 0;
    background: 0 0
}
@media (min-width:992px) {
    .pTable ul {
        display: none
    }
    .pTable td, .pTable th {
        display: table-cell!important;
        width: 330px
    }
    .pTable td+td, .pTable th+th {
        width: 33%
    }
}
.modal-body ol {
    counter-reset: li;
    list-style: none;
    margin-bottom: 1em;
    padding-left:38px;
    
}
.disc-bullets p {
    position: relative;
    display: block;
    padding: .7em .4em .7em 2em;
    margin: 0;
    border-radius: .3em;
    transition: all .3s ease-out
}
.disc-bullets p:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -1.3em;
    top: 25;
    margin-top: -1.3em;
    color: #23282d;
    display: inline;
    font-size: 15px;
    font-weight: 700;
    padding: 7px 12px;
    border: 1px solid #ffbf00;
    border-radius: 50%;
    line-height: normal;
    text-align: center;
    z-index: 2;
    transition: all .1s linear 0s;
    transition: all .3s ease-out
}

.disc-bullets p.first:before {
    padding: 7px 14px;

}
.disc-bullets.lower-roman p:before {
    content: counter(li,lower-roman);
    counter-increment: li;
}
.white-cancel-btn {
    margin: 0!important
}
.subtotal-sum, .total-sum {
    width: 60%;
    margin-left: 40%
}
.total-sum {
    border-bottom: 2px solid #000
}
.subtotal-sum {
    border-bottom: 5px solid #ffbf00
}
.addon-selected {
    color: #ffbf00
}
.addon-price {
    color: #ccc
}
.emojirating {
    background: #fff;
    padding: 0;
    margin: 30px 5px;
    font-size: 50px;
    border-radius: 100%;
    border: none!important;
    position: relative;
    top: -10px;
    opacity: .8
}
.emojirating:active, .emojirating:focus {
    font-size: 75px;
    margin-top: 10px;
    opacity: 1;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.dropdown .field1 {}