:root {
    --main-bg-color: #2f7aa2;
}

@media (min-width: 769px) {
    .page-header.type2.header-newskin .block-search input {
        border: 1px solid #dbe0e2 !important;
    }

    header.page-header.type2 .search-category select {
        border-color: #dbe0e2 !important;
    }

    .page-header.type2.header-newskin .navigation .level0 {
        padding: 5px 0;
    }

    .page-header.type2.header-newskin .navigation .level0.request-quote {
        float: right;
        background: #2f7aa2;
        padding: 5px 10px;
    }
}



.footer-middle .social-icons a {
    background-image: none;
    background-color: #33332f;
    text-indent: 0;
    color: #fff;
    border-radius: 0;
    font-size: 15px;
    width: 37px;
    height: 37px;
    text-align: center;
    margin-left: 4px;
    float: left;
    line-height: 35px;
}

.footer-middle .social-icons a i {
    display: block !important;
}

.block-artical-3 {
    background: #f9f9f9;
    padding-bottom: 60px;
}

.block-artical-3 .col-lg-6 .left-block {
    background: #535353 url("../images/artical3-block1.jpg") center / cover;
    text-align: center;
    padding: 60px 0;
    box-shadow: 0px 20px 40px -25px rgba(0, 0, 0, 0.45);
}

.block-artical-3 .col-lg-6 .right-block {
    background: #535353 url("../images/artical3-block2.jpg") center / cover;
    text-align: center;
    padding: 60px 0;
    box-shadow: 0px 20px 40px -25px rgba(0, 0, 0, 0.45);
}

.block-artical-3 .col-lg-6 h3 {
    font-size: 34px;
    color: #fff;
    font-weight: 400;
    margin: 0 0 20px 0;
}

.block-artical-3 .col-lg-6 a.btn.btn-default {
    font-size: 14px;
    font-weight: 500;
    margin-top: 15px;
    background: transparent;
    border: 1px solid #fff;
    padding: 10px 25px;
    background: rgba(45, 166, 223, .25);
}

.block-artical-3 .col-lg-6 a.btn.btn-default:hover {
    background: rgb(255, 255, 255);
    color: rgb(45, 166, 223);
}

.block-artical-4 .row .col-lg-4.col-md-6:first-child .block-artical-4-wrapper {
    background: #565656 url("../images/block-artical-4-1.jpg") center / cover;
}

.block-artical-4 .row .col-lg-4.col-md-6:nth-child(2) .block-artical-4-wrapper {
    background: #565656 url("../images/block-artical-4-2.jpg") center / cover;
}

.block-artical-4 .row .col-lg-4.col-md-6:nth-child(3) .block-artical-4-wrapper {
    background: #565656 url("../images/block-artical-4-3.jpg") center / cover;
}

.block-artical-4 .row .col-lg-4.col-md-6:nth-child(4) .block-artical-4-wrapper {
    background: #565656 url("../images/block-artical-4-4.jpg") center / cover;
}

.block-artical-4 .row .col-lg-4.col-md-6:nth-child(5) .block-artical-4-wrapper {
    background: #565656 url("../images/block-artical-4-5.jpg") center / cover;
}

.block-artical-4 .row .col-lg-4.col-md-6:nth-child(6) .block-artical-4-wrapper {
    background: #565656 url("../images/block-artical-4-6.jpg") center / cover;
}

.block-artical-4 {
    padding: 60px 0 40px 0;
}

.slider-with-side .side-area .catagory-sidebar {
    border: 1px solid #DCDCDC;
    position: relative;
    overflow-y: scroll;
    max-height: 365px;
}

.slider-with-side .side-area .catagory-sidebar h3,
.slider-with-side .side-area .catagory-sidebar a span {
    margin: 0;
    line-height: 51px;
    padding: 0 20px;
    color: #595959;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    display: block;
}

.slider-with-side .side-area .catagory-sidebar a span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 40px;
    line-height: 48px;
}

.slider-with-side .side-area .catagory-sidebar h3 {
    color: #272724;
    background: #f6f6f6;
    border-bottom: 1px solid #acacac;
    position: static;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    position: sticky;
}

.slider-with-side .side-area .catagory-sidebar .catagory-items {
    border-bottom: 1px solid #DCDCDC;
    position: relative;
}

.slider-with-side .side-area .catagory-sidebar .catagory-items:after {
    display: block;
    content: '\f856';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'porto-icons';
    font-size: 12px;
    font-weight: bold;
}

.slider-with-side .side-area .catagory-sidebar .catagory-items:last-child {
    border-bottom: 0 none;
}

.slider-with-side .side-area .catagory-sidebar .catagory-items:hover {
    background: #2da6df;
}

.slider-with-side .side-area .catagory-sidebar .catagory-items:hover a span,
.slider-with-side .side-area .catagory-sidebar .catagory-items:hover:after {
    color: #fff;
}

@media (max-width:1200px) {
    .slider-with-side .slider-area .item {
        height: 367px;
        width: 100%;
    }

    .slider-with-side .slider-area .item img {
        height: 100%;
        width: auto;
        max-width: none;
    }
}

@media (max-width:991px) {
    .slider-with-side .side-area {
        margin-top: 25px;
    }

    .slider-area {
        box-shadow: 0px 0px 90px -25px rgba(0, 0, 0, 0.45);
    }

    .slider-with-side .side-area .catagory-sidebar {
        max-height: none;
    }

    .page-wrapper .slider-with-side {
        margin: 0;
    }

    .block-artical-2 .row .col-lg-7 {
        order: 2;
    }

    .block-artical-2 {
        padding-top: 40px;
    }

    .block-artical-3 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .block-artical-3 .col-lg-6 .left-block {
        margin-right: -10px;
        height: 100%;
    }

    .block-artical-3 .col-lg-6 .right-block {
        margin-left: -10px;
        height: 100%;
    }

    .block-artical-4 {
        padding: 40px 0 40px 0;
    }

    .block-artical-4 .row>div:nth-child(even) {
        padding-left: 5px;
    }

    .block-artical-4 .row>div:nth-child(odd) {
        padding-right: 5px;
    }

    .block-artical-4-wrapper {
        margin-bottom: 10px !important;
        height: 100%;
    }

    .block-artical-4 .row>div {
        margin-bottom: 10px;
    }
}

@media (max-width:768px) {

    .block-artical-3 .col-lg-6 .btn:after,
    .block-artical-4-wrapper .btn:after {
        display: none;
    }
}

@media (max-width:767px) {
    .block-artical-3 .col-lg-6 h3 {
        font-size: 28px;
    }

    .block-artical-3 .col-lg-6 a.btn.btn-default {
        padding: 10px 8px !important;
        font-size: 12px;
    }
}

/* About us */

.cms-about-us main#maincontent,
.cms-resources main#maincontent,
.cms-resources-cad-files main#maincontent,
body.cms-resources-application-help main#maincontent {
    min-width: 100%;
    padding: 0;
}

.cms-page-view .block-artical-3 {
    margin-bottom: 40px;
}

.cms-about-us .block-artical-3 {
    margin-top: 40px;
}

.cms-content-container .text-wrapper {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
}

.cms-content-container .top-banner {
    position: relative;
    margin-bottom: 40px;
}

.cms-content-container .text-wrapper h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 900;
    margin: 0;
}

.cms-content-container .text-wrapper h1 span {
    display: block;
    font-size: 40px;
    line-height: 50px;
}

.cms-content-container .top-banner img.mobile {
    display: none;
}

.cms-content-container h2 {
    font-weight: 400;
    margin: 40px 0 0 0;
}

.cms-page-view .cms-content-container h2 {
    margin: 0;
}

@media (max-width: 767px) {
    .cms-content-container .top-banner img.desktop {
        display: none;
    }

    .cms-content-container .top-banner img.mobile {
        display: block;
    }

    .cms-content-container .text-wrapper {
        bottom: 5px;
    }

    .cms-page-view .cms-content-container h2 {
        margin-top: 20px;
    }
}

@media (max-width: 500px) {
    .cms-content-container .text-wrapper h1 {
        font-size: 14px;
    }

    .cms-content-container .text-wrapper h1 span {
        font-size: 30px;
    }

    .cms-content-container h2 {
        font-size: 28px;
        margin: 30px 0 0 0;
    }
}

/* product catagory page */

.catagory-hero-banner {
    background: #1f1f1d;
    position: relative;
}

.catagory-hero-banner .category-banner-img {
    width: 100%;
}

.catagory-hero-banner .category-banner-img img {
    display: block;
}

.catagory-hero-banner .category-description.no-margin {
    color: #fff;
    max-height: 255px;
    overflow: hidden;
}

.catagory-hero-banner .content {
    max-width: 60%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translatey(-50%);
    padding-left: 40px;
}

