:root {
    --primary-color: #40ce4c;
}

.full-width .ubermenu-nav, .container, .row {
    max-width: 1070px
}

    .row.row-collapse {
        max-width: 1140px
    }

    .row.row-small {
        max-width: 1070px
    }

    .row.row-large {
        max-width: 1200px
    }

.header-main {
    height: 116px
}

#logo img {
    max-height: 160px
}

#logo {
    width: 150px;
}

    #logo img {
        padding: 5px 0;
    }

.header-bottom {
    min-height: 43px
}

.header-top {
    min-height: 35px
}

.has-transparent + .page-title:first-of-type, .has-transparent + #main > .page-title, .has-transparent + #main > div > .page-title, .has-transparent + #main .page-header-wrapper:first-of-type .page-title {
    padding-top: 196px;
}

.header.show-on-scroll, .stuck .header-main {
    height: 70px !important
}

.stuck #logo img {
    max-height: 70px !important
}

.search-form {
    width: 80%;
}

.header-bg-color, .header-wrapper {
    background-color: rgba(255,255,255,0)
}

.header-bottom {
    background-color: #40ce4c
}

.stuck .header-main .nav > li > a {
    line-height: 50px
}

.header-bottom-nav > li > a {
    line-height: 23px
}

@media (max-width: 549px) {
    .header-main {
        height: 70px
    }

    #logo img {
        max-height: 70px
    }
}

.header-top {
    background-color: #303030 !important;
}
/* Color */

.accordion-title.active, .has-icon-bg .icon .icon-inner, .logo a, .primary.is-underline, .primary.is-link, .badge-outline .badge-inner, .nav-outline > li.active > a, .nav-outline > li.active > a, .cart-icon strong, [data-color='primary'], .is-outline.primary {
    color: #40ce4c;
}
/* Color !important */

[data-text-color="primary"] {
    color: #40ce4c !important;
}
/* Background Color */

[data-text-bg="primary"] {
    background-color: #40ce4c;
}
/* Background */

.scroll-to-bullets a, .featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover, .has-hover:hover .badge-outline .badge-inner, button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline), .featured-table .title, .is-outline:hover, .has-icon:hover .icon-label, .nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .is-outline:hover, .tagcloud a:hover, .grid-tools a, input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt, .nav-box > li > a:hover, .nav-box > li.active > a, .nav-pills > li.active > a, .current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before, .banner, .header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner {
    background-color: #40ce4c;
}
    /* Border */

    .nav-vertical.nav-tabs > li.active > a, .scroll-to-bullets a.active, .nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover, .has-hover:hover .badge-outline .badge-inner, .accordion-title.active, .featured-table, .is-outline:hover, .tagcloud a:hover, blockquote, .has-border, .cart-icon strong:after, .cart-icon strong, .blockUI:before, .processing:before, .loading-spin, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover {
        border-color: #40ce4c
    }

.nav-tabs > li.active > a {
    border-top-color: #40ce4c
}

.widget_shopping_cart_content .blockUI.blockOverlay:before {
    border-left-color: #40ce4c
}

.woocommerce-checkout-review-order .blockUI.blockOverlay:before {
    border-left-color: #40ce4c
}
/* Fill */

.slider .flickity-prev-next-button:hover svg, .slider .flickity-prev-next-button:hover .arrow {
    fill: #40ce4c;
}
/* Background Color */

[data-icon-label]:after, .secondary.is-underline:hover, .secondary.is-outline:hover, .icon-label, .button.secondary:not(.is-outline), .button.alt:not(.is-outline), .badge-inner.on-sale, .button.checkout, .single_add_to_cart_button, .current .breadcrumb-step {
    background-color: #F15A22;
}

[data-text-bg="secondary"] {
    background-color: #F15A22;
}
/* Color */

.secondary.is-underline, .secondary.is-link, .secondary.is-outline, .stars a.active, .star-rating:before, .woocommerce-page .star-rating:before, .star-rating span:before, .color-secondary {
    color: #F15A22
}
/* Color !important */

[data-text-color="secondary"] {
    color: #F15A22 !important;
}
/* Border */

.secondary.is-outline:hover {
    border-color: #F15A22
}

.alert.is-underline:hover, .alert.is-outline:hover, .alert {
    background-color: transparent;
    color: red;
}

    .alert.is-link, .alert.is-outline, .color-alert {
        color: #007FEF;
    }
