/*
 Theme Name:   Asap Systems Child
 Theme URI:    https://www.asapsystems.com/
 Description:  Asap Systems Child Theme
 Author:       Ayman Abi Aoun | Elie Maalouf
 Author URI:   http://klevlb.com
 Template:     asap-systems
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

//@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/fontawesome.min.css);

body {
    color: #696969 !important;
}



/*###########################*/
/*       TABS & TABLES       */
/*###########################*/
.vc_tta-tab a {
    background-color: white !important;
    border-color: #dddddd !important;
}

body .foo-table.ninja_footable {
    margin-bottom: 0 !important;
}

body.page-template-military .wpb_wrapper .footable-pagination-wrapper ul li.footable-page::before,
body.page-template-military .wpb_wrapper .footable-pagination-wrapper ul li.footable-page-nav::before,
body.wpb-js-composer .vc_tta.vc_tta-style-classic li.vc_tta-tab::before {
    content: "";
    display: none;
}

.vc_tta-tab.vc_active a {
    background-color: #59c2b0 !important;
    color: white !important;
}

body.wpb-js-composer .vc_tta-style-classic .vc_tta-tab.vc_active > a span {
    font-weight: 700;
}

.wpb-js-composer .vc_tta-color-white.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels {
    background-color: white !important;
}

body.wpb-js-composer .vc_tta.vc_general .vc_tta-tab > a {
    border-radius: 4px 4px 0 0;
    padding: 10px 15px;
    font-size: 15px;
}

body .footable .pagination > .active > a, body .footable .pagination > .active > a:focus, body .footable .pagination > .active > a:hover, .footable .pagination > .active > span, .footable .pagination > .active > span:focus, .footable .pagination > .active > span:hover {
    background: #ddd !important;
    border: 1px solid #ddd !important;
}

.vc_section .container li {
    font-size: 20px !important;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body {
    padding: 0px !important;
}

.wpb-js-composer .vc_tta-color-white.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels, .wpb-js-composer .vc_tta-color-white.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels::after, .wpb-js-composer .vc_tta-color-white.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels::before {
    border-color: transparent !important;
}

.footable-first-visible {
    max-width: 200px;
    white-space: break-spaces;
}

/*
    KEEP TABS AS TABS ON MOBILE AS WELL.
    https://wpexplorer-themes.com/total/snippets/keep-visual-composer-tabs-as-tabs-on-mobile/
*/
body .vc_tta.vc_tta-tabs .vc_tta-tabs-container {
    display: block !important;
}

body .vc_tta.vc_general .vc_tta-panel-heading {
    display: none !important;
}

@media all and (min-width: 1201px) {
    body .footable.table > thead > tr > th:last-child,
    body .footable.table > thead > tr > th:nth-last-child(2) {
        width: 8%;
    }
}

@media all and (max-width: 1200px) {
    .foo-table {
        table-layout: fixed !important;
    }

    .footable-first-visible {
        width: 300px;
        max-width: 300px !important;
        white-space: normal;
    }

    .semantic_ui .ui.celled.table tr th:first-child,
    .semantic_ui .ui.compact.table th {
        font-size: 0.9em;
        white-space: normal;
        word-wrap: break-word !important;
        word-break: break-word !important;
    }

    .footable-first-visible,
    .semantic_ui .ui.celled.table tr td:first-child {
        font-size: 0.8em;
        word-wrap: break-word !important;
        word-break: break-word !important;
    }
}

@media all and (max-width: 767px) {
    .semantic_ui .ui.celled.table tr th:first-child,
    .semantic_ui .ui.compact.table th {
        font-size: 0.9em;
        white-space: break-spaces;
        word-wrap: break-word !important;
        word-break: break-word !important;
    }

    .semantic_ui .ui.celled.table tr td:first-child {
        font-size: 0.8em;
        overflow: hidden;
        word-wrap: break-word !important;
        word-break: break-word !important;
    }

    .semantic_ui .ui.celled.table tr th:last-child {
        content: "Suite Solution";
    }

    .hasTable .vc_column_container > .vc_column-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media all and (max-width: 500px) {
    .footable-first-visible {
        width: 185px;
        max-width: 185px !important;
        white-space: normal;
    }

    .wpb-js-composer .vc_tta.vc_tta-style-classic .vc_tta-tab {
        display: block !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .wpb-js-composer .vc_tta.vc_tta-style-classic .vc_tta-tab a {
        border-radius: 0 !important;
    }
}

/*######################*/
/*        FOOTER        */
/*######################*/
/*footer .container{*/
/*margin-right: 0px !important;*/
/*padding-right: 0px !important;*/
/*}*/

.footer-inner .right-border {
    float: right;
    position: absolute;
    height: 80%;
    margin-bottom: auto;
    margin-top: auto;
    width: 1px;
    right: 0;
    top: 10%;
    border-right: 1px solid #d0cfcf;
}

.menu-footer-main-menu-container {
    width: 1100px;
    margin: auto;
}

.footer-right-side, .footer-left-side {
    min-height: 530px;
}

.footer-left-side {
    padding-top: 10px;
    padding-bottom: 0px;
    min-height: auto;
}

.bottom-footer #nav_menu-3,
.footer_social_icons {
    display: inline-block;
    vertical-align: middle;
}

.bottom-footer #nav_menu-3 .menu-footer-main-menu-container {
    margin: 0;
    width: auto;
}

/* START OF NEW MENU 2.0 */

/* END OF NEW MENU 2.0 */
#menu-top-footer > li > ul > li:first-child {
    min-height: 146px;
}

.nav_2_holder > div {
    margin: 10px 0;
}

.footer_social_icons a {
    color: #8E8E8E;
    margin-right: 7px;
    vertical-align: middle;
}

.footer_social_icons a:hover,
.footer_social_icons a:active,
.footer_social_icons a:focus {
    color: #52c1b1;
    text-decoration: none;
}

.footer-left-side a:hover, .footer-left-side li:hover a {
    text-decoration: none !important;
}

/*.footer-left-side .widget.widget_nav_menu .menu > li{
    width: 33%;
}*/

.footer-left-side .widget.widget_nav_menu .menu > li > a {
    font-size: 18px;
    margin-bottom: 10px !important;
}

.footer-left-side .widget.widget_nav_menu .menu > li > a:hover,
.footer-left-side .widget.widget_nav_menu .menu > li > a:active,
.footer-left-side .widget.widget_nav_menu .menu > li > a:visited,
.footer-left-side .widget.widget_nav_menu .menu > li > a:focus {
    background: transparent;
    color: #fff !important;
    outline: none;
    text-decoration: none;
    cursor: default;
}

.footer-left-side .widget.widget_nav_menu .menu > li > .sub-menu > li {
    width: 80%;
}

.footer-left-side .widget.widget_nav_menu .menu > li li {
    width: 100%;
}

.footer-left-side .widget.widget_nav_menu .menu > li li a {
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    line-height: 25px;
}

.footer-left-side .widget.widget_nav_menu .menu > li > .sub-menu > li > a {
    font-size: 16px;
    line-height: 35px;
    font-weight: 700;
    color: #fff;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.footer-left-side .widget.widget_nav_menu .menu > li > .sub-menu > li > a:hover {
    background: transparent;
    color: #a9a9a9 !important;
    text-decoration: none;
    cursor: default;
}

.footer-right-side {
    /*background-color: #F5FCFB;*/
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

.footer-right-side .logo {
    width: 200px;
    margin-bottom: 10px;
}

.footer-right-side > a {
    display: block;
    text-align: center;
}

.footer-right-side .social-links {
    margin-top: 20px;
    background-color: white;
    min-width: 50%;
    max-width: 300px;
    margin-left: auto;
    padding: 20px;
    margin-right: auto;
    border-radius: 30px;
    text-align: center;
}

.footer-right-side .social-links h3 {
    font-weight: bold;
    margin: 0px;
}

.footer-right-side .social-links ul {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.footer-right-side .social-links ul li {
    position: relative;
    box-shadow: 2px 2px 4px grey;
    margin-top: 10px;
    list-style-type: none;
    border-radius: 30px;
    height: 35px;
    background-image: linear-gradient(to right, white, #f1f1f1);
    background-color: white;
}

.footer-right-side .social-links ul li a {
    color: #696969;
    width: 100%;
    display: block;
    height: 100%;
    font-size: 18px;
    font-style: italic;
}

.footer-right-side .social-links ul li a:hover {
    text-decoration: none;
}

.footer-right-side .social-links ul li:hover {
    background-image: linear-gradient(to right, #f1f1f1, #9e9e9e);
}

.footer-right-side .social-links ul li:hover .social {
    color: white;
}

.footer-right-side .social-links ul li a .fa {
    float: left;
    background-image: linear-gradient(to right, #525252, #b3b3b3);
    display: block;
    height: 100%;
    width: 35%;
    border-radius: 30px;
    padding-top: 4px;
    font-size: 28px;
}

.footer-right-side .social-links ul li a .social {
    color: #696969;
    width: 65%;
    display: block;
    height: 100%;
    padding-top: 2px;
    float: right;
    text-align: left;
    padding-left: 10px;
    font-size: 22px;
}

.microsite-footer .footer_social_icons {
    display: block;
    text-align: center;
    margin-bottom: 5px;
}

#tawk_chat_button {
    /*background: #e59320;*/
    text-align: right;
    width: 60px;
    height: 60px;
    padding: 0;
    position: fixed;
    bottom: 30px;
    right: 30px;
    /*cursor: pointer;*/
    /*border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.8) !important;*/
    overflow: visible;
    z-index: 9999;

    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}

#tawk_chat_button:hover {
    /*background: #fcb15f;*/
}

#tawk_chat_button img.chat_label {
    cursor: pointer;

    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}

#tawk_chat_button img.chat_label:hover {
    opacity: 0.9;
}

#chat_popup {
    position: absolute;
    bottom: 100%;
    right: 0;
    z-index: 1;
    height: auto;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    width: 100px;

    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}

#chat_popup.show_chat_1 {
    max-height: 60px;
}

#chat_popup.show_chat_1.show_chat_2 {
    max-height: 200px; /*doesn't necessarily need to be like the chat 1 height.*/
}

.chat_bubble {
    position: relative;
    background: #F4F4F4;
    padding: 10px;
    text-align: left;
    border-radius: 10px;
    margin-bottom: 10px;
}

.chat_bubble span {
    display: block;
}

.chat_bubble.has_caret::after {
    content: "\f0d7";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 2em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 95%;
    color: #f4f4f4;
    background: none;
    line-height: 10px;
    display: inline;
    right: 21px;
}
#chat_popup.show_chat_1 {
    max-height: 50px;
}
#chat_notification {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    background: #000;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 0 4px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 23px;

    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;

    -webkit-transform: scale(0, 0) translate(50%, -50%);
    -moz-transform: scale(0, 0) translate(50%, -50%);
    -ms-transform: scale(0, 0) translate(50%, -50%);
    transform: scale(0, 0) translate(50%, -50%);
}

#chat_notification.has_notification {
    display: block;

    -webkit-transform: scale(1, 1) translate(50%, -50%);
    -moz-transform: scale(1, 1) translate(50%, -50%);
    -ms-transform: scale(1, 1) translate(50%, -50%);
    transform: scale(1, 1) translate(50%, -50%);
}

.close_popup {
    color: #696969;
    line-height: 21px;
    width: 21px;
    height: 21px;
    font-size: 10px;
    display: none;
    position: absolute;
    top: 0;
    cursor: pointer;
    right: 0;
    z-index: 1;
    opacity: 1;
    text-align: center;
}

.chat_bubble:hover .close_popup {
    display: block;
}

/*######################*/
/*      HOME PAGE       */
/*######################*/
.mobile-home-header h1 {
    margin-bottom: 10px;
}

.mobile-home-form .live_demo_form input[type="submit"] {
    border-radius: 30px !important;
    text-decoration: none !important;
    border: 3px solid #C56B2A !important;
    background-color: #F08834 !important;
    color: #fff !important;
}

.top-circle {
    position: absolute;
    width: 35%;
    top: 0px;
    left: 0px;
    z-index: 9;
}

.trial-learn-more {
    margin-top: 10px;
}

.home-listing.unmatched .asap-container .wpb_single_image .vc_single_image-wrapper img {
    width: 100%;
}

#menu-footer-main-menu li a {
    padding: 0 10px 0 0;
    color: #696969;
    font-size: 14px;
    line-height: 20px;
    height: auto;
    font-weight: normal;
}

/*Tracking Solutions*/
.tracking-solutions {
}

/*Testimonials Slider*/
.wpb_posts_slider .slides p {
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}

.wpb_posts_slider .slides p:after {
    content: "";
    background-image: url(./images/inventory-asset-tracking-system-icon6.svg);
    background-position: right top;
    background-size: auto 100%;
    padding: 0px;
    margin-top: 0px !important;
    position: absolute;
    color: transparent;
    z-index: 999;
    width: 30px;
    left: initial;
    bottom: 0;
    right: 0;
    height: 30px;
}

.wpb_posts_slider .slides p:before {
    content: "";
    background-image: url(./images/inventory-asset-tracking-system-icon6.svg);
    background-position: left top;
    background-size: auto 100%;
    padding: 0px;
    margin-top: 0px !important;
    position: absolute;
    color: transparent;
    z-index: 999;
    width: 30px;
    left: initial;
    top: 0;
    height: 30px;
}