.catagory-hero-banner .content h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 400;
    margin: 0 0 10px 0;
    line-height: 50px;
}

@media (max-width: 1200px) {
    .catagory-hero-banner .content {
        max-width: 80%;
    }

    .catagory-hero-banner .category-description.no-margin {
        max-height: 195px;
    }
}

@media (max-width: 991px) {
    .catagory-hero-banner .content {
        max-width: 100%;
        padding-right: 40px;
    }

    .catagory-hero-banner .content h2 {
        font-size: 30px;
        line-height: 30px;
    }

    .catagory-hero-banner .category-description.no-margin {
        font-size: 10px;
    }

    .catagory-hero-banner .category-description.no-margin {
        max-height: 150px;
    }
}

@media (max-width: 767px) {
    .catagory-hero-banner .category-description.no-margin {
        display: block;
    }

    .catagory-hero-banner .content h2 {
        font-size: 20px;
    }
}


.post-holder .post-info .dash {
    display: inline-block;
}


/* footer top block */

.footer-top {
    background: #233559;
    padding: 20px 0;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
}

.footer-top p {
    font-size: 24px;
    display: inline-block;
    font-weight: 100;
    margin: 0;
}

.footer-top-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer-top p.contatc-no {
    font-weight: 900;
}

.footer-top-block a.btn.btn-default {
    padding: 15px 80px 15px 60px !important;
    font-size: 18px;
    font-weight: 900;
}

.footer-top-block a.btn.btn-default:hover {
    color: inherit;
}

.footer-top p.contatc-no:before {
    content: "";
    display: inline-block;
    width: 1px;
    background: #bcbbbb;
    height: 51px;
    vertical-align: middle;
    margin-right: 40px;
}

@media (max-width: 1200px) {
    .footer-top-block {
        justify-content: center;
    }

    .footer-top p.contatc-no {
        margin-left: 40px;
    }

    .footer-top-block p:first-of-type {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
}

@media (max-width: 500px) {
    .footer-top-block p:first-of-type {
        font-size: 18px
    }

    .footer-top-block a.btn.btn-default {
        padding: 10px 50px 10px 30px !important;
    }

    .footer-top p.contatc-no {
        margin-left: 20px;
    }

    .footer-top p.contatc-no:before {
        margin-right: 20px;
        height: 40px;
    }
}

@media (max-width: 320px) {
    .footer-top p.contatc-no {
        margin-left: 0px;
        margin-top: 10px
    }

    .footer-top p.contatc-no:before {
        display: none;
    }
}

body:not(.catalog-category-view) .footer-top {
    display: none;
}

/* changes on cms pages */

.contact-add {
    border: 1px solid #1c273b;
    padding: 10px 15px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 26px;
}

.contact-index-index .contact-info .contacts-title,
.cms-info .cms-title {
    font-size: 28px !important;
    color: #1c273b;
    margin-bottom: 20px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: none;
    font-family: 'Roboto Condensed', sans-serif;
}

.cms-sidebar-img {
    padding: 46px 0px;
}

@media (max-width:767px) {
    .cms-sidebar-img {
        display: none;
    }
}

.requestquote-index-index .page-title-wrapper,
.ordercatalog-index-index .page-title-wrapper {
    display: none;
}

.order-catalog {
    letter-spacing: 0.6px;
    border: 1px solid #1c273b;
    padding: 10px 15px;
    margin-bottom: 20px;
    font-size: 16px;
    text-align: justify;
}

/* blog page */

@media (min-width:768px) {

    .blog-index-index #maincontent,
    .blog-category-view #maincontent {
        padding-left: 0;
        padding-right: 0;
    }
}

.blog-index-index .page-title span.base,
.blog-category-view .page-title .base {
    font-weight: 900;
    margin-bottom: 30px;
    display: inline-block;
}

.blog-index-index .page-title:after,
.blog-category-view .page-title:after {
    content: "";
    display: block;
    height: 1px;
    width: 95px;
    background: #cccccc;
    margin-bottom: 20px;
}

.post-list .post-holder {
    margin-left: 0;
}

.post-header .post-title .post-item-link {
    color: #1c273b;
    font-size: 24px;
}

.post-header .post-title .post-item-link:hover {
    text-decoration: underline;
}

.post-holder .post-header .addthis_toolbox {
    display: none;
}

.post-view .post-header .post-title {
    font-size: 26px;
    color: #1c273b !important;
    font-weight: 900;
}

/* product list */

.products-list .product-item-name {
    display: inline-block;
}

.product-item-price-details {
    float: right;
    padding: 15px;
    background: #fcfcfc;
    border: 1px solid #ecebeb;
}

.products.wrapper.products-list .product-item .qty-box a {
    display: none;
}

.products.wrapper.products-list .product-item .qty-box input#qty {
    display: inline-block;
    margin: 0;
    height: 40px;
    width: 40px;
    margin-right: 5px;
}

.products.wrapper.products-list .product-item .qty-box {
    display: inline-block;
    margin: 0 !important;
    width: auto;
    vertical-align: middle;
}

.products.wrapper.products-list .product-item .action.tocart.primary {
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    letter-spacing: normal;
}

/* .product.photo.product-item-photo > a {
      display: inline-block;
      height: 115px;
      width: 100%;
      border: 1px solid #eee;
  }  */

.product-tooltip-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.product-tooltip-wrapper .product-item-txt {
    width: 65%;
    /*padding-left: 20px;*/
    padding: 65px;
}

.product-tooltip-wrapper .product.photo.product-item-photo {
    width: 35%;
    display: flex;
    align-items: center;
}

.products-list .product-item-photo {
    position: relative;
}

.products-list .product-item-photo .product-info-icon {
    width: 20px;
    height: 20px;
    background: url("../images/info-icon.png") center / 100% 100%;
    position: absolute;
    z-index: 9;
    bottom: 0;
    right: 0;
    cursor: pointer;
}

.product-tooltip-wrapper .info-close-icon {
    width: 25px;
    height: 25px;
    background: url("../images/cross-icon.png") center / 100% 100%;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    cursor: pointer;
}

@media (max-width: 991px) {

    .products-list .product-item-name,
    .product-item-price-details {
        width: 50%;
    }

    .products.wrapper.products-list .product-item .action.tocart.primary {
        width: 100%;
        margin-top: 10px;
    }
}

@media (max-width: 640px) {
    .product.photo.product-item-photo {
        width: 25%;
    }

    .products-list .product-item-details {
        width: 75%;
    }

    .product-item-price-details {
        width: 55%;
    }

    .products-list .product-item-name {
        width: 45%;
        font-size: 18px !important;
    }

    .products.wrapper.products-list .product-item .action.tocart.primary {
        padding: 0;
        font-size: 10px;
    }

    .product-item .tocart:after {
        font-size: 10px;
    }
}

.google-trans {
    float: left;
}

.custom-google {
    margin-left: 0 !important;
}

.google-trans .custom-google .goog-te-gadget img {
    display: none;
}

#brands-slider-demo-8 .owl-carousel .owl-stage {
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact-index-index .field.file input,
.requestquote-index-index .field.file input {
    padding: 8px 0px;
    font-size: 14px;
}

.contact-index-index .field.file .info,
.requestquote-index-index .field.file .info {
    font-weight: 500;
    color: #252525;
    font-size: 13px;
}

iframe.goog-te-menu-frame.skiptranslate {
    position: absolute;
}

@media (max-width:767px) {
    .cart-container .cart-summary {
        border-top: 0px;
    }

    .nav-sections .header.links .customer-menu {
        display: block !important;
    }

    li.google-trans .custom-google {
        margin-left: 18px !important;
        top: 192px;
        margin-top: 12px;
    }
}

.widget.block.block-recent-posts .content-block a,
.widget.block.block-recent-posts .content-block a:visited,
.widget.block.block-recent-posts .content-block a:hover,
.page-footer .footer-top .footer-top-block a.btn.btn-default,
.page-footer .footer-top .footer-top-block a.btn.btn-default:visited,
.page-footer .footer-top .footer-top-block a.btn.btn-default:hover {
    color: white !important;
}

.custom-google .goog-te-gadget-simple {
    background: transparent;
    border: 0 none;
}

.goog-te-gadget-simple .goog-te-menu-value span,
.goog-te-gadget-simple .goog-te-menu-value span:hover {
    text-decoration: none;
    text-transform: capitalize;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
}

.google-trans .custom-google .goog-te-gadget img,
.goog-te-gadget-simple .goog-te-menu-value span:not(:first-child) {
    display: none;
}

.goog-te-gadget-simple .goog-te-menu-value:after {
    content: '\f813';
    display: inline-block;
    font-family: 'porto-icons';
    vertical-align: top;
    margin-left: 6px;
    line-height: 18px;
    font-size: 18px;
}

footer.page-footer {
    margin-top: 40px;
}