/* Color !important */

[data-text-color="alert"] {
    color: #007FEF !important;
}
/* Background Color */

[data-text-bg="alert"] {
    background-color: #007FEF;
}

body {
    font-size: 93%;
}

@media screen and (max-width: 549px) {
    body {
        font-size: 100%;
    }
}

body {
    font-family: "Roboto", sans-serif
}

body {
    font-weight: 0
}

body {
    color: #282828
}

.nav > li > a {
    font-family: "Roboto", sans-serif;
}

.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-family: "Roboto", sans-serif;
}

.nav > li > a {
    font-weight: 0;
}

.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-weight: 0;
}

h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: "Roboto", sans-serif;
}

h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6, .heading-font {
    color: #0A0A0A;
}

.alt-font {
    font-family: "Dancing Script", sans-serif;
}

.alt-font {
    font-weight: 400 !important;
}

a {
    color: #0A0A0A;
}

    a:hover {
        color: #40ce4c;
    }

.tagcloud a:hover {
    border-color: #40ce4c;
    background-color: #40ce4c;
}

.widget a {
    color: #0A0A0A;
}

    .widget a:hover {
        color: #40ce4c;
    }

.widget .tagcloud a:hover {
    border-color: #40ce4c;
    background-color: #40ce4c;
}

.current .breadcrumb-step, [data-icon-label]:after, .button#place_order, .button.checkout, .checkout-button, .single_add_to_cart_button.button {
    background-color: #f7c34d !important
}

.badge-inner.on-sale {
    background-color: #F15A22
}

@media screen and (min-width: 550px) {
    .products .box-vertical .box-image {
        min-width: 300px !important;
        width: 300px !important;
    }
}

.absolute-footer, html {
    background-color: #40ce4c
}

.label-new.menu-item > a:after {
    content: "New";
}

.label-hot.menu-item > a:after {
    content: "Hot";
}

.label-sale.menu-item > a:after {
    content: "Sale";
}

.label-popular.menu-item > a:after {
    content: "Popular";
}

.nav > li > a > i + span {
    text-transform: none
}

.nav > li > a {
    font-weight: normal;
}

.widgets-boxed .widget {
    padding: 10px 10px 10px;
}

.widgettitle {
    font-size: 16px;
    background: #824a1a;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-transform: uppercase;
    letter-spacing: 0;
    color: white;
    font-weight: normal;
    margin: 0
}

.slider .widget ul {
    margin-left: 8px
}

.slider ul.ul-reset > li {
    border: 1px solid #e6e6e6;
}

.slider .col-inner ul li {
    margin-left: 0
}

ul.menu > li > a {
    padding: 7px 0;
}

.nav-spacing-xlarge > li {
    margin: 0
}

.nav-dark .nav > li.active > a {
    background: #f7c34d
}

.nav-dark .nav > li > a {
    padding-left: 12px;
    padding-right: 12px;
    color: #fff !important;
}

    .nav-dark .nav > li > a:hover {
        background: #f7c34d
    }

.tieu-de span {
    text-transform: uppercase;
    font-size: 20px;
    margin: 0 15px;
}

