@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,500,700|Open+Sans|Merriweather'); /*! 
 *   Unlock Commerce
 *   Snippet Type: Skin - (2 Color)
 *   Snippet Name: Store Search
 *   Author: Shashank Agarwal
 */
/*! 
 *   Unlock Commerce
 *   Snippet Type: Skin - (2 Color)
 *   Snippet Name: Carousels
 *   Author: Shashank Agarwal
 */

/*@import url('https://fonts.googleapis.com/css2?family=Work+Sans&display=swap');
body{ font-family: 'Work Sans', sans-serif; }*/

/* +++++++++++++++++++++++++++++ Carousels +++++++++++++++++++++++++++++ */

.carousel-indicators li {
    background: #666666;
}

    .carousel-indicators li.active {
        background-color: #295eaa;
    }

.slick-prev:before,
.slick-next:before {
    border: 2px solid #19558b;
    color: #164e81;
}
#banner .slick-prev:before, #banner.slick-next:before{ border: 2px solid #19558b!important;}
#slider-for .slick-prev:before, #slider-for .slick-next:before{ border:none!important;}

/*#slider-for .slick-prev{ left: 0rem; }
#slider-for .slick-next{ right: 0rem; }*/

.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
    color: white!important;
    background: #114485;
}

.slick-dots li button {
    /*background: #666666;
  color: #666666;*/
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots {
    bottom: -40px !important;
    z-index: 1;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 0px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button:before {
            /*width: 7px;*/
            height: 5px;
            border-radius: 0px;
            line-height: 7px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #d9d9d9;
            opacity: 1;
            border: 0;
            color: transparent;
            font-family: 'slick';
            font-size: 6px;
            line-height: 20px;
            position: absolute;
            content: '•';
            text-align: center;
        }

        .slick-dots li.slick-active button:after {
            position: absolute;
            top: 0;
            left: 0;
            content: '';
            width: 100%;
            height: 100%;
            background: #295eaa42;
            z-index: -1;
        }

        .slick-dots li.slick-active button:before {
            background: #174e82;
            color: transparent;
        }

/*.slick-dots li.slick-active button {
  background-color: #295eaa;
  color: #295eaa;
  box-shadow:0px 0px 10px rgb(29 72 85);
}*/
/*! 
 *   Unlock Commerce
 *   Snippet Type: Skin - (2 Color)
 *   Snippet Name: Checkout Page
 *   Author: Shashank Agarwal
 *   Description: Entire Checkout Process
 */

/* +++++++++++++++++++++++++++++ Checkout Page +++++++++++++++++++++++++++++ */

.label-required-fields {
    text-align: right;
    font-size: 0.9rem;
}

#checkout-accordion .panel-heading a:not(.collapsed) {
    background: #295eaa;
    color: white;
}

#checkout-accordion .panel-heading a {
    background: #232323;
    color: white;
}

    #checkout-accordion .panel-heading a span.no {
        border-right: 1px solid white;
        background: #232323;
    }

    #checkout-accordion .panel-heading a:not(.collapsed) span.no {
        background: #295eaa;
    }

#checkout-accordion .panel-body {
    border: 1px solid #295eaa;
    border-top: 0px;
    padding-top: 15px;
    margin-bottom: 15px;
}

#checkout-accordion .bordered-box.note {
    border: 1px solid #b2b2b2;
    color: #b2b2b2;
    font-size: 0.9rem;
    padding: 20px;
    line-height: 1.5rem;
}

#checkout-accordion .small-heading-nb {
    padding: 10px 0px 10px 0px;
    text-transform: uppercase;
    font-size: 1.1rem;
    color: #b2b2b2;
    margin-bottom: 15px;
}

#checkout-accordion .bordered-box {
    border: 1px solid #b2b2b2;
    padding: 20px;
}

    #checkout-accordion .bordered-box .small-heading {
        margin-top: 0;
        padding-top: 0;
    }

    #checkout-accordion .bordered-box .name,
    #checkout-accordion .bordered-box .phone {
        margin-bottom: 10px;
    }

    #checkout-accordion .bordered-box .name {
        font-size: 15px;
    }

#checkout-accordion .shipping-options-box {
    border: 1px dashed #b2b2b2;
    font-size: 0.9rem;
    padding: 20px;
    margin-bottom: 15px;
}

    #checkout-accordion .shipping-options-box .cost {
        font-size: 16px;
        float: right;
    }

    #checkout-accordion .shipping-options-box .form-group input[type=checkbox],
    #checkout-accordion .shipping-options-box input[type=radio] {
        margin: 4px 4px 0 0;
    }

    #checkout-accordion .shipping-options-box h4 {
        color: #232323;
    }

#checkout-accordion .banners-wrapper .trust-banners {
    text-align: center;
    border: 1px solid #b2b2b2;
    margin-bottom: 12px;
    padding: 10px;
}

    #checkout-accordion .banners-wrapper .trust-banners h4 {
        color: #4d4d4d;
    }

#checkout-accordion #divOrderConfirmCntrls {
    margin-top: 1.5rem;
}

#checkout-accordion .checkbox {
    margin-bottom: 25px;
}
/*! 
 *   Unlock Commerce
 *   Snippet Type: Skin - (2 Color)
 *   Snippet Name: Globals
 *   Author: Shashank Agarwal
 */

/* +++++++++++++++++++++++++++++ THEME LEVEL GLOBAL STYLES +++++++++++++++++++++++++++++ */

html,
body {
    background: white;
    color: #232323;
    /*font-family: 'Be Vietnam Pro', sans-serif;*/
}
 body {
            font-family: 'Karla', sans-serif!important;
        }

a {
    color: #232323;
}

    a:hover {
        /*.switch-color(@contrast-color-1);*/
        color: #e41f0d;
        cursor: pointer;
    }

    .btn-ace .btn-holder button,
   #box-with-image .btn-holder button,
   .product-contact .btn-holder button{
       background:#174e82;
   }
    .btn-ace .btn-holder button,
    .product-contact .btn-holder button{     border: 2px solid; }
    .product-contact .btn-holder button a{ color:#fff; display:flex; }
    .product-contact .btn-holder button:hover a{ color:#232323; }

.btn-holder button,
.btn-holder button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-holder button {
     background: none;
    border: 2px solid #fff;
    border-radius: 0px;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 28px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 1;
    cursor:pointer; 
}

.btn-holder button::before,
.btn-holder button::after {
  background: #fff;
    content: '';
    position: absolute;
    z-index: -1;
}

.btn-holder button:hover {
      color: #174e82!important;
}
.btn-holder .btn-1{ display: inline-flex; }
.btn-holder .btn-1 .material-symbols-outlined{ margin-left: 10px; transition: all .3s linear; }
.btn-holder .btn-1:hover .material-symbols-outlined{ transform:translateX(5px); transition: all .3s linear; }

.btn-holder .btn-1::after {
  height: 0;
  left: 0;
  top: 0;
  width: 100%;
}

.btn-holder .btn-1:hover:after {
  height: 100%;
}



  .btn {
  position: relative;
  display: inline-block;
  width: auto; height: auto;
  background-color: transparent;
  cursor: pointer;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: 0.3s;
}




.btn-outline {
    /*background: transparent;
  border-color: #232323;
  color: #232323 !important;*/
    background: transparent;
    /* border-color: #232323; */
    color: #164e81;
    border-radius: 5px;
    border: 2px solid #164e81;
    font-weight: 500;
    letter-spacing: 1px;
}


    .btn-default,
    .btn-outline:hover,
    .btn-outline:focus {
        background: #164e81;
        border-color: #164e81;
        color: white !important;
    }

        .btn-primary,
        .btn-default:hover,
        .btn-default:focus {
            background: #174e82;
            border-color: #174e82;
            color: white !important;
            font-weight: 500;
            border-radius: 5px;

        }

            .btn-primary:hover,
            .btn-primary:focus,
            .btn-primary:not(:disabled):not(.disabled):active,
            .btn-primary:not(:disabled):not(.disabled).active,
            .show > .btn-primary.dropdown-toggle {
                background: #1f4781;
                border-color: #1f4781;
                color: white !important;
            }

.required {
    color: red;
}
/*Page header*/

.page-header,
.category-name {
    color: #232323;
    position: relative;
}
/* Sections */

.section h3.section-heading {
    color: #1d486a;
    text-transform: capitalize;
    font-size: 47px;
    font-weight: 700;
}
/*Sub section heading*/

.sub-section-heading {
    
    color: #295eaa;
    font-weight: 600;
}

.small-heading,
.box-heading {
    padding: 10px 0px 10px 0px;
    text-transform: uppercase;
    font-size: 1.1rem;
    color: #295eaa;
    margin-bottom: 15px;
    border-bottom: 1px solid #295eaa;
}
/* Breadcrumb */

.breadcrumb {
    /*background: #e6e6e6;*/
        /*background: #295eaa;*/
        background:transparent;
        font-weight: 500;
}

.breadcrumbinner span, .breadcrumbinner a{ color:#666666; }
.breadcrumbinner span:last-child{ color:#174e82; font-weight:700; }


/*wishlist*/

a#divWishList {
    font-size: 0.8rem;
    display: block;
    line-height: 1;
}
/*Table*/

/*.table th {
    background: #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}*/

.table th, .table td{
    border: 0 !important;
}
/*Content Sidebar*/

#column-left ul.menu li {
    border-bottom: 1px solid #295eaa;
}
/*Nav Pills*/

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.nav-pills .nav-link:hover,
.nav-pills .nav-link:focus {
    background-color: #295eaa;
    color: white;
}
/*FAQ's*/

.faq-wrapper .panel-default > .panel-heading.active .panel-title a {
    color: #295eaa;
}
/*Write to Us*/

#write {
    background: #295eaa;
}

.write-wrap .form-type {
    background: #232323;
}

    .write-wrap .form-type a:hover {
        color: #295eaa;
    }
/*! 
 *   Unlock Commerce
 *   Snippet Type: Skin - (2 Color)
 *   Snippet Name: Footer
 *   Author: Shashank Agarwal
 */

/* +++++++++++++++++++++++++++++ Footer +++++++++++++++++++++++++++++ */

#footer a:hover {
    /*.switch-color(@contrast-color-1);*/
    color: #e41f0d;
}