.page-header .navigation .level0 .submenu li.parent>a:after {
    visibility: hidden;
}

.table-checkout-shipping-method td:first-child {
    max-width: 30px;
}

@media (min-width: 1200px) {
    .page-header.type2.header-newskin .navigation .level0>.level-top {
        padding: 0 20px;
    }
}

/* ADA Complaince */

.sw-megamenu.navigation li.level0.classic .submenu a span {
    padding-left: 10px;
    padding-right: 10px;
    color: #383838;
}

.slider-area {
    background-color: #565656;
}

.post-holder .post-info a {
    color: #545454 !important;
}

.message.global.gdpr-cookie {
    background: #1c273b !important;
    border-color: #1c273b !important;
    color: #ffffff !important;
}

/* Susila */


@media (min-width: 568px) {
    .minicart-items .update-cart-item {
        margin-top: 0 !important;
    }
}


@media (max-width: 960px) {

    .catagory-hero-banner .content {
        position: static;
        transform: none;
        padding-left: 0;
        background: #fff;
        padding-right: 0;
        width: 100%;
    }

    .catagory-hero-banner .content h2 {
        position: absolute;
        top: 30px;
        padding-left: 25px;
        max-width: 80%;
    }

    .catagory-hero-banner .category-description.no-margin {
        color: #333;
        max-height: 100%;
        margin: 15px 15px 0 15px !important;
        font-size: 14px;
    }

    .catagory-hero-banner .category-description.no-margin table td {
        padding: 0;
    }

    .category-cms {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .page-with-filter.page-products .sidebar.sidebar-main {
        margin-top: 10px;
    }

    .field-tooltip .field-tooltip-content {
        left: 0;
        top: 20px;
        margin-left: -252px;
    }

    .field-tooltip .field-tooltip-content:before {
        display: none !important;
    }

}

@media (max-width: 480px) {
    .modal-popup.confirm .modal-inner-wrap {
        width: 30rem;
    }

    .categorypath-shop-thk-products-thk-linear-guide-systems-thk-rsr-series-linear-motion-systems-discontinued-available-on-a-case-by-case-basis .catagory-hero-banner .content h2 {
        font-size: 12px;
        line-height: 18px;
    }

    .block-artical-4-wrapper a.btn.btn-default {
        padding: 10px 10px !important;
    }

    .block-artical-4-wrapper a.btn.btn-default {
        font-size: 10px !important;
    }
}

aside.modal-popup.modal-slide._inner-scroll._show .modal-inner-wrap {
    height: 100vh;
}

.opc-summary-wrapper.custom-slide._show .modal-inner-wrap header button.action-close {
    margin: 6px 12px;
}

.opc-summary-wrapper.custom-slide._show .modal-inner-wrap .opc-block-summary {
    padding: 28px 20px 0px 12px;
}

.opc-summary-wrapper.custom-slide._show .modal-inner-wrap .opc-block-summary .table-totals {
    font-size: 14px;
    line-height: 26px;
}

.opc-summary-wrapper.custom-slide._show .modal-inner-wrap .opc-block-summary .table-totals .grand.totals th,
.opc-summary-wrapper.custom-slide._show .modal-inner-wrap .opc-block-summary .table-totals .grand.totals td {
    font-size: 1.6rem;
}

.opc-summary-wrapper.custom-slide._show .modal-inner-wrap .opc-block-summary .items-in-cart .title strong {
    font-size: 16px;
}

.opc-summary-wrapper.custom-slide._show .modal-inner-wrap .opc-block-shipping-information {
    padding: 0px 14px;
}

.minicart-items .product-item-pricing .label {
    width: auto;
    max-width: 6rem;
}

.sales-order-view .page-title-wrapper .order-status {
    margin-top: 8px;
}

.product-image-wrapper .product-image-photo {
    bottom: 0;
}

.customer-welcome .action.switch:after {
    color: black !important;
}

.page-header.type2.header-newskin .minicart-wrapper .action.showcart .counter.qty {
    width: auto;
    height: auto;
    min-width: 18px;
    min-height: 18px;
    right: 11px !important;
}

html:lang(fr) .page-header.type2.header-newskin .navigation .level0>.level-top,
html:lang(es) .page-header.type2.header-newskin .navigation .level0>.level-top {
    font-size: 14px;
}

.checkout-index-index #checkout #checkoutSteps fieldset#payment_form_authorizenet_directpost {
    margin-bottom: 20px;
}

.cart-totals .grand .amount span.price {
    white-space: nowrap;
}

.footer-bottom-powered {
    line-height: 36px;
}

.footer-bottom-powered a {
    margin: 0 !important;
}

.footer-bottom-powered a:before {
    content: "|";
    padding: 0px 4px 0px 6px;
}

@media (max-width:500px) {
    .footer-bottom-powered a:before {
        display: none;
    }
}

.footer-bottom span {
    float: left;
    line-height: 36px;
    font-size: 14px;
}

#mc_embed_signup .mc-field-group.input-group {
    display: none;
}

#mc_embed_signup {
    background: none !important;
}

.f-btndiv {
    margin-top: 10px;
}

.cms-index-index #maincontent {
    max-width: 100%;
}

body {
    font-family: 'Roboto Condensed', sans-serif;
}

h1,
h2,
h3,
h4,
.head-text {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: 700 !important;
}

body strong.logo:after {
    content: "technico";
    position: absolute;
    color: #1b273b;
    text-transform: uppercase;
    top: 34%;
    left: 75px;
    font-family: 'Roboto Slab', serif !important;
    letter-spacing: 0.8px;
    font-size: 24px;
    font-weight: bold;
    display: block !important;
}

body #manufacture-logo {
    background: #fff;
    padding: 20px 0;
    float: left;
    clear: both;
    width: 100%;
}

.header.content .logo {
    margin: 15px 0;
    position: relative;
}

body .page-header.type2.header-newskin .block-search {
    margin-left: 215px;
    max-width: 400px;
}

body .home-page-slider-area img {
    width: 100% !important;
    max-height: 500px;
    object-fit: cover;
}

body .home-page-slider-area .slider-with-side .slider-area {
    width: 100%;
}

body .home-page-slider-area .slider-with-side .content {
    position: absolute;
    width: initial;
    height: initial;
    left: inherit;
    top: 20%;
    transform: translateY(-50%);
    display: flex;
    align-items: inherit;
    justify-content: inherit;
}

body .slider-with-side .content .text-area {
    left: 5%;
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    width: 600px;
    padding-left: 30px;
}

body .slider-with-side .slider-area .item .content .text-area h2 {
    padding: 0 0 20px;
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    font-size: 45px;
    margin-top: 0;
    text-transform: capitalize;
}

body .slider-with-side .slider-area .item .content .text-area p {
    font-size: 15px;
    font-weight: 300;
    font-style: normal;
    padding: 0 0 20px;
    display: block;
    text-transform: capitalize;
    width: 68%;
    line-height: 24px;
}

body .slider-with-side .slider-area .item .content .text-area a {
    font-size: 15px;
    font-weight: bold;
    margin-top: 15px;
    background: #1C283A;
    border: 2px solid #ffffff;
    padding: 10px 60px !important;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
}

#manufacture-logo {
    background: #f4f4f4;
}

body .brands-slide .owl-controls .owl-nav div em {
    color: #000000;
    font-size: 20px;
    text-align: right;
    font-weight: bold;
}

body .brands-slide .owl-controls .owl-nav div.owl-next {
    right: -20px;
}

body .brands-slide .owl-controls .owl-nav div.owl-prev {
    left: -20px;
}

body .brands-slider .owl-carousel .owl-item img {
    width: auto;
    max-width: 100%;
    max-height: 80px;
    object-fit: contain;
}

body #manufacture-logo {
    background: #fff;
    padding: 20px 0;
}

body .block-artical-2 .col-lg-5.slider-with-side .side-area {
    width: 100%;
    padding-left: 8px;
    padding-right: 40px;
}

body .block-artical-2 .col-lg-5.slider-with-side .side-area .catagory-sidebar h3 {
    background: #1C283A;
    color: #fff;
    font-size: 15px;
}

body .block-artical-2 .col-lg-5.slider-with-side .side-area .catagory-sidebar a {
    color: #333;
    font-weight: bold;
    font-size: 15px;
}

body .block-artical-2 .col-lg-5.slider-with-side .side-area .catagory-sidebar a:hover {
    text-decoration: none;
}

body .block-artical-2 .col-lg-5.slider-with-side .side-area .catagory-sidebar {
    max-height: initial;
}

body .block-artical-2 p {
    font-size: 16px;
    line-height: 25px;
    padding-top: 17px;
    font-weight: 500;
    font-family: 'Roboto Condensed', sans-serif;
}

body .block-artical-4-wrapper h3 {
    font-size: 22px;
    text-transform: capitalize;
    margin-top: 0;
}