.tieu-de {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

    .tieu-de b {
        display: block;
        flex: 1;
        height: 2px;
        opacity: .5;
        background-color: #f7c34d;
    }

.product-title {
    font-size: 15px;
    font-weight: bold
}

.price-wrapper {
    font-size: 14px;
    margin-top: 10px
}

    .price-wrapper .price {
        margin-top: 10px;
        font-size: 18px
    }

        .price-wrapper .price ins span {
            color: red
        }

        .price-wrapper .price del span {
            color: gray;
            font-size: 16px
        }

.badge-container {
    margin: 0px 0 0 0;
    top: 1px;
    left: 1px
}

.badge {
    height: 30px;
    width: 50px;
}

.badge-inner.on-sale {
    background-color: #f7c34d;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 4px;
    top: 1px;
    left: 1px
}

.section-san-pham .box {
    border: 1px solid #ececec;
    width: 100%;
    position: relative;
    border-radius: 4px;
    margin: 0 auto;
    background: white;
}

    .section-san-pham .box:hover {
        border: 1px solid #f7c34d;
        background: #f7c34d;
        color: white
    }

        .section-san-pham .box:hover .price-wrapper .price ins span {
            color: white
        }

        .section-san-pham .box:hover .price-wrapper .price del span {
            color: white;
            font-size: 16px
        }

        .section-san-pham .box:hover .product-title a {
            color: white
        }

span.amount {
    color: red
}

.section-san-pham .box:hover span.amount {
    color: white
}

.sp-ban-chay .col {
    padding: 0 15px 0px;
}

.section-san-pham {
    padding-bottom: 0px;
}


.section-tin-tuc .box {
    border: 1px solid #ececec;
    width: 100%;
    position: relative;
    border-radius: 4px;
    margin: 0 auto;
    background: white;
}

    .section-tin-tuc .box:hover {
        border: 1px solid #f7c34d;
    }

        .section-tin-tuc .box:hover .product-title a {
            color: white
        }

        .section-tin-tuc .box:hover span.amount {
            color: white
        }

.sp-ban-chay .col {
    padding: 0 15px 0px;
}

.section-san-pham {
    padding-bottom: 0px;
}

.box-blog-post .is-divider {
    display: none
}

.section-tin-tuc .box .box-text h5 {
    letter-spacing: 0;
    margin-bottom: 10px
}

.section-tin-tuc .box .box-text p:hover {
    color: black
}

.section-tin-tuc:hover .box-text p {
    color: black
}

.section-tin-tuc {
    padding-top: 0;
    padding-bottom: 0
}

.section-comment {
    padding-top: 0;
    padding-bottom: 0
}

.section {
    padding: 0px 0;
}

    .section section-tin-tuc {
        padding-bottom: 0
    }

.section-tin-tuc .row-small > .col {
    padding: 0 15px 0px;
}

.section-tin-tuc .col {
    padding: 0 15px 0px;
}

.dang-ky-tu-van p {
    margin-bottom: 0;
}

.dang-ky-tu-van .row .col {
    padding: 0 9.8px 0px;
}

.lightbox-content {
    border-radius: 4px
}

input[type='submit']:not(.is-form) {
    border-radius: 4px
}

input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea {
    border: 1px solid #51a718;
    border-radius: 4px;
}

form {
    margin-bottom: 0px
}

input:hover {
    box-shadow: inset 0 0em 0em 0 transparent;
}

.footer a {
    color: white;
}

    .footer a:hover {
        color: #40ce4c;
    }

.footer p {
    margin-bottom: 12px;
    COLOR: WHITE
}

.footer ul li.bullet-checkmark, ul li.bullet-arrow, ul li.bullet-star, ul li.bullet-arrow {
    border-bottom: 1px solid #3c3c3c;
    padding: 7px 0px 7px 15px;
}

.footer .col {
    padding: 0 9.8px 0px;
}

.absolute-footer {
    padding: 10px 0 10px;
}

.widget .is-divider {
    display: none
}

.article-inner .relative {
    display: none
}

.entry-content {
    padding-top: 10px;
    padding-bottom: 10px;
}

.is-divider {
    display: none
}

.article-inner .entry-content single-page ul li.bullet-checkmark, ul li.bullet-arrow, ul li.bullet-star {
    border-bottom: 1px solid #f7f7f7;
}

footer.entry-meta {
    display: none
}

.next-prev-nav .flex-col {
    display: none
}

span.widget-title {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0;
    color: #f7c34d;
    padding-bottom: 10px;
}

#product-sidebar .menu-danh-muc-san-pham-container {
    border: 1px solid #e8e8e8;
    padding: 8px;
    border-radius: 4px;
    margin-top: 10px;
}

.product_list_widget .product-title {
    font-size: 15px;
    font-weight: normal
}

.button.is-outline, input[type='submit'].is-outline, input[type='reset'].is-outline, input[type='button'].is-outline {
    border: 1px solid currentColor;
}

.shop-container {
    padding-top: 20px;
    padding-bottom: 20px
}

.product-main {
    padding: 0px 0;
}

.hide-for-off-canvas {
    display: none
}

.dia-diem-mua-hang {
    background: whitesmoke;
    padding: 8px;
    border-radius: 4px;
    margin-top: 10px
}

    .dia-diem-mua-hang .address {
        font-weight: bold;
        margin-bottom: 8px;
    }

    .dia-diem-mua-hang .info {
        font-size: 13.5px
    }

.op-7 {
    display: none
}

.product-main .product-title {
    font-size: 20px
}

