/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */


/*.btn-cta:after, .btn-cta-animated:after, .btn-back:after, .btn-add:after {
    background-image: url(http://localhost:7777/wptest/wp-content/plugins/cn-quotation-builder/public/img/arr.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.cn_buton:after{
    background-image: url(http://localhost:7777/wptest/wp-content/plugins/cn-quotation-builder/public/img/arr.png);
    background-repeat: no-repeat;
    background-size: cover;
}*/

.cn_dic_msg {
    font-size: 14px;
    text-align: center;
    text-transform: capitalize;
    color: #083ca9;
}

.cn_dic_msg1 {
    font-size: 14px;
    text-align: center;
    text-transform: capitalize;
    color: #083ca9;
}

.mail_temp {
    display: none;
}

.cn_subtotal_none {
    display: none !important;
}

.cn_buton {
    color: #222;
    font-size: 16px !important;
    margin: 0;
    font-weight: bold !important;
}

.cn_tolip {
    display: none
}

.cn_tolip_body {
    padding: 1.3rem;
}

.cn_tolip {
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .25);
    text-align: left;
    transition: max-height .3s ease-in;
    position: absolute;
    max-width: 485px;
    width: 96%;
    bottom: 60px;
    color: #000;
    z-index: 9999;
    font-weight: normal;
}

.cn_tolip .arrow {
    left: calc(25% - .5rem);
    position: absolute;
    width: 0;
    border: 0;
    border: none;
    border-top: .5rem solid #fff;
    border-right: .5rem solid transparent;
    border-left: .5rem solid transparent;
}

.cn_tolip_title {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 10px;
}

.cn_tolip_close {
    float: right;
    font-size: 22px;
    position: absolute;
    right: 11px;
    top: 8px;
    cursor: pointer;
}

.cn-form-group .form-control {
    width: 100%;
}

button.btn-activate {
    cursor: pointer;
}