/*Video Library*/
.view-video a {
    content: " ";
    background-image: url(../asap-systems/images/inventory-asset-tracking-system-icon3.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: transparent !important;
    width: 100px;
    height: 100px;
    position: absolute;
    padding: 0;
    right: 0;
    bottom: 0;
}

.klev-industries-section .klev-img-left-para-right .wpb_column:nth-child(1) .vc_column-inner > .wpb_wrapper img {
    max-width: 500px;
    width: 100%;
}

.klev-industries-section .klev-img-right-para-left .wpb_column:nth-child(2) .vc_column-inner > .wpb_wrapper img {
    max-width: 500px;
    width: 100%;
}

.klev-features-section .klev-img-left-para-right .wpb_column:nth-child(1) .vc_column-inner > .wpb_wrapper img {
    max-width: 500px;
    width: 100%;
}

.klev-features-section .klev-img-right-para-left .wpb_column:nth-child(2) .vc_column-inner > .wpb_wrapper img {
    max-width: 500px;
    width: 100%;
}

.klev-features-section .klev-industries-center-text p {
    text-align: center !important;
}

.klev-industries-section .klev-industries-center-text p {
    text-align: center !important;
}

/*Popular Industries*/
.Industries {
    padding-top: 70px;
}

.Industries a:before {
    padding: 40px 0 0;

}

/*Our Integrations*/
.vc_custom_1562933917803 {
    font-size: 20px;
}

.mobile-home-news .mega-post-carousel1 {
    margin-bottom: 10px !important;
}

.mobile-home-news .mega-post-title a {
    color: #696969 !important;
    font-weight: normal !important;
    font-size: 22px !important;
}

.mobile-home-news .mega-post-meta, .mobile-home-news .mega-post-date, .mobile-home-news .mega-post-image {
    display: none;
}

/*######################*/
/*     END HOME PAGE    */
/*######################*/

/*######################*/
/*      POST PAGE       */
/*######################*/
.post-title a, .post-title {
    font-size: 55px;
    font-weight: 300;
    text-align: left;
    line-height: 65px;
    color: #696969;
}

.entry-content .shapely-content .wpb_content_element p {
    font-size: 24px;
    color: #696969 !important;
    margin-bottom: 30px;
}

.klev-related-posts h2 {
    font-size: 22px;
    line-height: 24px;
    color: #696969;
    margin-bottom: 13px;
    padding: 0 0 20px;
    font-weight: normal !important;
    border-bottom: 1px solid #52c1b1;
    text-align: left;
    display: inline-block;
}

.klev-related-posts .klev-related-post img {
    height: 200px;
    width: 100%;
}

.klev-related-posts .klev-related-post p {
    font-size: 22px;
    text-align: left;
    display: inline-block;
}

.klev-related-posts .klev-related-post span {
    font-size: 22px;
    display: inline-block;
    margin-left: 5px;
}

aside .widget {
    float: right;
}

.recent-posts-extended .sidebar-read-more {
    padding: 10px;
    background-color: #52c1b1;
    float: right;
    color: white !important;
    margin-top: 10px;
}

.recent-posts-extended .sidebar-read-more:hover {
    text-decoration: none;
    background-color: rgb(30, 122, 105);
}

.recent-posts-extended .sidebar-top-paragraph {
    font-size: 16px;
}

.rpwe-li {
    border: 2px solid #e8e8e8;
    -webkit-box-shadow: 5px 5px 6px 0px rgba(167, 167, 167, 0.5);
    -moz-box-shadow: 5px 5px 6px 0px rgba(167, 167, 167, 0.5);
    box-shadow: 5px 5px 6px 0px rgba(167, 167, 167, 0.5);
}

.rpwe-li .rpwe-title {
    margin-left: 10px;
    line-height: 17px !important;
}

.rpwe-li .rpwe-title a {
    color: #696969 !important;
    font-size: 18px;
    font-weight: bold;
    width: 95%;
    display: block !important;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.inventory-features1 p, .inventory-features2 p, .inventory-features3 p, .inventory-features4 p, .inventory-features5 p, .inventory-features6 p {
    font-size: 18px;
    line-height: 20px;
    padding: 10px;
}

/*######################*/
/*     END POST PAGE    */
/*######################*/

/*######################*/
/*    START FEATURES    */
/*######################*/

.klev-features-section .klev-img-left-para-right .wpb_column:nth-child(1) {
    display: table-footer-group;
}

.klev-features-section .klev-img-left-para-right .wpb_column:nth-child(2) {
    display: table-header-group;
}

.klev-feature-heading {
    color: #A8A8A9;
    width: 100%;
    border-bottom: 1px solid;
    padding-bottom: 5px;
}

/*######################*/
/*      END FEATURES   */
/*######################*/

/*######################*/
/*   START INDUSTRIES   */
/*######################*/
.klev-industries-margin-top {
    margin-top: 10px;
}

.klev-industries-no-v-padding .vc_column-inner {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.klev-industries-row {
    margin-top: 10px;
    margin-bottom: 10px;
}

.klev-industries-staff h4 {
    font-weight: bold !important;
}

.klev-industries-staff .wpb_content_element {
    padding: 10px;
}

.klev-title-paragraph .wpb_wrapper p {
    font-size: 20px;
    line-height: 1.2;
    width: 100%;
    margin: 0;
}

.klev-industries-section .klev-img-left-para-right .wpb_column:nth-child(1) {
    display: table-footer-group;
}

.klev-industries-section .klev-img-left-para-right .wpb_column:nth-child(2) {
    display: table-header-group;
}

/*######################*/
/*    END INDUSTRIES    */
/*######################*/

.wpb_posts_slider .wpb_gallery_slides {
    overflow: inherit !important;
}

/*Lets Go Button*/
/*Start of Let's Go Button'*/
.lets-go {
    display: block;
    overflow: hidden;
    align-items: center;
    will-change: transform;
    background-color: #ce5f28;
    transform: translate(0px, 15px) perspective(200px) rotateX(10deg);
    box-shadow: rgb(162, 162, 162) 1px 1px 20px;
    position: absolute;
    z-index: 9;
    bottom: 15px;
    right: 15%;
    border-radius: 200px;
    transition: text-shadow 0.33s ease 0s, transform 0.3s ease 0s, letter-spacing 0.3s ease 0s;
    animation: 1s ease 0s infinite normal none running shadow-pulse;
    height: 170px;
    width: 170px;
}

.lets-go:hover img {
    position: absolute;
    bottom: -1px;
}

.lets-go img {
    width: 100%;
}

/*End of Let's Go Button'*/

.home-footer-form .vc_col-sm-2\/5 {
    background: initial;
    border: initial;
    padding: initial;
    height: initial;
}

/*Warehouse Header*/
.inner_drop_1 {
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: 1165px;
    margin: 0 auto;
}

.left_col_6 {
    width: 445px;
    margin-left: 0;
    float: left;
}

.left_col_6 h2 {
    font-family: proxima_nova_rgregular;
}

.left_col_6 h2 a {
    color: inherit;
}

/*Features*/
#not-available {
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    margin: 0px !important;
    padding: 6px 10px 8px !important;
}

/*Footer*/

.bottom-footer .back-to-top {
    border-radius: 50%;
    margin-bottom: 10px;
}

.bottom-footer .back-to-top:hover {
    background: rgb(30, 122, 105);
    border-color: rgb(30, 122, 105);
}

/*Buttons*/
.get-trial {
    display: inline-block;
    color: transparent;
    background-image: url(../asap-systems/images/inventory-asset-tracking-systems-cta4.svg);
    background-repeat: no-repeat;
    background-size: 155px 76px;
    height: 38px;
    width: 155px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.get-trial:hover {
    background-position: bottom left;
}

.learn-more {
    display: inline-block;
    color: transparent;
    background-image: url(../asap-systems/images/inventory-asset-tracking-systems-learn-more.svg);
    background-repeat: no-repeat;
    background-size: 110px 75px;
    height: 38px;
    width: 110px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.learn-more:hover {
    background-position: bottom left;
}

.req_quote {
    display: block;
    color: transparent;
    background-image: url(../asap-systems/images/inventory-asset-tracking-systems-cta2.svg);
    background-repeat: no-repeat;
    background-size: 155px 75px;
    height: 37px;
    width: 155px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.req_quote:hover {
    background-position: bottom left;
}

.schedule_demo {
    display: block;
    color: transparent;
    background-image: url(../asap-systems/images/inventory-asset-tracking-systems-cta3.svg);
    background-repeat: no-repeat;
    background-size: 215px 75px;
    height: 37px;
    width: 215px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.schedule_demo:hover {
    background-position: bottom left;
}

.c-lead-button .schedule_demo {
    background-position-x: center;
}

.c-lead-button .schedule_demo:hover {
    background-position: bottom center;
}

/*PAGINATION*/
ul.page-numbers {
    list-style: none !important;
    margin-top: 10px !important;
}

.page-numbers:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

ul.page-numbers li {
    display: block;
    float: left;
    margin: 0 4px 4px 0;
    text-align: center;
}

.page-numbers a,
.page-numbers span {
    display: block;
    padding: 0 6px;
    height: 40px;
    width: 40px;
    line-height: 42px !important;
    font-size: 20px;
    text-decoration: none !important;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid #ddd;
    color: #888;
}

.page-numbers a span {
    padding: 0
}

.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
    color: #f95700;
    background: #f7f7f7;
    text-decoration: none;
}

.page-numbers:hover {
    text-decoration: none
}

/*Random*/
.download-pdf-btn {
    font-size: 1.3em !important;
    margin-bottom: 10px;
    width: 100%;
}

.padding-20 {
    padding: 20px !important;
}

aside#secondary {
    margin-top: 40px;
}

#cs-download-pdf {
    display: none;
}

.klev-support-body .text-info {
    color: #696969 !important;
}

.posts-section article .klev-thumbnail {
    float: left;
    text-align: center;
    height: 280px;
    overflow: hidden;
}

.posts-section article .klev-thumbnail img {
    height: 100%;
    width: 100%;
}

.klev-contact-box {
    padding: 10px !important;
}

.klev-contact-box h2, .klev-contact-box h3 {
    font-weight: normal !important;
    font-size: 26px !important;
    width: 90%;
    text-align: center;
    border-bottom: 1px solid #696969;
    padding-top: 5px;
    margin: 0 5% 22px !important;
    font-family: 'proxima_nova_rgregular' !important;
    padding-bottom: 10px;
    color: #696969 !important;
}

.klev-contact-box > .vc_column-inner {
    padding: 15px !important;
    min-height: 615px;
    box-shadow: 4px 4px 9px 1px rgba(194, 192, 194, 1);
}

.mobile-home-testimonial .owl-carousel .owl-stage-outer, .home-latest-news .owl-carousel .owl-stage-outer {
    height: auto !important;
}

.home-latest-news .vc_column-inner {
    padding-top: 5px !important;
}

.asap-inline-buttons .wpb_wrapper{
    display: flex;
}

.asap-inline-buttons {
    text-align: center;
}

.asap-inline-buttons .asap-button {
    display: inline-block !important;
}

.asap-inline-buttons .asap-button:not(:first-child) {
    margin-left: 10px;
}

.asap-button.pricing-button {
    line-height: 22px;
    padding: 5px 10px 5px 10px;
    margin-bottom: 5px;
}

.asap-button.pricing-download-button {
    margin: 5px 0px 0px 0px !important;
    float: right !important;
    line-height: 22px;
}

.asap-button {
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    border-radius: 30px;
    text-decoration: none !important;
    text-align: center;
}

.asap-button.orange,
#content .asap-button.orange {
    border: 3px solid #C56B2A;
    background-color: #F08834;
    color: #fff;
}

#content .asap-button.orange:hover {
    border: 3px solid #F08834;
    background-color: #C56B2A;
    color: #fff;
}


#trial_holder {
    position: relative;
}

#trial_holder:hover .stuff_container {
    display: block;
}


.stuff_container .incentive_trial,
.stuff_container .incentive_ebook {
    width: 100%;
    height: 0;
    padding: 0;
    /*padding-bottom: 20%;*/
    padding-bottom: 21%;
    float: left;
    margin-bottom: 5px;

    background: transparent center center no-repeat;
    background-size: contain;
    background-image: url(images/inventory-asset-tracking-banner-sub-cta.svg?ver=1);
}

.stuff_container .incentive_ebook {
    padding-bottom: 25%;
    background-image: url(images/inventory-asset-tracking-banner-sub-cta1-svg.svg?ver=1);
}

.stuff_container .incentive_trial:hover {
    background-image: url(images/inventory-asset-tracking-banner-sub-cta-hover.svg?ver=1);
}

.stuff_container .incentive_ebook:hover {
    background-image: url(images/inventory-asset-tracking-banner-sub-cta1-hover.svg?ver=1);
}

.asap-button.green {
    border: 3px solid #3E9785;
    background-color: #5EAF9F;
    color: #fff !important;
}

.asap-button.green:hover {
    border: 3px solid #5EAF9F;
    background-color: #3E9785;
    color: #fff;
}

.asap-button {
    margin-left: auto;
    margin-right: auto;
    display: table !important;
    margin-top: 20px;
}

.asap-button.schedule-a-demo-button,
#content .asap-button.schedule-a-demo-button {
    background: transparent url(assets/svg/schedule-free-demo/inventory-asset-tracking-cta.svg) center top no-repeat;
    height: 50px;
    padding: 0;
    width: 241px;
    border: none;
    border-radius: 0;
    color: transparent;
    max-width: 100%;
    margin-top: 2px;
    vertical-align: top;
}