body .block-artical-4-wrapper p {
    padding-top: 13px;
}

body .block-artical-4-wrapper a.btn.btn-default {
    background: #2E7AA2;
    border: 1px solid #2E7AA2;
    bottom: 30px;
    font-size: 15px;
    font-weight: bold;
}

body .block-artical-4-wrapper a.btn.btn-default:hover {
    background: #fff;
    color: #2E7AA2;
}

.block-artical-4-wrapper:hover a.btn.btn-default {
    bottom: 30px;
    opacity: 1;
    background: #fff;
    color: #2ca6df;
    border: 1px solid #ffffff;
}

body .block-artical-2,
body .block-artical-3 {
    background: #ffffff;
    clear: both;
}

.block-artical-2 img {
    box-shadow: none;
}

body .header.panel>.header.links>li {
    text-transform: capitalize;
    font-size: 13px;
}

body .header.panel>.header.links>li span.not-logged-in {
    border: none;
}

body .header.panel>.header.links>li a {
    color: #fff;
}

body .header.panel>.header.links>li a span {
    font-weight: 400;
    font-size: 13px;
}

body .page-header.type2.header-newskin .panel.header {
    padding: 6px 0 6px;
}

body .header.content .logo {
    margin: 10px 0;
}

body .page-header.type2.header-newskin .custom-block {
    display: flex;
    align-items: center;
}

body .page-header.type2.header-newskin .custom-block span {
    margin-top: 4px;
    color: #787d7f;
    font-weight: 600;
    font-size: 14px;
    display: inline-flex !important;
    line-height: 29px;
    text-transform: capitalize;
    font-family: 'Roboto Condensed', sans-serif;
}

body .page-header.type2.header-newskin .custom-block span b {
    font-size: 22px !important;
    padding-left: 11px;
}

body .page-header.type2.header-newskin .custom-block span b a {
    color: #2f7aa2;
    font-size: 21px;
}

body .header.content .logo img {
    width: 65px;
}

body .container.blog-testimonial-block .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
}

body .container.blog-testimonial-block .col-md-6 .block-content {
    display: flex;
    flex-direction: row;
    margin: 0 -15px;
}

body .container.blog-testimonial-block .col-md-6 .block-content .item.row {
    flex-direction: column;
    padding: 15px;
    display: flex;
    flex: 33.333%;
}

body .container.blog-testimonial-block .col-md-6 .block-content .item.row .image-block.col-lg-6 {
    max-width: 100%;
}

body .container.blog-testimonial-block .col-md-6 .block-content .item.row .image-block.col-lg-6 {
    max-width: 100%;
}

body .container.blog-testimonial-block .col-md-6 .block-content .item.row .image-block.col-lg-6 img {
    width: 100%;
    border: 1px solid #ececec;
    height: 215px;
    object-fit: contain;
}

body .container.blog-testimonial-block .col-md-6 .block-content .content-block.col-lg-6 .title {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 21px;
    margin: 22px 0 12px;
    height: 20px;
    overflow: hidden;
}

body .container.blog-testimonial-block .col-md-6 .block-content .content-block.col-lg-6 p.desc {
    display: none;
}

body .container.blog-testimonial-block .col-md-6 .block-content .content-block.col-lg-6 p {
    height: 72px;
    overflow: hidden;
    font-family: 'Roboto Condensed', sans-serif;
}

body .container.blog-testimonial-block .col-md-6 .block-content .content-block.col-lg-6 a {
    background: transparent;
    color: #2E7AA2 !important;
    font-weight: bold;
    text-transform: capitalize;
    padding: 6px 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
}

body .container.blog-testimonial-block .block-title {
    text-align: center;
}

body .container.blog-testimonial-block .block-title strong {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 20px;
}

body .container.blog-testimonial-block .block-title:before {
    background: #ffffff;
}

body .container.blog-testimonial-block .col-md-6 .block-content .content-block.col-lg-6 {
    max-width: 100%;
}

.video-section iframe {
    width: 100%;
    height: 300px;
    margin: 60px 0 0;
}

body .page-header.type2.header-newskin .navigation .level0>.level-top {
    padding: 0 20px;
    font-weight: 600;
    font-size: 15px;
}

body .slider-with-side .slider-area .item .content .text-area a:after {
    display: none;
}

body .footerform-info input {
    border: 1px solid #fff;
    background: #fff;
    height: 43px;
    font-family: 'Roboto Condensed', sans-serif;
}

body .container.blog-testimonial-block .col-md-6 .block-content .content-block.col-lg-6 a:after {
    display: none;
}

.widget.block.block-recent-posts {
    margin-bottom: 20px;
}

.cms-index-index .page-footer {
    margin-top: 0;
}

body .footer-middle .block .block-title strong {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #E3E3E3;
}

body .footer-middle ul.features li {
    padding: 10px 0 10px;
}

body .footerformheading {
    font-size: 14px;
    font-weight: 600;
    color: #E3E3E3;
    font-family: 'Roboto Condensed', sans-serif;
}

body .footerform-info fieldset.fieldset {
    margin-bottom: 17px;
}

body .footer-middle .action.submit.primary.footerformsubmit {
    padding: 0 30px;
    background: #2E7AA2;
    border: 1px solid #2E7AA2;
    height: 43px;
    width: 138px;
    color: #fff;
    font-weight: bold;
}

body .footer-middle {
    border-bottom: 1px solid #000;
}

body .footer-bottom .container:before {
    background-color: transparent;
}

body .footer-bottom .custom-block.f-right {
    display: none;
}

body .footer-bottom {
    padding: 15px 0;
    color: #C3C3C3;
    font-size: 14px;
}

body .block-artical-2 img {
    box-shadow: none;
}

.block-artical-2 .col-lg-7 h2 {
    font-size: 28px;
    line-height: 31px;
}

body .footer-middle a {
    font-size: 13px;
    color: #C3C3C3;
    font-family: 'Roboto Condensed', sans-serif;
}

.footer-middle .address-block {
    color: #C3C3C3;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
}

