
/*@font-face {
    font-family: Roboto-Black;
    src: url(/fonts/Roboto-Black.ttf);
}

@font-face {
    font-family: Roboto-Bold;
    src: url(/fonts/Roboto-Bold.ttf);
}

@font-face {
    font-family: Roboto-Light;
    src: url(/fonts/Roboto-Light.ttf);
}

@font-face {
    font-family: Roboto-Regular;
    src: url(/fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family: Roboto-Thin;
    src: url(/fonts/Roboto-Thin.ttf);
}

@font-face {
    font-family: Roboto-Medium;
    src: url(/fonts/Roboto-Medium.ttf);
}*/

body, * {
    font-family: Roboto, sans-serif;
    /*font-family: Roboto-Regular, Helvetica;*/
    /*font-size: 1em;*/
}
/* Header menu CSS */
.menu .econ-menu .menu-all {
    width: 100% !important;
}
/* Menu */
.smallSize {
    font-size: 0.8em !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    font-size: 1em;
    margin-top: 0.1em;
}

.mediumSize, .table td {
    font-size: 0.85em !important;
}
/*li.breadcrumb-item, .product-spec, .product-details p, .responsive-tabs .tab-content, .product-links, .product-data .rightside-menu a, .product-data .rightside-menu.target-app p a, .product-data .rightside-menu p, .product-data table td {
    font-size: 0.9em;
}*/
.rightside-menu a.auto-focus-banner, .rightside-menu a.customisation-product-img {
    margin: 0 0 10px 0;
    width: 100%;
}

a {
    text-decoration: none;
    color: #0971b2;
    font-weight: normal;
    cursor: pointer;
}

.menu .overall-menu {
    position: fixed;
    min-height: unset;
}

.econ-menu .a-link {
    text-decoration: none;
}

.econ-menu .navbar-div .nav-bar, .econ-menu .navbar-div .nav-bar ul, .country-logo .country-logo-inner-ul {
    padding: 0;
}

.econ-menu .nav-bar-link:hover .sub-menu-1 {
    box-sizing: unset;
}

.nav-tabs .nav-item {
    border-right: 1px solid #fff;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex: 1 0 auto;
    border-radius: 0;
}

.nav-tabs .nav-link.active {
    color: #fff;
}

/*.custom-tab-8 .nav-tabs .nav-link {
    font-size: 0.73em;
}*/

.nav-tabs .nav-link {
    font-size: 0.8em;
    text-align: center;
    overflow-wrap: anywhere;
    color: #000;
    font-weight: bold;
    border-radius: 0;
    height: 100%;
    width: 100%;
    padding: 1em;
}


/* To make it a bit prettier */
body {
    padding: 15px;
}

.tab-content .panel-heading {
    padding: 0;
}

.tab-content a {
    /*display: block;*/
    /*margin-bottom: -1px;
    padding: 10px 15px;
    border: solid #ccc;
    border-width: 1px 0;*/
}

.responsive-tabs .tab-content #overview p {
    margin-bottom: 1em;
}

.responsive-tabs .fade {
    transition: none;
}

.product-data {
    max-width: 1440px;
    margin: 0px auto;
}

    .product-data .carousel-item.active, .product-data .breadcrumb-item.active {
        background-color: transparent !important;
    }

.carousel-indicators [data-bs-target] {
    width: 12px;
    height: 12px;
    border: none;
    border-radius: 20px;
    box-shadow: none;
    background-color: #74ae3d;
}

.subtitle {
    text-align: left;
    font-weight: bold;
    color: #555;
    margin: 0.5em 0;
}

.product-spec {
    text-align: left;
    /*margin: 0em 0em 1em 1.5em;*/
    line-height: 30px;
}

.spearate-line {
    width: 100%;
    height: 1px;
    background: #e0e0e0;
    margin-bottom: 0.5em;
}

/*.shipment-charge {
    font-size: 12px;
}*/

.product-details .price-value {
    text-align: left;
    font-weight: bold;
    color: #009;
    font-size: 1.2em;
    margin-bottom: 0.4em;
}