.asap-button.schedule-a-demo-button:hover,
#content .asap-button.schedule-a-demo-button:hover {
    background-image: url(assets/svg/schedule-free-demo/inventory-asset-tracking-hover-cta.svg);
    border: none;
    background-color: transparent;
}

.asap-button.get-a-trial-button,
#content .asap-button.get-a-trial-button {
    background: transparent url(assets/svg/get-a-free-trial/inventory-asset-tracking-cta2.svg) center top no-repeat;
    height: 50px;
    padding: 0;
    width: 241px;
    border: none;
    border-radius: 0;
    color: transparent;
    max-width: 100%;
    vertical-align: top;
    color: transparent !important;
}

.asap-button.get-a-trial-button:hover,
#content .asap-button.get-a-trial-button:hover {
    color: transparent;
    background-image: url(assets/svg/get-a-free-trial/inventory-asset-tracking-hover-cta2.svg);
    border: none;
    background-color: transparent;
}
/*
.slick-dots {
    bottom: 0px !important;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #219980 !important;
}

.slick-dots li button:before {;
    color: #3db1a1 !important;
}*/

.owl-theme .owl-dots .owl-dot span {
    background: #3db1a1;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #219980;
}

/*http://localhost/asapsolutions/asset-features/#*/
.download-url {
    width: 220px;
    height: 37px;
    margin-bottom: 10px;
}

.social-icons .menu-item i {
    color: #fff;
    font-size: 18px;
    padding-top: 10px;
    padding-left: 5px;
}

.box-shadow {
    box-shadow: 10px 10px 20px 0px #bfbfbf;
}

.no-hover > a:hover {
    background: transparent;
    text-decoration: none;
    cursor: default;
}

.n2-bullet {
    border-color: #63c2b1 !important;
}

.n2-active {
    background: #5db1a1 !important;
}

.green-dots li::before {
    color: #5db1a1;
    content: "\2022";
    padding-right: 1.2em;
    right: -12px;
    position: relative;
    top: 0;
}

.bullet-point::before {
    color: #5db1a1;
    content: "\2022";
    padding-right: 1.2em;
    right: -12px;
    position: relative;
    top: 0;
}

.sku-stock p {
    direction: ltr;
}

.px_20 {
    font-size: 20px;
}

.home .top-section {
    padding-top: 0px !important;
    margin-bottom: 40px !important;
}

.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    float: none !important;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
    vertical-align: top;
}

.row-centered {
    text-align: center;
}

[class*="col-centered-"] {
    display: block;
    float: none;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
}

/* Default BS breakpoints */
@media (min-width: 768px) {
    .col-centered-sm {
        display: inline-block
    }
}

@media (min-width: 992px) {
    .col-centered-md {
        display: inline-block
    }
}

@media (min-width: 1200px) {
    .col-centered-lg {
        display: inline-block
    }
}

#livezilla_wm {
    background: transparent url(images/how-can-we-help-you-icon.png) center center no-repeat !important;
    background-size: cover !important;
    bottom: 60px !important;
    right: 40px !important;
    width: 80px !important;
    height: 80px !important;
    top: auto !important;
    left: auto !important;
}

#lz_overlay_wm, #lz_overlay_wm svg, #lz_overlay_chat, #lz_overlay_chat * {
    font-size: 14px !important;
}

#lz_chat_overlay_main {
    border-radius: 20px !important;
}

#lz_overlay_wm {
    /*margin: 0px 0px 95px 0px !important;*/
}

.lz_overlay_wm_icon {
    display: none !important;
}

body #lz_overlay_preview .lz_overlay_chat_message_avatar,
body #lz_overlay_chat .lz_overlay_chat_message_avatar {
    display: none !important;
}

.modal-dialog {
    margin-top: 10% !important;
}

#lz_eye_catcher {
    display: none;
}

/*CUSTOM VC*/

.vc_custom_1568041419006 {
    margin-bottom: 20px !important;
}

.home-image-text {
    margin-bottom: 65px !important;
}

/*Start Form Layout */
.live_demo_form .cta-btn-3 {
    text-transform: uppercase;
    background: #f7941d;
    border: 1px solid #f7941d;
    color: #fff;
    padding: 8px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
}

/**
* Sivan[sun.sivan@gmail.com]
* This pen is using Autoprefixer
*/

.live_demo_form .form-container input {
    display: block;
    width: 100%;
    height: 3em;
    padding: 16px 8px;
    border: 1px solid #ededed;
    font-size: 18px;
    line-height: 1;
    background: rgba(255, 255, 255, 0.97);
    color: #787878;
    appearance: none;
    transition: all 0.2s ease-in-out;
    outline: 0 none;
}

.live_demo_form .form-container textarea {
    display: block;
    width: 100%;
    height: 6em;
    padding: 16px 8px;
    border: 1px solid #ededed;
    font-size: 18px;
    line-height: 1;
    background: rgba(255, 255, 255, 0.97);
    color: #787878;
    appearance: none;
    transition: all 0.2s ease-in-out;
    outline: 0 none;
    resize: none;
}

.live_demo_form .form-container .custom-checkbox {
    width: 60px;
    height: 50px;
    border: 1px solid #ededed;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.55);
    vertical-align: bottom;
    margin: 20px;
    margin-top: 0px;
    margin-left: 0px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    cursor: pointer;
}

.live_demo_form .form-container .custom-input {
    width: 60px;
    height: 50px;
    border: 1px solid #ededed;
    padding: 10px !important;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.55);
    vertical-align: bottom;
    margin: 20px;
    margin-top: 0px;
    margin-left: 0px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}

.live_demo_form .form-container .cta-btn-3 {
    text-transform: uppercase;
    background: #f7941d;
    border: 1px solid #f7941d;
    color: #fff !important;
    padding: 8px !important;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
}

.live_demo_form input[type="submit"]:hover {

    background-color: transparent;
    color: #f7941d !important;

}

.live_demo_form .form-container .custom-checkbox.checked {
    background: url('../img/forms/check-marks.png') no-repeat center center;
    background-size: 80%;
}

.live_demo_form .form-container .checkbox-info {
    position: absolute;
    left: 0;
    margin-left: 85px;
    margin-top: 10px;
    font-size: 20px;
    color: #787878;
    cursor: pointer;
}

.live_demo_form .form-container .checkbox-container {
    width: 100px;
}

.live_demo_form .form-container .has-error input {
    border: 1px solid red;
}

.live_demo_form .form-container .help-block {
    display: none;
    position: absolute;
    z-index: 9;
    right: 10px;
    top: 10px;
    font-size: 18px;
    opacity: 0.5;
}

.live_demo_form .form-container .has-error .help-block {
    display: block;
}

.live_demo_form .form-container fieldset {
    position: relative;
    padding-bottom: 10px;
}

.live_demo_form .form-container fieldset input {
    border-radius: 4px;
}

.live_demo_form .form-container label {
    position: absolute;
    top: 15px;
    left: 16px;
    color: #787878;
    font-size: 18px;
    font-weight: normal;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.live_demo_form .form-container input:valid, .live_demo_form .form-container input:focus, .live_demo_form .form-container textarea:valid, .live_demo_form .form-container textarea:focus {
    padding: 22px 16px 10px;
}

.live_demo_form .form-container input:focus, .live_demo_form .form-container textarea:focus {
    border: 1px solid #ededed;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.55);
}

/*.form-container input:focus + label, .form-container textarea:valid + label, .form-container textarea:focus + label {*/
/*color: #8ccd73;*/
/*font-size: 14px;*/
/*margin-top: -13px;*/
/*}*/
.live_demo_form .form-container {
    text-align: center;
    max-width: 730px;
    padding: 5px 10px;
    margin: 0 auto;
    background-color: whitesmoke;
}

.live_demo_form .form-container h1 {
    font-size: 36px;
    color: #3c3c3c;
}

.live_demo_form .form-container p {
    font-size: 19px;
    color: #787878;
    margin-bottom: 20px;
}

.live_demo_form #error_interested {
    font-size: 20px;
    color: red;
    display: none;
}

.live_demo_form .form-list-style li {
    font-size: 22px !important;
    margin-bottom: 15px;
}

/*  hide Feilds on mobile*/
.live_demo_form .field-forms-ext {
    display: none;
}

.live_demo_form .required-star {
    color: red;
}

@media (min-width: 768px) {
    .live_demo_form .form-border-md-right {
        border-right: 1px solid #bfbfbf;
    }

    .live_demo_form .form-border-md-left {
        border-left: 1px solid #bfbfbf;
    }

    .live_demo_form .form-padding-md-right30 {
        padding-right: 30px;
    }

    .live_demo_form .form-padding-md-left30 {
        padding-right: 30px;
    }

    .live_demo_form .field-forms-phone {
        width: 68%;
        float: left;
    }

    .live_demo_form .field-forms-ext {
        width: 30%;
        margin-left: 2%;
        float: left;
        display: block;
    }

    .live_demo_form .form-container {
        padding: 20px 50px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,f5f5f5+52,ffffff+100 */
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 1%, #f5f5f5 52%, #ffffff 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ffffff 1%, #f5f5f5 52%, #ffffff 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ffffff 1%, #f5f5f5 52%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
        -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.75);
    }
}

@media (max-width: 767px) {
    #secondary_menu {
        display: none;
    }

    .live_demo_form .form-container h1 {
        font-size: 24px;
        color: #3c3c3c;
    }

    .live_demo_form .form-container p {
        font-size: 16px;
        color: #787878;
    }

    .live_demo_form .form-container .help-block {
        top: -1px;
        font-size: 14px;
    }
}

/*End Form Layout*/

.live_demo_form input[type="text"], .live_demo_form input[type="search"], .live_demo_form input[type="email"], .live_demo_form input[type="tel"] {
    margin-bottom: 1px;
}

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-5ths {
    width: 20%;
    float: left
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left
    }
}

.z-index-auto, .z-index-auto .vc_column-inner, .z-index-auto .vc_column_container {
    z-index: auto !important;
}

.z-index-minus, .z-index-minus .vc_column-inner, .z-index-minus .vc_column_container {
    z-index: -1 !important;
}

.overflow-init, .overflow-init .vc_column-inner, .overflow-init .vc_column_container {
    overflow: initial;
}

/*######################*/
/*  START Custom table  */
/*######################*/
.klev-custom-table{
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    table-layout: fixed;
}