#footer .panel-title a {
    color: #295eaa;
}
/*Back to top*/

#back-to-top {
    background: #232323;
    color: white;
}

    #back-to-top:hover {
        background: #295eaa;
        color: white;
    }
/*! 
 *   Unlock Commerce
 *   Snippet Type: Skin - (2 Color)
 *   Snippet Name: Header - Bottom
 *   Author: Shashank Agarwal
 */

/* +++++++++++++++++++++++++++++ Header Bottom +++++++++++++++++++++++++++++ */

.headertop {
    /*.smart-color(@contrast-color-1, 52%);*/
    background-color: white;
}

.contact-info.border-bottom {
    background: #d5d4d4;
}

/*.header-bottom {
    background-color: #295eaa;
}*/

#header #headerbottom-wrapper .header-right-wrap .last-wrap .dropdown-toggle .fa,
#header #headerbottom-wrapper .header-right-wrap .last-wrap .wish-list .fa {
    /*.switch-color(@contrast-color-1);*/
    color: #e4200e;
}
/* +++++++++++++++++++++++++++++ Search +++++++++++++++++++++++++++++ */

/*! 
 *   Unlock Commerce
 *   Snippet Type: Skin - (2 Color)
 *   Snippet Name: Header & Footer Panel Groups
 *   Author: Shashank Agarwal
 *   Description: Used in Full width Menu, Tall Footer
 */

/* +++++++++++++++++++++++++++++ Header & Footer Panel Groups +++++++++++++++++++++++++++++ */

/*! 
 *   Unlock Commerce
 *   Snippet Type: Skin - (2 Color)
 *   Snippet Name: Header - Top
 *   Author: Shashank Agarwal
 */

/* +++++++++++++++++++++++++++++ Header Top +++++++++++++++++++++++++++++ */

#header .top-mini-header .offer-box {
    background-color: #232323;
}

    #header .top-mini-header .offer-box a:hover {
        color: #295eaa;
    }

#header #headerbottom-wrapper .header-right-wrap .last-wrap .user-account .dropdown-menu li a:hover {
    color: #295eaa;
}

#header #headerbottom-wrapper .header-right-wrap .last-wrap .user-account .user-name.login {
    background-color: #295eaa;
}
/* +++++++++++++++++++++++++++++ Currency +++++++++++++++++++++++++++++ */

#currency .dropdown a {
    font-size: 1.1rem;
}

#currency .dropdown > a {
    line-height: 2;
    border: 1px solid #b3a6a6;
    padding: 6px 20px;
    color: #295eaa;
    font-weight: 600;
}

#currency .dropdown .dropdown-menu {
    background-color: #184d7f;
    margin-top: 0rem;
    color: #fff;
}

    /*#currency {
    margin-bottom: 3rem;
}*/

    #currency .dropdown .dropdown-menu > li > a:hover,
    #currency .dropdown .dropdown-menu > li > a:focus {
        color: #232323;
    }
/* +++++++++++++++++++++++++++++ Top Links +++++++++++++++++++++++++++++ */

.top-links .dropdown-menu {
    background-color: #e6e6e6;
}

    .top-links .dropdown-menu li a:hover,
    .top-links .dropdown-menu li a:focus {
        color: #232323;
        background: none;
    }
/*! 
 *   Unlock Commerce
 *   Snippet Type: Skin - (2 Color)
 *   Snippet Name: Homepage
 *   Author: Shashank Agarwal
 */

#testiSlider .testi-box {
    background: #295eaa;
}

#testiSlider .slick-prev:before,
#testiSlider .slick-next:before {
    color: #295eaa;
}
/*Slider Box*/

.cart {
    background: #295eaa;
    color: white;
}

@media screen and (min-width: 768px) and (max-width: 991.98px) {
}

@media screen and (max-width: 991.98px) {
    .section h3.section-heading {
        font-size: 35px;
        word-break: break-word;
    }

    .why-acebearings .nav .nav-item {
        padding: 0.4rem 0.4rem;
    }

    .box {
        height: 65vh;
    }
}
/*! 
 *   Unlock Commerce
 *   Snippet Type: Skin - (2 Color)
 *   Snippet Name: Main Menu
 *   Author: Shashank Agarwal
 */

/* +++++++++++++++++++++++++++++ Main Menu +++++++++++++++++++++++++++++ */

#header #headerbottom-wrapper .header-right-wrap .last-wrap .dropdown-toggle {
    color: #232323 !important;
    background: transparent !important;
}

    #header #headerbottom-wrapper .header-right-wrap .last-wrap .dropdown-toggle:hover,
    #header #headerbottom-wrapper .header-right-wrap .last-wrap .total-bag.show .dropdown-toggle,
    #header #headerbottom-wrapper .header-right-wrap .last-wrap .dropdown.show .dropdown-toggle,
    #header #headerbottom-wrapper .header-right-wrap .last-wrap .wish-list:hover {
        color: #295eaa;
    }


#main-menu .navbar {
    background: #1d486a;
    border: 0;
    border-radius: 0;
    transition: .3s all;
}




@media screen and (max-width: 991px) {
    #main-menu .navbar {
        width: 32%;
    }

    #main-menu li a,
    #main-menu .navbar-toggle.close-menu {
        color: white;
    }

    #main-menu li {
        -moz-transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
        opacity: 1;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

        #main-menu li:hover > a,
        #main-menu li > a:focus,
        #main-menu li.active > a,
        #main-menu li.open > a {
            /*.switch-color(@contrast-color-1);*/
            color: #eb001c;
        }

        .industry-caption h3{     font-size: 30px!important; }
}

@media screen and (min-width: 992px) {
    .navbar-offcanvas .navbar-wrap .nav-link, 
    .navbar-offcanvas .navbar-wrap .dropdown > .dropdown-toggle{
         color:#fff!important; 
    }
    
    #main-menu .nav > .dropdown > a {
        /*color: #174e82;
        font-size: 1.1rem;*/
        /*margin-top: 4rem;*/
    }
    #li_11128{ position:relative;}
    #main-menu > ul > li.dropdown > a{    font-weight: 600;
    font-size: 1.1rem;
    letter-spacing: .1rem; }
    #li_11128:after, #li_11128 a:after{     content: "\f107";
    font-family: 'FontAwesome';
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%); }
  #li_11128 a:after{ color:#fff; }   

        #main-menu .nav > li > a:hover {
            color: #174e82;
        }

    #currency .dropdown a {
        font-size: 1rem;
    }

    #main-menu .nav > li:hover > a,
    #main-menu .nav > li > a:focus,
    #main-menu .nav > li.active > a,
    #main-menu .nav > li.open > a {
        color: #174e82;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #main-menu li .dropdown-menu {
        border-radius: 0px;
    }


        #main-menu li .dropdown-menu li > a {
            color: #232323;
            padding: 0.6rem 1.25rem;
            border-bottom: 1px solid rgba(0,0,0,.125);
            display: inline-block;
            width: 100%;
            text-align: left;
        }

        #main-menu li .dropdown-menu li:hover > a {
            /*.switch-color(@contrast-color-1);*/
            background: #174e82;
            color: #ffffff;
        }
}

.menu-beside-logo #main-menu li:hover > a,
.menu-beside-logo #main-menu li > a:focus,
.menu-beside-logo #main-menu li.active > a,
.menu-beside-logo #main-menu li.open > a {
    background: #295eaa;
}