.price-btn, .shipment-charge, .document-btn, .faq-btn {
    text-align: left;
    margin-bottom: 0.5em;
}
.documents {
    background: url(https://www.e-consystems.com/images/QtCAM/QtCAM-linux-download.png) no-repeat !important;
    background-position: 10px 12px !important;
    background-size: 13%;
    color: #FF0033 ;
}
.active .documents{
    color: #FFF !important;
}
.documents:hover {
    background: url(https://d2u56hfpsewfc3.cloudfront.net/images/QtCAM/QtCAM-download.png) no-repeat !important;
    background-position: 10px 12px !important;
    background-color: #74ae3c !important;
    color: white !important;
    background-size: 13%;
}
         .r-tabs-anchor {
    display: inline-block;
    padding: 10px 22.8px;
    text-decoration: none;
    font-size: 12px;
    color: #000;
    font-weight: bold;
}
         .active .r-tabs-anchor {
    float: left;
    color: #FFF !important;
    text-shadow: none;
    background-color: #74ae3d;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.tagoption {
    text-align: center;
    font-weight: bold;
    color: #555;
    margin-bottom: 2em;
    margin-top: 1em;
}

.product-data .row {
    width: auto;
    float: none;
}

.product-data .rightside-menu {
    width: 100%;
    padding: 0;
    background: #fff;
    border-bottom: 1px solid #f3f3f3;
}

    .product-data .rightside-menu h3 {
        /*width: 100%;
        margin: 0;
        text-align: center;
        background: #3f4d85;
        font-size: 0.8em;*/
        width: 100%;
        margin: 0;
        background: none;
        font-size: 0.9em;
        color: #3f4d85;
        padding: 0 0 10px 0px;
        /*border-bottom: 1px solid #ccc;*/
    }

.related-vidoes, .responsive-tabs .tab-content p {
    margin: 0px;
}

/*.related-vidoes a {
        margin: 0 auto;
    }*/

.embed-container {
    float: none;
    width: auto;
    height: 192px;
    margin: 0px auto;
}

.rightside-menu .related-vidoes .embed-container > .youtube_popup, .youtube_popup {
    /*width: 260px !important;
    margin: 0px auto !important;*/
    height: 100%;
    background-size: 95%;
    background-repeat: no-repeat;
    background-position: center;
}

.rightside-menu h3 .bottomLine {
    width: 10%;
    height: 3px;
    margin-top: 0.5em;
    background: #74ae3c;
}

.rightside-menu .bullet1 {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.rightside-menu ul a {
    padding: 0;
    margin: 0;
    float: none;
}

.rightside-menu p.nolink {
    float: left;
    width: 94%;
    text-align: left;
    margin: 0 0 10px 20px !important;
    padding: 0;
    /*font-size: 12px;*/
}


/*.responsive-tabs {
    padding: 1rem;
}*/
.bullet1 {
    /*padding: 0;*/
    line-height: 30px;
    list-style: none;
}

    .bullet1 li::before, .product-spec li::before {
        content: url(https://d2u56hfpsewfc3.cloudfront.net/images/list-icon.png);
        /*margin-right: 0.5em;
        vertical-align: middle;
        height: 100%;
        line-height: normal;
        width: 100%;*/
        /*height: 100%;*/
        position: absolute;
        /*width: 100%;*/
        left: -1.5em;
        list-style: none;
        TOP: 0.1EM;
        VERTICAL-ALIGN: MIDDLE;
        LINE-HEIGHT: 30PX;
    }

.nobullet ul li::before {
    content: url(https://d2u56hfpsewfc3.cloudfront.net/images/list-tick-icon.png);
    /*margin-right: 0.5em;
    vertical-align: middle;
    height: 100%;
    line-height: normal;
    width: 100%;*/
    /*height: 100%;*/
    position: absolute;
    /*width: 100%;*/
    left: -1.5em;
    list-style: none;
    TOP: 0.1EM;
    VERTICAL-ALIGN: MIDDLE;
    LINE-HEIGHT: 30PX;
}

.bullet1 li, .bullet1 li.nobullet li, .product-spec li {
    position: relative;
}

    .bullet1 li.nobullet::marker, .bullet1 li::marker, .bullet1 li.nobullet::before, .product-spec li::marker {
        content: '';
        list-style: none;
        display: none;
    }

.responsive-tabs .tab-content {
    /*font-size: 0.9em;*/
    line-height: 25px;
    border-color: #3f4d85;
    margin-bottom: 2em;
    border-style: solid;
    border-width: 3px 1px 1px 1px;
}

.responsive-tabs .nav-tabs {
    display: none;
    background-color: #ccc;
    justify-content: space-between;
}

.responsive-tabs .card.active .collapse {
    background-color: #fff;
    color: #423e3e;
}

.r-tabs-accordion-title {
    display: none;
}

.fade:not(.show) {
    opacity: 0;
    display: none;
}

.nobullet {
    list-style: none;
}

::marker {
    color: #69ba2f;
    font-size: 1.2em;
}

.order-samples-hide .data, .order-samples-hide .label {
    border: 1px solid #ccc;
    font-size: 100%;
    text-align:center;
}

.responsive-tabs .tab-content .tab-pane.active {
    background-color: rgba(0,0,0,.03) !important;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.responsive-tabs .tab-content .card-header {
    background-color: #ccc;
}

    .responsive-tabs .tab-content .card-header a {
        color: #000;
    }

.table-responsive table td {
    width: 50%;
}

.product-list {
    flex: 1 0 31%;
}
/* Footer CSS */
.footer_form #Submit_footer {
    height: 35px;
}

@media (min-width: 769px) {
    .responsive-tabs .nav-tabs {
        display: flex;
    }

    .responsive-tabs .card {
        border: none;
    }

        .responsive-tabs .card .card-header, .mbl-accordion {
            display: none;
        }

        .responsive-tabs .card .collapse {
            display: block;
        }

    #lightbox-container-image-data-box {
        width: 620px !important;
    }
}

@media (max-width:1200px) and (min-width:768px) {

    .product-data .rightside-menu {
        display: flex;
        flex-wrap: wrap;
    }

    .product-data .related-vidoes {
        display: flex;
        flex: 0 0 50%;
        flex-direction: column;
    }
    .video-section .row div .related-vidoes {
        flex: 0 0 100%;
    }
}

@media (max-width: 768px) {
    .responsive-tabs .tab-pane {
        display: block !important;
        opacity: 1;
        margin-bottom: 0.5em;
    }

    .mbl-accordion {
        display: block !important;
    }

    #tabsvideos {
        display: none;
    }

    .responsive-tabs .tab-content .tab-pane.active {
        border-bottom: 1px solid #85c24a;
    }

    .responsive-tabs .tab-content {
        border: none;
    }

    /*.tab-content a {
        display: block;
    }*/

    .subtitle, .price-btn, .shipment-charge, .document-btn, .faq-btn, .product-details .price-value {
        text-align: center;
    }

    .accordion-button::after {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
        transform: scale(.7) !important;
        width: 0.9rem;
        height: 0.9rem;
        background-size: 0.9em;
    }

    .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    }

    .responsive-tabs .accordion-button {
        padding: 0;
        background-color: transparent;
        display: flex;
        border: none;
        box-shadow: none;
    }

    .product-data .rightside-menu {
        display: flex;
        flex-wrap: wrap;
    }

    .product-data .related-vidoes {
        display: flex;
        flex: 0 0 50%;
        flex-direction: column;
    }

    .video-section .row div .related-vidoes {
        flex: 0 0 80%;
    }

    .productlist {
        justify-content: center;
    }
}

@media (max-width:767px) {
    .product-data {
        padding-top: 6em !important;
    }

    #lightbox-image {
        max-width: 100%;
        height: auto;
    }

    #lightbox-container-image-box {
        width: 250px !important;
        height: auto !important;
    }

    #lightbox-container-image-data-box {
        width: 250px !important;
        padding: 0 !important;
    }

    .product-list {
        flex: 1 0 auto;
    }
    /*#breadcrumb
    {
        display:none;
    }*/
}
/*@media (max-width:768px) and (min-width:426px) {
    .product-data {
        padding-top: 7em !important;
    }
}*/
@media (max-width: 500px) {
    .rightside-menu a {
        text-align: center;
    }

    .product-data {
        padding-top: 8.5rem !important;
    }
}
.new-launch{
    background: url(https://www.e-consystems.com/images/new-ribbon-product.png) no-repeat !important;
    width: 105px;
    height: 105px;
    position: absolute;
    left: -1px;
    top: -1px;
}