@media only screen and (max-width: 1200px) {
    .klev-custom-table{
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width: 768px) {
    .klev-custom-table.hide-mobile{
        display: none !important;
    }
}

@media only screen and (max-width: 768px) {
    .klev-custom-table{
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .klev-custom-table li {
        text-align: left;
    }

    .klev-custom-table .rotation-wrapper-outer {
        display: table;
    }
    .klev-custom-table .rotation-wrapper-inner {
        padding: 0px;
        height: 0;
    }

    .klev-custom-table span.mobile-rotate {
        display: block;
        transform-origin: top left;
        /* Note: for a CLOCKWISE rotation, use the commented-out
           transform instead of this one. */
        transform: rotate(-90deg) translate(-100%);
        /* transform: rotate(90deg) translate(0, -100%); */
        margin-top: -50%;

        /* Not vital, but possibly a good idea if the element you're rotating contains
           text and you want a single long vertical line of text and the pre-rotation
           width of your element is small enough that the text wraps: */
        white-space: nowrap;
    }

    .klev-custom-table.klev-no-cell-last-last tr td:first-child {
        max-width: 50px !important;
    }
}

.klev-custom-table, .klev-custom-table th, .klev-custom-table td {
    border: 2px solid white !important;
}

.klev-custom-table ul {
    margin: 0.75em 0 !important;
    padding: 0 1em;
    list-style: none !important;
}
.klev-custom-table li {
    font-size: 1.3em !important;
    text-align: left;
}
.klev-custom-table li:before {
    content: "";
    border-color: transparent #f5d7a2;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -0.8em;
    top: 0.9em;
    position: relative;
}

.klev-custom-table br{
    display: none;
}
.klev-custom-table thead th{
    text-align: center;
}
.klev-custom-table thead th i{
    font-weight: initial;
}
.klev-custom-table thead tr th{
    background-color: #aedaff;
    padding: 5px 0px;
    vertical-align: top;
}

.klev-custom-table thead tr th h3{
    padding: 0px;
    margin: 0px !important;
}

.klev-custom-table tbody tr td {
    background-color: #FCFCFC;
}

.klev-custom-table tr th:first-child {
    width: 20%;
}

.klev-custom-table.klev-no-cell-last-last tr td:first-child {
    padding-left: 2px;
    font-size: 1.5em;
    max-width: 250px;
    font-weight: bold;
    text-align: center;
    color: #1C234D;
    vertical-align: middle;
    background-color: #f5d7a2bf;
}
.klev-custom-table.klev-no-cell-last-last tr:last-child td:last-child {
    background-color: transparent;
}
.klev-custom-table.klev-no-cell-first-first thead tr th:first-child {
    background-color: transparent;
}


/*######################*/
/*  START Custom table  */
/*######################*/


@media only screen and (min-width: 768px) {
    .klev-custom-table-mobile{
        display: none !important;
    }
}

@media only screen and (max-width: 768px) {
    .klev-custom-table-mobile{
        display: block !important;
    }

    .klev-custom-table-mobile{
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        table-layout: fixed;
    }

    .klev-custom-table-mobile li {
        text-align: left;
    }

    .klev-custom-table-mobile .rotation-wrapper-outer {
        display: table;
    }
    .klev-custom-table-mobile .rotation-wrapper-inner {
        padding: 0px;
        height: 0;
    }

    .klev-custom-table-mobile span.mobile-rotate {
        display: block;
        transform-origin: top left;
        /* Note: for a CLOCKWISE rotation, use the commented-out
           transform instead of this one. */
        transform: rotate(-90deg) translate(-100%);
        /* transform: rotate(90deg) translate(0, -100%); */
        margin-top: -50%;

        /* Not vital, but possibly a good idea if the element you're rotating contains
           text and you want a single long vertical line of text and the pre-rotation
           width of your element is small enough that the text wraps: */
        white-space: nowrap;
    }

    .klev-custom-table-mobile.klev-no-cell-last-last tr td:first-child {
        max-width: 50px !important;
        height: 400px;
    }

    .klev-custom-table-mobile, .klev-custom-table-mobile th, .klev-custom-table-mobile td {
        border: 2px solid white !important;
    }

    .klev-custom-table-mobile ul {
        padding-left: 20px;
        padding-bottom: 5px;
        margin: 0px !important;
        list-style: none !important;
    }
    .klev-custom-table-mobile li {
        font-size: 1.3em !important;
        text-align: left;
    }
    .klev-custom-table-mobile li:before {
        content: "";
        border-color: transparent #f5d7a2;
        border-style: solid;
        border-width: 0.35em 0 0.35em 0.45em;
        display: block;
        height: 0;
        width: 0;
        left: -0.8em;
        top: 0.9em;
        position: relative;
    }

    .klev-custom-table-mobile br{
        display: none;
    }


    .klev-custom-table-mobile .heading{
        text-align: center;
    }
    .klev-custom-table-mobile .heading i{
        font-weight: initial;
    }
    .klev-custom-table-mobile .heading{
        background-color: #aedaff;
        padding: 5px 0px;
        vertical-align: top;
    }

    .klev-custom-table-mobile .heading h3{
        padding: 0px;
        margin: 0px !important;
    }

    .klev-custom-table-mobile .column-2{
        padding: 0px;
        display: contents;
        width: 100%;
    }


    .klev-custom-table-mobile tbody tr td {
        background-color: #FCFCFC;
    }

    .klev-custom-table-mobile tr th:first-child {
        width: 20%;
    }

    .klev-custom-table-mobile tr td[rowspan] {
        width: 10%;
        font-size: 1.5em;
        max-width: 250px;
        font-weight: bold;
        text-align: center;
        color: #1C234D;
        vertical-align: middle;
        background-color: #f5d7a2bf;
    }
}

.rotate {
    transform: rotate(-90deg);
    /* Legacy vendor prefixes that you probably don't need... */
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.bottom-line, .bottom-line-left, .bottom-line-right, .bottom-line-center{
    width: inherit;
    display: block;
    margin: auto;
}

.bottom-line::after, .bottom-line-left::after, .bottom-line-right::after, .bottom-line-center::after{
    width: 83px;
    height: 4px;
    display: block;
    content: " ";
    color: transparent;
    background: #f95700;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.bottom-line-left::after{
    margin-left: 0;
}
.bottom-line-right::after{
    margin-right: 0 !important;
}


@media only screen and (max-width: 767px) {
    .bottom-line-left::after{
        margin-left: auto !important;
    }
    .bottom-line-right::after{
        margin-right: auto !important;
    }
}

/*On a hurry*/
.vc_custom_1576623205193 h2{
    margin-bottom: 20px !important;
}

.vc_custom_1589474926200 h3{
    text-align: left !important;
}

.width-90p{
    width: 90%;
}


@media only screen and (max-width: 768px) {
    .vc_custom_1590485629147 .vc_row{
        margin-bottom: 0px !important;
    }

    .vc_custom_1590485629147 .vc_row{
        margin-top: 0px !important;
    }

    .vc_custom_1590485570560 {
        padding-top: 0px;
        margin-top: 0px !important;
    }

    .vc_custom_1590485570560 .vc_row{
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
}
/*1111111111111111*/
/* MAIN Beguin*/
#features-sidebar-nav .feature-title{
    padding-left: 6px !important;
    /*text-align: left !important;*/
    font-weight: 100;
    display: block;
    color: #ffa20082;
    margin-right: 5px;    
    line-height: 2;
    width: 220px;
    background-size: contain;
    /*background: url(images/arrow.svg) no-repeat right 0 #dedede !important; */
    cursor:pointer;
}

.doFadeInCL {
    -webkit-animation:fadeInSlide forwards ease-in 150ms;
    animation:fadeInSlide forwards ease-in 150ms;
}
.doFadeOutCL {
    -webkit-animation:fadeOutSlideDown forwards ease-out 150ms;
    animation:fadeOutSlideDown forwards ease-out 150ms;
}


#features-sidebar-nav-sections {
    overflow-x: hidden;
}
section.main_section_cl {
    width: 100%;
    padding-top: 0;
}
.main-container {
    overflow: hidden;
}
@media only screen and (max-width:768px) {
    .home .vc_column-inner p {
        text-align: left !important;
    }
}
.CLsection .p_cl_parent {
    font-size: 20px !important;
    color: #666 !important;
    text-align: left !important;
    line-height: 1.4 !important;
}
.pb-15-child p {
    padding-bottom: 15px;
}
/*
.wpcf7 .wpcf7-form .live_demo_form>.form-container {
    background-image: none!important;
    padding: 35px 30px 20px 30px;
    border: 1px solid #e2e2e2;
    background: none!important;
    max-width: 80% !important;
    box-shadow: 0 0 6px 0 #ccc;
}
*/
.home .vc_column-inner p {
    text-align: left !important
}
article#post-25965 .vc_custom_1598604203663 .wpb_content_element {
    margin-bottom: 10px;
}
.para_counter_wrapper .my_flex_cl {
    display: flex;
}
.para_counter_wrapper .para_counter {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #ebebeb;
}
.para_counter_wrapper .love_count_cl {
    font-size: 65px;
    font-weight: 700;
}
@media only screen and (min-width:1200px) {
    .para_counter_wrapper .my_flex_cl div:nth-child(1) {
        padding-left: 0;
    }
}
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
#content .cl_anchors a {
    color: #f95700 !important
}
.CLsection {
    font-family: 'Open Sans', sans-serif;
    margin: 0 auto;
    padding: 55px 20px 0 20px;
    width: 90%;
}
.CLsection h5 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 0;
}
.remove_padding_top .CLsection {
    padding-top: 0;
}
.cl_templatera_contactform::after,
.entry-content .CLsection::after {
    display: block;
    content: "";
    width: 88%;
    height: 85px;
    background-size: cover;
    background: url(images/seperator1.jpg) no-repeat center bottom;
    margin: 0 auto;
}
.remove_bottom_border .CLsection:nth-child(1)::after {
    background: none;
    height: auto;
}
h2.CL-h2-tilte {
    margin: 0 0 30px 0;
    text-align: center;
    font-size: 32px;
    color: #262626;
    padding: 0;
}
.cl_templatera_contactform .templatera_shortcode {
    margin: 0 auto;
    padding-top: 85px;
}
/* H1 and paragraph heading */
.h1_title_and_paragraph h1,
.h1_title_and_paragraph h2 {
    font-size: 28px;
    color: #262626!important;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 700;
    padding: 0 20px;
}
.h1_title_and_paragraph h1{font-size: 32px;}
.h1_title_and_paragraph .my_content {
    text-align: center;
    font-size: 20px;
    color: #666;
    line-height: 1.4;
}
@media only screen and (max-width:600px) {
    .h1_title_and_paragraph .my_content {
        text-align: left;
    }
}
/* ASAP SLIDER begin*/
.CL2021asapslider .slidercontainer {
    transition: background-image 0.4s ease-in;
    width: 100%;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: 100%;
}
.CL2021asapslider .slidercontainer h1 {
    font-size: 4.2vw !important;
    line-height: 4.2vw !important;
    text-align: left;
    width: 40%;
    font-family: proxima_nova_rgregular !important;
    font-weight: 700 !important;
    color: #000000;
    margin-bottom: 25px;
}
.CL2021asapslider .slidercontainer p {
    font-size: 2.2vw !important;
    line-height: 2.6vw !important;
    text-align: left !important;
    width: 40%;
    font-family: proxima_nova_rgregular !important;
    color: #000000;
    margin-bottom: 25px;
}
.CL2021asapslider .slidercontainer .stickyitem {
    padding: 4%;
}
.CL2021asapslider .slidercontainer .btncta:hover {
    animation: pulse 2s infinite;
    cursor: pointer;
}
@media only screen and (max-width:993px) {
    .CL2021asapslider .slidercontainer h1 {
        font-size: 40px !important;
        line-height: 40px !important;
    }
    .CL2021asapslider .slidercontainer p {
        font-size: 150% !important;
        line-height: 150% !important;
    }
    .CL2021asapslider .slidercontainer .btncta {
        height: 50px !important;
    }
}
@media only screen and (max-width:767px) {
    .CL2021asapslider .slidercontainer h1 {
        font-size: 40px !important;
        line-height: 40px !important;
    }
    .CL2021asapslider .slidercontainer p {
        font-size: 150% !important;
        line-height: 150% !important;
    }
    .CL2021asapslider .slidercontainer .btncta {
        height: 50px !important;
    }
}
@media only screen and (max-width:550px) {
    .CL2021asapslider .slidercontainer h1 {
        font-size: 32px !important;
        line-height: 32px !important;
        width: 60%;
    }
    .CL2021asapslider .slidercontainer p {
        font-size: 20px !important;
        line-height: 20px !important;
        width: 60%;
    }
    .CL2021asapslider .slidercontainer .btncta {
        height: 35px !important;
    }
}
/* Cl slider V2 */
.CircleSLCL .cl_inner {
    padding: 0 30px;
}
.CircleSLCL .circlebutton {
    margin: 20px auto 15px auto;
    text-align: center;
    width: 260px;
    font-size: 22px;
    color: #262626 !important;
    font-weight: 700;
}
#content .CircleSLCL .circlebutton a {
    color: #262626 !important;
    font-weight: 600;
    border: 1px solid #f95700;
    border-radius: 50px;
    text-decoration: none;
    padding: 6px 15px;
    animation: pulse 2s infinite;
    box-shadow: 0px 3px 8px 0px #ccc;
}
.CircleSLCL .centeredincircle p {
    font-size: 22px!important;
    color: #262626!important;
    font-weight: 600;
    text-align: center!important;
    margin-bottom: 13px;
    font-family: proxima_nova_rgregular !important;
}
.CircleSLCL .thecirlcebgCL {
    padding-bottom: 290px!important;
    padding-top: 290px!important;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
}
.CircleSLCL .infograph-slider {
    display: none!important;
    position: relative;
    margin-bottom: 20px;
    margin-top: 20px;
}
.CircleSLCL .infograph-slider>.slide {
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
}
.CircleSLCL .infograph-slider .slide {
    width: 100%;
    margin: 0;
    text-align: center;
}
.CircleSLCL .infograph-slider .slide img {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
}
.CircleSLCL .infograph-slider .slide .hh2 {
    font-weight: 900!important;
    font-size: 32px !important;
    color: #262626;
    text-align: center !important;
    margin-bottom: 20px !important;
    margin: 0 0 10px !important;
    padding-top: 0;
}
@media only screen and (max-width:993px) {
    .CircleSLCL .infograph-slider {
        display: block !important;
    }
    .CircleSLCL .circleboxCL {
        display: none !important;
    }
    .CircleSLCL .owl-carousel .owl-item {
        text-align: center;
    }
    .CircleSLCL .owl-carousel .owl-item img {
        width: 100%;
        margin: 0 auto;
    }
}
@media only screen and (max-width:375px) {
    .CircleSLCL .testimonial-slider.slide p {
        padding-right: 0px;
        padding-left: 0px;
    }
    .CircleSLCL .testimonial-slider .slide p:before {
        height: 15px;
        width: 15px;
        left: -25px;
    }
    .CircleSLCL .testimonial-slider .slide p:after {
        height: 15px;
        width: 15px;
    }
}
/* Cl Cl Video Library begin */
.videos-libraryCL .asap-box-shadow {
    -webkit-box-shadow: 0 17px 10px -11px #7d7d7d;
    -moz-box-shadow: 0 17px 10px -11px #7d7d7d;
    box-shadow: 0 17px 10px -11px #7d7d7d;
}
.videos-libraryCL .CL-h2-tilte {
    margin-bottom: 0;
}
.videos-libraryCL .video {
    padding: 0;
    display: table;
    width: 100%;
    margin-top: 55px;
}
.videos-libraryCL .video-count-1.video {
    padding: 20px 0 5px 0;
    display: block;
}
.videos-libraryCL .video-count-1.video::before,
.videos-libraryCL .video-count-1.video::after {
    content: "";
    display: table;
    table-layout: fixed;
    clear: both;
}
.videos-libraryCL .video a {
    display: block;
    padding-bottom: 15px;
}
.videos-libraryCL .video .image {
    position: relative;
    height: 275px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.videos-libraryCL .video .image.borderClass {
    border: 1px solid #5eb1a2;
}
.videos-libraryCL .video .image>img {
    width: 100%;
    height: 100%;
}
.videos-libraryCL .video h3 {
    width: 80%;
    font-size: 22px !important;
    display: block;
    text-align: center;
    margin: auto;
}
.videos-libraryCL .video a:hover {
    text-decoration: none;
    opacity: 0.7;
}
.videos-libraryCL .video a:hover .play-button:before {
    transform: scale(1.375);
}
.videos-libraryCL .video .play-button:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #5eaf9f;
    box-shadow: 0 0 17px rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    content: '';
    transform: scale(1);
    transition: transform 0.2s ease;
}
.videos-libraryCL .video .play-button {
    width: 80px;
    height: 80px;
}
.videos-libraryCL .video .play-button {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.atitle {
    font-size: 20px;
    display: block;
    text-align: left;
    margin: 0;
    color: #696969 !important;
    width: 100%;
    transition: 0.2s all ease-in-out;
    height: auto;
}
.adate {
    font-size: 22px;
    display: block;
    text-align: left;
    font-weight: 600;
    color: #696969;
    margin-top: 0px;
}
.videos-libraryCL .video .play-button:before {
    content: none!important;
}
.videos-libraryCL .video .play-button {
    background-image: url(images/youtubeplay.png);
    width: 80px!important;
    height: 60px!important;
    background-position: center center;
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
}
@media screen and (min-width:1366px) {
    .videos-libraryCL .video-count-1.video {
        padding: 20px 30px 5px 30px;
        display: block;
    }
}
@media screen and (max-width:993px) {
    .videos-libraryCL .video .image {
        height: 400px;
    }
}
@media screen and (max-width:768px) {
    .videos-libraryCL .video {
        margin-bottom: 30px;
    }
    .videos-libraryCL>div:last-child>.video,
    .videos-libraryCL .video h3 {
        margin-bottom: 0;
    }
}
@media screen and (max-width:650px) {
    .videos-libraryCL .video .image {
        height: 350px;
    }
}
@media screen and (max-width:550px) {
    .videos-libraryCL .video .image {
        height: 300px;
    }
}
@media screen and (max-width:430px) {
    .videos-libraryCL .video .image {
        height: 220px;
    }
}
@media screen and (max-width:380px) {
    .videos-libraryCL .video .image {
        height: 170px;
    }
}
/* Frames products begin */
.frames_product_cl .pf_mainbox {
    display: flex;
    justify-content: center;
}
.frames_product_cl .pf_box {
    padding: 15px;
    width: 32%;
    position: relative;
    text-align: left;
    border: 1px solid #ebebeb;
    margin-right: 27px;
}
.frames_product_cl .pf_box.last {
    margin-right: 0;
}
.frames_product_cl .pf_img {
    width: 100%;
    height: auto;
}
.frames_product_cl .pf_title {
    font-size: 28px !important;
    font-weight: 700;
    margin-top: 0px;
    text-align: center;
    margin-bottom: 15px;
}
.frames_product_cl .pf_desc {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 20px !important;
    color: #666 !important;
}
.frames_product_cl .pf_desc ul {
    margin-left: 40px;
}
.frames_product_cl .pf_desc.pf_desc_spacing {
    min-height: 110px;
    margin-bottom: 10px;
}
.frames_product_cl .pf_learnmore {
    padding: 12px 0 0 22px;
}
.frames_product_cl a.pf_alink {
    color: #f95700 !important;
    font-size: 20px !important;
}
@media only screen and (max-width:1200px) {
    .frames_product_cl .pf_desc.pf_desc_spacing {
        min-height: 196px;
    }
    .frames_product_cl .pf_box {
        margin-bottom: 25px;
    }
    .frames_product_cl .pf_title {
        width: 75%;
        margin: auto;
    }
}
@media only screen and (max-width:993px) {
    .frames_product_cl .pf_mainbox {
        flex-wrap: initial;
    }
    .frames_product_cl .pf_box {
        width: 100%;
        padding-bottom: 30px;
        margin: 18px 10px 10px 10px;
    }
    .frames_product_cl .pf_learnmore {
        padding-bottom: 20px;
    }
    .frames_product_cl .pf_desc {
        margin-bottom: 0px
    }
    .frames_product_cl .pf_desc.iip_desc_spacing {
        margin-bottom: 50px
    }
}
@media only screen and (max-width:767px) {
    .frames_product_cl .pf_desc.pf_desc_spacing {
        min-height: auto;
    }
    .frames_product_cl .pf_mainbox {
        display: block;
    }
}
/* Frames techno */
.frames_techno_cl .pf_mainbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 15px;
}
.frames_techno_cl .pf_mainbox .pf_box {
    margin: 0 40px;
}
.frames_techno_cl .pf_mainbox .pf_box:first-child {
    margin-left: 0;
}
.frames_techno_cl .pf_mainbox .pf_box:last-child {
    margin-right: 0;
}
.frames_techno_cl .pf_box {
    padding: 15px;
    width: 46%;
    text-align: left;
    border: 1px solid #ebebeb;
}
.frames_techno_cl .pf_box.last {
    margin-right: 0;
}
.frames_techno_cl .pf_img {
    width: 100%;
    height: auto;
    padding-top: 10px;
}
.frames_techno_cl .pf_title {
    font-size: 28px !important;
    font-weight: 700;
    margin-top: 0px;
    text-align: center;
    margin-bottom: 15px;
}
.frames_techno_cl .pf_desc {
    margin-top: 10px;
    font-size: 20px !important;
    color: #666 !important;
    position: relative;
    text-align: center;
}
.frames_techno_cl .pf_learnmore {
    text-align: center;
    margin-top: 10px;
}
.frames_techno_cl a.pf_alink {
    color: #f95700 !important;
    font-size: 20px !important;
}
@media only screen and (max-width:1200px) {
    .frames_techno_cl .pf_box {
        width: 40%;
    }
}
@media only screen and (max-width:993px) {
    .frames_techno_cl .pf_box {
        width: 35%;
        padding-bottom: 30px;
        margin: 18px 10px 10px 10px;
    }
    .frames_techno_cl .pf_desc {
        margin-bottom: 0px
    }
    .frames_techno_cl .pf_desc.iip_desc_spacing {
        margin-bottom: 50px
    }
}
@media only screen and (max-width:973px) {
    .frames_techno_cl .pf_box {
        width: 100%;
    }
}
/* Icon Image para CL */
.icon_image_para_cl .iip_section_desc {
    font-size: 20px;
    color: #666666;
    text-align: center;
    padding: 25px 25px 0 25px;
}
.icon_image_para_cl h2.aaa-h2-tilte {
    color: #262626 !important;
    text-align: center !important;
}
.icon_image_para_cl .aaa-height-32 {
    height: 32px;
}
.icon_image_para_cl .iip_mainbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}
.icon_image_para_cl .iip_box {
    text-align: left;
    height: 100%;
}
.icon_image_para_cl .iip_img {
    width: 80px;
    height: 80px;
}
.icon_image_para_cl .iip_img.is_image {
    width: 100%;
    height: auto;
}
.icon_image_para_cl .iip_title {
    font-size: 22px !important;
    font-weight: 700;
    margin-top: 10px;
}
.icon_image_para_cl .iip_desc {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 20px !important;
    color: #666 !important;
}
.icon_image_para_cl .iip_title-desc {
    min-height: 175px;
}
.icon_image_para_cl .iip_learnmore {
    padding-bottom: 20px;
}
.icon_image_para_cl a.iip_alink {
    color: #f95700 !important;
    font-size: 20px !important;
}
.icon_image_para_cl .border_cl {
    margin-top: 40px
}
.icon_image_para_cl .border_cl .iip_box {
    border-bottom: 1px solid #ccc;
}
.icon_image_para_cl .total-4 .border_cl:nth-child(3) .iip_box,
.icon_image_para_cl .total-4 .border_cl:nth-child(4) .iip_box {
    border: 0
}
.icon_image_para_cl .total-5 .border_cl:nth-child(4) .iip_box,
.icon_image_para_cl .total-5 .border_cl:nth-child(5) .iip_box {
    border: 0
}
.icon_image_para_cl .total-6 .border_cl:nth-child(4) .iip_box,
.icon_image_para_cl .total-6 .border_cl:nth-child(5) .iip_box,
.icon_image_para_cl .total-6 .border_cl:nth-child(6) .iip_box {
    border: 0
}
.icon_image_para_cl .total-8 .border_cl:nth-child(5) .iip_box,
.icon_image_para_cl .total-8 .border_cl:nth-child(6) .iip_box,
.icon_image_para_cl .total-8 .border_cl:nth-child(7) .iip_box,
.icon_image_para_cl .total-8 .border_cl:nth-child(8) .iip_box {
    border: 0
}