.menu-beside-logo #main-menu li:hover > a,
.menu-beside-logo #main-menu li > a:focus,
.menu-beside-logo #main-menu li.active > a,
.menu-beside-logo #main-menu li.open > a {
    color: white;
}
/*! 
 *   Unlock Commerce
 *   Snippet Type: Skin - (2 Color)
 *   Snippet Name: Modals
 *   Author: Shashank Agarwal
 */

/* +++++++++++++++++++++++++++++ Modal +++++++++++++++++++++++++++++ */

.modal .modal-dialog .modal-header {
    border-color: black;
}

    .modal .modal-dialog .modal-header .modal-title {
        color: #232323;
        text-transform: uppercase;
    }

.modal .modal-dialog .modal-body .modal-title {
    color: #232323;
    border-bottom: 1px solid #232323;
    padding: 0px 0px 5px 0px;
    margin-bottom: 20px;
    font-size: 17px;
}

.modal .modal-dialog .modal-body .item-name {
    margin: 0 0 10px 0;
}
/*! 
 *   Unlock Commerce
 *   Snippet Type: Skin - (2 Color)
 *   Snippet Name: My Account
 *   Author: Shashank Agarwal
 */

/* +++++++++++++++++++++++++++++ My Account +++++++++++++++++++++++++++++ */

.my-account {
    line-height: 1.5;
}

    .my-account .my-account-details {
        background: #e6e6e6;
    }

    .my-account .my-list-nav {
        background: #f2f2f2;
    }

    .my-account .my-account-details,
    .my-account .my-list-nav {
        margin: 20px 0;
    }

    .my-account .my-account-details {
        padding: 15px 10px;
    }

    .my-account .my-list-nav {
        padding: 15px;
    }

    .my-account .clearfix {
        margin-bottom: 15px;
    }

    .my-account .fa {
        color: #232323;
    }

    .my-account .icon-heading > a {
        margin-left: 10px;
        color: #232323;
    }

        .my-account .icon-heading > a:hover {
            color: #295eaa;
        }
/* +++++++++++++++++++++++++++++ View Order Detail +++++++++++++++++++++++++++++ */

.order-complete-detail .order-number-date-wrap .order-number {
    float: left;
    color: #295eaa;
    padding: 0 15px;
}

.order-complete-detail .order-number-date-wrap .order-date {
    float: right;
}
/* +++++++++++++++++++++++++++++ View Messages +++++++++++++++++++++++++++++ */

.view-message-detail .MyAccount-message {
    padding: 20px 0;
}

.view-message-detail .message-wrap .media-msg {
    padding: 20px 10px;
    margin: 20px 0;
    background: #e6e6e6;
}

.view-message-detail .message-wrap .msg-date {
    padding: 10px 0;
}

.view-message-detail .message-wrap .media-heading {
    margin-top: 0;
    margin-bottom: 5px;
    color: #232323;
    text-transform: uppercase;
}

.view-message-detail .message-wrap small {
    line-height: 2;
    text-align: justify;
}

.view-message-detail .message-wrap .btn-panel .btn {
    margin: 10px 0;
}
/*! 
 *   Unlock Commerce
 *   Snippet Type: Skin - (3 Color)
 *   Snippet Name: My Account
 *   Author: Shashank Agarwal
 */

/* +++++++++++++++++++++++++++++ My Orders +++++++++++++++++++++++++++++ */

.order-complete .fa {
    color: #232323;
}
/*! 
 *   Unlock Commerce
 *   Snippet Type: Skin - (2 Color)
 *   Snippet Name: OffCanvas - Menus and Filter
 *   Author: Shashank Agarwal
 */

/* +++++++++++++++++++++++++++++ Off Canvas +++++++++++++++++++++++++++++ */

.offcanvas-toggle.bars .icon-bar {
    /*.switch-color(@primary-color);*/
    background: white;
}
/*! 
 *   Unlock Commerce
 *   Snippet Type: Skin - (2 Color)
 *   Snippet Name: Product Details
 *   Author: Shashank Agarwal
 */

/* +++++++++++++++++++++++++++++ Product Details +++++++++++++++++++++++++++++ */

/*Product Image Zoom*/

/* +++++++++++++++++++++++++++++ Large Image +++++++++++++++++++++++++++++ */

/* +++++++++++++++++++++++++++++ Product Thumbnails +++++++++++++++++++++++++++++ */

#divImageGallery .slider-nav img {
    border: 1px solid #d9d9d9;
}

    #divImageGallery .slider-nav img:hover,
    #divImageGallery .slider-nav .slick-current img {
        border-color: #295eaa;
    }

#divImageGallery .slick-prev:before,
#divImageGallery .slick-next:before {
    color: #4d4d4d;
}

#divImageGallery .slick-prev:hover:before,
#divImageGallery .slick-next:hover:before {
    color: #295eaa;
}
/* +++++++++++++++++++++++++++++ Right Column +++++++++++++++++++++++++++++ */

.product-details .btn-submit {
    background: #232323;
    color: white;
}

    .product-details .btn-submit:hover {
        background: #295eaa;
        color: white;
        border-color: #295eaa;
    }

.add-wrap {
    background: #295eaa;
}

    .add-wrap .btn-primary {
        background: #232323;
        border-color: #232323;
        color: white;
    }

        .add-wrap .btn-primary:hover {
            background: #295eaa;
            border-color: #295eaa;
            color: white;
        }

    .add-wrap .text {
        padding: 11px;
        text-align: center;
        transition: .3s;
        -webkit-transition: .3s;
    }

        .add-wrap .text > a {
            color: white !important;
        }

        .add-wrap .text:hover {
            background: #232323;
            border-color: #232323;
            color: white;
        }

            .add-wrap .text:hover a {
                color: white !important;
                text-decoration: none;
            }


/*------------------Second Section Css----------------*/
.product-content {
    background: #001439;
    padding: 10px 24px;
    width: 100%;
    position: relative;
    display: inline-block;
    padding-top: 35px;
}


.product-heading {
    color: #4077c5;
    padding-bottom: 10px;
}


/*section 2*/
.why-acebearings .nav .nav-item {
    background: #dedede;
    border-radius: 40px;
    margin-bottom: 20px;
    color: #1c486b;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 0.6rem 0.7rem;
    display: flex;
    align-items: center;
}

    .why-acebearings .nav .nav-item.active {
        color: black;
        background: #a9cbe6;
        transition: .3s;
    }

        .why-acebearings .nav .nav-item.active .arrow-icon i {
            transform: rotate(90deg);
            transition: .3s;
            color: #a9cbe6;
        }

.why-acebearings .arrow-icon i {
    background: #214869;
    color: #fff;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin-right: 10px;
    text-align: center;
}


/*section 3*/
/*#Section3 .container-fluid, #Section5 .container-fluid {
    width: 100% !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
}*/



/*section 5*/
.industry-ele1 {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: #133652;
    z-index: 0;
}

.industry-ele2 {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: #eee;
    z-index: 0;
}

.serve {
    color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
}

.industry-serve .serve-box {
    position: relative;
    overflow: hidden;
    margin-right: 15px;
    margin-bottom: 15px;
}

.industry-block .industry-serve:last-child .serve-box {
    margin-bottom: 0px;
}

.industry-serve .serve-box:last-child {
    margin-right: 0px;
}

.industry-serve .overlay {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    /* visibility: visible; */
    /* transform: scale(1); */
    /*opacity: 1;
    transform: scale(1.2);
    background-color: #024f7dcf;*/
}

.industry-serve .serve-box:hover .overlay {
    transform: scale(0.6);
    transform-origin: center center;
    transition: visibility 0.14s ease-out, opacity 0.14s ease-out, transform 0.24s ease;
    opacity: 0;
}

.industry-serve .serve-box:hover img {
    transform: scale(1.21);
    transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.industry-block {
    background: #fff;
    padding: 14px;
    border-radius: 10px;
}

.industry-serve h1 {
    font-size: 3.5rem;
    font-weight: 500;
}

.industry-serve p {
    font-size: 1.2rem;
    font-weight: 100;
    margin-bottom: 30px;
}


/*section 5*/
#Home-Section5 .section .row{ display:flex; margin-right: 0px; 
   margin-left: 0px; }

/*section 6*/
#Home-Section6 .section .row{ display:flex; margin-right: 0px; 
   margin-left: 0px; }


/*section 8*/
#Section8 {
    background: #164e81;
}

.support {
    color: #fff;
    font-size: 33px;
    font-weight: 700;
}

    .support img {
        background: #fff;
        border-radius: 50%;
        padding: 15px;
        width: 90px;
        height: 90px;
        box-shadow: 0px 22px 34px rgb(0 0 0 / 70%);
        margin-right: 15px;
    }