[data-icon-label]:after, .button#place_order, .button.checkout, .single_add_to_cart_button.button {
    border-radius: 4px
}

.khuyen-mai {
    border: 1px solid #bfbfbf;
    padding: 8px;
    font-size: 14px;
    border-radius: 8px;
    margin-bottom: 15px;
    line-height: 18px;
}

.product-footer .woocommerce-tabs > .nav-line:not(.nav-vertical) {
    margin-top: -31px;
    background: #40ce4c;
    padding-left: 10px;
}

.product-footer .nav > li.active > a {
    color: rgba(255, 255, 255, 0.85);
    font-size: 15px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    background: #f7c34d;
}

.product-footer .nav > li > a {
    font-weight: normal;
    font-size: 15px;
    color: gainsboro;
}

.chat-facebook .col {
    padding: 0 9.8px 0px;
}

.chat-facebook .button {
    margin-bottom: 0
}

.detailcall-1 {
    margin: 10px 0;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fd6e1d;
    box-shadow: 0 0px 0 0 #248c50 inset;
    text-align: center;
}

    .detailcall-1 h3 {
        margin-bottom: 0px;
    }

.form-content .cottrai img {
    margin-bottom: 10px
}

.notice {
    border: 1px solid #ff6009;
    color: green;
    padding: 5px;
    font-weight: bold;
    border-radius: 4px;
    text-align: center;
    margin-top: 10px;
}

button.btn.btn-default {
    padding: 0px 20px;
    border-radius: 4px;
}

.footer .col-inner {
    color: white
}

.woocommerce .woocommerce-bacs-bank-details ul {
    margin-left: 20px
}

.widget-area .menu-danh-muc-san-pham-container {
    border: 1px solid #e8e8e8;
    padding: 8px;
    border-radius: 4px;
    margin-top: 10px;
}

.shop-container .col-inner {
    border: 1px solid #efefef;
    border-radius: 4px;
}

    .shop-container .col-inner:hover {
        border: 1px solid #40ce4c
    }

.header-block-block-2 {
    width: 100%
}

@media screen and (max-width: 849px) {
    .chat-facebook .col {
        padding: 0 9.8px 10px;
    }

    .detailcall-1 {
        margin: 0
    }
}

.category-page-row {
    padding-top: 0px
}

.meta-related ul li a {
    color: #40ce4c
}

    .meta-related ul li a:hover {
        color: #f7c34d
    }

.list-news {
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
}

    .list-news h3 {
        font-size: 18px;
        margin-top: 15px
    }

    .list-news li {
        width: 23.5%;
        float: left;
        margin-right: 11px;
        margin-bottom: 0;
        font-size: 12px;
        list-style: none
    }

.item-list {
    margin-top: 10px
}

.new-img {
    width: 100%;
    height: 110px
}

    .new-img img {
        height: 100%
    }

.relative-post-title {
    font-size: 15px;
    margin-top: 10px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 15px;
}


.current-menu-item > a {
    background-color: #0086ea;
}

img.img-sanpham-home {
    height: 180px;
}
/*==================mobile*/
@media only screen and (min-width: 320px) and (max-width: 768px) {
    .bai-viet-tag {
        display: inline-block;
        width: 100%;
        display: inline-block;
    }

    .list-news li {
        width: 46.5%;
        float: left;
        margin-right: 6px;
        margin-left: 6px;
    }

    .slider .danh-muc {
        display: none
    }

    img.img-sanpham-home {
        height: 125px;
    }

    div#calltrap-phone {
        display: none;
    }
    .dmsp {
        display: none;
    }
    .padding-top-20-no-mb{
        padding-top: 0px !important;
    }
    .product-main a.primary.is-small.mb-0.button.product_type_simple.ajax_add_to_cart.is-flat {
        position: fixed;
        font-size: 14px;
        width: 93%;
        font-weight: normal;
        border: 1px solid #f7c34d;
        z-index: 99;
		bottom: 0px;
    }
}


.box-vertical .box-text h5 {
    margin-bottom: 6px;
    font-size: 20px
}

.box-vertical .box-text {
    vertical-align: top;
    padding-top: 0px
}

.badge.post-date {
    display: none
}

.current-menu-item > a {
    background-color: #40ce4c;
}