.icon_image_para_cl .border_cl .iip_box.one_column{border: 0;}

@media only screen and (min-width:993px) {
    .icon_image_para_cl .total-3 .border_cl .iip_box {
        border: 0
    }
}
@media only screen and (max-width:1200px) {
    .icon_image_para_cl .total-4 .border_cl:nth-child(1) .iip_box.one_column,
    .icon_image_para_cl .total-4 .border_cl:nth-child(2) .iip_box.one_column {
        border-bottom: 1px solid #ccc;
    }
    .icon_image_para_cl .iip_box {
        margin: 18px 10px 10px 10px;
    }
    .icon_image_para_cl .iip_desc {
        margin-bottom: 0px
    }
}
@media only screen and (max-width:991px) {
    .icon_image_para_cl .total-3 .border_cl:nth-child(3) .iip_box {
        border: 0
    }
    .icon_image_para_cl .total-4 .border_cl:nth-child(3) .iip_box {
        border-bottom: 1px solid #ccc;
    }
    .icon_image_para_cl .total-5 .border_cl:nth-child(4) .iip_box {
        border-bottom: 1px solid #ccc;
    }
    .icon_image_para_cl .total-6 .border_cl:nth-child(4) .iip_box {
        border-bottom: 1px solid #ccc;
    }
    .icon_image_para_cl .total-8 .border_cl:nth-child(5) .iip_box,
    .icon_image_para_cl .total-8 .border_cl:nth-child(6) .iip_box {
        border-bottom: 1px solid #ccc;
    }
    .icon_image_para_cl .iip_title {
        min-height: auto;
    }
}
@media only screen and (max-width:767px) {
    .icon_image_para_cl .total-3 .border_cl {
        width: 100%;
    }
    .icon_image_para_cl .total-6 .border_cl:nth-child(5) .iip_box {
        border-bottom: 1px solid #ccc;
    }
    .icon_image_para_cl .total-8 .border_cl:nth-child(7) .iip_box {
        border-bottom: 1px solid #ccc;
    }
}
@media only screen and (max-width:600px) {
    .icon_image_para_cl .iip_section_desc {
        text-align: left;
    }
}




/* Items Library CL */
.itemsLibraryCL {
    padding: 20px;
}
.itemsLibraryCL .news-item {
    border-bottom: .5px solid #efefef;
    margin: 0 0 20px 0;
}
.itemsLibraryCL .news-item:last-of-type {
    border-bottom: none;
}
.itemsLibraryCL .news-item .post-cover img {
    width: 165px;
    position: relative;
    height: 100%!important;
    max-width: 100%!important;
    min-height: unset !important;
}
.itemsLibraryCL .news-item .caption {
    padding: 0 20px 20px 20px;
}
.itemsLibraryCL a.learn-btn:hover {
    animation: 1s ease 0s infinite normal none running pulse;
}
.itemsLibraryCL a.learn-btn {
    width: max-content;
    padding: 15px 25px;
    min-height: auto;
}
.itemsLibraryCL .news-item .post-cover:hover .play-button:before {
    transform: scale(1.375);
}
.itemsLibraryCL .news-item .caption .date {
    font-size: 22px;
    display: block;
    text-align: left;
    font-weight: 600;
    margin-top: 0px;
}
.itemsLibraryCL .news-item .caption .title {
    height: auto;
    min-height: 85px;
    font-size: 20px;
    display: block;
    text-align: left;
    margin: 0 0 10px 0;
    color: #696969 !important;
    max-width: 80%;
    width: 100%;
    transition: .2s all ease-in-out;
    overflow: hidden;
    line-height: 28px;
}
.itemsLibraryCL .news-item .caption .post-link {
    font-size: 20px;
    display: block;
    text-align: left;
    transition: .2s all ease-in-out;
    color: #f97500!important;
    font-weight: 500;
}
.itemsLibraryCL .news-item .caption .post-link:hover {
    transition: .2s all ease-in-out;
    color: #696969!important;
}
.itemsLibraryCL .news-item .caption .post-link i {
    font-size: 14px;
    display: inline-block;
    vertical-align: baseline;
}
.itemsLibraryCL .learn-btn {
    display: flex;
    width: 55%;
    height: 100%;
    min-height: 50px;
    border: 2px solid #f97500;
    border-radius: 50px;
    box-shadow: 0 0 black;
    box-shadow: 0px 0px 15px -5px rgba(38, 38, 38, .4);
    text-align: center;
    padding: 10px;
    margin: auto;
    font-size: 16px;
    color: #f97500 !important;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    letter-spacing: .2px;
}
@media (max-width:1200px) {
    .itemsLibraryCL .news-item .caption {
        padding: 20px;
    }
    .itemsLibraryCL .news-item .post-cover img {
        max-width: unset;
        height: 250px!important;
        width: auto;
        margin: auto;
        display: block;
    }
    .itemsLibraryCL .news-item .caption .date,
    .itemsLibraryCL .news-item .caption .title,
    .itemsLibraryCL .news-item .caption .post-link {
        text-align: center !important;
        display: block;
        margin: auto;
    }
}
@media (max-width:768px) {
    .itemsLibraryCL .news-item .caption {
        padding: 20px 20px 20px 30px;
    }
    .itemsLibraryCL .news-item .post-cover {
        display: block;
        width: 100%;
    }
    .itemsLibraryCL .news-item .post-cover img {
        display: block;
        margin: auto;
        height: auto !important;
    }
}
/* testimonial 1 item CL*/
.testimonial_1_item_cl .ttml_mainbox {
    display: flex;
    justify-content: space-between;
    background-color: #f4f4f4 !important;
}
.testimonial_1_item_cl .ttml_imagebox {
    width: 49%;
    align-self: center;
}
.testimonial_1_item_cl .ttml_contentbox {
    align-self: center;
    width: 49%;
}
.testimonial_1_item_cl .ttml_title {
    font-size: 32px !important;
    color: #262626;
    text-align: left!important;
    margin-bottom: 20px !important;
    font-weight: 700 !important;
    font-family: proxima_nova_rgregular !important;
}
.testimonial_1_item_cl .ttml_content,
.testimonial_1_item_cl .ttml_bywho {
    font-size: 20px !important;
    color: #666 !important;
    text-align: left !important;
    line-height: 1.4 !important;
}
.testimonial_1_item_cl .ttml_bywho {
    font-style: italic;
    margin-top: 20px;
}
@media only screen and (max-width:1200px) {
    .testimonial_1_item_cl .ttml_mainbox {
        flex-flow: column;
    }
    .testimonial_1_item_cl .ttml_imagebox {
        width: 100%;
    }
    .testimonial_1_item_cl .ttml_contentbox {
        width: 100%;
        padding: 20px;
    }
}
/* Header banner CL */
.headerBannerCL a.header_b_button .header_b_buttonimg:hover {
    animation: pulse 2s infinite;
    cursor: pointer;
}
.headerBannerCL .asap_header_container p br+br {
    display: none;
}
.headerBannerCL .asap_header_container {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0;
    height: 0;
    padding-bottom: 28%;
    padding-top: 6%;
}
.headerBannerCL .header_b_title {
    font-size: 4.2vw !important;
    line-height: 4.2vw !important;
    text-align: left;
    font-weight: 700!important;
    color: #000000;
    margin-bottom: 20px;
}
.headerBannerCL .header_b_desc {
    font-size: 2.1vw !important;
    line-height: 1 !important;
    text-align: left!important;
    color: #000000;
    margin-bottom: 20px;
}
.headerBannerCL img.header_b_buttonimg {
    height: 60px;
}
@media screen and (min-width:1200px) {
    .headerBannerCL .asap_header_container .container {
        /*width: 90%;*/
    }
}
@media screen and (max-width:1200px) {
    .headerBannerCL .header_b_desc {
        font-size: 25px !important;
    }
    .headerBannerCL .header_b_title {
        margin-bottom: 10px;
    }
    .headerBannerCL img.header_b_buttonimg {
        height: 50px;
    }
    .headerBannerCL .asap_header_container .container {
        /*width: 90%;*/
    }
}
@media screen and (max-width:767px) {
    .headerBannerCL .asap_header_container {
        padding-bottom: 132%;
    }
    .headerBannerCL .asap_header_container>.container {
        width: 100%;
        padding: 0 30px;
    }
    .headerBannerCL .header_b_title {
        font-size: 6.2vw !important;
        line-height: 6.2vw !important;
    }
}
@media screen and (max-width:600px) {
    .headerBannerCL .header_b_title {
        font-size: 8.2vw !important;
        line-height: 9vw !important;
    }
}
/* Image paragraph CL */
.ImageParagraphCL .pc_content {
    display: flex;
    align-items: center;
}
.ImageParagraphCL .pc_content.wrap-reverse {
    flex-direction: row-reverse;
}