.review-content-slide .owl-item .item {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.review-content-slide .owl-item .item p {
    font-size: 15px;
    color: #454545;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 21px;
}

.review-content-slide .owl-item .item .title {
    padding-top: 10px;
}

.review-content-slide .owl-theme .owl-dots {
    margin-top: 14px;
}

.review-content-slide .owl-theme .owl-dots .owl-dot {
    border: 1px solid grey;
    border-radius: 50%;
    margin: 5px;
    padding: 1px 0px;
    line-height: 0;
}

.review-content-slide .owl-theme .owl-dots .owl-dot span {
    height: 7px;
    width: 7px;
    margin: 2px 3px;
    background: #f4f4f4;
}

.review-content-slide .owl-theme .owl-dots .owl-dot.active span {
    background: #327496;
}

.review-content-slide {
    background: #F4F4F4;
    padding: 50px 0 50px;
    margin-bottom: 50px;
    text-align: center;
}

.review-content-slide .block-title strong {
    color: #333333;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    padding-bottom: 30px;
    display: block;
}

.review-content-slide .owl-item .item:before {
    content: "";
    background: url(../images/icon.png)no-repeat;
    width: 40px;
    height: 115px;
    position: absolute;
    left: -70px;
    top: -13px;
}

.review-content-slide .owl-item .item:after {
    content: "";
    background: url(../images/icon.png)no-repeat;
    width: 40px;
    height: 115px;
    position: absolute;
    right: -80px;
    bottom: -40px;
}

.review-content-slide .content-section {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.review-content-slide .container {
    max-width: 640px;
}

.review-content-slide .content-section img {
    width: 200px;
    margin-right: 30px;
    flex: 1;
}

.review-content-slide .content-section div {
    flex: 2;
}

.review-content-slide .content-section div h4 {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    margin: 0px 0 5px;
    height: 20px;
    overflow: hidden;
    text-align: left;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif !important;
}

.review-content-slide .content-section div p {
    font-size: 15px;
    color: #454545;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 23px;
    text-align: left;
    margin-bottom: 0;
}

@media(max-width:1199px) {
    body .page-header.type2.header-newskin .custom-block span {
        font-size: 0;
    }
}

@media(max-width:991px) {
    body .block-artical-2 .col-lg-5.slider-with-side .side-area {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
    }
}

@media (max-width:991px) and (min-width:768px) {
    body .page-header.type2.header-newskin .block-search {
        margin-left: 200px;
        max-width: 325px;
    }

    body .page-header.type2.header-newskin .navigation .level0>.level-top {
        padding: 0 6px;
    }

    .page-header.type2.header-newskin .navigation .level0.request-quote {
        float: right;
        background: #2f7aa2;
    }

    .footer-middle .col-lg-4 {
        width: 33.333%;
    }
}

@media(max-width:767px) {
    body strong.logo:after {
        top: 20%;
        left: 35px;
        font-size: 20px;
    }

    body .page-header.type2.header-newskin .custom-block {
        display: none;
    }

    body .home-page-slider-area .slider-with-side .content {
        position: absolute;
        width: initial;
        height: initial;
        left: inherit;
        top: 24%;
    }

    body .slider-with-side .content .text-area {
        left: 5%;
        padding-left: 5px;
        width: 340px;
    }

    body .slider-with-side .slider-area .item .content .text-area h2 {
        padding: 0 0 5px;
        font-size: 30px;
        margin-top: 0;
        line-height: 40px;
    }

    body .slider-with-side .slider-area .item .content .text-area p {
        font-size: 12px;
        padding: 0 0 20px;
        width: 90%;
        line-height: 20px;
    }

    body .slider-with-side .slider-area .item .content .text-area a {
        font-size: 15px;
        font-weight: bold;
        margin-top: 15px;
        background: #1C283A;
        border: 2px solid #fff;
        padding: 10px 60px !important;
        color: #fff;
        font-family: 'Roboto Condensed', sans-serif;
    }

    body .container.blog-testimonial-block .col-md-6 .block-content {
        flex-direction: column;
    }

    body .footer-middle .social-icons {
        margin-bottom: 25px;
    }

    body .footer .block .block-content {
        margin-bottom: 15px;
    }

    body .block-artical-2 {
        padding: 35px 0 0px 0px;
    }

    body .footer-bottom .container {
        position: relative;
        padding-top: 24px;
    }

    body .footer-bottom>.container>* {
        line-height: 15px !important;
    }

    body .page-header.type2.header-newskin .navigation .level0>.level-top {
        padding: 14px 20px;
    }

    body .nav-sections .header.links a,
    body .nav-sections .header.links a:hover {
        font-weight: 600;
        padding: 12px 20px;
        text-transform: uppercase;
    }

    li.google-trans .custom-google {
        display: none;
    }

    body header.page-header .nav-sections-item-title>a {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 15px;
    }

    body .block-artical-2 h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .review-content-slide .owl-item .item:before {
        display: none;
    }

    .review-content-slide .owl-item .item:after {
        display: none;
    }

    .review-content-slide .content-section {
        flex-direction: column;
    }

    .review-content-slide .content-section img {
        margin-right: 0;
        margin-bottom: 30px;
    }
}

@media (max-width:400px) {
    .block-artical-4 .row>div {
        margin-bottom: 10px;
        flex: 100%;
        max-width: 100%;
        padding: 0 15px 15px !important;
    }
}

@media(max-width:320px) {
    body strong.logo:after {
        font-size: 17px;
    }

    body .slider-with-side .content .text-area {
        width: 310px;
    }

    body .home-page-slider-area .slider-with-side .content {
        top: 15%;
    }
}

.product-item-txt {
    padding: 65px;
}

body .footer-middle ul.list-inline li {
    display: inline-block;
}


/* ////// */
.faq-collection .ui-accordion .ui-state-default:after {
    content: '\f813' !important;
    font-family: 'porto-icons' !important;
}

.faq-collection .ui-accordion .ui-accordion-header-active:after {
    content: '\f810' !important;
    font-family: 'porto-icons' !important;
}

div#mc_embed_signup_scroll h5 {
    line-height: 17px;
    letter-spacing: 0.7px;
}

.subchildmenu li.ui-menu-item a {
    padding-top: 5px !important;
    text-transform: capitalize !important;
    word-spacing: 1px;
    letter-spacing: 0.25px;
    font-size: 13px !important;
    padding-bottom: 5px !important;
}

.contact-us-left {
    order: 2;
}

.col-md-4.contact-us-left > img {
    display: none;
}

.col-md-8.contact-info {
    order: 1;
}

button.action.primary {
    background-color: var(--main-bg-color) !important;
    border-color: var(--main-bg-color) !important;
}

.action.primary {
    background: var(--main-bg-color) !important;
    border: 1px solid var(--main-bg-color) !important;
}

span.contact-h {
    color: var(--main-bg-color);
}

body .home-page-slider-area img {
    width: 100% !important;
    max-height: 370px;
}

body .home-page-slider-area .slider-with-side .content {
    position: absolute;
    width: initial;
    left: inherit;
    top: 0;
    transform: unset;
    display: table;
    align-items: inherit;
    justify-content: inherit;
    height: 100%;
}

body .slider-with-side .content .text-area {
    left: 5%;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 600px;
    padding-left: 0;
    display: table-cell;
    vertical-align: middle;
}

.breadcrumbs .items {
    text-transform: capitalize;
    font-size: 12px !important;
}

.block-artical-3 .col-lg-6 a.btn.btn-default {
    color: white;
}

.block-recent-posts p {
    font-size: 14px;
    letter-spacing: 0.3px;
}

.block-recent-posts .title {
    font-size: 15px !important;
    letter-spacing: 0.5px;
}

body a.logo:after {
    content: "technico";
    position: absolute;
    color: #1b273b;
    text-transform: uppercase;
    top: 34%;
    left: 75px;
    font-family: 'Roboto Slab', serif !important;
    letter-spacing: 0.8px;
    font-size: 24px;
    font-weight: bold;
    display: block !important;
}

/* .block-artical-4-wrapper::after {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0000000f;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    z-index: 1;
} */

.block-artical-4-wrapper .roll-top {
    z-index: 3;
}

body .block-artical-4-wrapper a.btn.btn-default {
    z-index: 4;
    position: absolute;
}

body .page-header.type2.header-newskin .navigation .level0>.level-top {
    font-size: 16px;
    color: white;
    letter-spacing: 0.4px;
}

.order-catalog+.request-quote#ordercatalog>.fieldset>.field .label,
form#contact-form>.fieldset .field .label {
    color: black;
    margin-bottom: 5px !important;
}

.order-catalog+.request-quote#ordercatalog>.fieldset>.field input,
.order-catalog+.request-quote#ordercatalog>.fieldset>.field textarea#comment,
form#contact-form>.fieldset .field input,
form#contact-form>.fieldset textarea#comment {
    /* background-color: #f5f8fa !important; */
    /* border-radius: 5px !important; */
}

.order-catalog+.request-quote#ordercatalog>.fieldset .field input:focus,
.order-catalog+.request-quote#ordercatalog>.fieldset textarea#comment:focus,
form#contact-form>.fieldset .field input:focus,
form#contact-form>.fieldset textarea#comment:focus {
    border: 1px solid rgba(0, 208, 228, 0.5) !important;
    box-shadow: 0 0 4px 1px rgba(0, 208, 228, 0.3), 0 0 0 1px #00d0e4;
}

.order-catalog+.request-quote#ordercatalog>.fieldset .field input.mage-error:focus,
.order-catalog+.request-quote#ordercatalog>.fieldset .field select.mage-error:focus,
.order-catalog+.request-quote#ordercatalog>.fieldset .field textarea.mage-error:focus,
form#contact-form>.fieldset .field input.mage-error:focus,
form#contact-form>.fieldset .field select.mage-error:focus,
form#contact-form>.fieldset .field textarea.mage-error:focus {
    border: 1px solid #ed8380 !important;
    box-shadow: 0 0 4px 0px #ED8382, 0 0 0 1px #ED8382;
}

form#contact-form>.fieldset .field input#file {
    width: 100%;
    background: none !important;
}

.order-catalog+.request-quote#ordercatalog>.fieldset .field.file,
form#contact-form>.fieldset .field.file {
    margin: 15px 0;
}

form#contact-form button.submit,
.order-catalog+.request-quote#ordercatalog button.submit {
    /* border-radius: 5px; */
}

form#contact-form button.submit span,
.order-catalog+.request-quote#ordercatalog button.submit>span {
    color: white !important;
    padding: 0 25px;
}

.review-content-slide .container {
    max-width: 1140px;
}

.review-content-slide .content-section img {
    z-index: 1;
    width: 90%;
}

.image-div {
    position: relative;
    margin-left: 0!important;
    z-index: 1;
    margin-bottom: 30px;
}

.review-content-slide .content-section .image-div:before {
    width: 90%;
    height: 100%;
    position: absolute;
    background: #3b7aa2;
    content: "";
    right: 8px;
    top: -30px;
    z-index: -1;
}

.review-content-slide .content-section {
    margin-bottom: 25px;
    margin-top: 25px;
    position: relative;
}

.footer-top-block {
    color: white;
}

.footer-top {
    color: white;
    background-color: #233559!important;
}