.meta-post-danh-muc {
    font-size: 13px;
    color: gray;
    margin-bottom: 10px;
    display: inline-block
}

    .meta-post-danh-muc a {
        font-size: 14px;
        color: gray;
    }

        .meta-post-danh-muc a:hover {
            color: #40ce4c
        }

    .meta-post-danh-muc .luot-xem {
        padding-left: 3px;
        padding-right: 10px;
    }

    .meta-post-danh-muc .meta-date-capnhat {
        padding-left: 4px;
        padding-right: 6px;
    }

    .meta-post-danh-muc .danh-muc .category a {
        margin-right: 10px
    }

    .meta-post-danh-muc .danh-muc .tac-gia {
        margin-right: 10px
    }

p.form-row-first, p.form-row-last {
    width: 100%;
    float: left;
}
/*--------------*/
.nav-dropdown-cus {
    padding: 0px !important;
    min-width: 200px !important;
}

li.current-dropdown > .nav-dropdown, .next-prev-thumbs li.has-dropdown:hover > .nav-dropdown, li.has-dropdown:hover > .nav-dropdown {
    left: 0px !important;
}

li.current-dropdown > .nav-dropdown, .next-prev-thumbs li.has-dropdown:hover > .nav-dropdown, li.has-dropdown:hover > .nav-dropdown {
    opacity: 1;
    max-height: inherit;
    left: -15px;
}

ul.nav-dropdown > li:hover {
    background: #f7c34d;
}
/*----CALL*/
#calltrap-btn, #calltrap-overlay {
    background-color: #8cd15f;
    position: fixed;
    text-align: center
}

#calltrap-btn {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 55px;
    line-height: 100px;
    opacity: .7;
    left: 35px;
    bottom: 50px;
    width: 55px;
    z-index: 9999;
    -webkit-animation: calltrap_opacity 3s infinite linear;
    -moz-animation: calltrap_opacity 3s infinite linear;
    -o-animation: calltrap_opacity 3s infinite linear;
    animation: calltrap_opacity 3s infinite linear
}

    #calltrap-btn.calltrap_offline {
        background-color: #f7c34d;
    }

#calltrap-ico {
    width: 32px;
    height: 32px;
    position: absolute;
    margin: auto;
    z-index: 11;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 0;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    -o-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-animation: uptocallmini 1.5s 0s ease-out infinite;
    -moz-animation: uptocallmini 1.5s 0s ease-out infinite;
    -o-animation: uptocallmini 1.5s 0s ease-out infinite;
    animation: uptocallmini 1.5s 0s ease-out infinite
}

    #calltrap-ico:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-size: contain;
        top: 0;
        left: 0;
        background-image: url(../images/phone-call.png);
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-animation: calltrap_spin 3s infinite linear;
        -moz-animation: calltrap_spin 3s infinite linear;
        -o-animation: calltrap_spin 3s infinite linear;
        animation: calltrap_spin 3s infinite linear
    }

.calltrap_offline #calltrap-ico {
    -webkit-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
    -moz-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
    -o-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
    animation: uptocallmini_offline 1.5s 0s ease-out infinite
}

#calltrap-overlay {
    z-index: 9998;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none
}

    #calltrap-overlay .b-calltrap-overlay {
        display: table;
        width: 100%;
        height: 100%
    }

    #calltrap-overlay .b-calltrap-overlay__body, #calltrap-overlay .b-calltrap-overlay__footer, #calltrap-overlay .b-calltrap-overlay__header {
        display: table-row;
        padding: 0;
        margin: 0
    }

    #calltrap-overlay .b-calltrap-overlay__body-block, #calltrap-overlay .b-calltrap-overlay__footer-block, #calltrap-overlay .b-calltrap-overlay__header-block {
        display: table-cell;
        vertical-align: middle;
        text-align: center
    }

    #calltrap-overlay .b-calltrap-overlay__body-block {
        padding: 0 7px
    }

    #calltrap-overlay .b-calltrap-overlay__footer, #calltrap-overlay .b-calltrap-overlay__header {
        height: 1px
    }

    #calltrap-overlay .b-calltrap__container {
        background-color: #fff;
        border: 5px solid #2074a1;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 0;
        max-width: 500px;
        display: block;
        margin: 0 auto;
        font-size: 16px;
        line-height: 1.3;
        position: relative;
        font-family: Tahoma, Arial, self-serif !important
    }