.ImageParagraphCL .pc_major_title {font-size: 35px;color:#262626;text-align: center;padding-top: 25px;font-weight: 700;}
  

.ImageParagraphCL .pc_desc {
    margin-bottom: 40px;
    margin-top: 40px;
    font-size: 20px !important;
    color: #666 !important;
    text-align: left !important;
    line-height: 1.4 !important;
}
.ImageParagraphCL h2.pc_title {
    margin-bottom: 60px!important;
    text-align: center!important;
    color: #262626;
}
@media only screen and (max-width:1200px) {
    .ImageParagraphCL .pc_content {
        flex-direction: column-reverse;
    }
    .ImageParagraphCL .pc_content.wrap-reverse {
        flex-direction: column-reverse;
    }
    .ImageParagraphCL h2.pc_title {
        margin-bottom: 10px!important;
    }
    .ImageParagraphCL .pc_desc {
        width: 100%;
    }
    .ImageParagraphCL .pc_img {
        width: 100%;
    }
}
/* Hovering Image CL */
.hover_image_cl .learnMore_mob_wrap {
    margin: 18px 0;
}
.hover_image_cl a.iip_alink {
    color: #f95700 !important;
    font-size: 20px !important;
}
.hover_image_cl .hoveri_mainbox {
    display: flex;
    justify-content: space-between;
}
.hover_image_cl .hoveri_imagebox {
    width: 65%;
}
.hover_image_cl .hoveri_titlesbox {
    width: 32%;
    align-self: center;
    display: grid;
}
.hover_image_cl a.hoveri_imagetitle {
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
    color: #666767!important;
    margin-bottom: 15px;
    text-align: left;
}
.hover_image_cl a.hoveri_imagetitle:hover {
    color: #4c4c4c!important;
}
.hover_image_cl a.hoveri_imagetitle.active {
    color: #000!important;
    position: relative;
}
.hover_image_cl a.hoveri_imagetitle.has_href,
.hover_image_cl a.hoveri_imagetitle.has_href:hover,
.hover_image_cl a.hoveri_imagetitle.has_href.active {
    color: #f95700 !important;
}
.hover_image_cl a.hoveri_imagetitle.active:before {
    content: '';
    width: 5px;
    height: 86%;
    transform: translateY(5px);
    background: #000;
    position: absolute;
    left: -10px;
}
.hover_image_cl img.hoveri_mob_img:not(:last-child) {
    padding-bottom: 30px;
    border-bottom: 1px solid #ebebeb;
}
.hover_image_cl .hoveri_mob_title {
    font-size: 28px;
    color: #666 !important;
    font-weight: 500!important;
    line-height: 33px;
    font-family: 'proxima_nova_rgregular';
    margin: 20px 0;
    display: block;
    text-align: left;
}
.hover_image_cl a.hoveri_mob_title.has_href,
.hover_image_cl a.hoveri_mob_title.has_href.active {
    color: #f95700 !important;
}
.hover_image_cl .hoveri_mainbox_mob {
    display: none;
    visibility: hidden;
}
.hover_image_cl .learnMore_mob_wrap {
    display: none;
    visibility: hidden;
}
@media only screen and (max-width:1200px) {
    .hover_image_cl .learnMore_mob_wrap {
        display: block;
        visibility: visible;
    }
}
@media only screen and (max-width:1200px) {
    .hover_image_cl .hoveri_mainbox {
        display: none;
        visibility: hidden;
    }
    .hover_image_cl .hoveri_mainbox_mob {
        display: flex;
        flex-wrap: wrap;
        visibility: visible;
    }
    .hover_image_cl .hoveri_mob_title {
        margin: 35px 0 0 0;
        line-height: 1.2;
        font-size: 24px;
        min-height: 56px;
        align-items: center;
    }
}
/* Testimonial 3 CL */
.testimonial_3_cl .CL-h2-tilte {
    padding-bottom: 32px;
}
.testimonial_3_cl .ttml_mainbox {
    display: flex;
    justify-content: space-between;
}
.testimonial_3_cl .ttml_imagebox {
    width: 33%;
    align-self: center;
}
.testimonial_3_cl .ttml_maincontentbox {
    align-self: center;
    width: 65%;
}
.testimonial_3_cl .ttml_title {
    font-size: 32px !important;
    color: #262626;
    text-align: left!important;
    margin-bottom: 20px !important;
    font-weight: 700 !important;
    font-family: proxima_nova_rgregular !important;
}
.testimonial_3_cl .ttml_content,
.testimonial_3_cl .ttml_bywho {
    font-size: 15px !important;
    color: #666 !important;
    text-align: left !important;
    line-height: 1.4 !important;
}
.testimonial_3_cl .ttml_bywho {
    font-style: italic;
    margin-top: 20px;
}
.testimonial_3_cl .ttml_quote {
    width: 80px;
}
.testimonial_3_cl .firsttesto {
    background: #f4f4f4;
    width: 47%;
    padding: 18px;
    box-shadow: 0px 0px 6px 4px #e7e7e7;
}
.testimonial_3_cl .secondtesto {
    background: #f4f4f4;
    width: 47%;
    margin: auto!important;
    text-align: left;
    padding: 18px;
    box-shadow: 0px 0px 6px 4px #e7e7e7;
    transform: translateY(-15px);
}
.testimonial_3_cl .thirdtesto {
    background: #f4f4f4;
    width: 32%;
    padding: 18px;
    box-shadow: 0px 0px 6px 4px #e7e7e7;
    position: absolute;
    right: 0;
    top: 10%;
}
@media only screen and (max-width:1600px) {
    .testimonial_3_cl .firsttesto {
        width: 47%;
    }
    .testimonial_3_cl .secondtesto {
        width: 47%;
    }
    .testimonial_3_cl .thirdtesto {
        width: 32%;
    }
}
@media only screen and (max-width:1500px) {
    .testimonial_3_cl .ttml_maincontentbox {
        width: 100%;
    }
    .testimonial_3_cl .ttml_mainbox {
        flex-direction: column-reverse;
    }
    .testimonial_3_cl .ttml_mainbox>.ttml_contentbox {
        width: 100%;
    }
    .testimonial_3_cl .thirdtesto {
        width: 42%;
        top: 2%;
    }
    .testimonial_3_cl .ttml_imagebox {
        width: 98%;
    }
    .testimonial_3_cl .ttml_imagebox img {
        width: 98%;
    }
}
@media only screen and (max-width:1200px) {
    .testimonial_3_cl .thirdtesto {
        width: 48%;
        top: 3%;
    }
}
@media only screen and (max-width:993px) {
    .testimonial_3_cl .firsttesto {
        width: 100%;
        margin: 0;
        box-shadow: unset;
        margin-bottom: 15px;
    }
    .testimonial_3_cl .secondtesto {
        width: 100%;
        margin: 0!important;
        box-shadow: unset;
        transform: none;
        margin-bottom: 15px!important;
    }
    .testimonial_3_cl .thirdtesto {
        width: 100%;
        margin: 0;
        box-shadow: unset;
        position: unset;
        margin-bottom: 15px!important;
    }
}
/* Logo Slider Cl */
.logo_slider_cl #wpls-logo-showcase-slider .wp-post-image,
.logo_slider_cl #wpls-logo-showcase-slider .wp-post-image img.wp-post-image {
    max-height: 250px;
}
/* Logo Slider Cl */
.youtube_embed_cl .my_flex_cl {
    display: flex;
    align-items: center;
}
.youtube_embed_cl .my_flex_cl.right_video {
    flex-direction: row-reverse;
}
@media only screen and (max-width:1200px) {
    .youtube_embed_cl .my_flex_cl {
        flex-direction: column-reverse;
    }
    .youtube_embed_cl .my_flex_cl.right_video {
        flex-direction: column-reverse;
    }
    .youtube_embed_cl .text_block_cl {
        padding-bottom: 32px;
    }
    .youtube_embed_cl .my_flex_cl .p_cl_parent {
        padding-bottom: 25px;
    }
}
/* Big Numbers CL */
.entry-content .big_numbers_cl.CLsection::after {
    height: 3px;
}
.big_numbers_cl .total-5 {
    padding-bottom: 32px;
}
.big_numbers_cl h3.iip_title {
    font-size: 28px !important;
    color: #666 !important;
    line-height: 33px !important;
    font-family: 'proxima_nova_rgregular';
    margin-bottom: 12px;
    padding-bottom: 0;
}
.big_numbers_cl .iip_number {
    font-size: 96px;
    font-weight: 700;
    line-height: 1;
}
.big_numbers_cl h4.iip_smal_desc {
    margin-top: 12px;
    padding-top: 0;
    padding-bottom: 22px;
    font-weight: 100 !important;
    font-size: 24px!important;
}
@media only screen and (max-width:768px) {
    .cl_temp_width h2.vc_custom_heading,
    .cl_temp_width h2.vc_custom_heading {
        font-size: 26px !important;
        font-weight: 700 !important;
        padding: 0 30px !important;
    }
}