@media (min-width:768px) {

    .contact-us-left h4 {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.2px;
    }

    .contact-us-left {
        background: #eaf3f7;
        height: max-content;
        padding-bottom: 20px;
    }

    body.contact-index-index.page-layout-1column.layout-1140.wide .column.main, body.contact-index-index.page-layout-1column.layout-1140.wide .page-main {
        padding-bottom: 0;
    }

    /* body.page-with-filter.catalog-category-view.page-layout-1column main#maincontent {
        max-width: 100%;
    } */

    /* body.page-with-filter.catalog-category-view.page-layout-1column main#maincontent .block.pad-main-product{
        max-width: 720px;
        margin: 0 auto;
    } */

    .page-header .navigation .level0 .submenu li.parent > a:after {
        float: unset!important;
    }

    form#contact-form > fieldset{
        margin-bottom: 10px;
    }

.customer-account-create form#form-validate {
    position: relative;
}

.customer-account-create fieldset.fieldset.address {
    position: absolute;
    right: 0;
}

.customer-account-create fieldset.fieldset.create.account {
    clear: left;
}

    .page-header .navigation .level0 .submenu li.parent>a:after {
        margin-left: 0px;
    }

    body.page-with-filter.catalog-category-view.page-layout-1column .catagory-hero-banner .category-banner-img {
        height: 200px;
    }

    .category-description.no-margin {
        padding-bottom: 30px;
        font-size: 14px;
    }

    body.page-with-filter.catalog-category-view.page-layout-1column .catagory-hero-banner .category-banner-img {
        width: 100%;
        object-fit: cover;
    }

    .catalog-category-view main#maincontent {
        padding-bottom: 0;
    }

    .image-div + div h4:after {
        transition: width 0.5s;
        content: "";
        position: absolute;
        height: 2px;
        background: #3b7aa2;
        bottom: 0px;
        left: 0;
        width: 0;
    }

    .image-div + div h4 {
    position: relative;
    width: max-content;
    padding-bottom: 30px!important;
    }

    .content-section:hover .image-div + div h4:after {
        width: 100%!important;
    }

    .order-catalog+.request-quote#ordercatalog>.fieldset>.field,
    form#contact-form>.fieldset>.field {
        float: left;
        width: 50%;
        padding: 0px 10px 15px;
        position: relative;
        margin: 0;
    }

    .order-catalog+.request-quote#ordercatalog>.fieldset>.field.comment,
    form#contact-form>.fieldset .comment {
        width: 100%;
    }

    form#contact-form>.fieldset>.field {
        padding-left: 0;
    }

    form#contact-form>.fieldset>.field.email {
        padding-left: 15px !important;
        padding-right: 0 !important;
    }

    form#contact-form>.fieldset>.field.file {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    /* .order-catalog+.request-quote#ordercatalog>.fieldset>.field:nth-child(2),
    .order-catalog+.request-quote#ordercatalog>.fieldset>.field:nth-child(3),
    form#contact-form>.fieldset>.field:nth-child(2),
    form#contact-form>.fieldset>.field:nth-child(3) {
        margin-bottom: 15px;
    } */


    /* .order-catalog+.request-quote#ordercatalog>.fieldset>.field:nth-child(1) {
        width: 100%;
    } */


    /* .order-catalog + .request-quote#ordercatalog > .fieldset > .field:nth-child(2):before, .order-catalog + .request-quote#ordercatalog > .fieldset > .field:nth-child(3):before {
      position: absolute;
      content: "";
      height: 1px;
      background: #e8e8e8;
      width: 100%;
      bottom: 0;
      left: 2px;
  } */


    .order-catalog+.request-quote#ordercatalog>.fieldset>.field #state {
        height: 38px;
        background: #f5f8fa;
        border-radius: 5px;
    }

    /* contact us form */
    .contact-info {
        padding: 35px 40px 35px !important;
        margin-left: -40px;
        margin-right: 15px;
        /* box-shadow: 0 0 30px rgba(51, 71, 91, 0.12); */
        border-radius: 5px;
        order: 1;
    }

}

@media (min-width:991px) {

    .review-content-slide .content-section .image-div:before {
        width: 90%;
        right: 12px;
        top: -24px;
    }

    /* body.page-with-filter.catalog-category-view.page-layout-1column main#maincontent .block.pad-main-product{
        max-width: 960px;
    } */

    body.page-with-filter.catalog-category-view.page-layout-1column .catagory-hero-banner .category-banner-img img {
        width: 100%;
        object-fit: cover;
    }

    body.page-with-filter.catalog-category-view.page-layout-1column .catagory-hero-banner .category-banner-img {
        width: 100%;
        height: 250px;
    }

    .review-content-slide .container {
        max-width: 960px;
    }

    .review-content-slide .content-section div {
        margin-left: 100px;
    }

    .review-content-slide .content-section div h4 {
        font-size: 22px !important;
        margin: 0px 0 15px;
    }

    .review-content-slide .content-section div p {
        font-size: 16px;
    }

    .products-grid .product-item .product-item-info:hover .product-item-details {
        background: #2f7aa2;
    }
}

@media(min-width:1080px) {

    .review-content-slide .content-section .image-div:before {
        width: 90%;
        right: 8px;
        top: -30px;
    }

    /* body.page-with-filter.catalog-category-view.page-layout-1column main#maincontent .block.pad-main-product{
        max-width: 1140px;
    } */

    .cms-resources .widget.block-recent-posts .block-title {
        text-align: center;
        text-transform: uppercase;
    }

    .cms-resources .widget.block-recent-posts .block-content {
        display: flex;
        flex-direction: row;
        margin: 0 -15px;
    }

    .cms-resources .widget.block-recent-posts .item.row {
        flex-direction: column;
        padding: 15px;
        display: flex;
        flex: 33.333%;
    }

    .cms-resources .widget.block-recent-posts .image-block.col-lg-6 {
        max-width: 100%;
        flex: 0 0 50%;
        max-height: 100%;
    }

    .cms-resources .widget.block.block-recent-posts .image-block.col-lg-6 img {
        width: 100%;
        border: 1px solid #ececec;
        height: 180px;
        object-fit: contain;
        min-height: 180px;
    }

    .cms-resources .widget.block-recent-posts .content-block.col-lg-6 {
        max-width: 100%;
    }

    .content-block.col-lg-6 .title {
        font-size: 14px !important;
        letter-spacing: 0.7px;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 21px;
        margin: 22px 0 12px;
        height: 20px;
        overflow: hidden;
    }

    .cms-resources .widget.block-recent-posts .content-block.col-lg-6 p {
        height: 72px;
        overflow: hidden;
        font-family: 'Roboto Condensed', sans-serif;
    }

    .cms-resources .widget.block-recent-posts .block-content .content-block.col-lg-6 a {
        background: 0 0;
        color: #2e7aa2 !important;
        font-weight: 700;
        text-transform: capitalize;
        padding: 6px 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 14px;
    }

    .cms-resources .widget.block-recent-posts .content-block.col-lg-6 p.desc {
        display: none;
    }

    .cms-info {
        padding: 35px 40px 35px !important;
        margin-left: 0;
        margin-right: 0;
        box-shadow: 0 0 30px rgba(51, 71, 91, 0.12);
        border-radius: 5px;
    }
}

@media (max-width:991px){
    .review-content-slide .content-section .image-div:before {
        width: 90%;
        right: 12px;
        top: -24px;
    }
}

@media (max-width:767px) {

    .review-content-slide .content-section .image-div:before {
        width: 100%;
        height: 100%;
        right: -20px;
        top: -24px;
    }

    .review-content-slide .content-section img {
        width: 200px;
        margin-right: 0px;
        margin-bottom: 0;
    }

    .page-header.type2.header-newskin .nav-toggle {
        float: left !important;
    }

    body .page-header.type2.header-newskin .block-search {
        float: right;
    }

    body a.logo:after {
        top: 6%;
        left: 28px;
    }

    .page-header.type2.header-newskin .logo {
        float: unset !important;
    }

    /* .level1>.open-children-toggle+a:after {
        visibility: visible !important;
        -webkit-font-smoothing: antialiased;
        font-size: 20px;
        line-height: inherit;
        color: inherit;
        content: '\f804';
        font-family: 'porto-icons';
        vertical-align: middle;
        display: inline-block;
        font-weight: normal;
        overflow: hidden;
        speak: none;
        right: 15px;
        text-align: center;
        position: absolute;
        z-index: 1111;
    } */

    #store.menu .level0.submenu.opened .row {
        margin-right: 0;
    }

    .products-list .product-item-details {
        padding-bottom: 0 !important;
    }
}

@media (max-width:480px) {
}

@media (max-width:380px) {

    .review-content-slide .content-section {
        margin-bottom: 0;
    }
}


.catalog-category-view .page-title-wrapper {
    display: block !important;
}