.why-acebearings .box-content h4 {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

    .why-acebearings .box-content h4::after {
        content: '';
        position: absolute;
        background-color: #fff;
        width: 20%;
        height: 3px;
        bottom: 0;
        left: 0;
    }


.product-text {
    color: #295eaa;
    font-weight: 600;
}
/*.box-image{
  position:relative;
  display: block;
  height: 300px;
  background-color: rgba(0, 100, 0, 0);
  background-position: center 67%;
  background-repeat: no-repeat;
  background-size: cover;
}*/

/*.box-image{
    background-image: url("https://ulcm.s3.amazonaws.com/acebearings.1.unlockcommerce.com/images/CustomImages/Editor_132954383535020399.png");
     position:relative;
     width:100%;
     background-position: center;
     background-size: cover;
     height: 32vh;}
.box-image:before{ position: absolute;
     content: '';
     top:0;
     left:0;
     width: 100%;
     height: 100%;
     background: rgb(0 0 0 / 39%);
}
.box-image h2{ position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 2.8rem;
    width: 85%;
    color: #fff;
    border: 5px solid #fff;
    padding: 10px 40px;
    margin: 0px; }*/

.box-content {
    background-color: #1d486a;
    margin: 0px;
    padding: 35px 42px;
    color: #fff;
}

.heroContent {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    border: 5px solid #fff;
    padding: 12px;
}

.product-content-image2 {
    display: none;
}
/*----------------------Third Section Css-------------*/





.box {
    position: relative;
    display: inline-block; /* Make the width of box same as image */
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.1.unlockcommerce.com/images/CustomImages/Editor_132955161930628061.jpg) !important;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: cover;
    height: 70vh;
    width: 100%;
    margin-bottom: -7px;
}

    /*.bg-manufacturing{
        position: relative;
        background-image: url(https://ulcm.s3.amazonaws.com/acebearings.1.unlockcommerce.com/images/CustomImages/Editor_132955161930628061.jpg)!important;
        background-repeat: no-repeat;
        background-position: bottom;
    background-size: cover;
    height: 70vh;
    width: 100%;
    margin-bottom: -7px;
    }*/
    /*.manufacture-caption{    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    color: #fff;
    background: #174e82d4;
    padding: 60px;}
.manufacture-counter{background: #174e82;
    color: #fff;}
.manufacture-counter img{ width:20%; }*/

    .box .text {
        position: absolute;
        z-index: 1;
        margin: 0 auto;
        height: 100%;
        right: 0;
        text-align: left;
        top: 0%;
        background: rgb(29 72 106 / 72%);
        color: #fff;
        width: 40%;
    }

.live-text h1 span{  font-size: 4rem; }

.live-text {
    position: relative;
    top: 10%;
    padding-left: 40px;
    padding-right: 30px;
}

    .live-text p {
        font-size: 1.2rem;
    }

.liv-box-section {
    background: #295eaa;
    height: 200px;
    padding-left: 225px;
    padding-top: 50px;
}






/* industries page */

.top-banner{ position:relative; }
.top-overlay{     position: absolute;
    bottom: 20px;
    left: 40px;
    color: #fff;
    width: 50%;
    font-weight: 500; }
.top-banner:before{ 
    content:'';
    position:absolute;
    /*background:linear-gradient(180deg, rgb(49 49 49 / 0%), rgb(6 6 6 / 46%));*/
    background:linear-gradient(250deg, rgb(255 255 255 / 0%), rgb(23 78 130)) !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}
.top-overlay h3{ color:#fff!important; }
.top-banner img{     height: 650px;
    object-fit: cover;
    object-position: center; }
.industry-caption {
    background: #174e82;
    color: #fff;
    padding: 40px;
}

    .industry-caption h3 {
        color: #fff;
        font-size: 38px;
        font-weight: 400 !important;
        margin-bottom: 1rem !important;
        margin-top: 0px;
    }

.industry-banner {
    background-size: cover;
    background-position: center;
    position: relative;
    height: 100%;
}


.bg-steel {
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.eu/images/industries/metal_steel_industries.jpeg);
}

.bg-cement {
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.eu/images/industries/cement_industries.jpg);
}

.bg-agriculture {
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.eu/images/industries/agriculture_industries.jpg);
    background-position: bottom !important;
}

.bg-handling {
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.eu/images/industries/material_handling.jpg);
}


.bg-sugar {
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.eu/images/industries/sugar_industries.jpg);
    background-position: bottom !important;
}

.bg-textile {
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.eu/images/industries/textile_industries.jpg);
}

.bg-wind {
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.eu/images/industries/wind_power.jpg);
}

.bg-paperpulp {
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.eu/images/industries/paper_pulp_industries.jpg);
}


.bg-food {
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.eu/images/industries/food.jpg);
}

.bg-robotics {
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.eu/images/industries/robotics.jpg);
}

.bg-medical {
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.eu/images/industries/medical_equipments.jpg);
}

.bg-pumps {
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.eu/images/industries/pumps_industries.jpg);
}



.bg-motors {
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.eu/images/industries/gear_motors_industries.jpg);
}

.bg-port {
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.eu/images/industries/port_machinery.jpg);
}

.bg-mining {
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.eu/images/industries/mining.jpeg);
}

.bg-oilgas {
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.eu/images/industries/oil_gas.jpg);
}



.bg-ceramic {
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.eu/images/industries/ceramic_industries.jpg);
}

.bg-tbm {
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.eu/images/industries/tbm.jpg);
}

.bg-vehicle {
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.eu/images/industries/commercial_vehicle.JPG);
}

.bg-construction {
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.eu/images/industries/construction.jpg);
}


.bg-rail {
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.eu/images/industries/rail.jpg);
}

.bg-automobile {
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.eu/images/industries/automobile.jpg);
}

.bg-industrial {
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.eu/images/industries/industrial_machinery.jpg);
}

.bg-defence {
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.eu/images/industries/Defense_Aerospace.jpg);
}



.customer-info table td span{    color: #fff;
    background: #174e82;
    border-radius: 50%;
    padding: 2px;      font-size: 22px; margin-right:10px;     width: 25px;
    height: 25px; }
.customer-info .table td, .customer-info .table th{ border-top: 1px solid #dee2e6!important; }

.bottom-section .tab-content h4, #SupportingProducts h4, .attribute-set-name{     color: #174e82;
    font-size: 30px; font-family: 'Karla', sans-serif; }



.btn-industry{      color: #fff;
    display: inline-flex;
    align-items: center;
    text-transform: capitalize;
    letter-spacing: 2px;
    font-weight: 500;     padding: 5px 0px;
     border-top: 1px solid transparent; border-bottom: 1px solid transparent;
}
.btn-industry span{ margin-left:5px; }
.btn-industry:hover{ border-top: 1px solid #fff; border-bottom: 1px solid #fff;letter-spacing: 3px;   color:#fff;}
.btn-industry:hover span{ transform: translateX(5px); transition:.3s linear; }




#backtoTop {
  display: inline-block;
  background-color: #174e82;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#backtoTop span{     color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 30px; }
#backtoTop:hover {
  cursor: pointer;
  background-color: #333;
}
#backtoTop:active {
  background-color: #555;
}
#backtoTop.show {
  opacity: 1;
  visibility: visible;
}



@media screen and (min-width: 992px) {
    #middle {
        /*margin-top: 118px !important;*/
        margin-top: 145px !important;
    }


}



@media screen and (max-width: 991px) {
    #middle {
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 767px) {
    .industry-banner {
        height: 35vh !important;
    }

    .industry-caption {
        padding: 35px;
    }
}


/*map*/
.jvectormap-container {
    background: #174e82 !important;
    min-height: 750px;
}

.jvectormap-label {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    position: absolute;
    left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: white;
    width: 10px;
    height: 10px;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 30px;
}

/*#map{
    width: 100%;
    height: 100%;
    min-height: 750px;
}*/






/* +++++++++++++++++++++++++++++ Product Details +++++++++++++++++++++++++++++ */

.product-description-tabs .title {
    color: #232323;
}

    .product-description-tabs .title:after {
        background: #232323;
    }

.product-description-tabs .tabs-wrapper .nav-tabs li a {
    color: #232323;
}

.product-description-tabs .tabs-wrapper .nav-tabs li:hover > a,
.product-description-tabs .tabs-wrapper .nav-tabs li > a.active {
    color: white;
    background: #295eaa;
}

    .product-description-tabs .tabs-wrapper .nav-tabs li:hover > a:after,
    .product-description-tabs .tabs-wrapper .nav-tabs li > a.active:after {
        background: #295eaa;
    }

.product-description-tabs .item-details .item-wrap {
    background: white;
    border: 1px solid #cccccc;
}

.product-description-tabs .item-details .item-label {
    background: #e6e6e6;
    font-size: 13px;
}
/*! 
 *   Unlock Commerce
 *   Snippet Type: Skin - (2 Color)
 *   Snippet Name: Product Listing
 *   Author: Shashank Agarwal
 */

/* +++++++++++++++++++++++++++++ Category-info +++++++++++++++++++++++++++++ */

.category-info .category-name {
    color: #232323;
}

@media screen and (max-width: 1440px) and (max-height: 604px) {
    .box {
        height: 80vh;
    }
}