/* Top Tabs W icons CL */
.tabsfeaturesnavParent {
    display: flex;
    justify-content: center;
}
.tabsfeaturesnavParent.fixed {
    width: 100%;
    height: 126px;
    position: fixed;
    z-index: 888;
    background: rgb(250 250 250 / 92%);
    top: 70px;
    left: 0;
}
.tabsfeaturesnavParent:after {
    float: none;
}
.tabsfeaturesnav {
    display: flex;
    margin: 0 auto;
    padding-bottom: 28px;
    align-items: flex-start;
}
.tabsfeaturesnav.fixed {
    position: fixed;
    top: 77px;
    z-index: 999;
}
a.tabsflinkcbg {
    color: #3a3431!important;
    text-decoration: none;
    text-align: center;
    padding: 25px 10px 22px 18px;
    /*box-shadow: 3px 3px 7px 1px rgb(0 0 0 / 20%);*/
}
a.tabsflinkcbg .innerico {
    font-size: 15px;
    padding: 7px 0 7px 60px;
    text-align: left;
    background-size: 56px auto !important;
    width: 170px;
}
a.tabsflinkcbg:hover,
a.tabsflinkcbg.active {
    position: relative;
    border-bottom: 3px solid #59ACBD;
    box-shadow: 2px 2px 9px 1px rgb(0 0 0 / 20%);
}
a.tabsflinkcbg.active {
    font-weight: 600
}
@media only screen and (max-width: 1200px) {
    .tabsfeaturesnavParent {
        justify-content: center
    }
    .tabsfeaturesnavParent.fixed {
        top: 70px;
        height: 128px;
        left: 0;
    }
    .tabsfeaturesnav {
        justify-content: center;
        width: 60%;
    }
    a.tabsflinkcbg {
        width: 100%;
        padding: 5px 0;
    }
    a.tabsflinkcbg .innerico {
        padding: 50px 0 0 0;
        font-size: 13px;
        text-align: center;
        background-size: 38px auto !important;
        background-position: center 5px !important;
        width: 106px;
        margin: 0 auto;
    }
    .tabsfeaturesnav.fixed {
        top: 99px;
        padding-top: 0;
    }
}
@media only screen and (max-width: 767px) {
    .tabsfeaturesnav.fixed {
        top: 112px;
    }
    a.tabsflinkcbg .innerico {
        width: 106px;
    }
    .sidebar-sticky #sidebarCollapse {
        top: 60%;
    }
    .tabsfeaturesnavParent.fixed {
        top: 83px;
    }

    .header_b_title {
        width: 80%;
    }
    #tawk_chat_button {
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s, opacity 0.5s linear;
    }
    #tawk_chat_button.chatVisible {
        visibility: visible;
        opacity: 1;
    }
}
@media only screen and (max-width: 638px) {
    .mWidth a.tabsflinkcbg .innerico {
        text-indent: -9999px;
        padding: 30px 0 0 0;
        width: 66px;
    }
}
@media only screen and (max-width: 420px) {
    .tabsfeaturesnavParent.fixed {
        top: 46px;
    }
    a.tabsflinkcbg .innerico {
        text-indent: -9999px;
        padding: 30px 0 0 0;
        width: 66px;
    }
}


@media only screen and (max-width: 600px) {
     .headerBannerCL .header_b_title{width:65% !important;}
    .headerBannerCL .header_b_desc{width:65% !important;}
}
@media only screen and (max-width: 600px) {
    #post-17 .headerBannerCL .header_b_title{width:65% !important;}
    #post-17 .headerBannerCL .header_b_desc{width:65% !important;}
}

/*2222222222222222222*/
@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../asap-systems/inc/fonts/ProximaNova-Light.woff2') format('woff2'),
    url('../asap-systems/inc/fonts/ProximaNova-Light.woff') format('woff');
    /*url('https://cdn.jsdelivr.net/npm/font-proxima-nova@1.0.1/fonts/ProximaNova-Light.woff') format('woff');*/
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    unicode-range: U+000-5FF; /* Latin glyphs */
}
@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../asap-systems/inc/fonts/proximanova-regular-webfont.woff2') format('woff2'),
    url('../asap-systems/inc/fonts/proximanova-regular-webfont.woff') format('woff');
    /*url('https://cdn.jsdelivr.net/npm/font-proxima-nova@1.0.1/fonts/ProximaNova-Regular.woff') format('woff');*/
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    unicode-range: U+000-5FF; /* Latin glyphs */
}
@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../asap-systems/inc/fonts/proxima_nova_bold-webfont.woff2') format('woff2'),
    url('../asap-systems/inc/fonts/proxima_nova_bold-webfont.woff') format('woff');
    /*url('https://cdn.jsdelivr.net/npm/font-proxima-nova@1.0.1/fonts/ProximaNova-Bold.woff') format('woff');*/
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    unicode-range: U+000-5FF; /* Latin glyphs */
}
/*333333333333333333*/
.temp-header{
    overflow-x: hidden;
    width: 100%;
    margin: 0 !important;
}

.temp-header .vc_column-inner{
    padding: 0 !important;
}