.hide {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.cn_panel_header {
    cursor: pointer;
}

.selector__row {
    display: table-row;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.selector__head .selector__col {
    border-top: 0;
    padding: .5rem .225rem;
    height: 2.96875rem;
}

.selector__head {
    display: none;
    background-color: #555;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.selector__head {
    background-color: #555;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.selector {
    display: table;
    position: relative;
    width: 100%;
    background-color: #f3f3f3;
    color: #444;
    font-size: .875rem;
    font-weight: 700;
}

.selector__col {
    position: relative;
    padding: .688rem 1rem;
    padding-right: 3rem;
    border-top: rgba(189, 189, 189, .5) .063rem solid;
    line-height: 1.65;
    vertical-align: middle;
    font-size: 16px;
}

.expandable--selector {
    padding: 0;
    background-color: #f3f3f3;
}

.expandable-title {
    cursor: pointer;
    line-height: 1;
    margin: 0;
    position: relative;
}

.expandable--selector.is-active .expandable-title {
    background-color: #000;
}

.expandable--selector .expandable-title {
    padding: 1.375rem 1.25rem;
    line-height: 1.3;
}

.expandable--selector.is-active .expandable-title>.h6 {
    color: #fff;
}

.expandable--selector .expandable-title>.h6 {
    font-weight: 700;
    font-size: 1.700rem;
}

.expandable--selector .expandable-title:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 5.3125rem;
    background-color: rgba(216, 216, 216, .3);
    border-left: #e0e0e0 .063rem solid;
    border-radius: 0 .25rem .25rem 0;
}

.btn-activate {
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    background-color: #083ca9;
    margin-right: .625em;
    position: relative;
    top: inherit;
    transition: background-color 250ms ease, opacity 250ms ease, transform 250ms ease-out;
}

.expandable--selector .expandable-title .btn-activate {
    top: 1rem;
    right: 1.25rem;
}

.expandable-title button.btn-activate {
    padding: 0;
}

.expandable-title .btn-activate {
    background-color: #3280ac;
    border-radius: 4px;
    height: 29px;
    margin-right: 0;
    position: absolute;
    right: 0;
    top: -4px;
    width: 29px;
    color: #fff;
    border: none;
}

.expandables .btn-activate {
    background-image: none;
}

.btn {
    background-image: aliceblue;
}

.expandable-title .btn-activate:before {
    left: 32%;
    top: 35%;
}

.expandables .btn-activate:before {
    border-left: 3px solid;
    height: 12px;
    width: 1px;
    transform: rotate(-45deg);
}

.expandables .is-active .btn-activate:before {
    border-left: 3px solid;
    height: 12px;
    width: 1px;
    transform: rotate(45deg);
}

.expandables .btn-activate:before,
.expandables .btn-activate:after {
    position: absolute;
    content: '';
    transition: inherit;
}

.expandable--selector.is-active .btn-activate:before,
.expandable--selector.is-active .btn-activate:after {
    border-color: #fff;
}

.expandables .is-active .btn-activate:after {
    border-top: 3px solid;
    height: 1px;
    width: 12px;
    transform: rotate(45deg);
}

.expandable-title .btn-activate:after {
    top: 50%;
    left: 43%;
}

.expandables .btn-activate:after {
    border-top: 3px solid;
    height: 1px;
    width: 12px;
    transform: rotate(-45deg);
}

.expand-section.expanded:after {
    -webkit-transform: translate(0, -50%) rotate(135deg);
    transform: translate(0, -50%) rotate(135deg);
}

/* .expand-section:after {
    content: '';
    position: absolute;
    top: 1em;
    right: .1rem;
    width: .65rem;
    height: .65rem;
    border: #444 .125rem solid;
    border-bottom: 0;
    border-left: 0;
    -webkit-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg);
    transition: transform .3s ease;
} */

.selector__counter {
    position: absolute;
    right: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
}

.selector__label {
    font-size: 1.5rem;
    font-weight: 600;
}

.counter {
    display: inline-block;
    border: #d8d8d8 .063rem solid;
    border-radius: .25rem;
    color: #555;
    vertical-align: middle;
    overflow: hidden;
}

.counter__btn {
    background-color: #fff;
    cursor: pointer;
}

.counter>* {
    float: left;
    position: relative;
    padding: 0;
    margin: 0;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 0;
    border-collapse: collapse;
    border: 0;
    text-align: center;
    font-size: .938rem;
    font-weight: 700;
}

.counter__btn--increment:before,
.counter__btn--decrement:before,
.counter__btn--increment:after,
.counter__btn--decrement:after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
    width: .925rem;
    height: 0.225rem;
    background: #000;
    transform: translate(-50%, -50%);
}

.counter__btn--increment:after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.counter .form__control,
.counter .form__control-alt {
    border-left: #d8d8d8 .063rem solid;
    border-right: #d8d8d8 .063rem solid;
    background: #f7f7f7;
    height: 3.5rem;
    width: 3.5rem;
    border-top: 0;
    border-bottom: 0;
    padding: unset;
    font-size: 14px;
}

.selector__control {
    width: 2.5rem;
}

.selector__col:not(:first-child) {
    background-color: #e0e0e0;
}

.expand-section:not(.expanded) {
    padding-right: 1em;
}

.expander_btn-float {
    display: block;
    float: right;
}

.expand-section {
    cursor: pointer;
    position: relative;
}

.desktop {
    display: none;
}

.cart--quote .cart__header {
    display: block;
    padding: 0 .813rem .4rem;
    background: transparent;
}

.cart--quote .cart__title {
    color: #444;
    font-size: .938rem;
    font-weight: 800;
    text-transform: uppercase;
}

.cart--quote .cart__edit {
    top: 38%;
    color: #000;
    font-size: 1.8rem;
}

.btn.disabled,
.btn:disabled {
    opacity: .65;
}

.cart__edit {
    padding-right: inherit;
    width: auto;
    background: transparent;
    color: #fcb116;
    font-size: .813rem;
    text-transform: initial;
    text-decoration: underline;
    cursor: pointer;
}