@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-overlay .b-calltrap__container {
        width: 290px
    }

    #calltrap-form .b-calltrap_form__title, #calltrap-success .b-calltrap_form__title {
        padding-right: 20px
    }
}

#calltrap-overlay .b-calltrap__close {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    opacity: .5;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

    #calltrap-overlay .b-calltrap__close:hover {
        opacity: 1
    }

#calltrap-form, #calltrap-success {
    display: block
}

    #calltrap-form .b-calltrap_form__fields, #calltrap-success .b-calltrap_form__fields {
        margin: 20px 25px 35px
    }

    #calltrap-form .b-calltrap_form__title, #calltrap-success .b-calltrap_form__title {
        font-size: 20px;
        margin: 0 0 17px;
        text-align: left
    }

    #calltrap-form .b-calltrap_form__text, #calltrap-success .b-calltrap_form__text {
        text-align: left
    }

        #calltrap-form .b-calltrap_form__text p, #calltrap-success .b-calltrap_form__text p {
            margin: 0 0 .55em
        }

    #calltrap-form .b-calltrap_form__input, #calltrap-success .b-calltrap_form__input {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 16px;
        padding: 0 15px;
        height: 44px;
        line-height: 40px;
        background-color: #fff;
        border: 2px solid #ccc;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        display: block;
        width: 100%;
        outline: 0;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }

        #calltrap-form .b-calltrap_form__input.error, #calltrap-success .b-calltrap_form__input.error {
            background-color: #8cd15f;
            color: red;
            border-color: red
        }

        #calltrap-form .b-calltrap_form__input:disabled, #calltrap-success .b-calltrap_form__input:disabled {
            background-color: #eee;
            border-color: #bdbdbd;
            cursor: default
        }

        #calltrap-form .b-calltrap_form__input:focus, #calltrap-success .b-calltrap_form__input:focus {
            border: 2px solid #2074a1
        }

    #calltrap-form .b-calltrap_form__submit, #calltrap-success .b-calltrap_form__submit {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #2074a1;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border: none;
        color: #fff;
        cursor: pointer;
        font-size: 16px;
        padding: 0;
        height: 44px;
        line-height: 40px;
        display: inline-block;
        width: 180px;
        text-align: center;
        outline: 0;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }

#calltrap-success, .blog-archive .from_the_blog_comments {
    display: none
}

@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-form .b-calltrap_form__input, #calltrap-success .b-calltrap_form__input {
        margin-bottom: 13px
    }

    #calltrap-form .b-calltrap_form__submit, #calltrap-success .b-calltrap_form__submit {
        width: 100%
    }
}

#calltrap-form .b-calltrap_form__submit:hover, #calltrap-success .b-calltrap_form__submit:hover {
    background-color: #1c658c
}

#calltrap-form .b-calltrap_form__submit:disabled, #calltrap-success .b-calltrap_form__submit:disabled {
    background-color: #bdbdbd !important;
    cursor: default
}

#calltrap-form .b-calltrap_form__controls, #calltrap-success .b-calltrap_form__controls {
    margin: 20px 0 0;
    padding: 0 200px 0 0
}

#calltrap-form .b-calltrap_form__controls-item, #calltrap-success .b-calltrap_form__controls-item {
    position: relative;
    float: right
}

#calltrap-form .b-calltrap_form__controls-left, #calltrap-success .b-calltrap_form__controls-left {
    margin-left: -100%;
    width: 100%
}

#calltrap-form .b-calltrap_form__controls-right, #calltrap-success .b-calltrap_form__controls-right {
    margin-right: -200px;
    overflow: visible;
    width: 200px;
    text-align: right
}

@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-form .b-calltrap_form__controls, #calltrap-success .b-calltrap_form__controls {
        padding: 0
    }

    #calltrap-form .b-calltrap_form__controls-item, #calltrap-success .b-calltrap_form__controls-item {
        float: none
    }

    #calltrap-form .b-calltrap_form__controls-left, #calltrap-success .b-calltrap_form__controls-left {
        margin-left: 0
    }

    #calltrap-form .b-calltrap_form__controls-right, #calltrap-success .b-calltrap_form__controls-right {
        margin-right: 0;
        width: auto;
        text-align: left
    }
}

#calltrap-overlay.calltrap_offline .b-calltrap_form__submit {
    background-color: #1CB2ED
}

    #calltrap-overlay.calltrap_offline .b-calltrap_form__submit:hover {
        background-color: #2e8c1c
    }