.asap-container{
    margin: 0 auto !important;
}
.horizontal-line-after::after{
    content: " ";
    position: absolute;
    width: 50%;
    height: 7px;
    background-size: cover;
    background: url(https://asapsystems.com/wp-content/uploads/2020/08/seperator1.jpg) no-repeat center;
    display: block !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    left: 0;
    right: 0;
    bottom: 0;
}

.asap-section{
    font-family: 'Open Sans', sans-serif !important;
    margin: 0 auto !important;
    padding-top: 85px !important;
    padding-bottom: 85px !important;
}

.asap-section.horizontal-line-after{
    padding-bottom: 95px !important;
}

.asap-section.asap-section-horizontal-ctas{
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.asap-section .wpb_button,.asap-section .wpb_content_element,.asap-section ul.wpb_thumbnails-fluid>li{
    margin-bottom: 0 !important;
}

.asap-section figure{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.asap-section h2, .asap-section h3{
    /*font-size: 28px !important;*/
    color: #262626;
    /*text-align: left !important;*/
    margin-bottom: 20px !important;
    margin-top: 0 !important;
    padding-bottom: 0;
    padding-top: 0;
}


.asap-section p{
    font-size: 20px !important;
    color: #666 !important;
    text-align: left !important;
    line-height: 1.4 !important;
}

.asap-section ul{
    margin-left: 0px !important;
    text-align: left;
    list-style-position: outside !important;
    padding: 0 20px;
    line-height: 1.4 !important;
}


.asap-section ul:not(.has-dots){
    padding-left: 0 !important;
}

.asap-section li{
    font-size: 20px !important;
    color: #666 !important;
    text-align: left !important;
    line-height: 1.4 !important;
}

/*.asap-section li strong{*/
/*position: relative;*/
/*left: -10px;*/
/*}*/

.asap-section li span{
    font-size: 20px !important;
    color: #666 !important;
    text-align: left !important;
    line-height: 1.4 !important;
}


.asap-section-centered h2, .asap-section-centered h3, .asap-section-centered h4{
    text-align: center !important;
}

.asap-section-centered p{
    text-align: center !important;
}


.asap-section .wpb_column{
    align-items: center !important;
}

.asap-no-top-padding{
    padding-top: 0 !important;
}

.asap-head-section{
    font-family: 'Open Sans', sans-serif !important;
}

.asap-head-section h2, .asap-head-section h3, .asap-head-section h4{
   /* font-size: 28px !important;*/
    color: #262626 !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    padding-bottom: 0;
    padding-top: 0;
}

.asap-head-section p{
    font-size: 20px !important;
    color: #666 !important;
    text-align: center !important;
    line-height: 1.4 !important;
}

.asap-foot-section .wpb_text_column{
    margin-bottom: 0px !important;
}
.asap-foot-section h2, .asap-foot-section h3, .asap-foot-section h4{
    font-family: 'Open Sans', sans-serif !important;
    font-size: 28px !important;
    color: #262626 !important;
    text-align: center !important;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 10px !important;
    font-weight: bold !important;
}

.icon-paragraphs.vertical div[class^="col-"] div[class^="col-"]{
    padding-left: 0px !important;
}

.asap-section.vc_hidden{
    opacity: inherit !important;
}

.asap-section .vc_column-inner{
    padding: 0 15px !important;
}

.asap-section > div:nth-child(2).flip-flex, .asap-section > div.vc_row:not(.flip-flex):nth-child(2) > .vc_col-sm-12.vc_col-lg-6.vc_col-md-12, .asap-section > div.vc_row:not(.flip-flex) > .vc_col-sm-12.vc_col-lg-6.vc_col-md-12:nth-child(2){
    margin-top: 30px !important;
}

.asap-section .asap-inline-buttons{
    padding-left: 30px;
    padding-right: 30px;
    background-clip: content-box;
}


/*Responsive*/

@media only screen and (max-width: 767px) {
    .asap-section .vc_column-inner{
        padding: 0 !important;
    }

    .asap-section .asap-inline-buttons{
        padding-left: 15px;
        padding-right: 15px;
    }
}


@media only screen and (max-width: 1200px) {
    .flip-flex > div:first-child .wpb_single_image figure, .vc_row-flex > div.vc_col-sm-12:nth-child(2) .wpb_single_image figure{
        margin-top: 20px !important;
        margin-bottom: 0px !important;
    }
}

/* SMARTPHONES PORTRAIT */
@media only screen and (min-width: 300px) and (max-width: 479px) {

    .asap-section{
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }

    .asap-section.horizontal-line-after{
        padding-bottom: 45px !important;
    }

    .asap-section h2, .asap-section h3{
        text-align: center !important;
        margin: 0 0 10px !important;
    }

    .asap-section p{
        font-size: 20px !important;
    }
}

/* SMARTPHONES LANDSCAPE */
@media only screen and (min-width: 480px) and (max-width: 767px){

    .asap-section{
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }

    .asap-section.horizontal-line-after{
        padding-bottom: 45px !important;
    }

    .asap-section h2, .asap-section h3{
        text-align: center !important;
        margin: 0 0 10px !important;
    }



}


/* TABLETS PORTRAIT */
@media only screen and (min-width: 768px) and (max-width: 992px) {

    .asap-section{
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }

    .asap-section.horizontal-line-after{
        padding-bottom: 45px !important;
    }

    .asap-section h2, .asap-section h3{
        text-align: center !important;
        margin: 0 0 10px !important;
    }
}

/*Utilities*/
.no-bullet-points ul{
    list-style-type: none !important;
}

.no-bullet-points li{
    margin-bottom: 20px;
}

.no-bullet-points li strong{
    display: block;
}

.asap-section.spacing-between-p p{
    margin-bottom: 10px;
}
@media only screen and (min-width: 600px) {
	.page .leftonmob p {
		text-align: center!important;
	}
}
@media only screen and (max-width: 600px) {
    .page .leftonmob p {
        text-align: left!important;
    }
}
.page .asap-section .uldots ul , .uldots ul{
    margin-left: 20px!important;
}
.asaphyperlink{
	color:#f95700!important;
}
.asaph1heading{
	font-size: 28px !important;
    color: #262626!important;
    text-align: center !important;
    margin-bottom: 30px !important;
	font-weight: 700 !important;
	padding: 0 20px!important;
}
@media only screen and (max-width: 1200px){
	.fullcolspad .wpb_column{
		width:100%;
	}
}
section.vc_section.asap-section.container.b7 {
    padding-bottom: 75px!important;
}

@media only screen and (max-width: 993px){
	section.vc_section.asap-section.container.b7 {
		padding-bottom: 20px!important;
	}
}
img { aspect-ratio: attr(width) / attr(height);}
/*contact form*/
.hidemobile{display:block!important}.showonmobile{display:none!important}.formtitle .vc_single_image-wrapper{width:82%;height:100%}@media only screen and (max-width:767px){.hidemobile{display:none!important}.showonmobile{display:block!important}}.thecontactform form.wpcf7-form .form-container label{left:15px!important}.thecontactform form.wpcf7-form .form-container .field-forms-last_name label{left:25px!important}.thecontactform form.wpcf7-form .form-container input.wpcf7-form-control.wpcf7-submit.submit-btn{background-image:none!important;background-color:#f95700!important;color:#fff!important;border-radius:50px!important;font-size:20px!important;font-weight:700!important;padding:10px 25px 10px 25px!important}.thecontactform form.wpcf7-form .form-container input.wpcf7-form-control.wpcf7-submit.submit-btn:hover{animation:pulse 1s infinite}.thecontactform form.wpcf7-form input.wpcf7-form-control{background:#f5f5f5!important;border:none!important}.thecontactform .live_demo_form_new.live_demo_form .form-container{background:#fff;max-width:95%;padding:40px 30px 20px 30px}
/*end contact form*/
/*to left para*/
.nextparatoleft .row.icon-paragraphs .col-lg-3.col-md-6.col-sm-6.col-xs-12 .col-md-12.para_title img{margin-left:unset}.nextparatoleft .row.icon-paragraphs .col-lg-3.col-md-6.col-sm-6.col-xs-12 .col-md-12.para_title .col-lg-12.col-md-12.col-xs-12{padding-left:0;padding-right:0;text-align:left!important}.nextparatoleft .row.icon-paragraphs .col-lg-3.col-md-6.col-sm-6.col-xs-12 .col-md-12.para_title h4{text-align:left!important}.nextparatoleft .row.icon-paragraphs .col-lg-3.col-md-6.col-sm-6.col-xs-12 .col-md-12 p{text-align:left!important}@media only screen and (max-width:1200px){.nextparatoleft .row.icon-paragraphs .col-lg-3.col-md-6.col-sm-6.col-xs-12:nth-of-type(-n+2){border-bottom:1px solid #e2e2e2}.nextparatoleft .row.icon-paragraphs .flex_row > .col-lg-4.col-md-12.col-sm-12.col-xs-12:not(:last-child) {border-bottom: 1px solid #e2e2e2;}}@media only screen and (max-width:992px){.nextparatoleft .row.icon-paragraphs .col-lg-3.col-md-6.col-sm-6.col-xs-12 .col-md-12.para_title .col-lg-12.col-md-12.col-xs-12{display:flex}.nextparatoleft .row.icon-paragraphs .col-lg-3.col-md-6.col-sm-6.col-xs-12 .col-md-12.para_title h4{text-align:left!important;margin-left:0;margin-right:auto}}@media only screen and (max-width:767px){.nextparatoleft .row.icon-paragraphs .col-lg-3.col-md-6.col-sm-6.col-xs-12:nth-of-type(-n+3){border-bottom:1px solid #e2e2e2}}.nextparatoleft .icon_paragraph .para_title {padding-left:0;padding-right:0;}.nextparatoleft .icon_paragraph .col-md-12 .panel-collapse {margin-right:-15px !important;margin-left:-15px !important;}.nextparatoleft .row.icon-paragraphs .col-lg-3.col-md-6.col-sm-6.col-xs-12 {padding-right:15px;padding-left: 0;}
.nextparatoleft .icon_paragraph.icon_paragraph-h h4 {text-align: left;}.nextparatoleft .icon_paragraph.icon_paragraph-h img {margin-left: 0;}.nextparatoleft .icon_paragraph.icon_paragraph-h p {text-align: left!important;}.nextparatoleft .icon_paragraph.icon_paragraph-h .para-icon,.nextparatoleft .icon_paragraph .para_title div:last-child {padding: 0!important;}
/* end to left para css*/
/* table form css*/
.best-in-class{border-collapse:separate;border-spacing:5px;margin-left:auto;margin-right:auto;padding-right:25px;padding-left:25px}th.learnmoreboxall a.learn-more-urlall {color: #f95801!important;}.best-in-class .orange{color:#f95700}.best-in-class .gray{color:#e2e2e2}.best-in-class thead th:first-child{border-bottom:none!important}.best-in-class thead th:not(:first-child){text-align:center;background:#f4f4f4;font-size:18px}.best-in-class tbody td,.best-in-class tbody th{border:1px solid #e2e2e2!important;vertical-align:middle!important}.best-in-class tbody th{border:1px solid #e2e2e2!important;text-align:center}.best-in-class tbody td{width:14%;text-align:center;background-color:#feeee9;border-right:3px solid #f95700!important;font-size:18px;vertical-align:middle}.best-in-class tfoot th{border-top:none!important}.best-in-class tfoot th a:hover{text-decoration:none;border:2px solid #699;background-color:#f2f9f9}.best-in-class tfoot th a{text-decoration:none;border:2px solid #f2f9f9;width:100%;display:block;padding:10px;text-align:center;font-size:18px;font-weight:600}.tableresponsivebox .best-in-class th a.learn-more-url:hover,table.table.table-responsive.best-in-class.mobiletabresp th a.learn-more-url:hover{color:#d84b00!important;background:#fff7f3!important;border:2px solid #d4d4d4}table.table.table-responsive.best-in-class.mobiletabresp th a.learn-more-url{color:#f95700!important}.tableresponsivebox .best-in-class th a.learn-more-url{text-decoration:none;border:2px solid #e2e2e2;width:100%;display:block;color:#f95801!important;padding:10px;text-align:center;font-size:18px;font-weight:600}.best-in-class tr.hideallrow{display:none}table.table.table-responsive.best-in-class>thead>tr>th{vertical-align:middle}.best-in-class tbody th.learnmorebox{border:none!important}.tableresponsivebox .best-in-class th a.learn-more-url:hover,table.table.table-responsive.best-in-class.mobiletabresp th a.learn-more-url:hover{color:#d84b00!important;background:#fff7f3!important;border:2px solid #d4d4d4}table.table.table-responsive.best-in-class.mobiletabresp th a.learn-more-url{color:#f95700!important}.tableresponsivebox .best-in-class th a.learn-more-url{text-decoration:none;border:2px solid #e2e2e2;width:100%;display:block;color:#f95801!important;padding:10px;text-align:center;font-size:18px;font-weight:600}table.table.table-responsive.best-in-class>thead>tr>th{vertical-align:middle}.best-in-class tbody th.learnmorebox{border:none!important}@media only screen and (max-width:1024px){table.table.table-responsive.best-in-class{padding:0!important;margin-bottom:0!important;border: none;}}@media only screen and (max-width:993px){.tableresponsivebox .best-in-class th a.learn-more-url{font-size:14px;padding:0;border:none!important}table.table.table-responsive.best-in-class{padding:0}table.table.table-responsive.best-in-class tbody th.learnmorebox{border:1px solid #e2e2e2!important}table.table.table-responsive.best-in-class>thead>tr>th{font-size:14px}table.table.table-responsive.best-in-class tbody tr td{font-size:14px}table.table.table-responsive.best-in-class>thead>tr>th .titlesheader{font-size:14px}}@media only screen and (max-width:768px){.tableresponsivebox{padding: 0 20px;}.table.best-in-class{border-collapse:separate;border-spacing:5px;padding-right:10px;padding-left:10px}.table.best-in-class tbody td{text-align:center;background-color:#feeee9;border-right:3px solid #f95700!important;font-size:12px;padding:2px;vertical-align:middle}.table.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table.best-in-class thead th:not(:first-child){text-align:center;background:#f4f4f4;font-size:18px}.table.best-in-class .orange{color:#f95700}.table.best-in-class tbody th{border:1px solid #e2e2e2!important;text-align:center}.best-in-class.table>tfoot>tr>th{vertical-align:top;border-top:none!important;line-height:24px!important;box-sizing:border-box;display:table-cell;padding:0}table.table.table-responsive.best-in-class>thead>tr>th .titlesheader{transform-origin:12px 15px;transform:rotate(270deg);display:inline-block;bottom:0;margin:0 0 0 10px;padding:0;padding-top:15px;height:10px;width:max-content;font-size:15px;text-align:left}table.table.table-responsive.best-in-class>thead>tr>th:not(:first-child){text-align:left;background:#f4f4f4;font-size:14px;padding:3px 0;height:300px;max-height:190px;overflow:hidden;vertical-align:bottom;max-width:70px}.best-in-class tbody th.learnmorebox{display:none}.best-in-class tr.hideallrow{display:table-row}.table.best-in-class tbody th.emptyboxtablke{border:none!important}table.table.table-responsive.best-in-class>thead>tr>th:not(:first-child){text-align:center;background:#f4f4f4;font-size:18px;padding:3px 0;max-width:10px;height:215px;overflow:hidden;vertical-align:bottom;width:16px}span.tohidelater{display:none}}@media only screen and (max-width:600px){table.table.table-responsive.best-in-class th a.learn-more-url:hover{text-decoration:none;border:2px solid #e2e2e2;background-color:unset!important}table.table.table-responsive.best-in-class th a.learn-more-url{font-size:13px;padding:2px}}@media only screen and (max-width:560px){table.table.table-responsive.best-in-class{border: none;}table.table.table-responsive.best-in-class tbody tr td{font-size:14px;text-align:left}.table.best-in-class tbody th{padding:2px!important}table.table.table-responsive.best-in-class>thead>tr>th:not(:first-child){text-align:left;background:#f4f4f4;font-size:12px;padding:2px 0;height:235px;max-height:none;overflow:hidden;vertical-align:bottom;width:10px!important;max-width:10px!important}table.table.table-responsive.best-in-class>thead>tr>th .titlesheader{transform-origin:8px 8px;transform:rotate(270deg);display:inline-block;bottom:0;margin:0 0 0 10px;padding:0;padding-top:0;height:10px;width:max-content;font-size:15px}}@media only screen and (max-width:400px){.best-in-class thead th div{padding-top:5px}table.table.table-responsive.best-in-class th a.learn-more-url{font-size:11px;padding:2px}table.table.table-responsive.best-in-class>thead>tr>th .titlesheader{transform-origin:2px 10px}}
/* end table form css*/
/*44444444444444*/
/* Bounce To Top */
.hvr-bounce-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #dd6627;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
    color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/*55555555555555*/
@media only screen and (max-width: 767px) {
    /*<Inventory System Start>*/
    .vc_custom_1564053419377 h3 {
        text-align: center !important;
    }

    .vc_custom_1564053419377 .green-dots li::before {
        display: none;
        content: '';
    }

    .vc_custom_1563985040180 h3, .vc_custom_1563984953447 h3, .vc_custom_1564476473668 h3, .vc_custom_1564476492233 h3, .vc_custom_1564052386068 h3, .vc_custom_1563986014175 h3 {
        text-align: center !important;
        margin-top: 15px !important;
    }

    .vc_custom_1563985040180 p, .vc_custom_1563984953447 p, .vc_custom_1564476473668 p, .vc_custom_1564476492233 p, .vc_custom_1564052386068 p, .vc_custom_1563986014175 p {
        text-align: center !important;
        margin-top: 15px !important;
    }

}

@media only screen and (max-width: 992px) {
    /*<Barcode Inventory System>*/
    .vc_custom_1568063104286 h3,.vc_custom_1564487700996 h3, .vc_custom_1564569533533 h3, .vc_custom_1564487700996 h3, .vc_custom_1565012175770 h3, .vc_custom_1565012996747 h3, .vc_custom_1565013147172 h3, .vc_custom_1565013169138 h3{
        text-align: center !important;
        margin-top: 15px !important;
    }

    .vc_custom_1568063104286 p, .vc_custom_1564487700996 p, .vc_custom_1564569533533 p, .vc_custom_1564487700996 p, .vc_custom_1565012175770 p, .vc_custom_1565012996747 p, .vc_custom_1565013147172 p, .vc_custom_1565013169138 p{
        text-align: center !important;
        margin-top: 15px !important;
    }

    .vc_custom_1568063104286 h4{
        text-align: center !important;
    }

    .vc_custom_1565013147172 figure img{
        max-width: 100% !important;
    }


    /*<inventory-software-best-practices>*/
    .vc_custom_1564043734943 h3, .vc_custom_1564043960878 h3, .vc_custom_1564046318532 h3, .vc_custom_1564045028276 h3{
        text-align: center !important;
        margin-top: 15px !important;
    }
    .vc_custom_1564043734943 p, .vc_custom_1564043960878 p, .vc_custom_1564046318532 p, .vc_custom_1564045028276 p{
        text-align: center !important;
        margin-top: 15px !important;
    }

    /*<inventory-system-mobile>*/
    .vc_custom_1564487735102 h3, .vc_custom_1564569533533 h3, .vc_custom_1561477038081 h3{
        text-align: center !important;
        margin-top: 15px !important;
    }

    .vc_custom_1564487735102 p, .vc_custom_1564569533533 p, .vc_custom_1561477038081 p{
        text-align: center !important;
        margin-top: 15px !important;
    }

    /*<asset-tracking>*/
    .vc_custom_1564487728949 h3, .vc_custom_1564501563364 h3, .vc_custom_1568048871051 h3, .vc_custom_1568048883299 h3{
        text-align: center !important;
        margin-top: 15px !important;
    }

    .vc_custom_1564487728949 h3{
        margin-top: 0px !important;
    }

    .vc_custom_1564487728949 p, .vc_custom_1564501563364 p, .vc_custom_1568048871051 p, .vc_custom_1568048883299 p{
        text-align: center !important;
        margin-top: 15px !important;
    }


    .vc_custom_1564501563364 .green-dots li::before{
        display: none !important;
        content: '' !important;
    }

    .vc_custom_1564501563364 figure{
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }

    /*<asset-management-best-practices>*/
    .vc_custom_1568068689739, .vc_custom_1568068743142{
        padding-top: 0px !important;
    }

    .vc_custom_1568068743142 .green-dots li::before{
        display: none !important;
        content: '' !important;
    }

    .vc_custom_1568068743142 h4{
        text-align: center !important;
    }
    .vc_custom_1564494063240 h3, .vc_custom_1564494091325 h3, .vc_custom_1564046318532 h3, .vc_custom_1564494104414 h3{
        text-align: center !important;
    }
    .vc_custom_1564494063240 p, .vc_custom_1564494091325 p, .vc_custom_1564046318532 p, .vc_custom_1564494104414 p{
        text-align: center !important;
    }


    /*<asset-tracking-mobile-app>*/
    .vc_custom_1561477038081 .icon_paragraph h4{
        text-align: center !important;
    }

    .vc_custom_1561477038081 .icon_paragraph p{
        text-align: center !important;
        margin-top: 5px !important;
    }

    /*<asset-tracking-barcode>*/
    .vc_custom_1564487791406 figure img{
        max-width: 100% !important;
    }

    .vc_custom_1564487700996 h3, .vc_custom_1564569533533 h3, .vc_custom_1564487735102 h3, .vc_custom_1564569533533 h3,.vc_custom_1564487791406 h3,.vc_custom_1564487866558 h3{
        text-align: center !important;
    }
    .vc_custom_1564487700996 p, .vc_custom_1564569533533 p, .vc_custom_1564487735102 p, .vc_custom_1564569533533 p,.vc_custom_1564487791406 p,.vc_custom_1564487866558 p{
        text-align: center !important;
    }
}


@media only screen and (min-width: 767px) and (max-width: 1200px) {
    .vc_custom_1564501563364 ul{
        text-align: center;
        margin-top: 10px !important;
        margin-bottom: 20px !important;
    }
}

@media only screen and (max-width: 1020px) {
    /*<asset-tracking>*/
    .vc_custom_1564487735102 h3{
        text-align: center !important;
        margin-top: 15px !important;
    }
}

@media screen and (min-width: 690px) and (max-width: 768px) {
    .vc_custom_1564487791406 figure img{
        max-width: 75% !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .vc_custom_1561477038081 .icon_paragraph {
        min-height: 170px;
    }

    .page-id-36 .vc_custom_1561477038081 .icon_paragraph {
        min-height: 190px;
    }
}

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

    /*<Home Page Start>*/
    .vc_custom_1563194222787 .wpb_text_column {
        width: 100%;
    }



    .vc_custom_1560257988430{
        padding-top: 20px !important;
    }


    .vc_custom_1564045028276 .green-dots li::before{
        display: none !important;
        content: '' !important;
    }


}


@media only screen and (max-width: 420px) and (max-width: 767px) {
    .vc_custom_1564045028276{
        padding-bottom: 0px !important;
    }
}

.vc_custom_1568057805356 .wpb_gallery.wpb_posts_slider.wpb_content_element{

    margin-bottom: 5px!important;
}