@media screen and (min-width: 992px) {
    .category-info .category-name {
        margin: 0;
    }
}

.category-info .category-description {
    margin: 20px 0 0 0;
}
/* +++++++++++++++++++++++++++++ Product Listing +++++++++++++++++++++++++++++ */

    .product-box .product-info .product-title {
        margin: 5px 0;
    }

    .product-box .product-info .ratings .fa {
        margin-right: 3px;
    }

    .product-box .product-info .price-btn-wrap .product-price {
        position: relative;
    }

        .product-box .product-info .price-btn-wrap .product-price .new-price,
        .product-box .product-info .price-btn-wrap .product-price .old-price {
            display: inline-block;
            margin-right: 5px;
            font-size: 21px;
            color: #fff;
            font-weight: 600;
        }

        .product-box .product-info .price-btn-wrap .product-price .prod-discount {
            position: absolute;
            top: 50%;
            left: 100%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            margin-left: 5px;
        }

        .product-box .product-info .price-btn-wrap .product-price .soldout {
            color: #232323;
            border: 2px solid #232323;
            padding: 3px;
        }

.choice-avail > a {
    background-color: #295eaa;
    color: white;
    border: 1px solid #295eaa;
}

.choice-avail:hover > a {
    background: #1f4781;
    color: white;
    border: 1px solid #1f4781;
}
/* +++++++++++++++++++++++++++++ Category Image +++++++++++++++++++++++++++++ */

/* +++++++++++++++++++++++++++++ Quick View +++++++++++++++++++++++++++++ */

.product-details .product-name {
    color: #174e82;
    font-weight: 600;
    font-size: 2rem;
}
/* +++++++++++++++++++++++++++++ Product Sort and Breadcrumbs +++++++++++++++++++++++++++++ */

.product-sort {
    background: #e6e6e6;
}

.product-filter #list:not(.active),
.product-filter #grid:not(.active) {
    color: gray;
}
/* +++++++++++++++++++++++++++++ Mobile Product Sort +++++++++++++++++++++++++++++ */

/* +++++++++++++++++++++++++++++ Pagination +++++++++++++++++++++++++++++ */

.pagination > li > a {
    background: #e6e6e6;
    border-color: #e6e6e6;
}

    .pagination > li > a:hover,
    .pagination > li > a:focus,
    .pagination > li > a.CurrentPage {
        background: #295eaa;
        border-color: #295eaa;
        color: white !important;
    }
/* +++++++++++++++++++++++++++++ Sidebar Filters +++++++++++++++++++++++++++++ */

.sidebaracc .panel .panel-heading .resetfilter a {
    color: #707070;
}

    .sidebaracc .panel .panel-heading .resetfilter a:hover {
        color: #295eaa;
    }

.sidebaracc .panel {
    background: white;
}

    .sidebaracc .panel .panel-title,
    .sidebaracc .panel .panel-title a {
        color: #232323;
    }

    .sidebaracc .panel .panel-body .checkbox label {
        color: #232323;
    }

        .sidebaracc .panel .panel-body .checkbox label.activeLeftMenu,
        .sidebaracc .panel .panel-body .checkbox label:hover {
            color: #295eaa;
        }

    .sidebaracc .panel ul li a {
        color: #232323;
    }

        .sidebaracc .panel ul li a:hover {
            color: #295eaa;
        }
/* Off Canvas */

@media screen and (max-width: 991px) {
    #column-left .filter-toggle .fa:not(.fa-inverse) {
        color: #232323;
    }
}
/*! 
 *   Unlock Commerce
 *   Snippet Type: Skin - (2 Color)
 *   Snippet Name: Products
 *   Author: Shashank Agarwal
 */

/* +++++++++++++++++++++++++++++ Products +++++++++++++++++++++++++++++ */

/*
    Product
*/

/* Product Info */

.slider-box .fixed-link a,
.product-box .fixed-link a {
    color: #232323;
}

    .slider-box .fixed-link a:hover,
    .product-box .fixed-link a:hover {
        color: #295eaa;
    }

.product-box .product-title a,
.slider-box .product-title a {
    color: #ffffffde;
}

    .product-box .product-title a:hover,
    .slider-box .product-title a:hover {
        color:#fff;
       
    }
/* Product Discount */

#discountAmt {
    color: #295eaa;
}
/*
    Favourite Listing as well as detail    
*/

/* Ratings */

.ratings {
    color: black;
}
/* +++++++++++++++++++++++++++++ Products Grid View +++++++++++++++++++++++++++++ */

/* +++++++++++++++++++++++++++++ Products List View +++++++++++++++++++++++++++++ */

/*! 
 *   Unlock Commerce
 *   Snippet Type: Skin - (2 Color)
 *   Snippet Name: Header - Shopping Cart
 *   Author: Shashank Agarwal
 */

/* +++++++++++++++++++++++++++++ Header - Shopping Cart +++++++++++++++++++++++++++++ */

/*
    My Bag Header
*/

.bag .total-bag .small-bag-btn {
    color: white;
}

    .bag .total-bag .small-bag-btn .item-in-bag {
        background: #232323;
    }

    .bag .total-bag .small-bag-btn .item-in-bag {
        color: white;
    }
/*
    My Bag Dropdown
*/

#bag-dropdown .dropdown-menu-wrapper {
    background: white;
    border: 2px solid #295eaa;
}

    #bag-dropdown .dropdown-menu-wrapper .order-summary,
    #bag-dropdown .dropdown-menu-wrapper .more-items {
        border-bottom: 1px solid #e6e6e6;
    }

    #bag-dropdown .dropdown-menu-wrapper .order-summary {
        margin-bottom: 20px;
    }

    #bag-dropdown .dropdown-menu-wrapper .heading {
        background: #f2f2f2;
        padding: 10px 20px;
    }
/* Shopping Bag */

.shopping-bag-details .item-box {
    border-bottom: 1px solid #e6e6e6;
}

#content .shopping-bag-details .item-box {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}

.shopping-bag-details .item-box .item-details .item-title h2 {
    font-weight: normal;
    font-size: 1.2rem;
    border-bottom: 1px solid #e6e6e6;
    margin-top: 0;
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
    text-transform: uppercase;
}

    .shopping-bag-details .item-box .item-details .item-title h2 a {
        color: #232323;
    }

    .shopping-bag-details .item-box .item-details .item-title h2:hover a {
        color: #295eaa;
    }

.shopping-bag-details .item-box .item-info .item-product-details {
    font-size: 0.8rem;
    text-transform: uppercase;
}

    .shopping-bag-details .item-box .item-info .item-product-details span.item-label {
        color: gray;
    }

    .shopping-bag-details .item-box .item-info .item-product-details span.label-details {
        color: #333333;
    }

#content .shopping-bag .order-summary {
    margin: 30px 0 0;
    border: 1px solid #cccccc;
}

    #content .shopping-bag .order-summary .form-group {
        border-bottom: 1px solid #cccccc;
        padding-bottom: 10px;
    }

    #content .shopping-bag .order-summary + .form-group .btn {
        font-size: 1.5rem;
        line-height: 1.8;
        border-radius: 0;
        display: block;
    }

    #content .shopping-bag .order-summary .label-sub-total-amt,
    #content .shopping-bag .order-summary .label-shipping-total-amt,
    #content .shopping-bag .order-summary .label-payable-total-amt,
    #content .shopping-bag .order-summary .label-tax-total-amt,
    #content .shopping-bag .order-summary .label-estimated-total-amt {
        font-size: 0.9rem;
        font-weight: 700;
        float: right;
    }

.shopping-bag .order-summ-cart-total {
    font-size: 1.4rem;
}

.shopping-bag .add-coupon-code-section a {
    color: #232323;
}

@media screen and (min-width: 992px) {
    .shopping-bag .order-summ-cart-total {
        text-align: right;
    }
}
/*! 
 *   Unlock Commerce
 *   Snippet Type: Skin - (2 Color)
 *   Snippet Name: Store Search
 *   Author: Shashank Agarwal
 */

/* +++++++++++++++++++++++++++++ Store Search +++++++++++++++++++++++++++++ */

/*! 
 *   Unlock Commerce
 *   Snippet Type: Skin - (3 Color)
 *   Snippet Name: My Account
 *   Author: Shashank Agarwal
 */

/* +++++++++++++++++++++++++++++ view-address-book +++++++++++++++++++++++++++++ */

.address-book .bordered-box {
    border: 1px solid #b2b2b2;
    padding: 20px;
    margin-bottom: 20px;
}

.address-book .name {
    font-size: 15px;
    color: #295eaa;
}


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

    .why-acebearings .nav .nav-item {
        font-size: 1.2rem;
        padding: 0.6rem 1rem;
    }

    .box-image h2 {
        font-size: 1.8rem;
        padding: 10px 30px;
    }

    .icon-img {
        display: flex;
        align-items: center;
        font-size: 22px;
    }

    .box .text {
        height: 58%;
        width: 95%;
    }
    .live-text {
        top: 0%;
        padding: 20px;
    }

    .bg-counter-sec{ padding: 40px 0px; }
    .bg-counter-sec .counter {
        padding: 1rem 0;    
    }
}