#calltrap-overlay.calltrap_offline .b-calltrap__container, #calltrap-overlay.calltrap_offline .b-calltrap_form__input:focus {
    border-color: #1CB2ED
}

@-webkit-keyframes calltrap_opacity {
    0%, 100% {
        opacity: 1
    }

    57% {
        opacity: .75
    }

    75% {
        opacity: .95
    }
}

@-moz-keyframes calltrap_opacity {
    0%, 100% {
        opacity: 1
    }

    57% {
        opacity: .75
    }

    75% {
        opacity: .95
    }
}

@-o-keyframes calltrap_opacity {
    0%, 100% {
        opacity: 1
    }

    57% {
        opacity: .75
    }

    75% {
        opacity: .95
    }
}

@keyframes calltrap_opacity {
    0%, 100% {
        opacity: 1
    }

    57% {
        opacity: .75
    }

    75% {
        opacity: .95
    }
}

@-webkit-keyframes calltrap_spin {
    0%, 30%, 57% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    33%, 39%, 45%, 51% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    36%, 42%, 54% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    48% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
}

@-moz-keyframes calltrap_spin {
    0%, 30%, 57% {
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    33%, 39%, 45%, 51% {
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    36%, 42%, 54% {
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    48% {
        -moz-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
}

@-o-keyframes calltrap_spin {
    0%, 30%, 57% {
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    33%, 39%, 45%, 51% {
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    36%, 42%, 54% {
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    48% {
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
}

@keyframes calltrap_spin {
    0%, 30%, 57% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    33%, 39%, 45%, 51% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    36%, 42%, 54% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    48% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
}

@-webkit-keyframes uptocallmini {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0 0 transparent, 0 0 0 0 rgba(32, 116, 161, 0);
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0 0 transparent, 0 0 0 0 rgba(32, 116, 161, 0)
    }

    10% {
        -webkit-box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1;
        box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
    }

    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0 40px transparent, 0 0 0 40px rgba(32, 116, 161, 0);
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0 40px transparent, 0 0 0 40px rgba(32, 116, 161, 0)
    }
}

@-moz-keyframes uptocallmini {
    0% {
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0 0 transparent, 0 0 0 0 rgba(32, 116, 161, 0)
    }

    10% {
        box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
    }

    100% {
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0 40px transparent, 0 0 0 40px rgba(32, 116, 161, 0)
    }
}

@-o-keyframes uptocallmini {
    0% {
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0 0 transparent, 0 0 0 0 rgba(32, 116, 161, 0)
    }

    10% {
        box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
    }

    100% {
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0 40px transparent, 0 0 0 40px rgba(32, 116, 161, 0)
    }
}

@keyframes uptocallmini {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0 0 transparent, 0 0 0 0 rgba(32, 116, 161, 0);
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0 0 transparent, 0 0 0 0 rgba(32, 116, 161, 0)
    }

    10% {
        -webkit-box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1;
        box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
    }

    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0 40px transparent, 0 0 0 40px rgba(32, 116, 161, 0);
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0 40px transparent, 0 0 0 40px rgba(32, 116, 161, 0)
    }
}

@-webkit-keyframes uptocallmini_offline {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0 0 transparent, 0 0 0 0 rgba(53, 161, 32, 0);
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0 0 transparent, 0 0 0 0 rgba(53, 161, 32, 0)
    }

    10% {
        -webkit-box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120;
        box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120
    }

    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0 40px transparent, 0 0 0 40px rgba(53, 161, 32, 0);
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0 40px transparent, 0 0 0 40px rgba(53, 161, 32, 0)
    }
}

@-moz-keyframes uptocallmini_offline {
    0% {
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0 0 transparent, 0 0 0 0 rgba(53, 161, 32, 0)
    }

    10% {
        box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120
    }

    100% {
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0 40px transparent, 0 0 0 40px rgba(53, 161, 32, 0)
    }
}

@-o-keyframes uptocallmini_offline {
    0% {
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0 0 transparent, 0 0 0 0 rgba(53, 161, 32, 0)
    }

    10% {
        box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120
    }

    100% {
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0 40px transparent, 0 0 0 40px rgba(53, 161, 32, 0)
    }
}

@keyframes uptocallmini_offline {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0 0 transparent, 0 0 0 0 rgba(53, 161, 32, 0);
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0 0 transparent, 0 0 0 0 rgba(53, 161, 32, 0)
    }

    10% {
        -webkit-box-shadow: 0 0 8px 6px #1CB2ED, 0 0 12px 10px transparent, 0 0 12px 14px #1CB2ED;
        box-shadow: 0 0 8px 6px #1CB2ED, 0 0 12px 10px transparent, 0 0 12px 14px #1CB2ED
    }

    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0 40px transparent, 0 0 0 40px rgba(53, 161, 32, 0);
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0 40px transparent, 0 0 0 40px rgba(53, 161, 32, 0)
    }
}
/*--End CALL*/