.cart__price,
.cart__btn-alt,
.cart__edit,
.cart__remove {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.cart__header {
    position: relative;
    padding: 1rem 1.25rem .8442rem;
    background-color: #222;
}

.cart--quote {
    position: relative;
    display: inherit;
    padding: .813rem .5rem;
    background-color: #f3f3f3;
    border-radius: .25rem;
}

.cart {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.cart--quote {
    position: relative;
    padding: .813rem .5rem;
    background-color: #f3f3f3;
    border-radius: .25rem;
}

.cart {
    border-radius: .375rem;
    color: #444;
    font-size: .75rem;
    font-weight: 700;
    overflow: hidden;
    transition: transform 150ms ease-in;
}

.cart__item-group {
    display: block;
}

.cart--quote .cart__item {
    color: #555;
}

.cart--quote .cart__item .cart__wrap {
    padding-top: .325rem;
    padding-bottom: .325rem;
}

.cart--quote .cart__wrap {
    padding: .4065rem .813rem;
}

.cart__wrap,
.cart__controls {
    position: relative;
    padding: .75rem 1.25rem;
}

.cart--quote .cart__price {
    font-size: 1.5rem;
    font-weight: 600;
}

.cart__price {
    padding-right: inherit;
    font-size: .938rem;
    font-weight: 800;
}

.cart__item .cart__quantity {
    margin-right: .5rem;
}

.cart__quantity {
    font-size: .75rem;
    font-weight: 700;
}

.cart--quote .cart__item .cart__quantity {
    display: inline;
    position: absolute;
    right: 8rem;
    font-weight: 600;
    font-size: 1.5rem;
}

.cart__label {
    display: inline-block;
    width: 73%;
    color: #555;
    font-size: .75rem;
    line-height: 1.63;
    font-weight: 600;
}

.cart--quote .cart__item .cart__label {
    width: 50%;
}

.cart--quote .cart__item-title {
    padding: .75rem .813rem;
    margin: 0;
    background-color: #222;
    border-radius: .25rem;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 700;
}

.cart--quote .cart__list {
    padding: .325rem 0;
}

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

.cart--quote .cart__subtotal {
    display: block;
    background-color: #fff;
    border-radius: .25rem;
}

.cart__subtotal {
    background-color: #c9c9c9;
    text-transform: uppercase;
}

.cart__label,
.cart--quote .cart__subtotal .cart__price {
    color: #4a4a4a;
    font-size: 1.5rem;
    font-weight: 700;
}

.cart--quote .cart__subtotal .cart__price {
    font-size: 1.063rem;
}

.cart--quote .cart__subtotal .cart__label,
.cart--quote .cart__subtotal .cart__price {
    color: #4a4a4a;
    font-size: 1.5rem;
    font-weight: 700;
}

.cart--quote .cart__footer {
    padding-bottom: 0;
    margin-bottom: 0;
}

.cart--quote .cart__footer {
    padding: .5rem 0 .813rem;
    font-size: .75rem;
    font-weight: 700;
}

.cart__footer {
    padding: 1.25rem;
    background-color: #f3f3f3;
    font-size: 1.313rem;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    overflow: hidden;
}

.cart--quote .cart__footer .cart__wrap {
    /*padding-left: 0;
    padding-right: 0;*/
}

.cart--quote .cart__footer .cart__label {
    color: #555;
    line-height: 1.15;
    font-size: 15px;
}

.cart__footer .cart__wrap,
.cart__footer .cart__label,
.cart__footer .cart__price {
    /*padding: 0 5%;*/
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: #222;
}

.cart--quote .cart__footer .cart__price {
    color: #444;
    font-size: 1.563rem;
    font-weight: 800;
}

.pagination--sticky {
    bottom: 0;
    position: fixed;
}

.pagination {
    background-color: #fff;
    box-shadow: 2px 0 4px rgba(0, 0, 0, .25);
    width: 100%;
    z-index: 900;
    left: 0;
    right: 0;
}

.bottom-bar {
    max-width: 100vw;
    display: flex;
    justify-content: space-between;
    margin: 2rem;
    padding: 0 5.7%;
}

.section-container {
    /*width: 100%;*/
    position: static;
}

.section-container .section__page-item {
    /*min-width: 33%;*/
}

.justify-end {
    justify-content: flex-end;
}

.d-flex {
    display: flex;
}

.pagination .btn-alt {
    margin-bottom: 0;
}

.btn.btn-bottom-bar-continue,
.btn-bottom-bar-continue.app-btn {
    color: #fff;
    padding: 10px 28px;
    font-size: 14px;
    font-weight: bold;
    background: #3280ac;
}

.btn-alt {
    background-color: #083da8;
    background: linear-gradient(40deg, #083da8 0%, #083da8 70%, #083da8 70%, #083da8 100%);
    background-size: 400% 400%;
    background-position: 0% 0%;
    -webkit-animation: AnimationOut .3s ease-out forwards;
    -moz-animation: AnimationOut .3s ease-out forwards;
    animation: AnimationOut .3s ease-out forwards;
}

.cart__item-group+.cart__item-group {
    margin-top: 1rem;
}

.up-to-medium-only {
    display: block;
}

.cart__mobile.cart__collapsed .cart__header {
    padding: 5;
    line-height: 1;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.cart__mobile.cart--quote .cart__header .cart__title {
    font-size: 1rem;
}

.cart--quote .cart__title {
    color: #444;
    font-size: 1.7rem;
}

.cart__mobile.cart--quote .cart__header .cart__edit {
    font-size: 1.8rem;
    position: static;
}

.cart .cart--slide {
    transition: all .75s ease;
    max-height: 0;
    opacity: 0;
}

.cart__mobile.cart__collapsed .cart__footer {
    padding-top: 0;
    overflow: initial;
}

.cart__mobile.cart--quote .cart__footer {
    padding-bottom: 0;
}

.cart--quote .cart__footer .cart__mobile-wrap.cart__total {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2%;
}

.cart--quote .cart__footer .cart__mobile-wrap {
    display: flex;
    justify-content: space-between;
}

.cart--quote .cart__footer .cart__mobile-wrap .cart__mobile-label {
    font-size: 1rem;
    font-weight: 600;
}

.cart__mobile.cart__collapsed .cart__footer .cart__mobile-label {
    position: relative;
    bottom: .2rem;
}

.cart--quote .cart__footer .cart__mobile-wrap .cart__mobile-price {
    font-size: 1.8rem;
    font-weight: 800;
    text-align: right;
    margin-top: .1rem;
}

.visuallyhidden {
    display: none;
}

.cn_absolute {
    position: absolute;
}

.cart__bottom-bar-footer .cart__openclose--fixed {
    /*position: absolute;*/
    bottom: 15px;
    left: 33%;
    z-index: 1000;
}

.cart__bottom-bar-footer .cart__openclose--fixed .cart__openclose-wrap {
    /*display: flex;*/
    justify-content: center;
    margin-top: 5px;
}

.cart__openclose {
    position: relative;
    width: 10%;
    left: 50%;
    transform: translateX(-50%);
    padding: .5rem 2.1875rem;
    background-color: #083ca9;
    border-radius: .375rem .375rem 0 0;
    height: 25px;
    z-index: 300;
}

.cart__openclose:before,
.cart__openclose:after {
    content: ' ';
    position: absolute;
    top: 40%;
    left: 50%;
    width: .15rem;
    height: .75rem;
    background: #fff;
    transition: transform 200ms ease-in;
    border-radius: 0 0 .125rem .125rem;
    transform: translate(0%, 0%) rotate(45deg);
    transform-origin: right 0;
}

.cart__openclose:after {
    border-radius: 0 0 .125rem .125rem;
    transform: translate(0%, 0%) rotate(-45deg);
    transform-origin: left 0;
}

.cart.cart__mobile.cart--quote.cart__collapsed {
    border-radius: unset;
    padding: 10px;
}

.up-to-medium-only {
    bottom: 80px;
    position: fixed;
    z-index: 999;
    width: 100%;
    left: 0;
    right: 0;
    max-height: 65vh;
    overflow-y: scroll;
}

.up-to-medium-only1 {
    bottom: 100px;
    position: fixed;
    z-index: 999;
    width: 100%;
    left: 0;
    right: 0;
    max-height: 65vh;
    overflow-y: scroll;
}

.cart--quote .cart__info {
    margin-top: 1rem;
    background-color: #fff;
    border-radius: .25rem;
}

.cart--quote .cart__info .cart__label {
    color: #4a4a4a;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
}

.cart--quote .cart__info .cart__price {
    /*    top: 0;
    transform: none;
    color: #4a4a4a;*/
    font-size: 1.5rem;
    /*font-weight: 700;*/
}

@media only screen and (max-width: 600px) {
    .cart--quote .cart__footer {
        margin-bottom: 0px;
    }
    .cn_coupon_foot {
        margin-bottom: 25px;
        padding-bottom: 25px !important;
    }
    
}

@media screen and (max-width: 22.5rem) {
    .cart__mobile.cart__collapsed .cart__footer .cart__mobile-label {
        bottom: 0;
    }
    .cart--quote .cart__footer .cart__mobile-wrap .cart__mobile-label {
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 85rem) {
    .bottom-bar {
        padding: 0 15%;
    }
}

@media screen and (min-width: 26.25rem) {
    .cart__item .cart__quantity {
        display: none;
    }
    .cart__quantity {
        margin: 0 1.125rem;
    }
    .cart--quote .cart__footer .cart__price {
        font-size: 2.5rem;
    }
}

@media screen and (min-width: 45rem) {
    .desktop {
        display: block;
    }
    .cart__mobile.cart__collapsed {
        padding-top: 1%;
        padding-left: 4.5rem;
        padding-right: 4.5rem;
    }
}

@media screen and (max-width: 59.37rem) {
    .mobile-always-expanded {
        max-height: none !important;
    }
}

@media screen and (min-width: 35.5rem) {
    .expander_btn-float {
        display: none;
    }
}

@media screen and (max-width: 59.9685rem) and (min-width: 35.5rem),
screen and (min-width: 72.625rem) {
    .cn_tolip {
        width: 400px
    }
    .selector__counter {
        position: static;
        transform: none;
        display: inline-block;
    }
    .selector__head {
        display: table-row;
    }
    .selector__label {
        display: none;
    }
    .selector__col+.selector__col {
        text-align: center;
        border-left: rgba(189, 189, 189, .4) .063rem solid;
    }
    .selector__col {
        display: table-cell;
        position: relative;
        padding: .688rem 1rem;
        width: 25%;
    }
    .selector__col:not(:first-child) {
        display: table-cell;
        padding-left: 0;
        padding-right: 0;
        background-color: transparent;
    }
}

@media screen and (max-width: 26.25rem) {
    .selector__label {
        width: 65%;
        display: inline-block;
    }
    .cn_model_body {
        width: 90% !important;
    }
}

@media screen and (min-width: 60rem) {
    .expandable-title .h6 {
        max-width: 75%;
    }
    .cart--quote .cart__footer {
        padding: 1.25rem .813rem .25rem;
    }
    .up-to-medium-only {
        display: none;
    }
}

@media screen and (min-width: 72rem) {
    .cart--quote .cart__footer {
        padding: 1.25rem 0 .25rem;
    }
    .cart--quote .cart__footer .cart__wrap .cart__label {
        padding: 0;
    }
    .cart--quote .cart__footer .cart__wrap .cart__price {
        padding: 0;
    }
}

.hours-select select option[admindisabled="true"],
.hours-select select[name="start_minute"],
.hours-select select[name="hour_type"] {
    display: none !important;
}

.swal2-container.swal2-center.swal2-backdrop-show {
    z-index: 9999;
}

.swal2-popup {
    width: 45em !important;
}

.swal2-title {
    font-size: 2.875em !important;
}

.swal2-html-container {
    font-size: 1.6em !important;
}

.swal2-styled.swal2-confirm {
    font-size: 1.5em !important;
    margin-bottom: 30px !important;
    background-color: #083ca9 !important;
}

.cn_model .loader-ajax {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.services_title {
    cursor: pointer;
    color: #3280ac;
}