@media screen and (min-width:768px) and (max-width:1200px) {
    .box .text {
        width: 50% !important;
    }
}


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

    .slider-box .fproducts-icons {
        opacity: 1 !important;
    }

    .nav-tabContent img {
        width: 100%;
    }

    .box-content {
        margin-bottom: 20px;
    }

    .slider-box .fproducts-icons a i {
        line-height: 40px !important;
        height: 40px !important;
        width: 40px !important;
    }

    .industry-ele1 {
        top: 0;
        left: 0;
        width: 100%;
        height: 70%;
    }

    .industry-ele2 {
        bottom: 0;
        top: 70%;
        right: 0;
        width: 100%;
        height: 30%;
    }

    .industry-serve p {
        margin-bottom: 30px;
    }
    .serve {
    padding-top: 50px;
    padding-bottom: 50px;
}
     .serve .btn-holder .btn-1{ margin-bottom: 30px; }
     .btn-holder button{ padding: 7px 21px;     font-size: 15px; }
    .support img {
        width: 65px;
        height: 65px;
    }

    .icon-img {
        margin-right: 10px;
        font-size: 1.4rem;
    }
    .nav-about{ position: relative!important; left: 0; top:0!important; }
    .nav-about ul{ padding: 15px!important; display: block!important;  }
    .nav-about ul li{ margin: 10px 10px!important; }
    h3.section-heading{ font-size: 30px!important; }
    .detail-slider{     margin-bottom: 25px; }


}


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

    body {
        font-size: 1.1rem !important;
    }

    .why-acebearings .nav .nav-item {
        font-size: 1.1rem;
        padding: 0.4rem 0.4rem;
    }

    .section h3.section-heading, .live-text h1 {
        font-size: 38px;
    }

    .industry-serve p {
        font-size: 1.1rem;
    }

    .box-image h2 {
        font-size: 1.5rem;
        padding: 10px 25px;
    }

    .counters,  .counters h4 {
        font-size: 2.4rem !important;
    }

    .blog-wrap .blog-box .info {
        padding: 1.5rem;
    }

    .blog-page:before {
        width: 60%;
    }

    .icon-img {
        display: flex;
        align-items: center;
        font-size: 1.7rem;
        margin-right: 30px;
    }
       .industry-caption h3{     font-size: 30px!important; }
}



/*top-left-menu*/
.cat-scroll li {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    /*-ms-flex-wrap: wrap;
    flex-wrap: wrap;*/
    align-items: center;
    border: none;
    border-bottom: 1px solid rgb(6 6 6 / 16%);
    border-radius: 0px;
    letter-spacing: normal;
    padding: 14px 30px;
    color: #485a64;
    line-height: normal;
    font-size: 16px;
    position: relative;
}

.cat-scroll ul li a {
    position: relative;
    color: #fff;
    display: block;
    padding: 0.75rem 1.25rem;
    font-size: 17px;
}
.outer {
  width: 1px;
  height: 100%;
  margin-left: 20px;
  position: relative;
  overflow: hidden;
}
.inner {
  position: absolute;
  width:100%;
  height: 40%;
  background: grey;
  top: 30%;
  box-shadow: 0px 0px 30px 20px grey;
}

.left-cat {
    margin-bottom: 3rem;
}

.menu-top-wrap {
    background: #174e82;
}

.cat-scroll li:last-child {
    border-bottom: none;
}

div#Section5 {
    color: #fff;
    background: #174e82;
}

#Section5 h3 {
    color: #fff;
}

div#Section5 p {
    padding: 0 25rem;
    margin-top: -25px;
    color: #fff;
}

.inner-icon {
    color: #000;
    border-radius: 5px;
    margin-top: 4rem;
    text-align: center;
    padding: 15px;
    background: #fff;
    min-height: 125px;
}

    .inner-icon h2 {
        font-size: 18px;
    }


    .inner-icon img {
        margin-bottom: 8px;
        padding: 10px;
        margin-top: -56px;
        background: #fff;
        border-radius: 50%;
        border-bottom: 4px solid #174e82;
    }


div#Section6:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: .4;
    background: url(https://ulcm.s3.us-east-1.amazonaws.com/acebearings.eu/images/bg-6.jpg) no-repeat center center;
    background-size: cover;
    background-position: bottom;
}

#Section6 {
    text-align: center;
    padding: 100px;
    position: relative;
    background-color: #000;
    border-bottom: 5px solid #174e82;
}

.sign-caption.text-center {
    color: #fff;
    margin-bottom: 4rem;
}

.sign-btn {
    margin-bottom: 1rem;
}

.sign-caption h1 {
    font-size: 47px;
}

.sign-btn span {
    font-weight: 600;
    color: #fff;
    font-size: 18px;
}

.sign-btn a {
    background: #174e82;
    border: 1px solid #174e82;
    border-radius: 10px;
}

.sign-btn span:hover {
    color: #fff;
}


.contact-title {
    background-color: #ffffff;
    box-shadow: 0 6px 35px rgb(0 0 0 / 7%);
    padding: 50px 40px 48px 40px;
}


.contact-icon i {
    font-size: 1.5rem;
    color: #174e82;
}

.contact-wrap {
    padding-bottom: 1.2rem;
}

.contact-info {
    line-height: 2.2rem;
}

section#contact {
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.eu/images/CustomImages/Editor_132968089929903331.png);
    background-position: top right;
    background-repeat: no-repeat;
}

#contact .form-control {
    background-color: #fff;
    padding: 1.375rem 0.75rem;
    border: 1px solid #bec1c6;
    border-radius: 0px;
}

section#Map {
    padding: 7rem 0 0 0;
}

h3.section-heading {
    color: #1d486a;
    text-transform: capitalize;
    font-size: 47px;
    font-weight: 700;
}

.about-content {
    position: relative;
    padding-left: 30px;
    margin-left: 30px;
    text-align: justify;
}

.about-wrap {
    display: flex;
    align-items: center;
    padding-top: 1rem;
}

.about-icon img {
    width: 270px;
}

.about-content:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 3px;
    background: #1d486a;
    top: -5px;
    left: 0;
}
.about-block{  
    color: #fff;
    padding: 40px;  }


.section-block {
    padding: 60px 0;
}


.about-info {
    padding: 15px 25px 15px;
    background: #174e82;
    color: #fff;
    position: relative;
    z-index: 0;
    margin: -30px 20px 0;
    box-shadow: inset 0px 20px 20px 30px rgb(0 0 0 / 3%);
}

.detail-slider img {
    width: 100%;
}
 #about .detail-slider img{
     width: 100%;
     height: 400px;
    object-fit: cover;
}


.about-info p {
    font-size: 16px;
}

.about-info h3 {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: 2px;
    margin:0;
}



@media (max-width: 767.98px) {

    .detail-slider {
        padding: 0;
    }

    .contact-title {
        padding: 50px 20px 48px 20px;
    }

    section#Map {
        padding: 0;
    }
}



.about-details {
    padding-top: 5rem;
}

button.read-btn {
    font-size: 15px;
    border: 0;
    background: #174e82;
    color: white;
    padding: 4px 5px;
    transition: 0.5s;
    display: block;
    margin-top: 1rem;
}



#summary p.collapse-about:not(.show) {
    height: 42px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#summary p.collapsing {
    min-height: 42px !important;
}

#summary a.collapsed:after {
    content: '+ Read More';
}

#summary a:not(.collapsed):after {
    content: '- Read Less';
}


.box {
    background-image: url(https://ulcm.s3.amazonaws.com/acebearings.eu/images/ace-building.jpg) !important;
    height: 50vh;
}


.icon-img {
    color: #fff;
}

    .icon-img:hover img {
        transition: 0.9s;
        transform: rotateY(180deg);
    }

.why-acebearings .nav .nav-item:hover {
    background: linear-gradient(141deg, #5286b7 0%, #1d486a 70%, #1d486a 75%);
    color: #fff;
}

.why-acebearings .nav .nav-item.active {
    background: linear-gradient(141deg, #5286b7 0%, #1d486a 70%, #1d486a 75%);
    color: #fff;
}

    .why-acebearings .nav .nav-item.active .arrow-icon i {
        color: #fff;
    }


.morecontent span {
    display: none;
}

.morelink {
    display: block;
}



.btn-info {
    overflow: hidden;
}

    .btn-info::after {
        /*background-color: #f00;*/
        height: 100%;
        left: -35%;
        top: 0;
        transform: skew(50deg);
        transition-duration: 0.6s;
        transform-origin: top left;
        width: 0;
    }

    .btn-info:hover:after {
        height: 100%;
        width: 135%;
    }



/*product-discount-section*/

#featuredProducts span.prod-discount-wrap1 {
    top: 0.4em;
    left: -5em;
    color: #fff;
    display: block;
    position: absolute;
    text-align: center;
    text-decoration: none;
    padding: 0.5em 5em 0.4em 5em;
    text-shadow: 0 0 0.75em #444;
    box-shadow: 0 0 0.5em rgb(0 0 0 / 50%);
    -webkit-box-shadow: 0 0 0.5em rgb(0 0 0 / 50%);
    -webkit-transform: rotate(-45deg);
    z-index: 10;
    background: #174e82;
}

#featuredProducts .prod-discount-wrap1 {
    margin-left: 0.6rem;
    font-size: .9rem;
    padding: 0.1rem;
    border-radius: 5px;
    color: #fff;
    background: #174e82;
    display: flex;
    align-items: center;
}

#featuredProducts .product-image-wrapper .prod-discount-wrap1, #featuredProducts .image-wrap .prod-discount-wrap1 {
    font-size: .9rem;
    line-height: 2;
    margin: 0;
    padding: 0;
    border-radius: 0;
    margin-right: 0.2rem;
}