/*category static content by priyanga*/
    .grid-section {
        display: grid;
        grid-column-gap: 40px;
        grid-template-columns: 40% 50%; 
        padding: 10px;
        max-width: 1140px;
        margin: auto;
    }
    .left-grid {
        background-color: rgba(255, 255, 255, 0.8);
        border: 1px solid rgba(0, 0, 0, 0.8);
        padding: 20px;
        justify-content: center;
        align-content: center;
        display: grid;
    }
    .right-grid {
        background-color: rgba(255, 255, 255, 0.8);
        padding: 20px;
    }
    .grid-description {
        margin-bottom: 25px;
        color: #1c273b;
        font-size: 15px;
    }
    .list-section {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-template-rows: min-content min-content;
        grid-gap: 20px;
    }
    .list-section ul {
        padding: 0;
    }
    .list-section li {
        list-style-type: none;
        line-height: 25px;
        color: #1c273b;
        font-size: 15px;
        font-weight: 500;
    }
    .list-section a {
        display: block;
        color: #1c273b;
        font-size: 15px;
        margin-bottom: 20px;
    }
    .grid-list-right p {
        border-bottom: 1px solid #aaa;
        text-transform: uppercase;
        font-weight: 600;
        padding-bottom: 5px;
        font-size: 15px;
    }
    .list-section img {
        vertical-align: middle;
    }
    @media (max-width:767px) {
        .grid-section {
            grid-template-columns: 100%;
            max-width: 540px;
        }
        .left-grid {
            padding: 100px;
        }
        .right-grid {
            padding: 20px 0px;
        }
    }
    
.category-view > .category-cms {
overflow-x: auto;
}

.category-view > .category-cms {
overflow-x: auto;
}

.category-view > .category-cms > table {
max-width: 900px;
margin: 0 auto;
}

.category-view > .category-cms > table > tbody> tr:nth-of-type(1) {
background: #1c283a!important;
color: white;
}

.category-view > .category-cms > table > tbody> tr:nth-of-type(odd) {
background: #ececec;
}

.category-cms > table > tbody> tr:last-of-type {
border-bottom: 3px solid #1c283a;
}

.category-cms > table > tbody> tr:hover {
background: black!important;
color: white;
font-weight: bold;
}

.category-view > .category-cms > table > tbody> tr:nth-of-type(1) strong span {
display: block;
min-width: 170px;
}

@media (max-width:767px){

.category-cms > table > tbody> tr:hover {
background: unset!important;
color: unset!important;
font-weight: unset;
}

}



@media screen and (min-width: 768px){
    .sw-megamenu.navigation li.level0.classic .subchildmenu > li:hover > .subchildmenu {
        visibility: visible;
        opacity: 1;
        z-index: 9999;
    }
}
@media (min-width: 768px) {
    .page-header.header-newskin .sw-megamenu.navigation .subchildmenu.mega-columns.columns4 > li {
        padding-left: 0;
    }
    .page-header.header-newskin .sw-megamenu.navigation li.level0.fullwidth > .submenu a:hover,
    .page-header.header-newskin .sw-megamenu.navigation li.level0.staticwidth > .submenu a:hover {
        color: #272724;
        background: #f4f4f4;
        text-decoration: none;
    }
    .page-header.header-newskin .sw-megamenu.navigation li.level0.fullwidth > .submenu a:hover > span,
    .page-header.header-newskin .sw-megamenu.navigation li.level0.staticwidth > .submenu a:hover > span {
        text-decoration: none;
    }
    .page-header.header-newskin .sw-megamenu.navigation li.level0.fullwidth .submenu .subchildmenu .ui-menu-item > a {
        font-size: 14px !important;
        margin-bottom: 0;
        padding: 0 10px;
    }
    .page-header.header-newskin .sw-megamenu.navigation li.level0.fullwidth .submenu .subchildmenu .ui-menu-item > .subchildmenu .ui-menu-item a {
        font-size: 13px !important;
        font-weight: 400;
        padding: 0 10px;
    }
}
@media(min-width:768px) {
    .sw-megamenu.navigation li.level0.classic .subchildmenu a {
        color: #434d53;
        padding: 15px;
    }
}
@media(min-width:1260px) {
    .page-header.type2.header-newskin > .main-panel-top .container, .page-header.type2.header-newskin .header.content, nav.navigation.sw-megamenu {
        max-width: 100%;
        padding: 0 65px;
    }
    body .page-header.type2.header-newskin .navigation .level0>.level-top {
        padding: 0 12px;
    }
    .page-header.type2.header-newskin .minicart-wrapper {
        right: 60px;
    }
    .page-header.type2.header-newskin .custom-block {
        right: 140px;
    }
}
@media(min-width:1300px) {
    body .page-header.type2.header-newskin .navigation .level0>.level-top {
        padding: 0 15px;
    }
}
@media (min-width: 992px) {
    .page-wrapper .page-header.type2.header-newskin .header.panel > .header.links > .google-trans {
        order: -1;
    }
    .page-wrapper .page-header.type2.header-newskin .header.panel > .header.links > .greet.welcome {
        order: 0;
    }
}