/*--slogan*/
.text-ns h2 {
    color: #fff;
    font-size: 2rem;
    /* font-family: "ubuntu"; */
    text-transform: uppercase;
    font-weight: 600;
    /* font-family: "Josefin Sans", sans-serif; */
    background: linear-gradient(to right, #ffffff 10%, #f7c34d 50%, #40ce4c 60%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #f7c34d;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 9.5s linear infinite;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    padding-top: 30px;
}

@keyframes textclip {
    from {
        background-position: 200% center;
    }
}

div#calltrap-phone {
    z-index: 1;
    clear: both;
    margin: 0 auto;
    position: fixed;
    border-radius: 50px;
    background-color: #40ce4c;
    height: 55px;
}


    div#calltrap-phone span {
        left: 30px;
        display: table;
        padding: 10px;
        border-radius: 21px;
        height: 34px;
        line-height: 14px;
        font-size: 15px;
        margin: 11px 5px 8px 50px;
        text-transform: uppercase;
        font-weight: bold;
        text-align: center;
        box-sizing: content-box;
        text-decoration: none !important;
        box-sizing: border-box;
        color: #fff;
    }

img.img-icons-policy {
    width: 180px;
}

.padding-top-20 {
    padding-top: 20px;
}
.padding-left-20 {
    padding-top: 20px;
}
.padding-bottom-20{
    padding-bottom: 20px;
}
.padding-top-20-no-mb {
    padding-top: 20px;
}
.field-validation-error {
    color: red;
}

.back-to-top {
    bottom: 90px;
    right: 40px;
}
/*
div#calltrap-phone :hover{
    display: none;
}*/

.nav-pagination > nav > ul {
    margin: 5px 0;
    font-size: .90em;
    text-align: center;
}

    .nav-pagination > nav > ul > li {
        margin: 0 .4em;
        display: inline-block;
    }

        .nav-pagination > nav > ul > li > a {
            font-size: 1.1em;
            display: block;
            height: 2.25em;
            line-height: 2em;
            text-align: center;
            width: auto;
            min-width: 2.25em;
            padding: 0 7px;
            font-weight: bolder;
            border-radius: 99px;
            border: 2px solid #446084;
            transition: all .3s;
            vertical-align: top;
            color: #446084
        }

            .nav-pagination > nav > ul > li > a:hover {
                font-size: 1.1em;
                display: block;
                height: 2.25em;
                line-height: 2em;
                text-align: center;
                width: auto;
                min-width: 2.25em;
                padding: 0 7px;
                font-weight: bolder;
                border-radius: 99px;
                border: 2px solid #40ce4c;
                transition: all .3s;
                vertical-align: top;
                color: #fff;
                background-color: #40ce4c;
            }

        .nav-pagination > nav > ul > li.active > a {
            font-size: 1.1em;
            display: block;
            height: 2.25em;
            line-height: 2em;
            text-align: center;
            width: auto;
            min-width: 2.25em;
            padding: 0 7px;
            font-weight: bolder;
            border-radius: 99px;
            border: 2px solid #40ce4c;
            transition: all .3s;
            vertical-align: top;
            color: #fff;
            background-color: #40ce4c;
        }

/*tab about us*/
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #f7c34d;
}

.flex-column {
    /* -webkit-box-orient: vertical !important; */
    /* -webkit-box-direction: normal !important; */
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}
.nav-tabs-cus {
    background: #d7d7d7;
    border: 1px solid #40ce4c;
    color: #000;
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}
/*end tab about us*/
.nav-column li > a, .nav-dropdown > li > a {
    padding: 10px 12px !important;
}
.logo-left .logo {
    margin-right: 5px !important;
}
.image-cover img{
	object-fit: revert !important;
}