#featuredProducts .prod-discount-wrap1 {
    color: #fff;
}


#featuredProducts .product-box .product-title a, #featuredProducts .slider-box .product-title a {
    text-align: left;
}

#featuredProducts .product-price {
    justify-content: left;
}

#featuredProducts .prod-discount-wrap .discount-tag, #featuredProducts .prod-discount-wrap #discountAmt {
    color: #ffffff;
}


#featuredProducts .product-price .old-price {
    display: none !important;
}

.modal-body {
    padding: 1rem;
}


.product-price .fp-price i {
    margin-right: 5px !important;
}

.btn-info:hover {
    color: #fff !important;
}


#light video {
    width: 100%;
}

.box-image {
    background-color: #1d486a;
}


.live-text p {
    font-size: 1.3rem;
    font-weight: 500;
}

.live-text h1 span {
    font-weight: 800;
}


.live-text h1 {
    padding-bottom: 1rem;
    font-family: 'Montserrat', sans-serif;
}


ul.nav-why-acebearings {
    list-style: none;
}



.view-details {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #145c84cc;
}


.image-wrap:hover .view-details {
    opacity: 1;
}

.view-text {
    color: white;
    font-size: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    font-weight: 500;
}


#Home-Section3 .container-fluid, #Home-Section5 .container-fluid, #Home-Section6 .container-fluid {
    width: 100% !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
}


#Home-Section8 {
    background: #164e81;
}


@media (min-width: 768px) and (max-width: 1199.98px) {
    div#Section5 p {
        padding: 0 13rem;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    div#Section5 p {
        padding: 0px 4rem;
    }

    #Section5 h3 {
        font-size: 32px;
        margin-bottom: 3rem;
    }
}

@media (max-width: 575.98px) {
    div#Section5 p {
        padding: 0;
        margin-top: 0;
    }

    #Section5 h3 {
        font-size: 25px;
        margin-bottom: 3rem;
    }
}

@media (max-width: 991.98px) {
    .sign-caption h1 {
        font-size: 35px;
    }
}


/*estore menu*/
.M-dropbtn {
    font-weight: 700;
    background-color: #ffffff;
    color: #184e83;
    font-size: 27px;
    border: none;
}

.M-dropdown {
    position: relative;
    display: inline-block;
}

.M-dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .M-dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

.M-dropdown:hover .M-dropdown-content {
    display: block;
}

.M-dropdown-content a:hover {
    background: #b6d8f5;
}

#estorebannerSlider .slick-prev {
    left: 1.2rem;
}

#estorebannerSlider .slick-next {
    right: 3rem;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .cat-scroll li {
        padding: 4px 1.25rem;
        padding-right: 0rem;
    }
    .slider-box .product-title a{     font-size: 1.2rem;     margin-bottom: 0px; }
    .product-info .new-price {
    font-size: 18px;
}
    .product-info{     padding: 6px 25px; }

}


/*estore-mb-menu*/

#estorenav-toggle {
    width: 100px;
    height: 100px;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    font: inherit;
    font-size: 40px;
    color: @color-primary;
    transition: transform 0.2s ease;
    padding: 0;
}

    #estorenav-toggle:after {
        content: "\f0c9";
        font-family: 'FontAwesome';
    }

    #estorenav-toggle:focus {
        outline: none;
    }

    #estorenav-toggle:hover {
        color: @color-secondary;
    }

@media (min-width: 1200px) and (max-width: 1599.98px) {

    div#Section5 p {
        padding: 0 16rem;
    }
}

#main-menu .left-menu > li > a {
    /*margin-top: 12px;*/
    color: #fff;
}

    #main-menu .left-menu > li > a:hover {
        color: #2eabbf;
    }


#main-menu .left-menu > li.active > a {
    color: #ff2020;
}

/*industry page*/


.industry-banner .entry-body .entry-body-inner {
    padding: 35px;
    width: 100%;
    transition: all 300ms linear 0s;
}

.industry-banner .entry-title a {
    font-size: 40px;
    color: #fff;
}

.industry-banner:hover .entry-body .action-buttons {
    transform: translateX(0);
    opacity: 1;
}

.industry-banner:hover .entry-body {
    opacity: 1;
}

.industry-banner .entry-body {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(26,25,29,.7);
    display: flex;
    align-items: flex-start;
    opacity: 0;
    transition: all 300ms linear 0s;
}

    .industry-banner .entry-body .action-buttons {
        position: absolute;
        left: 40px;
        bottom: 30px;
        width: 75px;
        height: 75px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255,255,255,.5);
        border-radius: 50%;
        transform: translateX(30px);
        opacity: 0;
        transition: all 350ms linear 0s;
    }

.industry-banner a.bt-more-plus {
    display: inline-flex;
    width: 50px;
    height: 50px;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}


    .industry-banner a.bt-more-plus i {
        margin-left: 5px;
        margin-top: 5px;
    }


.industry-banner .entry-body .entry-body-right {
    text-align: right;
}

.industry-banner .entry-body .action-buttons-right {
    left: auto;
    right: 40px;
}

/*all-industry-page*/

.indusrtry-tabs .nav-item{
    transition: background 0.4s ease-in-out, height 0.2s linear;
    display: inline-block;
    cursor: pointer;
    color: #174e82;
    width: 20%;
    height: 3em;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: #FCFCFC;
    text-align: center;
    line-height: 3em;
    font-weight: 600;
    text-transform: uppercase;
}
.indusrtry-tabs .nav-tabs{ border-bottom:none; }
.indusrtry-tabs .nav-tabs{ margin-bottom:5px;  }
.indusrtry-tabs .nav-link{ padding:0px; background:#fff; }
.indusrtry-tabs .nav-item .active {
    background: #174e82;
    color: #FFFFFF;
}
.industry-tab-content {
    position: absolute;
    top: -9999px;
    padding: 10px;
}

.indusrtry-tabs .tab-content {
    border-top: #174e82 5px solid;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
}
.indusrtry-tabs h3.industry-heading{
    font-weight: 700;
    text-transform: capitalize;
    margin-top: 50px;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #174e82;
    font-size: 25px;
}
.img-publication img{     height: 250px;
    width: 100%;
    object-fit: cover;
    object-position: top; }
.about-slider{     width: 92%;
    margin: 0 auto; }



@media screen and (max-width: 600px) {
    .industry-content-wrapper {
        border: none;
        border-radius: 0;
    }
}


div#product-process {
    margin-top: 3rem;
}

.all-industry {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

    .all-industry h2 {
        color: #174e82;
    }


h3.industry-heading {
    margin-top: 2rem;
}

.indusrtry-tabs {
    margin-top: 5rem;
}

.process-info{ background: #d5d5d55c;
    padding: 1px 20px;    display: flex;
    justify-content: space-between;
    align-items: center; }
.process-info h3 {
    font-size: 22px;
    color: #174e82;
    margin-top: 1rem;
    letter-spacing: 1px;
}
.process-slider{ margin: 5px; }



@media (max-width: 991.98px) {
    h3.industry-heading {
        margin-top: 0rem;
    }

    .all-industry span {
        font-size: 20px;
    }

    .all-industry h1 {
        font-size: 30px;
    }
}

.product-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.5s ease;
}

@media (min-width: 1060px) {

    #currency .dropdown .dropdown-menu {
        width: 92%;
        transform: translate3d(0px, 33px, 0px) !important;
        min-width: 0;
        left: 12px !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #currency .dropdown .dropdown-menu {
        width: 85%;
        min-width: 0rem;
    }
}

@media (max-width: 575.98px) {
    .last-wrap {
        margin-top: -4rem;
    }

    #currency {
        margin-bottom: 2rem;
    }

    .live-text h1 {
        font-size: 2.5rem;
    }

    .live-text {
        top: -10%;
    }
}