@media (min-width: 768px) {
    .page-wrapper .page-header.type2.header-newskin .header.panel > .header.links {
        display: flex;
        justify-content: flex-end;
    }
    .page-wrapper .page-header.type2.header-newskin .header.panel > .header.links > .greet.welcome > .not-logged-in {
        padding: 0;
    }
    .page-wrapper .page-header.type2.header-newskin .header.panel > .header.links > .offer-label {
        margin: 0 auto;
        text-align: center;
        float: left;
        font-size: 15px;
    }
    .page-wrapper .page-header .sw-megamenu.navigation li.level0.fullwidth > .submenu {
        max-width: 100%;
        padding: 0 65px;
    }
    .page-wrapper .page-header .sw-megamenu.navigation li.level0.fullwidth > .submenu .subchildmenu {
        max-width: 100%;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
    .page-wrapper .page-header.type2.header-newskin .header.panel > .header.links {
        flex-wrap: wrap;
    }
    .page-wrapper .page-header.type2.header-newskin .header.panel > .header.links > .google-trans {
        margin-right: auto;
    }
    .page-wrapper .page-header.type2.header-newskin .header.panel > .header.links > .offer-label {
        width: 100%;
        order: 10;
    }
}

@media (min-width: 1260px) {
    .page-wrapper .page-header.type2.header-newskin > .main-panel-top .container,
    .page-wrapper .page-header.type2.header-newskin > .header.content,
    .page-wrapper .page-header.type2.header-newskin > .nav-sections .nav-sections-items .navigation.sw-megamenu {
        padding: 0 15px !important;
        max-width: 1260px !important;
    }
    .page-wrapper .page-header.type2.header-newskin > .nav-sections .nav-sections-items .navigation.sw-megamenu {
        padding-left: 0 !important;
    }
    body .page-wrapper .page-header.type2.header-newskin .navigation .level0>.level-top {
        padding: 0 15px;
    }
}
@media (min-width: 768px) {
    .page-wrapper .page-header .sw-megamenu.navigation li.level0.fullwidth > .submenu {
        max-width: 100%;
        padding: 0 15px 15px;
    }
    .page-wrapper .page-header.header-newskin .navigation li.level0.fullwidth .submenu li.level1 > a,
    .page-wrapper .page-header.header-newskin .navigation li.level0.staticwidth .submenu li.level1 > a {
        margin-top: 20px;
    }
    .page-wrapper .page-header.header-newskin .sw-megamenu.navigation li.level0.fullwidth .submenu .subchildmenu .ui-menu-item > a {
        font-size: 13px !important;
    }
    .page-wrapper .page-header .sw-megamenu.navigation li.level0.fullwidth .submenu .subchildmenu .subchildmenu,
    .page-wrapper .page-header .sw-megamenu.navigation li.level0.staticwidth .submenu .subchildmenu .subchildmenu {
        padding: 0;
    }
    .page-wrapper .page-header.header-newskin .sw-megamenu.navigation li.level0.fullwidth .submenu .subchildmenu .ui-menu-item > .subchildmenu .ui-menu-item a {
        font-size: 12px !important;
        font-weight: 400;
        padding: 3px 10px !important;
    }
}

body .slider-with-side .slider-area .item .content .text-area h2 {
    color: #fff !important;
    text-shadow: 0px 0px 20px #000;
}

@media (min-width: 768px) {
    .modal-popup.delivery-popup.modal-slide._inner-scroll._show .modal-inner-wrap {
        height: auto;
        width: 90%;
        max-width: 500px;
    }
}
.modal-popup.delivery-popup.modal-slide._inner-scroll._show .modal-inner-wrap .modal-header {
    background: #2F7AA2;
    padding: 20px;
}
.modal-popup.delivery-popup.modal-slide._inner-scroll._show .modal-inner-wrap .modal-header .modal-title {
    color: #fff;
    font-size: 20px;
    font-weight: 600 !important;
    padding: 0;
    border: none;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.modal-popup.delivery-popup.modal-slide._inner-scroll._show .modal-inner-wrap .modal-header .action-close:before {
    font-size: 18px;
    color: #fff;
}
.modal-popup.delivery-popup.modal-slide._inner-scroll._show .modal-inner-wrap .modal-content {
    padding: 20px;
}
.modal-popup.delivery-popup.modal-slide._inner-scroll._show .modal-inner-wrap .modal-footer {
    padding: 20px;
    border-color: #ddd;
}
.modal-popup.delivery-popup.modal-slide._inner-scroll._show .modal-inner-wrap .modal-footer button {
    background: #2f7aa2;
    padding: 10px 25px;
    color: #fff;
    font-weight: 600;
    height: auto;
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
    border: none;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

/* Blog More Info Design */
    .blog-post-view .contact-techno {
        text-align:center;
    }
    .blog-post-view .contact-techno h3{
        font-size: 24px;
        color: #2F7AA2;
        line-height: 32px;
    }
    .blog-post-view .contact-techno p{
        margin-top: 40px;
        font-size: 14px;
        color: #666;
    }
    .blog-post-view .contact-techno button{
        height: 45px;
        width: 150px;
        border: none;
        font-weight: 600;
        font-size: 16px;
        color: #fff;
        background-color: #1C283A;
        margin-top: 15px;
    }
    .blog-post-view .contact-icon{
        float: right;
        margin-top: -100px;
        margin-right: 50px;
    }
    .blog-post-view .contact-icon span{
        height: 86px;
        width: 99px;
        display: inline-block;
        background-image: url(../images/contacts-icon.png);
        background-size: cover;
    }
    @media screen and (max-width: 1200px){
        .blog-post-view .contact-icon{
            float: none;
            margin: unset;
            margin-top: 20px;
        }
        .blog-post-view .contact-cont {
            display: flex;
            flex-direction: column-reverse;
        }
    }


    .page-header.type2 .block-search input::-webkit-input-placeholder {
        font-style: italic;
        font-size: 12px;
        padding-left: 5px;
    }

    .page-header.type2 .block-search input:-ms-input-placeholder {
        font-style: italic;
        font-size: 12px;
        padding-left: 5px;
    }

    .page-header.type2 .block-search input::placeholder {
        font-style: italic;
        font-size: 12px;
        padding-left: 5px;
    }

    .page-header.type1 .navigation li.level0.active, .page-header.type1 .navigation li.level0:hover, .page-header.type3 .navigation .level0:hover > .level-top, .page-header.type3 .navigation .level0.active > .level-top, .page-header.type3 .navigation .level0.has-active > .level-top, .page-header.type4 .navigation .level0:hover > .level-top, .page-header.type4 .navigation .level0.active > .level-top, .page-header.type4 .navigation .level0.has-active > .level-top, .page-header.type20 .navigation .level0:hover > .level-top, .page-header.type20 .navigation .level0.active > .level-top, .page-header.type20 .navigation .level0.has-active > .level-top, .page-header.type17 .navigation .level0:hover > .level-top, .page-header.type17 .navigation .level0.active > .level-top, .page-header.type17 .navigation .level0.has-active > .level-top, .page-header.type5 .navigation .level0:hover > .level-top, .page-header.type5 .navigation .level0.active > .level-top, .page-header.type5 .navigation .level0.has-active > .level-top, .page-header.type6 .navigation .level0:hover > .level-top, .page-header.type6 .navigation .level0.active > .level-top, .page-header.type6 .navigation .level0.has-active > .level-top, .page-header.type19 .navigation .level0:hover > .level-top, .page-header.type19 .navigation .level0.active > .level-top, .page-header.type19 .navigation .level0.has-active > .level-top, .page-header.type7 .navigation .level0:hover > .level-top, .page-header.type7 .navigation .level0.active > .level-top, .page-header.type7 .navigation .level0.has-active > .level-top, .page-header.type23 .navigation .level0:hover > .level-top, .page-header.type23 .navigation .level0.active > .level-top, .page-header.type23 .navigation .level0.has-active > .level-top, .sw-megamenu.navigation.side-megamenu li.level0:hover, .page-header.type11 .navigation li.level0:hover, .page-header.type11 .navigation li.level0.active, .page-header.type11 .navigation li.level0.has-active, .page-header.type9 .navigation .level0:hover > .level-top, .page-header.type9 .navigation .level0.active > .level-top, .page-header.type9 .navigation .level0.has-active > .level-top, .page-header.type16 .navigation .level0:hover > .level-top, .page-header.type16 .navigation .level0.active > .level-top, .page-header.type16 .navigation .level0.has-active > .level-top, .page-header.type2.header-newskin .navigation .level0:hover > .level-top, .page-header.type2.header-newskin .navigation .level0.active > .level-top, .page-header.type2.header-newskin .navigation .level0.has-active > .level-top, .page-header.type18 .navigation .level0:hover > .level-top, .page-header.type18 .navigation .level0.active > .level-top, .page-header.type18 .navigation .level0.has-active > .level-top, .page-header.header-newskin .navigation .level0:hover > .level-top, .page-header.header-newskin .navigation .level0.active > .level-top, .page-header.header-newskin .navigation .level0.has-active > .level-top{
        background-color: unset !important;
    }

    #co-payment-form hr{
        display: none;
    }

    #co-payment-form input + br{
        display: none;
    }


    .input-text.order-comment.order-comment-input::placeholder{
        font-style: italic;
        opacity: 1;
        color: #a5a2ab;
        font-size: 12px;
    }

    .input-text.order-comment.order-comment-input::-ms-input-placeholder{
        font-style: italic;
        opacity: 1;
        color: #a5a2ab;
        font-size: 12px;
    }

    .input-text.order-comment.order-comment-input::-webkit-input-placeholder{
        font-style: italic;
        opacity: 1;
        color: #a5a2ab;
        font-size: 12px;
    }

    body .block-collapsible-nav .item{
        border: none !important;
        padding: 0;
        position: relative;
        line-height: 1.3;
        margin: 0;
    }

    body .block-collapsible-nav .item>*{
        color: #777;
        padding: 8px 15px;
        border-bottom: 1px solid #ddd;
        display: block;
    }

    body .block-collapsible-nav .item>*:hover{
        text-decoration: underline;
        color: #777 !important;
    }

    body .block-collapsible-nav .item .delimiter{
        display: none;
    }

    body .block-collapsible-nav .item.current>*{
        color: #777 !important;
        font-weight: bold !important;
    }



   body .mageprince-faq-collection .group-title{
        color: #000;
        font-size: 34px;
        font-family: 'Roboto Condensed',sans-serif !important;
        font-weight: 700 !important;
        margin-bottom: 36px;
    }

    body.blog-post-view .post-description p{
        font-size: 13px;
        line-height: 18px;
        font-family: 'Roboto', sans-serif;
    }
    
    body .widget.blog-search input{
        position: static;
        padding-right: 35px;
        margin: 0;
        background: #fff;
        background-clip: padding-box;
        border: 1px solid #ccc;
        font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-size: 13px;
        height: 38px;
        line-height: 1.4;
        padding: 10px;
        vertical-align: baseline;
        width: 100%;
        box-sizing: border-box;
    }

    body .widget.blog-search .action.search{
        background: none;
    }

    body .widget.blog-search .action.search:before{
        -webkit-font-smoothing: antialiased;
        font-size: 13px;
        line-height: 33px;
        color: #777;
        content: '\f818';
        font-family: 'porto-icons';
        margin: 0;
        vertical-align: top;
        display: inline-block;
        font-weight: 400;
        overflow: hidden;
        speak: none;
        text-align: center;
    }


/*   body #faq-content #group3{
    display: none;
   }*/


   body .widget.blog-search input::placeholder{
        font-style: italic;
        opacity: 1;
        color: #a5a2ab;
        font-size: 12px;
    }

    body .widget.blog-search input::-ms-input-placeholder{
        font-style: italic;
        opacity: 1;
        color: #a5a2ab;
        font-size: 12px;
    }

    body .widget.blog-search input::-webkit-input-placeholder{
        font-style: italic;
        opacity: 1;
        color: #a5a2ab;
        font-size: 12px;
    }


    body .block-artical-2 img{
        max-height: 100%;
        height: 126px;
    }

    body .container.blog-testimonial-block .col-md-6 .block-content .item.row .image-block.col-lg-6 img{
        max-height: 100%;
    }

    @media print {
        header{
            display: none !important;
        }    
    }


    img, object, video, embed{
        max-width: 100%;
        max-height: 100%;
    }



    @media (min-width: 1365px) {
        body .home-page-slider-area img{
            height: 370px;
            object-fit: cover;
        }    
    }
.cms-index-index .video-section .container {
    flex-direction: column;
    height: auto;
}
.cms-index-index .video-section .container .video-title {
    color: #000;
    font-size: 22px;
    margin: 0 0 18px;
    text-align: center;
}
.cms-index-index .video-section .container lite-youtube {
    height: 300px;
}