@media (max-width: 767.98px) {
    #middle {
        padding: 0rem 0 !important;
    }

    .contact-help {
        text-align: center;
        margin-top: -17rem;
    }

    .all-industry h1 {
        color: #fff;
    }

    .contact-help p {
        padding: 0 50px;
        text-align: center !important;
        color: #fff;
        font-weight: 700;
    }
}

@media (min-width: 768px) and (max-width: 869.98px) {
    .banner-info {
        margin-right: -12rem;
    }

        .banner-info h1 {
            margin-bottom: 2rem;
            margin-top: 3rem;
            font-size: 2rem;
        }
}

@media (max-width: 991.98px) {
    .process-info h3 {
        font-size: 15px;
    }
}


div#estorebannerSlider img {
    /*height: 375px;*/
    height: 450px;
}
.left-mega_menu{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
}

@media (min-width: 992px) and (max-width: 1265.98px) {
    .cat-scroll li {
        padding: 10px 1rem;
    }

    .cat-scroll ul li a {
        padding: 0.75rem 1rem;
    }
}


@media (min-width: 1266px) and (max-width: 1525.98px) {
    div#estorebannerSlider img {
        height: 396px;
    }
}


#searchdimensions input {
    height: 35px !important;
}

/*#searchdimensions {
    margin-left: 25px;
}*/

@media (max-width: 874.98px) {
    #currency .dropdown > a {
        padding: 6px 12px;
    }
}


@media (max-width: 767.98px) {

    #currency .dropdown .dropdown-menu {
        min-width: 9.4rem;
        width: 18%;
    }

    #currency .dropdown > a {
        padding: 6px 20px;
    }
    #homebannerSlider .slick-slide img {
    height: 35vh;
}
    .box-content{     padding: 35px 35px; }
}


@media (max-width: 991.98px) {

    div#estorebannerSlider img {
        height: auto;
    }

    div#featuredProducts .slick-prev {
        left: -1rem !important;
    }

    div#featuredProducts .slick-next {
        right: -1.3rem;
    }
    .section h3.section-heading, .live-text h1, .section h3.section-heading, .banner-info h1 {
    font-size: 30px;
}

}


@media (min-width: 990px) and (max-width: 1159.98px) {
    #currency .dropdown .dropdown-menu {
        width: 91.5%;
        min-width: 0;
    }
}

/*left-sliderbar-menu*/
.left-sidebar-menu {
    display: none;
}

.list-group.left-mega_menu li {
    width: 100%;
}

.list-group.left-mega_menu li {
    position: relative;
}

.menu-top-wrap .list-group.left-mega_menu li:first-child > a {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.left-mega_menu li:hover {
    background: #457edd94;
    border-radius: 0;
    letter-spacing: 1px;
}
.left-mega_menu li:hover .left-mega_menu li{ 
    transform:translateX(5px);
    transition:.3s linear;
}

.menu-top-wrap.list-group.left-mega_menu li {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.125);
    border-radius: 0px;
    letter-spacing: normal;
}

.menu-top-wrap .list-group a {
    padding: 0px 0rem;
    color: #485a64;
}

.menu-top-wrap .left-mega_menu li:hover .left-sidebar-menu {
    display: block;
    position: absolute;
    width: 305px;
    right: -305px;
    top: 0;
    background: #fff;
    z-index: 100;
}

.left-mega_menu li:after {
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    right: 30px;
    font-size: 26px;
    top: 50%;
    transform: translateY(-50%);
    color: #ffffff;
}

.left-sidebar-menu li:after {
    display: none;
}

.process-info a {
    color: #184e83;
    font-size: 25px;
}

.process-slider {
    padding-bottom: 25px;
}

.Explore-btn a:hover {
    background: #bec1c6;
    color: #000;
}

@media (min-width: 992px) {
    div#Home-Section7 {
        margin-top: -9rem;
    }
}



::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #174e82;
}


.page-content > h1{     background: #174e82;
    color: #fff;
    margin: 0;
    padding: 12px 18px; }
    
 .page-description{  padding: 20px;
    border: 1px solid #ddd; }









 .nav-about {
    width: 100%;
    /* height: 60px; */
    position: sticky;
    top: 135px;
    background: #174e82;
    z-index: 2;
}

.nav-about ul {
  padding: 25px;
    margin: 0 auto;
    list-style: none;
    text-align: center;
    display: flex;
    justify-content: space-around;
}

.nav-about ul li {
  display: inline-block;
  margin: 0 10px;
}
.nav-about ul li a {
  padding: 10px 0;
  color: #fff;
      font-size: 1.1rem;
    text-decoration: none;
    font-weight: 500;
  transition: all 0.2s ease;
}
.nav-about ul li a:hover {
  color: #34495E;
}
.nav-about a.active {
  border-bottom: 1px solid #ecf0f1;
}
.nav-about li a:hover{ color:#fff!important; border-bottom: 1px solid #ecf0f1; }

.aboutus-img{ height:100%; }
.aboutus-img img{ height: 100%;     object-fit: cover;}
.about-banner img{     width: 100%;
    height: 500px; position:relative; filter: brightness(0.8);}

/*.about-banner{ position:relative; }
    .banner-caption{     position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff; width: 97%; }*/
/*.top-overlay span{     background: #174e82;
    padding: 2px 10px; }*/
.about-banner img:after{ position:absolute; content:''; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.4); }


#DefaultDescription .description-text ul{ padding:0px;}
#DefaultDescription .description-text ul li {     background: #ffffff;
    /* width: 100%; */
       padding: 8px 25px;
 }
#DefaultDescription .description-text ul li{ list-style: none;    display: flex;
    align-items: center; }
#DefaultDescription .description-text ul li:nth-child(odd){   background: #f7f7f7; }
#DefaultDescription .description-text ul li:before{
    content:url('https://ulcm.s3.us-east-1.amazonaws.com/acebearings.eu/images/bearing_icon.png'); 
    position: relative;
    margin-top: 5px;
    margin-right: 12px;
 }



.top-overlay {
 overflow: hidden;
}
.top-overlay .section-heading {
 animation: drop-in 1s ease 200ms backwards;
}

.top-overlay .industry-heading  {
 animation: drop-in2 1200ms ease 500ms backwards;
}

@keyframes drop-in {
 from {
  opacity: 0;
  transform: translateY(-100px);
 }
 to {
  opacity: 1;
  transform: translate(0px);
 }
}

@keyframes drop-in2 {
 from {
  opacity: 0;
  transform: translateY(50px);
 }
 to {
  opacity: 1;
  transform: translate(0px);
 }
}


.nav-industry{ position: relative!important;
    display: flex;
    justify-content: center;
    left: auto!important;
    top: auto!important;
    background: transparent!important; }
.nav-industry ul{ padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 30px;
 }
.nav-industry li{  list-style: none;
    background: #174e82;
    color: #fff!important;
    text-align: center;
    padding: 5px 20px;
    margin:5px!important;
    border-radius: 4px; }
.nav-industry li a{ color:#fff; }



.product-box:hover .product-image-wrapper:before, .slider-box:hover .image-wrap:before { content: '';
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,.3);
    z-index:1;
    transition:.3s linear;
}
.product-box .product-image-wrapper .shuffle-me a img{ transition:.3s linear; }
.product-box .product-image-wrapper:hover .shuffle-me a img{ transform: scale(1.05); transition:.3s linear; }

#quick-view.modal .close, #myLargeViewModal.modal .close{     color: #000;
    position: absolute;
    justify-content: end;
    right: 15px;
    top: 10px; }

#quick-view.modal .modal-dialog, #myLargeViewModal.modal .modal-dialog{     margin: 0 auto; }
#quick-view.modal .modal-body, #myLargeViewModal.modal .modal-body{ padding: 50px 20px 50px 20px; }
.carousel-indicators {
    bottom: -15px;
}


#mapJvector{
    width: 100%;
    height: 100%;
    min-height: 750px;
}
.jvectormap-container{
    background-color: #174e82; }
.jvectormap-label {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
}


@media (max-width: 1199px){
  #blogSlider .slick-dots{     bottom: -25px!important; }
}
@media (min-width: 992px) and (max-width: 1499px) { 
    .blog-wrap .blog-box .info .title{ font-size: 1.3rem; }
    .blog-link {
    font-size: 15px;
}
   }


@media (max-width: 991px){
   .slick-prev:before, .slick-next:before{ font-size: 1rem!important; }
}

@media (min-width: 768px) and (max-width: 991px) { 
  .bg-counter-sec .counter{ width: 160px!important; padding: 1rem 0!important;     margin: 2rem 1rem;}
  .bg-counter-sec img{ width: 60px!important; }
  .counters, .counters h4{     font-size: 2rem !important; }
  .bg-counter-sec p{ font-size: 0.9rem!important; margin:0!important; }

   }

@media (max-width: 576px){
    #clientsSlider{ width:55%; }
}