@charset "UTF-8";

/**
* Template Name: ZEN Bearings
* Updated: Aug 15 2023
*/

/* #### @font-face #### */


@font-face {
 font-family: "Helvetica";
 src: url("../fonts/Helvetica.eot");
 src: local("Helvetica"),
  url("../fonts/Helvetica.eot?#iefix") format("embedded-opentype"),
  url("../fonts/Helvetica.woff") format("woff"),
  url("../fonts/Helvetica.ttf") format("truetype");
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: "Arial MT Extra Bold";
 font-style: normal;
 font-weight: normal;

 src: local("Arial MT Extra Bold"),
  url("../fonts/ARIALMTEXTRABOLD.woff") format("woff");
}

@font-face {
 font-family: "Arial MT Light";
 font-style: normal;
 font-weight: normal;
 src: local("Arial MT Light"), url("../fonts/ARIALMTLIGHT.woff") format("woff");
}

@font-face {
 font-family: "Arial MT Medium";
 font-style: normal;
 font-weight: normal;
 src: local("Arial MT Medium"),
  url("../fonts/ARIALMTMEDIUM.woff") format("woff");
}

@font-face {
 font-family: "Arial MT Extra Bold Italic";
 font-style: normal;
 font-weight: normal;
 src: local("Arial MT Extra Bold Italic"),
  url("../fonts/ARIALMTEXTRABOLDITALIC.woff") format("woff");
}

@font-face {
 font-family: "Arial MT Light Italic";
 font-style: normal;
 font-weight: normal;
 src: local("Arial MT Light Italic"),
  url("../fonts/ARIALMTLIGHTITALIC.woff") format("woff");
}

@font-face {
 font-family: "Arial MT Medium Italic";
 font-style: normal;
 font-weight: normal;
 src: local("Arial MT Medium Italic"),
  url("../fonts/ARIALMTMEDIUMITALIC.woff") format("woff");
}

@font-face {
 font-family: "Arial MT Black Italic";
 font-style: normal;
 font-weight: normal;
 src: local("Arial MT Black Italic"),
  url("../fonts/arialmtblackitalic.woff") format("woff");
}

@font-face {
 font-family: "Arial MT Italic";
 font-style: normal;
 font-weight: normal;
 src: local("Arial MT Italic"),
  url("../fonts/ARIALMTITALIC.woff") format("woff");
}

@font-face {
 font-family: "Arial MT Bold";
 font-style: normal;
 font-weight: normal;
 src: local("Arial MT Bold"), url("../fonts/ARIALBOLDMT.woff") format("woff");
}

@font-face {
 font-family: "Arial MT Bold Italic";
 font-style: normal;
 font-weight: normal;
 src: local("Arial MT Bold Italic"),
  url("../fonts/ARIALBOLDITALICMT.woff") format("woff");
}

@font-face {
 font-family: "Arial MT Narrow Regular";
 font-style: normal;
 font-weight: normal;
 src: local("Arial MT Narrow Regular"),
  url("../fonts/ARIALMTNARROW.woff") format("woff");
}

@font-face {
 font-family: "Arial Rounded MT Regular";
 font-style: normal;
 font-weight: normal;
 src: local("Arial Rounded MT Regular"),
  url("../fonts/ARIALROUNDEDMT.woff") format("woff");
}

@font-face {
 font-family: "Arial Rounded MT Bold Regular";
 font-style: normal;
 font-weight: normal;
 src: local("Arial Rounded MT Bold Regular"),
  url("../fonts/ARLRDBD.woff") format("woff");
}

@font-face {
 font-family: "Arial MT Narrow Italic";
 font-style: normal;
 font-weight: normal;
 src: local("Arial MT Narrow Italic"),
  url("../fonts/ARIALMTNARROWITALIC.woff") format("woff");
}

@font-face {
 font-family: "ArialMT Regular";
 font-style: normal;
 font-weight: normal;
 src: local("ArialMT Regular"), url("../fonts/arialmt.woff") format("woff");
}

@font-face {
 font-family: "Arial MT Black Regular";
 font-style: normal;
 font-weight: normal;
 src: local("Arial MT Black Regular"),
  url("../fonts/ARIALMTBLACK.woff") format("woff");
}

@font-face {
 font-family: "Arial Rounded MT Light";
 font-style: normal;
 font-weight: normal;
 src: local("Arial Rounded MT Light"),
  url("../fonts/ARIALROUNDEDMTLIGHT.woff") format("woff");
}

@font-face {
 font-family: "Arial MT Narrow Bold";
 font-style: normal;
 font-weight: normal;
 src: local("Arial MT Narrow Bold"),
  url("../fonts/ARIALMTNARROWBOLD.woff") format("woff");
}

@font-face {
 font-family: "Arial MT Narrow Bold Italic";
 font-style: normal;
 font-weight: normal;
 src: local("Arial MT Narrow Bold Italic"),
  url("../fonts/ARIALMTNARROWBOLDITALIC.woff") format("woff");
}

@font-face {
 font-family: "Arial Rounded MT ExtraBold";
 font-style: normal;
 font-weight: normal;
 src: local("Arial Rounded MT ExtraBold"),
  url("../fonts/ARIALROUNDEDMTEXTRABOLD.woff") format("woff");
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
 /*font-family: 'Arial Rounded MT Regular';*/
 color: #444444;
 font-family: "Helvetica";
}

a {
 color: #1977cc;
 text-decoration: none;
}

a:hover {
 color: #3291e6;
 text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
 font-family: "Arial MT Bold";
}

/*--------------------------------------------------------------
# FBS Bearings with Solid Oil
--------------------------------------------------------------*/
.solid-oil {
    margin-top: 160px;
}
.solid-oil .fbs-list p {
    /*
	font-family: 'Arial MT Bold';
    font-size: 16px;
	*/
}
.solid-oil h2 {
    color: #405158;
	font-size:40px;
}
.solid-oil h2 span:after {
    display: block;
    background: #009FE3;
    width: 42px;
    height: 3px;
    content: '';
    margin: 8px auto 0px;
    border-radius: 100px;
	transform: translateX(270px);
}

.solid-oil .spenish h2 span:after {
    display: block;
    background: #009FE3;
    width: 42px;
    height: 3px;
    content: '';
    margin: 8px auto 0px;
    border-radius: 100px;
	transform: translateX(230px);
}

.solid-oil h2 span {
    color: #009FE3;
}
.solid-oil .ct_shortdesc{
    font-size: 17px;
    color: #65818d;
    /* font-weight: 600; */
    line-height: 30px;
    /* font-family: "Arial MT Bold"; */
}
.solid-oil .ct_head_style1 {
    font-size: 25px;
    font-weight: normal;
}

@media (max-width: 768px) {
  .solid-oil h2 span:after {
    transform: translateX(0) !important;
    /* Remove the fixed translateX that's pushing content off-screen */
  }
  
  .solid-oil {
    padding: 20px 10px;
    text-align: center;
  }
  .food-beverage .section-1, .food-beverage .section-2{
    border: 0px !important;
  }
  .food-beverage .section-4-ct{
    border: 0px !important;
  }
}
/*--------------------------------------------------------------
# FBS Bearings with Solid Oil
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 z-index: 9999;
 overflow: hidden;
 background: #fff;
}

#preloader:before {
 content: "";
 position: fixed;
 top: calc(50% - 30px);
 left: calc(50% - 30px);
 border: 6px solid #1977cc;
 border-top-color: #d1e6f9;
 border-radius: 50%;
 width: 60px;
 height: 60px;
 animation: animate-preloader 1s linear infinite;
}

@keyframes animate-preloader {
 0% {
  transform: rotate(0deg);
 }

 100% {
  transform: rotate(360deg);
 }
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
 position: fixed;
 visibility: hidden;
 opacity: 0;
 right: 15px;
 bottom: 15px;
 z-index: 996;
 background: #009fe3;
 width: 40px;
 height: 40px;
 border-radius: 4px;
 transition: all 0.4s;
}

.back-to-top i {
 font-size: 28px;
 color: #fff;
 line-height: 0;
}

.back-to-top:hover {
 background: #298ce5;
 color: #fff;
}

.back-to-top.active {
 visibility: visible;
 opacity: 1;
}

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

/*--------------------------------------------------------------
 #
 Legal
 Pages
 --------------------------------------------------------------*/
 #disclaimer_container {
 margin-bottom: 32px;
}

.legals-title #main_title {
 color: #405158;
 font-size: 32px;
}

#disclaimer_container p {
 font-size: 16px;
 color: #65818d;
}

#disclaimer_container .custom-control.custom-checkbox label {
 color: #65818d;
 margin-left: 8px;
 font-family: "Arial MT Bold";
 text-decoration: underline;
}

#disclaimer_container .title h1 {
 color: #405158;
 font-size: 22px;
 margin-bottom: 18px;
 margin-top: 32px;
}

#disclaimer_container ul li {
 font-size: 16px;
 margin-bottom: 8px;
 color: #65818d;
}

#customCookieAccept #closeModalButton {
 background: #282b60;
 width: 30px;
 height: 30px;
 border-radius: 100px;
 color: #fff;
}

#customCookieAccept #saveCookiePreferences {
 background: #009fe3;
 border-radius: 100px;
 padding: 12px 35px;
 line-height: normal;
 font-family: "Arial MT Bold";
 font-weight: 500;
 letter-spacing: 0.3px;
}

#disclaimer_container .custom-control.custom-checkbox:hover label {
 color: #009fe3;
 cursor: pointer;
}

#customCookieAccept #closeModalButton span {
 top: -1px;
 position: relative;
}

#customCookieAccept #saveCookiePreferences:hover {
 background: #282b60;
}

#disclaimer_container p u {
 font-size: 18px;
 color: #405158;
 font-family: "Arial MT Bold";
}

#disclaimer_container a {
 color: #009fe3;
}

#disclaimer_container table th,
#disclaimer_container table td {
 border: 1px solid #000 !important;
}

.breadcrumbs.quality-control-breadcrumbs ol li a,
.breadcrumbs.quality-control-breadcrumbs ol li::after,
.breadcrumbs.quality-control-breadcrumbs ol li,
.breadcrumbs.about-us-breadcrumbs ol li a,
.breadcrumbs.about-us-breadcrumbs ol li::after,
.breadcrumbs.about-us-breadcrumbs ol li {
 color: #fff;
}

.quality-control-breadcrumbs {
 margin-bottom: 15px;
 width: 100%;
 padding-left: 196px !important;
}

/*--------------------------------------------------------------
# Video Page
--------------------------------------------------------------*/

.vid_iframe {
 width: 100%;
 height: 259px;
}

#video_container .bottom_box {
	background-color: #f2f2f2;
	padding: 15px 0;
	margin-bottom: 35px;
	min-height: 266px;
}

#video_container .bottom_box .row_1 {
 font-size: 20px;
 color: #405158;
 line-height: 1.5rem;
 transition: 0.5s;
 font-family: "Arial MT Bold";
 margin-bottom: 12px;
 padding: 8px 20px 0 20px;
}

#video_container .bottom_box .row_2 {
 font-size: 16px;
 text-align: left;
 color: rgb(101, 129, 141);
 margin-top: 8px;
 padding: 5px 25px 0;
 min-height: 77px;
}

#video_container .bottom_box .row_3 {
 margin-top: 25px;
 border-top: #cdcdcd solid 1px;
 padding-top: 15px;
 text-align: inherit;
 display: flex;
 justify-content: end;
 align-items: center;
}

#video_container .share_link {
 margin-right: 5px;
}

/************************ Cookies Popup **************************/

.cookie-popup {
 position: fixed;
 bottom: 0;
 left: 0;
 width: 100%;
 background-color: #000;
 padding: 18px 0;
 text-align: center;
 box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
 z-index: 10;
}

.cookie-popup p {
 margin: 0;
 color: #ccc;
 font-size: 15px;
 font-family: "Arial MT Medium";
}

.cookie-popup .buttons {
 margin-top: 15px;
 color: #ccc;
 font-size: 16px;
}

.accept-cookies-button,
.configure-cookies-button {
 background-color: #009fe3;
 color: #fff;
 outline: none;
 border: 2px solid #009fe3;
 padding: 10px 30px;
 border-radius: 100px;
 font-size: 16px;
 font-family: "Arial MT Bold";
}

.accept-cookies-button:hover,
.configure-cookies-button:hover {
 background-color: #fff;
 color: #009fe3;
}

.configure-cookies-button {
 margin-right: 12% !important;
}

.reject-cookies-button {
 background: transparent;
 border: 2px solid #009fe3 !important;
 color: #009fe3;
 outline: none;
 padding: 10px 30px;
 border-radius: 100px;
 font-size: 16px;
 font-family: "Arial MT Bold";
}

.reject-cookies-button:hover {
 background: #fff;
 border: 2px solid #009fe3 !important;
 color: #009fe3;
}

.cookie-popup button {
 margin: 0 5px;
 cursor: pointer;
 width: 25%;
}

.cookie-popup a {
 margin-top: 0px;
 text-decoration: underline;
 cursor: pointer;
 display: inline-block;
 color: #ff0000;
 font-family: "Arial MT Bold";
}

/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
#topbar {
 background: #eee;
 height: 42px;
 font-size: 14px;
 transition: all 0.5s;
 z-index: 3;
}

#topbar.topbar-scrolled {
 top: -40px;
}

#topbar .btn.countyr-btn {
 background: transparent;
 border: none;
 color: #444444;
 border-radius: 0;
 font-family: "Arial MT Bold";
 font-weight: 400;
 padding: 11px 0.75rem;
 font-size: 15px;
}

#topbar .btn.countyr-btn:hover {
	color: #fff;
	background: #009fe3;
}

#topbar .btn.countyr-btn[aria-expanded="true"] {
 background: #6e6e6e;
 color: #fff;
}

#topbar .dropdown .dropdown-menu {
 background: #6e6e6e;
 font-size: 13px;
 border-color: #6e6e6e;
 border-top-right-radius: 0;
 border-top-left-radius: 0;
 /* top: 0 !important; */
}

.dropdown .dropdown-menu a {
 color: #fff;
}

#topbar .dropdown .dropdown-menu a:hover {
 color: #6e6e6e;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
 background: #fff;
 transition: all 0.5s;
 z-index: 1;
 padding: 25px 0;
 top: 40px;
 box-shadow: 0px 2px 15px rgba(25, 119, 204, 0.1);
}

#header.header-scrolled {
 top: 0;
}

#header .logo {
 margin: 0;
 padding: 0;
}

#header .logo img {
 max-height: 55px;
}

/**
* Appointment Button *
*/
.appointment-btn {
 margin-left: 25px;
 background: #009fe3;
 color: #fff;
 border-radius: 50px;
 padding: 12px 25px;
 white-space: nowrap;
 transition: 0.3s;
 font-size: 14px;
 display: inline-block;
 font-weight: 500;
 font-family: "Arial MT Bold";
}

.appointment-btn:hover {
 background: #282b60;
 color: #fff;
}

@media (max-width: 768px) {
 .appointment-btn {
  margin: 0 15px 0 0;
  padding: 6px 18px;
 }
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
 padding: 0;
}

.navbar ul {
 margin: 0;
 padding: 0;
 display: flex;
 list-style: none;
 align-items: center;
}

.navbar li {
 position: relative;
}

.navbar > ul > li {
 position: relative;
 white-space: nowrap;
 padding: 0px 0 0px 25px;
}

.navbar a,
.navbar a:focus {
 display: flex;
 align-items: center;
 justify-content: space-between;
 font-size: 15px;
 color: #444;
 white-space: nowrap;
 transition: 0.3s;
 border-bottom: 2px solid #fff;
 padding: 5px 2px;
 font-weight: 500;
 font-family: "Arial MT Bold";
}

.navbar a i,
.navbar a:focus i {
 font-size: 12px;
 line-height: 0;
 margin-left: 5px;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover > a {
 color: #009fe3;
 border-color: #009fe3;
}

.navbar .dropdown ul {
 display: block;
 position: absolute;
 left: 20px;
 top: calc(100% + 30px);
 margin: 0;
 padding: 10px 0;
 z-index: 99;
 opacity: 0;
 visibility: hidden;
 background: #fff;
 box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
 transition: 0.3s;
}

.navbar .dropdown ul li {
 min-width: 200px;
}

.navbar .dropdown ul a {
 padding: 10px 20px;
 font-size: 14px;
 font-weight: 500;
 text-transform: none;
 color: #082744;
 border: none;
}

.navbar .dropdown ul a i {
 font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover > a {
 color: #1977cc;
}

.navbar .dropdown:hover > ul {
 opacity: 1;
 top: 100%;
 visibility: visible;
}

.navbar .dropdown .dropdown ul {
 top: 0;
 left: calc(100% - 30px);
 visibility: hidden;
}

.navbar .dropdown .dropdown:hover > ul {
 opacity: 1;
 top: 0;
 left: 100%;
 visibility: visible;
}

@media (max-width: 1366px) {
 .navbar .dropdown .dropdown ul {
  left: -90%;
 }

 .navbar .dropdown .dropdown:hover > ul {
  left: -100%;
 }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
 color: #2c4964;
 font-size: 28px;
 cursor: pointer;
 display: none;
 line-height: 0;
 transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
 color: #fff;
 background: #439ee9;
 border-radius: 100px;
}

@media (max-width: 991px) {
 .mobile-nav-toggle {
  display: block;
 }

 .navbar ul {
  display: none;
 }
}

.navbar-mobile {
 position: fixed;
 overflow: hidden;
 top: 0;
 right: 0;
 left: 0;
 bottom: 0;
 background: rgba(28, 47, 65, 0.9);
 transition: 0.3s;
 z-index: 999;
}

/*
.navbar-mobile .mobile-nav-toggle {
	position: absolute;
	top: 15px;
	right: 15px;
	}*/
.navbar-mobile .mobile-nav-toggle {
 position: absolute;
 top: 75px;
 right: 25px;
}

.navbar-mobile ul {
 display: block;
 position: absolute;
 top: 55px;
 right: 15px;
 bottom: 15px;
 left: 15px;
 padding: 10px 0;
 background-color: #fff;
 overflow-y: auto;
 transition: 0.3s;
 border-radius: 10px;
 box-shadow: 0px 2px 15px #999;
 border: 1px solid #ccc;
}

.navbar-mobile > ul > li {
 padding: 0;
}

.navbar-mobile a,
.navbar-mobile a:focus {
 padding: 10px 20px;
 font-size: 15px;
 color: #2c4964;
 border: none;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover > a {
 color: #1977cc;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
 margin: 15px;
}

.navbar-mobile .dropdown ul {
 position: static;
 display: none;
 margin: 10px 20px;
 padding: 10px 0;
 z-index: 99;
 opacity: 1;
 visibility: visible;
 background: #fff;
 box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
 min-width: 200px;
}

.navbar-mobile .dropdown ul a {
 padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
 font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover > a {
 color: #1977cc;
}

.navbar-mobile .dropdown > .dropdown-active {
 display: block;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/

.hero_area_3 {
 width: 100%;
 height: 75vh;
 position: relative;
 margin-top: 147px;
}

.hero_content {
 height: 75vh;
 width: 100%;
 padding: 0 25px;
 background: #282b60;
}

.hero_content h2 {
 color: #fff;
 font-size: 45px;
 line-height: 55px;
 text-align: center;
}

.container__mid {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-flow: row;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 flex-flow: row;

 flex-direction: column;
 justify-content: center;
}


.mw-590 {
 max-width: 505px;
}

.download-cat-btn {
 margin-top: 40px;
}

.download-cat-btn .more-btn {
 background: #009fe3;
 color: #fff;
 padding: 15px 30px 16px;
 line-height: normal;
 border-radius: 100px;
 font-size: 16px !important;
 font-family: "Arial MT Bold";
 text-transform: capitalize;
}

.download-cat-btn .more-btn:hover {
 background: #008afc;
}

/*--------------------------------------------------------------
# Searchbar Section
--------------------------------------------------------------*/

#hero {
 width: 100%;
 background: #efefef;
}

#hero .container {
 position: relative;
}

#ref_column_1 {
 float: left;
 width: 420px;
}

#search_beta {
 margin-right: 4px;
 float: left;
 background-color: white;
 border-width: 0px;
 text-align: center;

 color: #444444;
 width: 363px;
 height: 50px;
 font-size: 16px;
 font-weight: 500;
}

#ref_column_1 #search_bt_beta {
 float: left;
}

#ref_column_1 #search_bt_beta i {
 height: 50px;
 background: #bbbbbb;
 font-size: 22px;
 color: #fff;
 padding: 15px;
}

#ref_column_1 #search_bt_beta i:hover,
#div_top_search_bt_beta i:hover {
 background: #6e6e6e;
}

#click_div_beta {
 float: left;
 margin: 0;
 max-width: 55px;
 height: 50px;
 font-family: "Raleway", sans-serif;
 font-size: 18px;
 text-align: center;
 color: #000;
 padding-top: 0;
 width: 55px;
 font-weight: 500;
 display: flex;
 justify-content: center;
 align-items: center;
}

#ref_column_2 {
 float: right;
 width: 820px;
 height: 50px;
}

#search_bt_beta,
#bt_beta,
#bt1_beta,
#div_top_search_bore_beta,
#div_top_search_outer_beta,
#div_top_search_width_beta,
#div_top_search_bt_beta {
 float: left;
}

#b_beta,
#o_beta,
#w_beta {
 float: left;
 margin-right: 4px;
 background-color: white;
 border: 0px;
 text-align: center;

 font-size: 18px;
 color: #444444;
 font-weight: 500;
 width: 252px;
 height: 50px;
}

#div_top_search_bt_beta i {
 height: 50px;
 background: #bbbbbb;
 font-size: 22px;
 color: #fff;
 padding: 15px;
}

#hero .btn-get-started {
 font-family: "Raleway", sans-serif;
 text-transform: uppercase;
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 1px;
 display: inline-block;
 padding: 12px 35px;
 margin-top: 30px;
 border-radius: 50px;
 transition: 0.5s;
 color: #fff;
 background: #1977cc;
}

#hero .btn-get-started:hover {
 background: #3291e6;
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
 padding: 60px 0;
 overflow: hidden;
}

.section-bg {
 background-color: #f1f7fd;
}

.section-title {
 text-align: center;
 padding-bottom: 30px;
}

.section-title h2,
.success .heading-title {
 font-size: 37px;
 margin-bottom: 20px;
 padding-bottom: 20px;
 position: relative;
 color: #405158;
}

.section-title h2::before {
 content: "";
 position: absolute;
 display: block;
 width: 120px;
 height: 1px;
 background: #ddd;
 bottom: 1px;
 left: calc(50% - 60px);
}

.section-title h2::after {
 content: "";
 position: absolute;
 display: block;
 width: 40px;
 height: 3px;
 background: #1977cc;
 bottom: 0;
 left: calc(50% - 20px);
}

.section-title p {
 margin-bottom: 0;
 font-size: 16px;
 font-weight: 500;
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
 padding: 20px 0;
 background-color: transparent;
 min-height: 40px;
 margin-top: 148px;
}

.breadcrumbs_link {
 text-decoration: none;
 margin-right: 10px;
 color: #444444;
 font-family: "Varela", sans-serif;
 font-size: 0.8rem;
 font-weight: normal;
}

.breadcrumbs_link:active {
 color: #444444;
}

.breadcrumbs_link:visited {
 color: #444444;
}

.breadcrumbs_link:hover {
 color: #00b2ff;
}

.margin_right {
 margin-right: 10px;
}

@media (max-width: 992px) {
 .breadcrumbs {
  margin-top: 120px;
 }

 .quality-control-breadcrumbs {
  margin-bottom: 0;
  width: 100%;
  padding-left: 58px !important;
  padding-bottom: 0 !important;
 }
 .other-laguage-breadcrumb .quality-control-breadcrumbs {
	padding-left: 88px !important;
}
.qualitycontrol-banner.other-laguage-breadcrumb.fr-laguage-breadcrumb .quality-control-breadcrumbs {
	padding-left: 60px !important;
}
.breadcrumbs.about-us-breadcrumbs {
	text-align: center;
}
}

.breadcrumbs h2 {
 font-size: 24px;
 font-weight: 300;
 margin: 0;
}

@media (max-width: 992px) {
 .breadcrumbs h2 {
  margin: 0 0 10px 0;
 }
}

.breadcrumbs ol {
 display: flex;
 flex-wrap: wrap;
 list-style: none;
 padding: 0;
 margin: 0;
 font-size: 0.8rem;
 font-family: "Arial MT Bold";
 color: #65818d;
 font-weight: normal;
}

.breadcrumbs ol li + li {
 padding-left: 10px;
}

.breadcrumbs ol li::after {
 display: inline-block;
 padding-left: 10px;
 color: #65818d;
 content: ">";
}

.breadcrumbs ol li a {
 color: #444;
}

.breadcrumbs ol li a:hover {
 color: #00b2ff;
}

@media (max-width: 768px) {
 .breadcrumbs .d-flex {
  display: block !important;
 }

 .breadcrumbs ol {
  display: block;
 }

 .breadcrumbs ol li {
  display: inline-block;
 }
}

/*************** Home Page  ******************/

.about-us {
 padding: 100px 0;
}

.about-us .section-title p {
	margin-top: 25px;
	color: #65818d;
	margin-bottom: 25px;
}

.about-data {
 margin-top: 30px;
}

.about-info {
 display: block;
 padding: 22px 18px;
 box-shadow: 0px 2px 15px #3333334a;
 border: 1px solid #ccc;
 border-radius: 10px;
 min-height: 350px;
}

.about-info .why-us-img img {
 width: 65px;
 height: 65px;
 object-fit: contain;
 object-position: 50% 50%;
}

.about-info .title-why-us {
 font-size: 20px;
 color: #405158;
 line-height: 1.5rem;
 transition: 0.5s;
 font-family: "Arial MT Bold";
}

.about-info p {
	font-size: 17px;
	text-align: left;
	color: #65818d;
	margin-top: 8px;
	min-height: 128px;
}


.learn {
 float: none;
 display: block;
 text-align: right;
}

.learn a {
 font-size: 14px;
 font-family: "Raleway", sans-serif;
 font-weight: 600;
 color: #3d9be9;
 transition: 0.5s;
}

.learn a:hover {
 color: rgb(52, 33, 9);
}

.learn a i {
 margin-left: 8px;
 vertical-align: middle;
}

.about-text {
 background: #009fe3;
 width: 100%;
}

.about-text .banner-image {
 margin-right: 15px;
}

.about-text .banner-image img {
 width: 92px;
}

.about-range-content {
 background: #f5f5f5;
 padding: 50px;
 width: 100%;
 padding-left: 3%;
}

.about-range-content h1,
.dist-info h1 {
 color: #405158;
 font-size: 38px;
}

.about-text p {
 font-size: 19px;
 margin-bottom: 0;
}

.about-range {
 padding: 75px 0;
}

.about-image img {
 width: 100%;
}

.range-text p,
.distribution-text p {
 text-align: left;
 color: #65818d;
 font-size: 16px;
 font-weight: 500;
}

.items-info {
 margin-bottom: 25px;
}

.items-image img {
 width: auto;
}

.catelogue-btn,.fbs-stainless_steel-btn {
 background: #fff;
 border-radius: 100px;
 border: 2px solid #009fe3;
 color: #009fe3;
 line-height: normal;
 padding: 12px 45px;
 font-weight: 500;
 margin-top: 12px;
 font-size: 15px;
 transition: 0.5s;
}

.catelogue-btn:hover,.fbs-stainless_steel-btn:hover {
 background: #009fe3;
 color: #fff;
}

.items-text a {
 background: #282b60;
 color: white;
 display: block;
 height: auto;
 width: 100%;
 padding: 15px;
 text-align: center;
 font-weight: normal;
 transition: 0.5s;
}

.items-info:hover .items-text a {
 background: #009fe3;
 color: white;
}

.items-info:hover .items-image {
 opacity: 50%;
}

.distribution {
 margin-top: 50px;
}

.distribution-text p {
 padding-top: 12px;
}

.distribution img {
 width: 100%;
 height: auto;
 object-fit: cover;
 object-position: 50% 50%;
 padding-left: 8%;
}

.success .success-things {
 margin-top: 30px;
}

.sucess-content {
 margin-top: 40px;
 padding-left: 20px;
}

.success-info h1 {
 color: #405158;
 font-size: 22px;
 font-family: "Arial Rounded MT Regular";
 margin-bottom: 25px;
}

.success-info img {
 width: 100%;
 height: 327px;
 object-fit: cover;
 object-position: 50% 50%;
}

.success-info p {
 font-size: 17px;
 color: #68859f;
 font-weight: 500;
 margin-bottom: 6px;
 padding-right: 0px;
 min-height: 155px;
}

.success-info a {
 text-align: left;
 text-decoration: none;
 float: none;
 font-size: 14px;
 color: #009fe3;
 /* font-family: 'Arial MT Bold'; */
 transition: 0.5s;
 padding-left: 10px;
}

.success-info a:hover {
 color: #342109;
 text-decoration-line: underline;
 letter-spacing: 0.1em;
}

.success .row .heading h1 {
 font-weight: bolder;
}

.contact-us {
 padding: 100px 0;
}

.form-contact-main {
 background: #f5f5f5;
 border-radius: 30px;
 padding: 15px 35px;
}

.contact-form h2 {
 font-size: 25px;
 width: auto;
 font-weight: 500;
 text-align: left;
 line-height: 35px;
 color: #405158;
 font-family: "Arial MT Bold";
}


.contact-form h5 {
 color: #009fe3;
 font-size: 25px;
 margin-top: 28px;
 margin-bottom: 18px;
 font-family: "Arial Rounded MT Regular";
}

.contact .info .email,
.contact .info .phone {
 margin-top: 40px;
}

.contact .info .email:hover i,
.contact .info .address:hover i,
.contact .info .phone:hover i {
 background: #1977cc;
 color: #fff;
}

.contact .php-email-form {
 width: 100%;
}

.contact .php-email-form .form-group {
 padding-bottom: 8px;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
 border-radius: 0;
 box-shadow: none;
 font-size: 14px;
}

.contact .php-email-form label {
 color: #405158;
 font-size: 15px;
 margin-bottom: 12px;
}

.contact .php-email-form input {
 height: 50px;
 border: 2px solid #56656b;
}

.contact .php-email-form textarea {
 padding: 10px 12px;
 resize: none;
 border: 2px solid #56656b;
 min-height: 163px;
}

.contact .php-email-form button[type="button"] {
 background: #009fe3;
 border: 0;
 padding: 10px 35px;
 color: #fff;
 transition: 0.4s;
 border-radius: 50px;
 font-family: "Arial MT Bold";
 width: 100%;
}

.contact .php-email-form button[type="button"]:hover {
 background: #405158;
}

.contact-us img {
 width: 100%;
 height: 750px;
 object-fit: cover;
 object-position: 25% 50%;
 border-radius: 0;
}

.footer {
 background: #282b60;
 width: 100%;
 color: white;
}

.footer-logo-ttile h4 {
 font-size: 37px;
}

.footer .list-menu ul li {
 margin-bottom: 5px;
}

.footer .list-menu a {
 color: #fff;
 text-decoration: none;
 font-size: 15px;
}

.footer .list-menu a:hover,
.products-list-menu ul li a:hover {
 color: #009fe3;
}

.social-links a {
 width: 40px;
 height: 40px;
 display: inline-block;
 font-size: 28px;
 text-align: center;
 margin-right: 5px;
 border-radius: 5px;
 color: #fff;
}

.social-links a:hover {
 opacity: 0.8;
}

.cert-logo img {
 width: 180px;
 border-radius: 5px;
}

.footer-widget-title h4 {
	font-size: 18px;
	border-bottom: 2px solid #fff;
	padding-bottom: 5px;
	display: inline-block;
	margin-bottom: 25px;
	padding-top: 15px;
}

.products-list-menu ul {
	margin-bottom: 0 !important;
}

.products-list-menu ul li a {
 color: #fff;
 font-size: 15px;
}

.products-list-menu ul li {
	margin-bottom: 2px;

}

/*--------------------------------------------------------------
# About Us Page
--------------------------------------------------------------*/

#hero {
 width: 100%;
 height: 60vh;
 background: url("../img/zen-about-banner.jpg") top center;
 background-size: cover;
 margin-bottom: 0;
 margin-top: 147px;
}

#hero .container {
 position: relative;
}

#hero h1 {
 margin: 0;
 font-size: 48px;
 font-size: 3.5rem;
 text-transform: uppercase;
}

@media (min-width: 1024px) {
 #hero {
  background-attachment: fixed;
 }
}

@media (max-width: 992px) {
 #hero {
  margin-bottom: 0;
  height: 350px;
  padding: 0;
  background-position: left;
  margin-top: 130px;
 }

 #hero h1 {
  font-size: 28px;
  line-height: 36px;
 }
}

@media (max-height: 600px) {
 #hero {
  height: 110vh;
 }
}

.german {
 margin-top: 85px;
 margin-bottom: 100px;
}

.german-heading h1 {
 font-size: 38px;
 color: #405158;
 line-height: 55px;
 margin-bottom: 18px;
}


.german-info-head {
 margin-top: 85px;
}

.german-info h1 {
 font-size: 37px;
 color: #405158;
 line-height: 3.25rem;
}

.german-info h1::before {
	content: "";
	height: 3px;
	width: 50px;
	background-color: #1977cc;
	display: block;
	margin-bottom: 135px;
}

.german-info p {
 font-size: 16px;
 color: #65818d;
 text-align: left;
 font-weight: 500;
}

.german-info-head img {
 width: 100%;
 height: auto;
 object-fit: cover;
 object-position: 50% 50%;
}

/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts {
 background: #282b60;
 padding: 75px 0;
}

.counts .count-box {
 padding: 0;
 width: 100%;
 position: relative;
 text-align: center;
 background: transparent;
}

.counts .count-box .abt-image {
 background: #fff;
 border-radius: 100px;
 display: flex;
 align-items: center;
 justify-content: center;
 width: 120px;
 height: 120px;
 margin: 0 auto 15px;
}

.counts .count-box .abt-image img {
 width: 70px;
 height: 70px;
 object-fit: contain;
 object-position: 50% 50%;
}

.abt-counter {
 display: flex;
 justify-content: center;
}

.counts .count-box span.purecounter {
 font-size: 25px;
 display: block;
 font-weight: 700;
 color: #fff;
}

.counts .count-box span.after-fix-counuter {
 font-size: 25px;
 display: block;
 font-weight: 700;
 color: #fff;
 margin-left: 6px;
}

.counts .count-box p {
 padding: 0;
 margin: 0;
 font-family: "Arial MT Bold";
 font-size: 16px;
 color: #fff;
 /* font-weight: 500; */
}

.world-wideworld-wide {
 padding: 120px 0;
}

.world-wideworld-wide .world-img img {
 width: 570px;
 height: 485px;
 object-fit: cover;
 object-position: 50% 50%;
}

.world-text h1 {
 font-size: 37px;

 color: #405158;
}

.world-text h1::before {
	content: "";
	height: 3px;
	width: 50px;
	background-color: #1977cc;
	display: block;
	margin-bottom: 40px;
}

.world-text p {
 font-size: 16px;
 font-weight: 500;
 color: #65818d;
 line-height: 30px;
 padding-right: 50px;
 margin-top: 35px;
}

.world-text ul li {
 font-size: 16px;
 font-weight: 500;
 color: #65818d;
 margin-bottom: 5px;
}

.branches-content {
}

.branches-header .section-title p {
 color: #65818d;
 text-align: center;
 max-width: 815px;
 margin: auto;
 padding-top: 22px;
}

.branches-info-image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 245px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 50px;
}

.branches-info-image ul {
 margin: 14px 0 0 0;
 padding: 0;
 width: auto;
 text-align: center;
 display: block;
}

.branches-info-image li {
 font-size: 14px;
 text-align: left;
 color: #fff;
 display: block;
 margin-bottom: 4px;
 font-weight: 500;
 width: 100%;
}

.image-german {
 background-image: url("../img/German-Branch.png");
}

.image-uk {
 background-image: url("../img/UK-branch.png");
}

.image-roda {
 background-image: url("../img/Spanish-Branch.png");
}

.image-france {
 background-image: url("../img/new-french-branch.png");
}

.image-shangai {
 background-image: url("../img/china-Branch.png");
}

.image-america {
 background-image: url("../img/cyn.png");
}

.branches-info {
 background: #f5f5f5;
 padding: 15px;
 margin-top: 32px;
 text-align: center;
 margin-bottom: 60px;
 min-height: 127px;
}

.branches-info h1 {
 color: #009fe3;
 font-size: 18px;
}

.branches-info p {
 font-size: 15px;
 color: #65818d;
 margin-bottom: 0;
}

.cert-image {
 background: #f2f2f2;
 text-align: center;
 padding: 35px;
 border-radius: 15px;
 margin-bottom: 18px;
}

.cert-image img {
 width: 196px;
 height: 106px;
 object-fit: cover;
 object-position: 50% 50%;
}

.more-about {
 padding: 100px 0;
}

.more-about-contents {
 margin-top: 60px;
}

.more-about img {
 width: 100%;
 height: 350px;
 object-fit: cover;
 object-position: 50% 50%;
}

.more-about-text h1 {
 font-size: 27px;
 color: #405158;
 padding: 0 28px;
}

.more-about-text p {
 color: #65818d;
 font-size: 16px;
 margin-top: 18px;
 font-weight: 500;
 line-height: 1.6em;
 padding: 0 28px;
}

.more-about-contents .read {
 padding-right: 25px;
}

.more-about-text a {
 text-decoration: none;
 font-size: 15px;
 float: none;
 color: #009fe3;
 font-family: "Arial MT Bold";
 font-weight: 500;
 letter-spacing: 0px;
 transition: 0.3s;
}

.more-about-text a:hover {
 color: #000000;
 text-decoration-line: underline;
 letter-spacing: 0.1em;
}

/*--------------------------------------------------------------
# Careers Page
--------------------------------------------------------------*/

#career-hero {
 height: calc(100vh - 147px);
 background: url("../img/Arbeiter-Hallo-Five.jpg") top center;
 background-size: cover;
 margin-bottom: 0;
 margin-top: 147px;
 padding: 0;
 position: static;
}

#career-hero::before {
 background: #203362;
 border-radius: 0;
 bottom: 5%;
 left: 0;
 position: absolute;
 right: 0;
 top: auto;
 content: "";
 width: 50%;
 height: 55vh;
 z-index: -1;
 /* margin: auto 0; */
}

#career-hero .container {
 position: relative;
}

#career-hero h1 {
 margin: 0;
 color: #000;
 font-size: 95px;
 text-transform: capitalize;
}

#career-hero h2 {
 margin: 0;
 color: #3d9be9;
 font-size: 95px;
 text-transform: capitalize;
}

@media only screen and (max-width: 1549px) and (min-width: 1441px) {
 #career-hero {
  width: calc(100% - 4%);
  margin-left: 4%;
 }

 .quality-control-breadcrumbs {
  margin-bottom: 0;
  padding-left: 77px !important;
 }
 
.other-laguage-breadcrumb .quality-control-breadcrumbs {
	padding-left: 220px !important;
}

 .career-hero-content {
  padding-left: 10%;
 }
}

@media only screen and (max-width: 1920px) and (min-width: 1550px) {
 #career-hero {
  width: calc(100% - 16%);
  margin-left: 16%;
 }

 .quality-control-breadcrumbs {
  margin-bottom: 0;
  padding-left: 194px !important;
 }
 .qualitycontrol-banner.other-laguage-breadcrumb .quality-control-breadcrumbs {
padding-left: 314px !important;
}
 #main .qualitycontrol-banner.fr-laguage-breadcrumb .quality-control-breadcrumbs {
	padding-left: 258px !important;
}

 .career-hero-content {
  padding-left: 10%;
 }

 .banner {
  height: 680px !important;
 }
}

@media only screen and (max-width: 1750px) and (min-width: 1650px) {
.other-language-banners-setting .manufacturing-inner .manufacturing-content {
	margin-left: 175px !important;
}
}

@media only screen and (max-width: 1440px) and (min-width: 1281px) {
 #video_container .bottom_box .row_2 {
  min-height: 77px;
 }

 .quality-control-breadcrumbs {
  margin-bottom: 0;
  padding-left: 77px !important;
 }
 
 .other-laguage-breadcrumb .quality-control-breadcrumbs {
	padding-left: 175px !important;
}

 #career-hero {
  width: calc(100% - 5%);
  margin-left: 5%;
 }

 .career-hero-content {
  padding-left: 11%;
 }

 .manufacturing-banner .manufacturing-content {
  margin-left: 10% !important;
 }
 

 
}

@media only screen and (max-width: 1280px) and (min-width: 1080px) {
 #video_container .bottom_box .row_2 {
  min-height: 101px;
 }

 #video_container .bottom_box .row_1 {
  min-height: 56px;
 }

 #career-hero {
  width: calc(100% - 6%);
  margin-left: 6%;
 }

 .career-hero-content {
  padding-left: 11%;
 }
 
   .french-language-height .catalogue-listings {
    min-height: 915px !important;
  }
   .other-language-height .catalogue-listings {
    min-height: 1297px !important;
  }
  .portuguese-language-height .catalogue-listings {
    min-height: 995px !important;
  }
    .food-beverage .section-gen h5 {
    min-height: 82px;
  }
  .about-info p {
    min-height: 129px !important;
  }
   .about-us.min-height-desciption .about-info p {
    min-height: 154px !important;
  }
}

/*--------------------------------------------------------------
# Departments
--------------------------------------------------------------*/
.departments {
 overflow: hidden;
}

.departments-header h2 {
 font-size: 37px;
 margin-bottom: 48px;
 color: #405158;
}

.departments-header p {
 font-size: 16px;
 color: #65818d;
 font-weight: 500;
 margin-right: 15%;
}

.job-main-title {
 margin-top: 60px;
 margin-bottom: 35px;
}

.job-main-title h3 {
 font-size: 37px;
 color: #405158;
}

.job-main-title h3::after {
 content: "";
 height: 3px;
 width: 50px;
 background-color: #1977cc;
 display: block;
 margin-top: 8px;
}

.departments .details h3 {
 font-size: 30px;

 margin-bottom: 20px;
 color: #405158;
}

.job-listing h6 {
 font-size: 16px;

 color: #405158;
 text-decoration: underline;
}

.job-listing ul li,
.job-listing-content-details ul li {
 font-size: 16px;
 color: #65818d;
 font-weight: 500;
}

.offen-status {
 list-style: none;
 margin: 0 0px 0 5px;
 padding: 0;
}

.offen-status li {
 color: #8d9b00 !important;
 line-height: normal;
}

.job-listing-content-details p {
 font-size: 16px;
 color: #65818d;
}

.font-weight-bold {
 font-weight: bolder;
}

.job-listing-content-details p:last-child {
 margin-bottom: 0;
}

.job-listing-content-details h6 {
 font-size: 20px;
 color: #65818d;

 text-decoration: underline;
 margin-top: 30px;
}

.job-listing-content-details h4.haben {
 font-size: 20px;
 color: #65818d;

 margin-top: 30px;
}

.job-listing-content-details h5 {
 font-size: 16px;
 color: #65818d;
}

.job-listing-content-details h5 span {
 font-size: 16px;

 text-decoration: underline;
 margin-right: 20px;
}

.job-listing-content-details-li h6 {
 margin-top: 0;
 font-size: 16px;
}

.job-listing-content-details-li ul {
 margin: 0 0 0 20px;
 padding: 0;
 list-style: none;
}

.job-btn {
 margin-top: 35px;
 display: inline-block;
 background: #009fe3;
 color: #fff;
 font-family: "Arial MT Bold";

 font-size: 16px !important;
 padding: 15px 50px;
 line-height: normal;
 border-radius: 100px;
}

.job-btn:hover {
 color: #fff;
 background: #3f7652;
}

.job-btn i {
 margin-left: 10px;
}

.jobs-content {
 margin-top: 38px;
 border-bottom: 3px solid #000;
 padding-bottom: 25px;
}

.job-img {
 width: 600px;
 height: 240px;
 object-fit: cover;
 object-position: 50% 50%;
 border-radius: 10px;
 border: 1px solid #ccc;
 box-shadow: 0px 2px 15px #3333334a;
}

/*--------------------------------------------------------------
# Catalogue Page
--------------------------------------------------------------*/

.banner {
 height: 600px;
 width: 100%;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 margin-top: 147px;
 padding: 0;
}

.catalogue-section-hero {
 background-image: url("../img/Bearing-Brand-ZEN.jpg");
}

.banner-cont {
 background: #fff;
 padding: 35px 30px 50px 30px;
}

.banner-cont h1 {
	color: #282b60;
	font-size: 55px;
}

.product-form {
 border: var(--bs-border-width) solid var(--bs-border-color) !important;
 margin-right: 0 !important;
 height: auto !important;
 float: none !important;
 text-align: left !important;
 color: #405158 !important;
}

.banner-images {
 margin-top: 32px;
}

.banner-img {
 margin-right: 18px;
}

.banner-img img {
 object-fit: contain;
}

.din-logo {
 width: 70px;
 height: 55px;
}

.fda-logo {
 width: 70px;
 height: 52px;
}

.rohs-logo {
 width: 95px;
 height: 55px;
}

.rostfrei-logo {
 width: 70px;
 height: 58px;
}

.banner-img:last-child {
 margin-right: 0px;
}

.search-bar {
 margin-top: 15px;
 width: 380px;
}

.search-bar .form-control {
 border-top-right-radius: 0 !important;
 border-bottom-right-radius: 0 !important;
}

.search-bar .form-control:focus {
 outline: none;
 box-shadow: none;
}

.search-bar .btn {
 border-top-left-radius: 0 !important;
 border-bottom-left-radius: 0 !important;
}

.search-bar .form-control-feedback {
 position: absolute;
 z-index: 2;
 display: block;
 width: 2.375rem;
 height: 2.375rem;
 line-height: 2.375rem;
 text-align: center;
 pointer-events: none;
 color: #aaa;
}

.cat-text {
 background: #282b60;
 margin-top: 75px;
 padding: 45px 100px;
}

.cat-text h1 {
 font-size: 40px;
 line-height: 60px;
}

.cat-text a.cat-btn,.food_safe_bearings-hero .header-left a,.ceramic_hybrid-section .ceremic-contains-right a {
padding: 12px 30px;
 border-radius: 100px;
 letter-spacing: 2px;
 background: #009fe3;
 color: #fff;
 font-size: 16px;
 line-height: normal;
 transition: 0.3s;
 font-family: "Arial MT Bold";
}

.cat-text a.cat-btn:hover,.food_safe_bearings-hero .header-left a:hover,.ceramic_hybrid-section .ceremic-contains-right a:hover {
 letter-spacing: 1px;
 background: #4682b4;
}



/*--------------------------------------------------------------
# Why Us
--------------------------------------------------------------*/
.why-us .content {
	padding: 0;
	background: transparent;
	border-radius: 0;
	color: #fff;
	margin-top: 18px;
}

.why-us .content p {
 margin-bottom: 30px;
 color: #65818d;
 font-size: 22px;
 text-align: center;
}

.why-us .icon-boxes {
 margin-top: 30px;
 width: 100%;
}

.why-us .icon-boxes .icon-box {
 text-align: center;
 border-radius: 10px;
 background: #fff;
 box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
 padding: 40px 30px;
 width: 100%;
}

.why-us .icon-boxes .icon-box img {
 width: 62px;
 margin-bottom: 25px;
}

.why-us .icon-boxes .icon-box h4 {
 font-size: 18px;

 margin: 0 0 15px 0;
 line-height: 1.6rem;
}

.why-us .content-details {
	color: #65818d;
	margin-top: 18px;
	font-size: 17px;
	font-weight: 500;
	text-align: justify;
	margin-bottom: 75px;
}
.why-us .content-details .heading-title {
	font-size: 24px;
	margin-bottom: 0;
	padding-bottom: 16px;
	position: relative;
	color: #405158;
	text-align: center;
}

.prem-products .catalogue-listings {
 box-shadow: 0px 2px 15px rgba(44, 73, 100, 0.08);
 border-radius: 10px;
 border: 1px solid #f1f1f1;
 padding: 30px;
}

.prem-products .catalogue-listings i {
 display: inline-block;
}

.prem-products h2 {
 font-size: 15px;
 font-weight: normal;
 color: #748b91;
 margin-left: 5px;
 display: inline-block;
 vertical-align: middle;
 margin-bottom: 0;
}

.prem-products .listing-pdf-btn a {
 font-size: 14px;
 font-family: "Arial MT Bold";
}

.prem-products .listing-pdf-btn a:hover {
 text-decoration: underline;
}

.prem-products .catalogue-listings .row {
 border-bottom: 1px solid #ddd;
 padding-bottom: 8px;
 margin-bottom: 8px;
}

.prem-products h2 i {
 color: #f6b900;
 margin-left: 5px;
}

/*--------------------------------------------------------------
# Medical Page
--------------------------------------------------------------*/

.medical-banner {
 background-image: url("../fonts/../img/microscope.jpg");
 height: 600px;
 width: 100%;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 background-attachment: fixed;
 margin-top: 147px;
}

.medical-banner .banner-cont {
 background: #282b60;
 height: 100%;
 width: 410px;
 justify-content: center;
 display: flex;
 flex-direction: column;
 color: #fff;
 align-items: center;
 padding: 0;
 margin-left: 30px;
}

.medical-banner .banner-text {
 background: #f0f0f0;
 color: #65818d;
 width: 100%;
 font-size: 19px;
 padding: 30px 30px 20px 35px;
 /* font-weight: 600; */
}

.medical-banner .banner-cont h1 {
 font-size: 47px;
 padding: 0 35px;

 color: #fff;
 margin-bottom: 30px;
}

.accuracy {
 padding: 100px 0 50px;
}

.accuracy h1 {
 font-size: 37px;

 color: #405158;
 line-height: 50px;
 margin-bottom: 35px;
}

.accuracy .acc-text {
 display: flex;
}

.accuracy .list i {
 color: #019fe3;
 margin-right: 10px;
 font-size: 30px;
}

.accuracy .text p {
 color: #65818d;
 font-size: 16px;
 font-weight: 500;
 margin-right: 38px;
}

.accuracy img {
 margin-bottom: 25px;
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/

.services .section-title p {
 font-size: 16px;
 font-weight: 500;
 width: 715px;
 margin: 45px auto 0;
 color: #65818d;
}

.services .icon-box {
 text-align: center;
 border: 1px solid #d5e1ed;
 padding: 50px 36px;
 transition: all ease-in-out 0.3s;
}

.services .icon-box .icon {
 margin: 0 auto;
 transition: all 0.3s ease-out 0s;
 display: flex;
 align-items: center;
 justify-content: center;
 margin-bottom: 20px;
 transform-style: preserve-3d;
 position: relative;
}

.services .icon-box .icon img {
 width: 106px;
 height: 125px;
 object-fit: cover;
 object-position: 50% 50%;
 border-radius: 5px;
}

.services .icon-box h4 {
 margin-bottom: 25px;
 font-size: 16px;
 background: #f5f5f5;
 color: #009fe3;
 padding: 10px;
 line-height: normal;
}

.services .icon-box h4 a {
 color: #009fe3;
}

.service-content {
 display: flex;
}

.services .icon-box p {
 line-height: normal;
 font-size: 16px;
 margin-bottom: 0;
 color: #65818d;
 min-height: 74px;
 text-align: left;
}

.services .icon-box i {
 color: #02a0e4;
 font-size: 17px;
 margin-right: 8px;
}

.medical-services-btn {
 margin-top: 25px;
 text-align: right;
}

.medical-services-btn a {
 color: #3d9be9;
 font-size: 14px;
 text-transform: capitalize;

 font-family: "Arial MT Bold";
 letter-spacing: 0em;
 transition: 0.3s;
}

.services .icon-box:hover .medical-services-btn a {
 color: #fff;
 text-decoration-line: underline;
 letter-spacing: 0.1em;
}

.services .icon-box:hover {
 background: #009fe3;
 border-color: #009fe3;
}

.services .icon-box:hover .icon i {
 color: #1977cc;
}

.services .icon-box:hover .icon::before {
 background: rgba(255, 255, 255, 0.3);
}

.services .icon-box:hover p,
.services .icon-box:hover i {
 color: #fff;
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/

.about .video-box {
 background: url("../img/medical-equipment.jpg") center center no-repeat;
 background-size: cover;
 min-height: 440px;
 height: 440px;
}

.about .play-btn {
 width: 340px;
 height: 295px;
 background: #004890;
 border-radius: 0;
 display: block;
 position: absolute;
 left: calc(50% - -260px);
 top: calc(50% - 135px);
 overflow: hidden;
}

.about .play-btn {
 font-size: 16px;
 padding: 58px;
 color: #fff;
 margin-bottom: 0;
 display: flex;
}

.about .play-btn ul li {
 font-size: 16px;
 margin-bottom: 4px;
}

/*--------------------------------------------------------------
# Study Case Page
--------------------------------------------------------------*/

.appointment {
 margin-top: 147px;
 background: linear-gradient(90deg, #fff 50%, #27326b 50%);
 padding: 90px 0;
 margin-bottom: 80px;
}

.case-study-main-img {
 border: 15px solid #fff;
 background: url("../img/study-case-1.png") center center no-repeat;
 background-size: cover;
 min-height: 640px;
 height: 640px;
}

.appointment .case-study-main-content {
 width: 484px;
 height: 422px;
 background: #e8e6e6;
 border-radius: 0;
 display: block;
 position: absolute;
 left: calc(50% - 0px);
 top: calc(50% - 0px);
 overflow: hidden;
 border: 15px solid #fff;
 padding: 53px 30px;
}

.case-study-main-content h1 {
 font-size: 50px;
 color: #1a2b6d;
 font-weight: 900;
 margin-bottom: 0;
 line-height: 64px;
 font-family: "Open Sans", sans-serif;
}

.case-study-main-content h1 span {
 color: #189cd8;
}

.appointment .case-study-main-content h4 {
 color: #405158;
 font-size: 18px;
 font-weight: bold;
}

/*--------------------------------------------------------------
# Doctors
--------------------------------------------------------------*/

.doctors {
 background: #fff;
 padding: 90px 0 0;
 position: relative;
 margin-bottom: 100px;
}

.doctors::before {
 border-radius: 0 300px 300px 0;
 bottom: 0;
 left: 0;
 position: absolute;
 right: 0;
 top: 0;
 content: "";
 width: 48%;
}

.doctors.grey-background:before {
 background: #e8e6e6;
}

.doctors.blue-background:before {
 background: #789dad;
}

.doctors .member {
 position: relative;
}

.doctors .member .pic {
 overflow: hidden;
 border: 15px solid #fff;
 border-radius: 0;
 margin-top: -90px;
}

.doctors .member .pic img {
 transition: ease-in-out 0.3s;
}

.doctors .member:hover img {
 transform: scale(1.1);
}

.doctors .member .member-info {
 padding-left: 30px;
}

.doctors .member h4 {
 margin-bottom: 12px;
 font-size: 37px;
 color: #405158;
 line-height: 55px;
}

.doctors .member span {
 display: block;
 font-size: 18px;
 padding-bottom: 5px;
 position: relative;
 /* font-weight: 700; */
 color: #65818d;
 font-family: "Arial MT Bold";
}

.doctors .member span::after {
 content: "";
 position: absolute;
 display: block;
 width: 50px;
 height: 1px;
 background: #b2c8dd;
 bottom: 0;
 left: 0;
}

.doctors .member ul {
 margin-top: 25px;
}

.doctors .member ul li {
 margin: 0 0 10px 0;
 font-size: 16px;
 color: #65818d;
 font-weight: 500;
}

/*--------------------------------------------------------------
# Thin Section Bearings Page
--------------------------------------------------------------*/

.thin-section-hero {
 background-image: url("../img/thin-section-bearing-new.jpeg");
 background-position: 84% center;
}

.change-lr{color:red; }

.thin-section-hero .banner-cont p,.stainless-steel-hero .banner-cont p,.hybrid_bearings-hero .banner-cont p,.miniature_bearings-hero .banner-cont p,.housing_bearings-hero .banner-cont p {
 color: #65818d;
 font-size: 16px;
}

.thin-section-hero .btn.cat-btn,.stainless-steel-hero .btn.cat-btn,.hybrid_bearings-hero .btn.cat-btn,.miniature_bearings-hero .btn.cat-btn,.housing_bearings-hero .btn.cat-btn {
 background: #009fe3;
 border-radius: 100px;
 color: #fff;
 padding: 12px 30px;
 line-height: normal;
 font-family: "Arial MT Bold";
 margin-top: 12px;
 transition: 0.3s;
}

.thin-section-hero .btn.cat-btn:hover,.stainless-steel-hero .btn.cat-btn:hover,.hybrid_bearings-hero .btn.cat-btn:hover,.miniature_bearings-hero .btn.cat-btn:hover,.housing_bearings-hero .btn.cat-btn:hover {
 background: #282b60;
}

.thin-section-hero .banner-cont h1 {
 font-size: 55px;
 line-height: 56px;
 margin-bottom: 20px;
}

.bearing-products {
 margin-top: 105px;
}

.bearing-products .thin-intro-txt {
 margin-bottom: 75px;
}

.bearing-products .thin-intro-txt h2,.safe-housing-heading h2 {
 font-size: 37px;
 color: #405158;
 line-height: 3.25rem;
}

.bearing-products .thin-intro-txt p,.bearing-products .thin-intro-txt ul li {
 width: 860px;
 text-align: left;
 font-size: 17px;
 color: #65818d;
 font-weight: 500;
 line-height: 30px;
}

.bearing-products .thin-intro-txt p {
 margin: 32px auto 0;
}

.bearing-products .thin-intro-txt ul li {
	margin-left: auto;
	margin-right: auto;
}

.hidden-content {
 display: none;
}

.read_more {
 color: #008afc;
 text-decoration: none;
 font-size: 16px;
 cursor: pointer;
 margin-left: 5px;
}

.read_more:hover,
.read_less:hover {
 color: #008afc;
 text-decoration: underline;
}

.hidden-readmore {
 display: none;
}

.read_less {
 color: #008afc;
 text-decoration: none;
 font-size: 16px;
 cursor: pointer;
 margin-left: 5px;
}

.bearing-products .bearing-products-img {
 text-align: center;
}

.bearing-products .bearing-products-img img {
 width: 95px;
}

.bearing-products .bearing-products-content {
 text-align: center;
 margin-top: 8px;
}

.bearing-products .bearing-products-content h2 {
 font-size: 16px;
 color: #009fe3;

 line-height: 1.3em;
}

.uni-chr {
 margin-top: 125px;
}

.uni-chr img {
 width: 279px;
 height: 420px;
 object-fit: cover;
 margin: auto;
 display: block;
}

.uni-chr h2 {
 color: #405158;

 font-size: 37px;
 margin-bottom: 28px;
}

.uni-chr p {
 text-align: justify;
 letter-spacing: 0.3px;
 font-size: 16px;
 color: #65818d;
 line-height: 1.7rem;
 margin-bottom: 30px;
}

.uni-chr-text {
 background: #f5f5f5;
 padding: 32px 25px;
}

.link a {
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #008afc;
	border-bottom: 1px solid #008afc;
	padding-bottom: 2px;
	transition: 0.3s;
	line-height: 35px;
}

.link a:hover {
 border-bottom: 2px solid rgb(12, 68, 38);
}

.product-range-spec {
 background: #282b60;
 margin-top: 65px;
 padding: 50px 0;
 margin-bottom: 80px;
}

.product-range-spec h1,.food-beverage .food-heading h2 {
 font-size: 39px;
 margin-bottom: 15px;
}

.product-range-spec p {
 font-size: 16px;
 line-height: 1.7rem;
 font-weight: 500;
 margin-bottom: 0;
}

/*--------------------------------------------------------------
# Stainless Steel Page
--------------------------------------------------------------*/

.stainless-steel-hero {
	background-image: url("../img/stainless-steel-bearing-banner.webp");
	background-position: 84% center;
}

.stainless-steel-hero .banner-cont h2 {
	color: #282B60;
	font-weight: 500;
	font-size: 31px;
	margin: 13px 0 24px 0;
}

.uni-chr h5 {
	color: #65818D;
	text-decoration: underline;
	font-size: 17px;
}

.uni-chr .uni-chr-list li {
	text-align: left;
	letter-spacing: 0.03em;
	font-size: 16px;
	color: #65818D;
	line-height: 1.7em;
	margin-bottom: 0;
}

.uni-chr .uni-chr-list li span.asi {
	font-weight: normal;
	font-family: "Arial MT Bold";
}

/*--------------------------------------------------------------
# Hybrid Bearings Page
--------------------------------------------------------------*/

.hybrid_bearings-hero {
	background-image: url("../img/ceramic_hybrid_bearings.png");
	background-position:120%;
}

.products-catelogue-banner-sections {
	background: #f5f5f5;
	padding: 27px 38px 45px 38px;
}
.adjust-font-title .ceramic_bearings {
	font-size: 33px;
}


/*--------------------------------------------------------------
# Miniature Bearings Page
--------------------------------------------------------------*/


.miniature_bearings-hero {
	background-image: url("../img/miniature_bearings.webp");
	background-position: 84% center;
}

.miniature_bearings-image-height-adjust img {
	height: 440px;
}

#miniature_bearings-table {
  margin: 50px 0;
}

#miniature_bearings-table #faq .card {
  margin-bottom: 18px;
  border: 0;
}

#miniature_bearings-table #faq .card .card-header {
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	padding: 0;
}

#miniature_bearings-table #faq .card .card-header .btn-header-link {
	display: block;
	text-align: left;
	background: #fff;
	color: #009fe3;
	padding: 0px;
	font-weight: 500;
	font-family: "Arial MT Bold";
	outline: none !important;
	border: none !important;
	font-size: 22px;
}

#miniature_bearings-table #faq .card .card-header .btn-header-link:active {
	outline: none !important;
	border: none !important;
}

#miniature_bearings-table #faq .card .card-header .btn-header-link::after {
	content: "\f106";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	float: left;
	margin-right: 10px;
}

#miniature_bearings-table #faq .card .card-header .btn-header-link.collapsed {
	background: #fff;
	color: #65818d;
	
}

#miniature_bearings-table #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f107";
}



#miniature_bearings-table #faq .card .collapse {
  border: 0;
}

#miniature_bearings-table #faq .card .collapse.show {
  background: #fff;
 
}

.miniature_bearings_title {
	font-size: 34px;
	color: #405158;
	line-height: 3.25rem;
	margin-bottom: 35px;
}

.banner-cont.germen-cerenamic-banner-cont h1 {
	font-size: 48px;
}

.adjust-height-cermanic {
	min-height: 398px;
}


/*--------------------------------------------------------------
# Bearing Housings & Inserts
--------------------------------------------------------------*/

.housing_bearings-hero {
	background-image: url("../img/housing-banner.webp");
	background-position: 84% center;
}

.housings_bearings-image-height-adjust img {
	height: auto;
	object-fit: contain;
	width: 100%;
}





/*--------------------------------------------------------------
# Food Safe Bearings Landing Page
--------------------------------------------------------------*/


.food_safe_bearings-hero {
	width: 100%;
	height: auto;
	margin-top: 147px;
}

.food_safe_bearings-hero .header-right{
    flex-basis: 60%;
}
.food_safe_bearings-hero .header-right img{
    width: 100%;
        height: auto;
}

.food_safe_bearings-hero .header-left {
	flex-basis: 53%;
	height: auto;
	background: #282B60;
	flex-direction: column;
}

.food_safe_bearings-hero .header-left h1 {
	color: #fff;
	font-weight: normal;
	font-size: 45px;
}

.food_safe_bearings-hero .header-left h1 span{
    color: #009FE3;
}
.food_safe_bearings-hero .header-left h5 {
	margin-top: 12px;
	color: #fff;
	text-align: center;
	font-family: "Helvetica";
	font-size: 20px;
	line-height: 32px;
}

.food_safe_bearings-hero .header-left a,.ceramic_hybrid-section .ceremic-contains-right a {
	margin-top: 40px;
	padding: 17px 30px;
}

.fbs-heading .thin-intro-txt h2,.safe-housing-heading h2 {
	font-size: 40px;
}

.fbs-heading h2 span,.ceramic_hybrid-section .ceramic_hybrid-heading span,.safe-housing-heading h2 span,.food-beverage .food-heading h2 span {
	color: #009FE3;
}
.fbs-heading .thin-intro-txt h2::after,.ceramic_hybrid-section .ceramic_hybrid-heading::after,.safe-housing-heading h2::after,.food-beverage .food-heading h2::after {
	display: block;
	background: #009FE3;
	width: 42px;
	height: 3px;
	content: '';
	margin: 8px auto 0;
	border-radius: 100px;
	
}

.fbs-heading .thin-intro-txt h2::after{
	
	transform: translateX(-42px);
}

.fbs-heading.german-heading-underline .thin-intro-txt h2::after{
transform: translateX(-258px);
}

.product-range-spec.product-range-spec-french .safe-housing-heading h2::after{
transform: translateX(-190px);
}

.ceramic_hybrid-section .ceramic_hybrid-heading::after{
	
	transform: translateX(80px);
}

.ceramic_hybrid-section.product-range-spec-detutch .ceramic_hybrid-heading::after {
	transform: translateX(140px);
}

.ceramic_hybrid-section.product-range-spec-spanish .ceramic_hybrid-heading::after {
	transform: translateX(-72px);
}

.ceramic_hybrid-section.product-range-spec-french .ceramic_hybrid-heading::after {
	transform: translateX(-124px);
}

.safe-housing-heading h2::after{
	
transform: translateX(-158px);
}

.safe-housing-spanish h2::after{
	
transform: translateX(191px);
}

.food-beverage.food-beverage-spanish .food-heading h2::after {
	transform: translateX(-40px);
}


.fbs-heading .thin-intro-txt p {
	font-family: "Arial MT Bold";
}
.fbs-stainless_steel-container-right .fbs-list .list-1,.safe-housing .safe-housing-container .fbs-list .list-1 {
	display: flex;
  align-items: flex-start;
  gap: 10px;
}

.fbs-stainless_steel-container-right .fbs-list .list-1
{  color: #65818d;
  margin-bottom: 12px;}
  

.fbs-stainless_steel-container-right .fbs-list .list-1 p,.safe-housing .safe-housing-container .fbs-list .list-1 p {
	text-align: left;
	letter-spacing: normal;
	margin-bottom: 0;
	/*font-family: 'Arial MT Bold';*/
    font-size: 16px;
}

.fbs-stainless_steel-container-right .fbs-list .list-1 i,.safe-housing .safe-housing-container .fbs-list .list-1 i {
	line-height: 27px;
}

.fbs-stainless_steel-btn {
	display: inline-block;
	margin-top: 30px;
	padding: 16px 34px;
	font-family: "Arial MT Bold";
}

.fbs-stainless_steel_section-two{margin-top: 100px;}

.ceremic-contains {
	margin-top: 60px;
}

.ceremic-list {
	color: #fff;
	margin-bottom: 18px;
}

.ceremic-list .number {
	color: #009FE3;
	background: #fff;
	border-radius: 5px;
	width: 33px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 33px;
	font-family: "Arial MT Bold";
	line-height: 33px;
	font-size: 20px;
}

.ceremic-list .text {
	margin-top: 12px;
}

.safe-housing-contains {
	margin-top: 70px;
}

.safe-housing-image {
	margin-bottom: 12px;
}

.safe-housing-text-top {
	display: grid;
	grid-template-columns: 1fr 1.3fr 1fr;
	gap: 0;
	border-bottom: dotted 2px #2C2E35;
	padding-bottom: 15px;
}


.safe-housing-sections-1{padding-right: 20px;}

.safe-housing-sections-2 {
	border-left: dotted 2px #2C2E35;
	border-right: dotted 2px #2C2E35;
	padding: 0 20px 0;
}

.safe-housing-sections-3 {
	padding-left: 20px;
}

.safe-housing-sections-5-6 {
	flex-basis: 38%;
	border-right: dotted 2px #2C2E35;
	padding-right: 35px;
}

.safe-housing-sections-5-6-bottom {
	flex-basis: 41%;
	border-right: dotted 2px #2C2E35;
	padding-right: 35px;
}

.safe-housing-sections-6 {
	flex-basis: 62%;
	padding-left: 43px;
}

.safe-housing-text .number {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}

.safe-housing-text .number .line {
background: #2C2E35;
  height: 2px;
  width: 6px;
}

.safe-housing-text .number p {
	width: 33px;
	height: 33px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	padding: 0;
	border: 1.8px solid #2C2E35;
	font-size: 15px;
	font-weight: 400;
	font-family: "Arial MT Bold";
	margin-bottom: 0;
}

.safe-housing-yellow-num p{background:#FFEB3D;}

.safe-housing-green-num p{background:#abd144;}

.safe-housing-text .safe-housing-sections .section-text p {
	color: #65818D;
	font-size: 12px;
	line-height: 18px;
	font-weight: 500;
	font-family: "Helvetica";
	margin-bottom: 0;
}


.safe-housing-text-bottom {
	display: flex;
	align-items: center;
	margin-top: 15px;
}


.safe-housing-container {
	padding: 32px 28px;
}

.safe-housing-green-box{background: #b7cd00;}

.safe-housing-yellow-box{background:#FFD000;}

.safe-housing-container h2 {
	color: #000;
	font-size: 33px;
	line-height: 40px;
	margin-bottom: 32px;
}

.safe-housing .safe-housing-container .fbs-list .list-1{color: #000;
  margin-bottom: 25px;}
  
.safe-housing-container .safe-housing-btn {
	padding: 17px 30px;
	background: #282B60;
	color: #fff;
	line-height: normal;
	border-radius: 100px;
	margin-top: 20px;
	font-size: 16px;
	font-family: "Arial MT Bold";
	transition: 0.3s;
}

.safe-housing-container .safe-housing-btn:hover {
	letter-spacing: 1px;
	background: #009fe3;
}

.food-beverage {
	background: #282B60;
	padding-top: 70px;
	padding-bottom: 88px;
	margin-top: 80px;
}


.food-bearings {
	padding: 0 100px;
	margin-top: 50px;
}

.adjust-spacing-1 {
	padding: 35px 40px; /*62px;*/
	/*height: 450px;*/
}

.adjust-spacing-2 {
	padding: 35px 120px;
	/* height: 450px; */
}

.food-beverage .section-1 {
	background: #FFEB3D;
	border-right: 4px solid #fff;
}

.food-beverage .section-2 {
	background: #FFD036;
	border-right: 4px solid #fff;
}

.food-beverage .section-4-ct {
	background: #FFD400;
	border-right: 4px solid #fff;
}

.food-beverage .section-3 {
	background: #EED33B;
}

.food-beverage .section-4 {
	background: #C8D842;
}

.food-beverage .section-5 {
	background: #ABD144;
}


.food-beverage .section-gen h5 {
	text-align: center;
	font-size: 16px;
	line-height: 27px;
}

.section-gen.adjust-spacing-1 .main-img img {
	width: 155px;
	height: 180px;	
}

.section-gen.adjust-spacing-2 .main-img img {
	width: 250px;
	height: 210px;	
}

.section-gen .main-img img {
	filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.8));
	margin: 22px auto 25px;
	display: block;
	object-fit: contain;
	object-position: center;
}

.food-beverage .section-gen .levels {
	width: 190px; /*210px;*/
	margin: 0 auto 10px;
}

.food-beverage.food-beverage-spanish .section-gen .levels {
	width: 205px;
}
.food-beverage .levels p {
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: 400;
	color: #000;
}

.level-colors {
	background: #fff;
	padding: 8px 10px;
	border-radius: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2.5px;
}
.food-bearings-bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.food-bearings-bottom .vs {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	background: #fff;
	width: 5px;
	height: 100%;
	text-align: center;
}

.food-bearings-btn {
	margin-top: 70px;
	text-align: center;
}

.food-bearings-btn a {
	padding: 17px 30px;
	background:#009FE3;
	color: #fff;
	line-height: normal;
	border-radius: 100px;
	font-size: 16px;
	font-family: "Arial MT Bold";
	transition: 0.3s;
    display: inline-block;
}

.food-bearings-btn a:hover {
	letter-spacing: 1px;
	background: #4682b4;
}

.food_safe-contact .form-contact-main {
	padding: 35px 30px;
}

.food_safe-contact .contact-form h2 {
	font-size: 34px;

}

.food_safe-contact .contact-form h5 {
	margin-top: 20px !important;
	font-family: "Helvetica";
}

.contact-us.food_safe-contact img {
	height: 705px;
	object-fit: fill;
	width: 95%;
}









/*--------------------------------------------------------------
# Gallery
--------------------------------------------------------------*/
.gallery .gallery-item {
 overflow: hidden;
 border-right: 3px solid #fff;
 border-bottom: 3px solid #fff;
}

.gallery .gallery-item img {
 transition: all ease-in-out 0.4s;
}

.gallery .gallery-item:hover img {
 transform: scale(1.1);
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info {
 width: 100%;
 background: #fff;
}

.contact .info i {
 font-size: 20px;
 color: #1977cc;
 float: left;
 width: 44px;
 height: 44px;
 background: #d6e9fa;
 display: flex;
 justify-content: center;
 align-items: center;
 border-radius: 50px;
 transition: all 0.3s ease-in-out;
}

.contact .info h4 {
 padding: 0 0 0 60px;
 font-size: 22px;
 font-weight: 600;
 margin-bottom: 5px;
 color: #2c4964;
}

.contact .info p {
 padding: 0 0 0 60px;
 margin-bottom: 0;
 font-size: 14px;
 color: #4b7dab;
}

.filtration-section {
 background: #efefef;
}

/*--------------------------------------------------------------
# Quality Control
--------------------------------------------------------------*/

.qualitycontrol-banner {
 background: #fff;
 height: 100%;
 width: 100%;
 margin-top: 147px;
}

.intro-text {
 background: #282b60;
 align-items: center;
 justify-content: center;
}

.qualitycontrol-banner .intro-text h1 {
 font-weight: 500;
 color: #fff;
 padding-left: 50px;
 font-size: 65px;
 margin-bottom: 0;
 line-height: 6.7rem;
}

.links {
 background: #f5f5f5;
 margin-top: 100px;
 padding: 75px 0;
}

.links-type {
 text-align: center;
}

.links-img {
 width: 128px;
 height: 128px;
 margin: 0 auto 20px;
 background: #fff;
 line-height: 128px;
 border-radius: 100px;
}

.links-img img {
 object-fit: cover;
 object-position: 50% 50%;
}

.links-img img.book {
 width: 93px;
 height: 69px;
}

.links-img img.cpu {
 width: 81px;
 height: 69px;
}

.links-img img.cap {
 width: 86px;
 height: 74px;
}

.links p {
 font-size: 16px;
 font-weight: 600;
 color: #405158;
 font-family: poppins;
 width: 75%;
 margin: 0 auto 0;
 line-height: 1.5rem;
}

.precision {
 padding: 105px 0;
}

.precision h2::before,
.st-text h2::before {
 content: "";
 background: #3d9be9;
 width: 35px;
 height: 3px;
 display: block;
 margin-bottom: 45px;
}

.precision h2,
.st-text h2 {
 font-size: 35px;
 color: #405158;
 line-height: 3.25rem;
 margin-bottom: 50px;
}

.precision h2,
.precision p {
 padding-right: 25px;
}

.precision .precision-list {
	margin: 0;
	padding-left: 15px;
	padding-right: 25px;
}

.precision .precision-list li {
	color: #65818d;
	margin-bottom: 15px;
	font-size: 17px;
	font-weight: 500;
	text-align: left;
}


.precision p,
.st-text p {
 font-size: 17px;
 color: #65818d;
 font-weight: 500;
 line-height: 31px;
 text-align: justify;
}

.precision img {
 height: 523px;
 object-fit: cover;
 object-position: 50% 50%;
}

.inspection {
 background-color: #f5f5f5;
 padding: 50px 0 35px;
}

.inspection h2,
.procedure-quality-control h2 {
 font-size: 35px;
 color: #405158;
 line-height: 3.25rem;
}

.inspection h2::after,
.procedure-quality-control h2::after {
 content: "";
 background: #3d9be9;
 width: 35px;
 height: 3px;
 display: block;
 margin: 3px auto 0;
}

.inspection-content,
.benefits-quality-control {
 margin-top: 38px;
}

.inspection p {
	color: #65818d;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.6rem;
	margin-bottom: 18px;
	text-align: left;
}


.zen-quality-control-gallery {
 margin: 75px 0;
}

.benefits-quality-control p span {
 font-size: 32px;
 color: #009fe3;
 font-weight: 600;
 margin-right: 10px;
}

.standards-quality-control {
 padding: 100px 0;
}

.standards-quality-control img {
 height: 523px;
 object-fit: cover;
 object-position: 50% 50%;
}

.procedure-quality-control {
 padding: 15px 0 65px;
}

.pro-link {
 margin-top: 125px;
}

.procedure-quality-control h3 {
 color: #405158;
 font-weight: 500;
 font-size: 26px;
}

.pro-text {
 background-color: #f5f5f5;
 margin-bottom: 65px;
 padding: 35px 70px 35px 70px;
 border-radius: 50px;
 min-height: 202px;
}

.procedure-quality-control p {
 text-align: left;
 font-size: 16px;
 color: #65818d;
 font-weight: 500;
 line-height: 30px;
 margin-bottom: 0;
}

.pro-link iframe {
 min-height: 202px;
}

/*---------------------------------------------------
# 404 Page
-------------------------------------------------------*/
.error-page .banner-cont h1 {
 font-size: 90px;
}

.error-page .banner-cont p {
 font-size: 18px;
 text-align: left;
 color: rgb(101, 129, 141);
 margin: 0;
}

.error-page .banner-cont a {
 color: #009fe3;
}

.error-page .banner-cont a:hover {
 color: #282b60;
}

/*---------------------------------------------------
# Manufacturing Page
-------------------------------------------------------*/

.manufacturing-banner {
 background: #fff;
 height: 100%;
 width: 100%;
 margin-top: 147px;
}

.manufacturing-banner .manufacturing-content {
 margin-left: 32.5%;
}

.manufacturing-banner .manufacturing-content .breadcrumbs {
 margin-bottom: 50px;
 padding-bottom: 0;
}

.manufacturing-banner .manufacturing-content h1 {
 font-size: 62px;
 margin-bottom: 0;
 color: #282b60;
 width: 90%;
}

.tz-gallery {
 padding: 40px 0;
}

.tz-gallery .man-logo1 {
 width: 140px;
 height: 65px;
 object-fit: cover;
}

.tz-gallery .man-logo2 {
 width: auto;
 height: 70px;
 object-fit: cover;
 margin: 0 15px 0 12px;
}

.tz-gallery .man-logo3 {
 width: 102px;
 height: 42px;
 object-fit: cover;
}

.bearings_manufactured {
 background-color: #282b60;
 padding: 120px 0;
}

.bearings_manufactured .bearings_manufactured-title {
 color: #fff;
 width: 420px;
}

.bearings_manufactured .bearings_manufactured-title h1 {
 font-size: 38px;
 line-height: 1.32em;
 margin-bottom: 0;
}

.bearings_manufactured .bearings_manufactured-details {
	padding-top: 30px;
}

.bearings_manufactured .bearings_manufactured-details p {
	margin-bottom: 0;
	color: #fff;
	font-size: 18px;
	line-height: 28px;
}

.precision-performance {
 padding: 130px 0;
}

.precision-performance .precision-performance-title {
 font-size: 38px;
 color: #405158;
 line-height: 1.3em;
 margin-bottom: 100px;
 width: 485px;
}

.precision-performance .performance-content {
 width: 230px;
}

.performance-content img {
 width: 100%;
 height: 304px;
 object-fit: cover;
 object-position: 50% 50%;
 margin-bottom: 38px;
}

.performance-content h2 {
 font-size: 22px;
 line-height: 1.42em;
 margin-bottom: 15px;
}

.performance-content p {
 color: #65818d;
 font-size: 16px;
 line-height: 1.7em;
}

.color-black-title {
 color: #405158;
}

.color-blue-title {
 color: #009fe3;
}

.manufacturing-main-video {
 background-image: linear-gradient(3deg, #fff 12%, #f6f5f5 12%);
 padding: 130px 0 180px;
 margin-bottom: 100px;
}

.manufacturing-video-content {
 width: 470px;
}

.manufacturing-video-content h2 {
 font-size: 38px;
 line-height: 1.3em;
 margin-bottom: 56px;
}

.manufacturing-video-content p {
 text-align: justify;
 font-size: 17px;
 color: #65818d;
 margin-bottom: 32px;
}

.manufacturing-main-video #widget2 {
 height: 430px;
}

/*---------------------------------------------------
# Search Page
-------------------------------------------------------*/

.search-section #ref_column_1 {
 float: right;
 width: auto;
}

.search-section #ref_column_1 #search_beta {
 margin-right: 0;
 float: none;
 background-color: white;
 border-width: 1px;
 text-align: center;
 color: #65818d;
 width: 265px;
 height: auto;
 font-size: 16px;
 font-weight: 100;
 flex: 0 0 auto;
 font-family: "Arial MT Regular", sans-serif;
 box-shadow: none !important;
}

.search-section #ref_column_1 #bt_beta {
 height: 37px;
 background-color: #6c757d;
 border-top-right-radius: 5px;
 border-bottom-right-radius: 5px;
}

.search-section .title {
 clear: both;
 padding-top: 1px;
 margin-bottom: 30px;
}

.search-section .title h2 {
 color: #405158;
 font-family: "Arial MT Medium";
 font-size: 22px;
 margin-top: 15px;
}

.serie {
 color: #65818d;
 cursor: pointer;
 font-size: 16px;
}

.serie_part_1 {
 margin: 0px 0 20px 0;
 cursor: pointer;
}

.serie .arrow {
 width: 18px;
 margin-right: 10px;
}

.serie_part_2 {
 margin: 0px 0 20px 0;
}

.serie_part_3 {
 margin: 0px 0 20px 0;
 text-align: right;
}

.pdf {
 color: #009fe3 !important;
 font-size: 16px;
 border: 1px solid #009fe3;
 padding: 5px 20px 7px;
 border-radius: 100px;
}

.pdf:hover {
 color: #fff !important;
 background-color: #009fe3 !important;
}

.pdf:active {
 color: #fff !important;
 background-color: #009fe3 !important;
}

.table_container,
.table_container3 {
 margin-bottom: 25px;
}

table {
 width: 100%;
}

table th {
 background-color: #eeeeee;
 padding: 5px 10px 5px 10px;
 font-weight: normal;
 white-space: normal;
 font-family: "Arial MT Bold";
 color: #405158;
 text-align: center;
}

.title_first,
.title_first_2 {
 text-align: left !important;
 padding-left: 33px !important;
}

.underline {
 border-right: 1px solid #b2b2b2;
 position: relative;
 height: auto;
}

.underline:before {
 content: "";
 position: absolute;
 left: 1.5%;
 bottom: 0;
 height: auto;
 width: 97%;
 border-bottom: 1px solid #b2b2b2;
}

table td {
 border-top: 1px dashed white;
 border-bottom: 1px dashed white;
 padding: 4px 10px;
 text-align: center;
 color: #65818d;
 white-space: wrap;
}

tr td:nth-child(1) {
 text-align: left;
 padding-left: 10px;
 min-width: 120px;
}

.t55 {
 float: left;
 cursor: pointer;
 color: #009fe3;
}

.loupe {
 width: 15px;
 margin: 1px 7px 0 0;
}

.title_row2:hover {
 background-color: #eeeeee;
 border: 0px solid #004890;
}

tr:hover {
 background-color: #f5f5f5;
 border: 1px solid #004890;
}

.series_container {
 margin: 40px 0 10px 0;
}

.search-section .ref_table1 {
 margin-bottom: 15px;
}

.pic_container {
 float: left;
 width: 100%;
 padding-bottom: 20px;
}

.drawing_pic {
 float: left;
 max-height: 150px;
 max-width: 640px;
}

.pic_info {
 float: left;
 color: #65818d;
 padding-left: 20px;
}

.drawing_title {
 padding-bottom: 20px;
 border-bottom: 1px solid #eeeeee;
 color: #405158;
 font-family: "Arial MT Bold";
}

.pdf_link {
 float: right;
 position: relative;
 bottom: 0;
 height: auto;
 width: 250px;
 border: 1px solid #ababab;
}

.pdf_link img {
 width: 100%;
}

/********/

@media screen and (min-width: 900px) and (max-width: 1400px) {
 .title_row2 {
  min-width: 900px;
 }

 .hide1 {
  display: none;
 }

 .col_width_2 {
  min-width: 100px;
 }

 .table_container3 {
  width: 100%;
  overflow-y: auto;
 }

 .manufacturing-banner {
  margin-top: 135px;
 }

 .manufacturing-banner .manufacturing-content {
  margin-left: 18% !important;
 }

 .manufacturing-banner .manufacturing-content h1 {
  font-size: 50px;
 }




}

@media screen and (min-width: 600px) and (max-width: 900px) {
 table {
  min-width: 598px;
 }

 .title_row2 {
  min-width: 600px;
 }

 .hide1,
 .hide2 {
  display: none;
 }

 .pdf_link {
  clear: both;
  float: left;
  margin-top: 10px;
  position: relative;
  bottom: 0;
 }

 .col_width,
 .col_width_2 {
  min-width: 100px;
 }

 .table_container2,
 .table_container3 {
  width: 100%;
  overflow-y: auto;
  overflow-x: scroll;
 }
 
 .quality-control-breadcrumbs {
	padding-left: 65px !important;
}

.qualitycontrol-banner .intro-text h1 {
	padding-left: 0;
	font-size: 28px;
	line-height: 43px;
	margin-top: 15px;
}

 
}

@media screen and (max-width: 600px) {
 .hide1,
 .hide2,
 .hide3,
 .loupe {
  display: none;
 }

 .title_first,
 .title_first_2 {
  text-align: left;
  padding-left: 5px;
 }

 tr td:nth-child(1) {
  text-align: left;
  padding-left: 5px;
  min-width: 75px;
 }

 .table_container,
 .table_container2,
 .table_container3 {
  width: 100%;
  overflow-y: auto;
 }

 .serie_part_1 {
  width: 75%;
 }

 .serie_part_2 {
  display: none;
 }

 .serie_part_3 {
  /*search result*/
  width: 25%;
 }

 .pdf_link {
  clear: both;
  float: left;
  margin-top: 15px;
  position: relative;
  bottom: 0;
 }

 .pic_info {
  clear: both;
  float: left;
  margin-top: 15px;
  padding-left: 0;
 }

 .drawing_pic {
  max-width: 300px;
 }

 .col_width,
 .col_width_2 {
  min-width: 95px;
 }

 #ir_inner_table tr td:nth-child(1),
 #k_needle_table tr td:nth-child(1) {
  text-align: left;
  padding-left: 5px;
  min-width: 125px;
 }

 #nnf_table tr td:nth-child(1),
 #k_needle_table tr td:nth-child(1) {
  text-align: left;
  padding-left: 5px;
  min-width: 145px;
 }

 #nutr_table tr td:nth-child(1),
 #kr_track_table tr td:nth-child(1),
 #nk_needle_table tr td:nth-child(1),
 #hybrid_table tr td:nth-child(1),
 #kh_table tr td:nth-child(1) {
  text-align: left;
  padding-left: 5px;
  min-width: 105px;
 }

 #lm_table tr td:nth-child(1) {
  text-align: left;
  padding-left: 5px;
  min-width: 95px;
 }

 #sf_table tr td:nth-child(1) {
  text-align: left;
  padding-left: 5px;
  min-width: 50px;
 }

 #ref_column_1 {
  height: 40px;
  width: 300px;
 }

 #bt_beta {
  height: 38px;
 }

 #search_beta {
  width: 251px;
  height: 34.5px;
 }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
 color: #444444;
 font-size: 14px;
 background: #f1f7fd;
}

#footer .footer-top {
 padding: 60px 0 30px 0;
 background: #fff;
 box-shadow: 0px 2px 15px rgba(25, 119, 204, 0.1);
}

#footer .footer-top .footer-contact {
 margin-bottom: 30px;
}

#footer .footer-top .footer-contact h4 {
 font-size: 22px;
 margin: 0 0 30px 0;
 padding: 2px 0 2px 0;
 line-height: 1;
 font-weight: 700;
}

#footer .footer-top .footer-contact p {
 font-size: 14px;
 line-height: 24px;
 margin-bottom: 0;
 font-family: "Raleway", sans-serif;
 color: #777777;
}

#footer .footer-top h4 {
 font-size: 16px;
 font-weight: bold;
 color: #444444;
 position: relative;
 padding-bottom: 12px;
}

#footer .footer-top .footer-links {
 margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
 list-style: none;
 padding: 0;
 margin: 0;
}

#footer .footer-top .footer-links ul i {
 padding-right: 2px;
 color: #1c84e3;
 font-size: 18px;
 line-height: 1;
}

#footer .footer-top .footer-links ul li {
 padding: 10px 0;
 display: flex;
 align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
 padding-top: 0;
}

#footer .footer-top .footer-links ul a {
 color: #777777;
 transition: 0.3s;
 display: inline-block;
 line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
 text-decoration: none;
 color: #1977cc;
}

#footer .footer-newsletter {
 font-size: 15px;
}

#footer .footer-newsletter h4 {
 font-size: 16px;
 font-weight: bold;
 color: #444444;
 position: relative;
 padding-bottom: 12px;
}

#footer .footer-newsletter form {
 margin-top: 30px;
 background: #fff;
 padding: 6px 10px;
 position: relative;
 border-radius: 50px;
 text-align: left;
 border: 1px solid #bfdcf7;
}

#footer .footer-newsletter form input[type="email"] {
 border: 0;
 padding: 4px 8px;
 width: calc(100% - 100px);
}

#footer .footer-newsletter form input[type="submit"] {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 border: 0;
 background: none;
 font-size: 16px;
 padding: 0 20px;
 background: #1977cc;
 color: #fff;
 transition: 0.3s;
 border-radius: 50px;
}

#footer .footer-newsletter form input[type="submit"]:hover {
 background: #1c84e3;
}

#footer .credits {
 padding-top: 5px;
 font-size: 13px;
 color: #444444;
}

#footer .social-links a {
 font-size: 18px;
 display: inline-block;
 background: #1977cc;
 color: #fff;
 line-height: 1;
 padding: 8px 0;
 margin-right: 4px;
 border-radius: 50%;
 text-align: center;
 width: 36px;
 height: 36px;
 transition: 0.3s;
}

#footer .social-links a:hover {
 background: #1c84e3;
 color: #fff;
 text-decoration: none;
}

/*--------------------------------------------------------------
# Other Languages Css
--------------------------------------------------------------*/

.about-us.other-language-top-space,.about-range.other-language-top-space {
	padding-top: 120px;
}

.hide-line .section-title h2::after, .hide-line .section-title h2::before {
	display: none;
}

.about-us .other-lang-about-data {
	margin-top: 18px;
}

.about-us .other-lang-about-data .about-info p {
	margin-top: 18px;
}

.contact-form h2 span {
color: #009fe3;
}

.spn-language-adjust-img-height.contact-us img {
	height: 690px;
}

.fr-language-adjust-img-height.contact-us img {
	height: 724px;
}

.german-language-adjust-img-height.contact-us img {
	height: 715px;
}

.chinese-language-adjust-img-height.contact-us img {
	height: 648px;
}

.products-list-menu.other-lang-products-list-menu {
	margin-left: 20px;
}

.other-language-height .catalogue-listings {
	min-height:865px;
}

.french-language-height .catalogue-listings {
min-height:889px;
}

.portuguese-language-height .catalogue-listings {
	min-height:892px;
}


.inspection.other-language-inspection {
	padding-top: 35px;
	padding-bottom: 27px;
}

.inspection.other-language-inspection .container-custom {
	width: 945px;
	margin: auto;
}

.other-language-banners-setting .manufacturing-inner .manufacturing-content {
	margin-left: 120px;
}

.other-language-banners-setting .manufacturing-inner .manufacturing-content h1 {
	font-size: 58px;
}


.other-language-banners-setting .manufacturing-inner .img img {
	height: 580px;
	object-position: 50% 50%;
	object-fit: cover;
}

.precision-performance.other-language-precision-performance-width .performance-content {
	width: 260px;
}

.precision-performance.fr-language-precision-performance-width .performance-content {
	width: 280px;
}

.precision-performance.other-language-precision-performance-width .performance-content.fr-image img {
	width: 260px;
}

.qualitycontrol-banner.fr-laguage-breadcrumb .quality-control-breadcrumbs {
	padding-left: 162px !important;
}

.hero_content.bannert-content-width-deu {
	max-width: 550px;
}

.banner-content-font-dec .banner-cont h1 {
	font-size: 58px;
}

.white-bg-title-line-german .section-title h2::before {
	background: #fff !important;
}


/*--------------------------------------------------------------
# Mobile Version Media Queries
--------------------------------------------------------------*/

@media (max-width: 768px) {
 .cookie-popup p {
  font-size: 12px;
  line-height: 21px;
 }

 .cookie-popup button {
  margin: 0;
  width: 100%;
 }

 #video_container .bottom_box .row_1,
 #video_container .bottom_box .row_2 {
  min-height: auto;
 }

 .cookie-popup button {
  margin-top: 25px;
 }

 .rb-overlay {
  top: -65px !important;
 }

.food_safe_bearings-hero .header-left h1 br,.food_safe_bearings-hero .header-left h5 br {
	display: none;
}
.ceramic_hybrid-section.product-range-spec-spanish .ceramic_hybrid-heading::after,.food-beverage.food-beverage-spanish .food-heading h2::after {
	transform: translateX(0px);
}

.food-beverage.food-beverage-spanish .section-gen .levels {
	width: 115px;
}

.food-beverage.food-beverage-spanish .section-gen h5 {
	min-height: 60px;
}

 .hero_area_3 {
  height: 420px;
  margin-top: 130px;
 }

 .hero_content {
  height: 420px;
  padding: 0 15px;
 }

 .hero_content h2 {
  font-size: 18px;
  line-height: 1.5rem;
 }

 .download-cat-btn .more-btn {
  padding: 12px 15px 13px;
  font-size: 12px !important;
 }

 .download-cat-btn .more-btn i {
  vertical-align: middle;
 }

 .download-cat-btn {
  margin-top: 15px;
 }

 .mw-590 {
  max-width: 62%;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
 }
 
 .hero_content.bannert-content-width-deu {
	max-width:62%
}

 .filtration-section .container {
  width: 315px;
 }

 #ref_column_1,
 #ref_column_2 {
  width: 315px;
  padding-bottom: 5px;
  margin: 0 auto;
 }

 #ref_column_2 {
  clear: both;
  float: none;
  padding-top: 5px;
 }

 #search_beta {
  width: 75%;
  font-size: 12px;
 }

 #b_beta,
 #o_beta,
 #w_beta {
  width: 76px;
  font-size: 12px;
 }

 .filtration-section {
  padding: 25px 0;
 }

 #click_div_beta {
  float: none;
  margin: auto;
 }

 .about-us,
 .about-range {
  padding: 50px 0;
 }

 .section-title h2 {
  font-size: 26px;

  line-height: 30px;
 }

 .about-data {
  display: block;
  margin: 0 25px 0 25px;
 }

 .about-info {
  display: block;
  margin-bottom: 25px;
 }

 .about-info .why-us-img img {
  margin: auto;
  display: block;
 }

 .about-info .text-md-start.mt-3 {
  text-align: center;
 }

 .about-info p {
  text-align: center;
 }

 .items-text a {
  padding: 8px 5px;
  font-size: 12px;
 }

 .about-text .banner-image img {
  width: 65px;
 }

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

 .about-image img {
  width: 88%;
  display: block;
  margin: auto;
 }

 .about-range-content {
  padding: 25px;
  margin-left: 0;
  width: 100%;
  margin-top: 30px;
 }

 .items-btn {
  margin-right: 0;
  text-align: center;
  margin-top: 25px;
 }

 .items-image img {
  width: 100%;
 }

 .about-range-content h1,
 .dist-info h1 {
  font-size: 26px;
 }

 .success .success-things {
  padding: 0 25px 0;
 }

 .success .heading-title {
  font-size: 26px;
  margin-bottom: 0;
  padding-bottom: 10px;
 }

 .success .sucess-content {
  margin-bottom: 30px;
 }

 .success-info h1 {
  font-size: 20px;
 }

 .success-info p {
  font-size: 15px;
 }

 .contact-us {
  padding: 50px 0;
 }

 .contact-us img {
  width: 100%;
  height: 350px;
  margin-top: 30px;
 }

 #header .logo img {
  max-height: 40px;
 }

 .footer-logo-ttile h4 {
  font-size: 22px;
  font-weight: 700;
 }

 .cert-logo img {
  width: 120px;
 }

 .social-links a {
  width: 35px;
  height: 35px;
  font-size: 20px;
  line-height: 35px;
 }

 .footer-widget-title {
  margin-top: 22px;
 }

.products-list-menu.other-lang-products-list-menu {
	margin-left: 19px;
}

 .products-list-menu ul li {
  width: 100%;
  margin-right: 10px;
 }

 .german {
  margin-top: 40px;
  margin-bottom: 40px;
 }

 .german-heading h1 {
  font-size: 25px;
  line-height: normal;
  margin-bottom: 12px;
 }

 .german-heading {
  margin-bottom: 20px;
 }

 .german-info-head {
  flex-direction: column;
  margin-top: 35px;
 }

 .german-info h1 {
  font-size: 1.3rem;
  line-height: 1.5rem;
 }
 
 .german-info h1::before {
margin-bottom: 50px;
}

 .german-info p {
  font-size: 15px;
  text-align: left;
  margin-bottom: 35px;
 }

 .german-info-head img,
 .world-wideworld-wide .world-img img {
  width: 100%;
  height: auto;
 }

 .world-text {
  order: 1;
  margin-bottom: 20px;
 }

 .world-img {
  order: 2;
 }

 .world-wideworld-wide {
  padding: 50px 0;
 }

 .world-text h1 {
  font-size: 26px !important;
  text-align: left;
  line-height: 32px;
 }

 .world-text p {
  margin-top: 20px;
 }

 .branches-header p {
  font-size: 15px;
 }

 .branches-info-image {
  background-size: contain;
 }

 .branches-info-image li {
  font-size: 13px;
  margin-bottom: 1px;
 }

 .branches-info-image ul {
  margin: 0;
 }

 .branches-info h1 {
  color: #009fe3;
  font-size: 1rem;
 }

 .branches-info {
  margin-top: 0;
  margin-bottom: 20px;
 }

 .cert-image {
  padding: 15px;
 }

 .cert-image img {
  width: 100%;
  height: 70px;
 }

 .cert-imgs {
  margin-bottom: 10px;
 }

 .more-about {
  padding: 50px 0;
 }

 .more-about-contents {
  margin-top: 0;
 }

 .more-about img {
  width: 100%;
  height: auto;
 }

 .more-about-text h1 {
  font-size: 22px;
  margin-top: 15px;
 }

 .more-about-text p {
  font-size: 15px;
  margin-top: 0;
 }

 .more-about-contents .read {
  padding-right: 0;
  padding-left: 25px;
  padding-bottom: 25px;
 }

 #career-hero {
  height: 350px;
  margin-top: 130px;
  justify-content: center;
  margin-left: 15%;
 }

 #career-hero h1,
 #career-hero h2 {
  font-size: 36px;
  font-weight: 700;
 }

 .departments-header h2 {
  font-size: 27px;
  margin-bottom: 15px;
 }

 .departments-header p {
  font-size: 16px;
  margin-right: 0;
 }

 .job-main-title {
  margin-top: 35px;
 }

 .job-main-title h3 {
  font-size: 26px;
 }

 .departments .details h3 {
  font-size: 25px;
 }

 .job-btn {
  font-size: 14px !important;
  padding: 12px 20px;
 }

 #career-hero::before {
  bottom: auto;
  left: 0;
  top: auto;
  height: 250px;
 }

 .banner {
  height: 420px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 130px;
  padding: 0;
 }

 .banner .banner-row-cat,
 .thin-section-hero .row,.stainless-steel-hero .row {
  justify-content: center;
 }

 .banner .banner-row-cat .banner-col-cat-mobile {
  width: 85%;
 }

 .banner .banner-row-cat .banner-col-cat-mobile .banner-cont,
 .thin-section-hero .row .thin-section-hero-content .banner-cont {
  padding: 25px;
 }

 .banner .banner-row-cat .banner-col-cat-mobile .banner-cont h1,
 .thin-section-hero .row .thin-section-hero-content .banner-cont h1 {
  font-size: 25px;
 }
 
 .stainless-steel-hero .banner-cont h2 {
	font-size: 18px;
	margin: 13px 0 15px 0;
}

 .thin-section-hero {
  background-position: 80% center !important;
  background-image: url("../img/12.webp");
 }

.stainless-steel-hero {
	background-image: url("../img/stainless-steel-bearings-mobile-2.png");
	background-position: right;
	height: auto;
	padding-bottom: 250px;
}

.hybrid_bearings-hero {
	background-position: 75px bottom;
	height: auto;
	padding-bottom: 255px;
	background-image: url("../img/ceramic-bearing-mobile-2.png");
	background-size: 85%;
}

.products-catelogue-banner-sections {
	padding: 27px 15px 45px 15px;
	margin-top: 20px;
}

.bearing-products {
	margin-top: 65px;
}

.bearing-products .thin-intro-txt h2 br,.thin-section-hero .banner-cont p br, .stainless-steel-hero .banner-cont p br {
	display: none;
}

.bearing-products .thin-intro-txt ul li {
	width: 100%;
	font-size: 16px;
	margin-bottom: 10px;
}

.bearing-products .thin-intro-txt {
	margin-bottom: 58px;
}

.uni-chr {
	margin-top: 80px;
}

.uni-chr .uni-chr-list li {
	margin-bottom: 12px;
}


 .thin-section-hero .row .thin-section-hero-content,.stainless-steel-hero .row .thin-section-hero-content {
  width: 85%;
 }

 .banner-cont h1 {
  font-size: 2rem;
 }

 .banner-images {
  margin-top: 20px;
 }

 .banner-img img {
  width: 50px;
  margin-right: 0;
  object-fit: contain;
 }

 .cat-text {
  padding: 45px 25px;
 }

 .cat-text h1 {
  font-weight: bold;
  font-size: 22px;
  line-height: 2rem;
 }

 .search-bar {
  width: 100%;
 }

 .cat-text a.cat-btn {
  width: 92%;
  height: auto;
  letter-spacing: 1px;
  font-size: 15px;
 }

 .prem-products .catalogue-listings {
  margin-bottom: 30px;
 }

 .prem-products h2 {
  font-size: 15px;
  margin-top: 0;
 }

 .medical-banner {
  height: 420px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  margin-top: 130px;
 }

 .medical-banner .banner-cont {
  width: 78%;
  margin: auto;
 }

 .medical-banner .banner-cont h1 {
  font-size: 25px;
  padding: 0 18px;
 }

 .medical-banner .banner-text {
  font-size: 15px;
  padding: 23px 18px 13px 18px;
 }

 .accuracy {
  padding: 50px 0;
 }

 .accuracy h1 {
  font-size: 22px;
  line-height: 29px;
  text-align: center;
 }

 .accuracy .list i {
  font-size: 18px;
 }

 .accuracy .text p {
  font-size: 15px;
 }

 #about {
  padding-top: 0;
 }

 .about .play-btn {
  width: 85%;
  height: auto;
  display: block;
  position: absolute;
  left: 0;
  top: auto;
  overflow: hidden;
  bottom: 0;
  padding: 35px;
 }

 .appointment {
  margin-top: 130px;
  padding: 50px 0;
 }

 .case-study-main-img {
  border: 5px solid #fff;
  min-height: 400px;
  height: 400px;
 }

 .appointment .case-study-main-content {
  width: 85%;
  height: auto;
  left: 7%;
  top: auto;
  border: 5px solid #fff;
  padding: 25px;
  bottom: calc(50% - 110px);
  /* margin: auto; */
 }

 .case-study-main-content h1 {
  font-size: 22px;
  line-height: 30px;
 }

 .doctors {
  padding: 50px 0;
  margin-bottom: 0;
 }

 .doctors::before {
  border-radius: 0;
  width: 50%;
  height: 315px;
 }

 .doctors .member .pic {
  border: 5px solid #fff;
  border-radius: 0;
  margin-top: 0;
 }

 .doctors .member .member-info {
  padding-left: 0;
  margin-top: 50px;
 }

 .doctors .member h4 {
  font-weight: 700;
  margin-bottom: 12px;
  font-size: 26px;
  line-height: 35px;
 }

 .thin-section-hero .banner-cont h1,.stainless-steel-hero .banner-cont h1,.hybrid_bearings-hero .banner-cont h1,.miniature_bearings-hero .banner-cont h1 {
  font-size: 26px;
  line-height: 32px;
 }
 
.miniature_bearings-hero {
	height: auto !important;
	padding-bottom: 136px !important;
	background-image: url("../img/miniature-bearings-mobile.png");
	background-position: bottom;
}

.miniature_bearings-image-height-adjust .uni-chr-text {
	margin-top: 42px;
}

 .uni-chr img {
  width: 65%;
  height: auto;
  object-fit: cover;
  display: block;
  margin: auto;
 }

 .uni-chr h2 {
  font-size: 26px;
  margin-bottom: 20px;
 }

 .uni-chr p {
  text-align: left;
  letter-spacing: normal;
 }

 .link a {
  font-size: 18px;
  padding-bottom: 5px;
  line-height: 36px;
 }

 .product-range-spec h1 {
  font-size: 26px;
 }
 
 .miniature_bearings_title {
	font-size: 26px;
	line-height: 37px;
	margin-bottom: 25px;
}

 .services .section-title p {
  width: 100%;
 }

 .distribution img {
  width: 100%;
  height: auto;
  object-fit: contain;
 }

 .qualitycontrol-banner .intro-text h1 {
  font-size: 32px;
  margin-bottom: 0;
  line-height: 56px;
  padding: 50px 15px;
 }

 .links .links-title {
  margin-bottom: 35px;
 }

 .links {
  margin-top: 0;
  padding-bottom: 45px;
 }

 .precision {
  padding: 70px 0;
 }

 .precision h2 {
  padding-right: 0;
  font-size: 27px;
  line-height: 37px;
  margin-bottom: 25px;
 }

 .precision p,
 .st-text p {
  font-size: 16px;
  color: #65818d;
  font-weight: 500;
  line-height: 25px;
 }

 .precision-content {
  margin-bottom: 38px;
 }

 .precision img {
  height: auto;
 }

 .inspection h2,
 .procedure-quality-control h2 {
  font-size: 28px;
  line-height: 38px;
 }

 .inspection h2::after,
 .procedure-quality-control h2::after {
  margin: 10px auto 0;
 }

 .inspection p {
  font-size: 16px;
  line-height: 26px;
 }

 .standards-quality-control {
  padding: 75px 0;
 }

 .standards-quality-control img {
  height: auto;
 }

 .st-text {
  margin-top: 35px;
 }

 .st-text h2 {
  font-size: 27px;
  line-height: 37px;
  margin-bottom: 25px;
 }

 .pro-link {
  margin-top: 50px;
 }

 .pro-text {
  min-height: auto;
  margin-bottom: 42px;
  padding: 25px;
  border-radius: 15px;
 }

 .procedure-quality-control h3 {
  font-size: 22px;
 }

 .procedure-quality-control p {
  line-height: 23px;
 }

 .banner.error-page {
  min-height: 420px;
  height: auto;
  padding: 0 0 25px;
 }

 .error-page .banner-cont {
  background: #fff;
  padding: 0;
  margin-top: 18px;
 }

 .error-page .banner-cont h1 {
  font-size: 60px;
  text-align: center;
 }

 .error-page .banner-cont p {
  font-size: 16px;
  text-align: center;
 }

 .manufacturing-banner {
  margin-top: 130px;
 }

 .manufacturing-banner .manufacturing-content {
  margin-left: 5%;
  margin-bottom: 50px;
 }

 .manufacturing-banner .manufacturing-content .breadcrumbs {
  margin-bottom: 50px;
 }

 .manufacturing-inner h1 {
  font-size: 30px !important;
 }

 .tz-gallery .man-logo1 {
  width: auto;
  height: 60px;
 }

 .tz-gallery .man-logo2 {
  height: 55px;
 }

 .tz-gallery .man-logo3 {
  width: 90px;
 }

 .bearings_manufactured {
  padding: 45px 25px;
 }

 .bearings_manufactured .bearings_manufactured-title {
  width: 100%;
 }

 .bearings_manufactured .bearings_manufactured-title h1 {
  font-size: 28px;
 }

 .bearings_manufactured .bearings_manufactured-details p {
  font-size: 16px;
  margin-top: 18px;
 }

 .precision-performance {
  padding: 50px 0;
 }

 .precision-performance .precision-performance-title {
  font-size: 27px;
  line-height: 36px;
  margin-bottom: 30px;
  width: auto;
 }

 .precision-performance .performance-content {
  width: 100%;
  padding: 25px;
 }

 .manufacturing-main-video {
  padding: 50px 0 175px;
  margin-bottom: 0;
 }

 .manufacturing-video-content {
  width: 100%;
 }

 .manufacturing-video-content h2 {
  font-size: 28px;
  margin-bottom: 30px;
 }

 .bearing-products .thin-intro-txt p {
  width: 100%;
  text-align: center;
 }
 
  .bearing-products .thin-intro-txt br {
 display: none;
 }
 
 .adjust-font-title .ceramic_bearings {
	font-size: 28px;
}

.adjust-font-title .uni-chr-list li {
	margin-bottom: 2px;
}

 .bearing-products .thin-intro-txt h2 {
  font-size: 26px;
  line-height: 35px;
 }

.manufacturing-main-video iframe#widget2 {
  height: 250px;
 }
 

.about-us.other-language-top-space,.about-range.other-language-top-space {
	padding-top: 60px;
}

.spn-language-adjust-img-height.contact-us img,.fr-language-adjust-img-height.contact-us img,.german-language-adjust-img-height.contact-us img,.chinese-language-adjust-img-height.contact-us img {
	height: 350px;
}

.inspection.other-language-inspection .container-custom {
	width: 100%;
	padding: 0 15px;
}

.other-language-banners-setting .manufacturing-inner .img img {
	height: auto;
}

.bearings_manufactured .bearings_manufactured-details {
	padding-top: 0;
}

.precision-performance.other-language-precision-performance-width .performance-content {
	width: 100%;
}

#video_container .bottom_box {
	min-height: auto;
}

.other-language-text-height .items-text a {
	min-height: 52px;
}

.precision .precision-content p{padding-right: 0;}

.about-text p br,.range-text p br,.precision-performance .precision-performance-title br,.precision-performance.other-language-precision-performance-width .performance-content p br,.world-text h1 br,.world-text p br,.precision .precision-content p br {
	display: none;
}

.inspection.other-language-inspection .inspection-content p,.inspection.other-language-inspection .benefits-quality-control p,.manufacturing-main-video.german-content-aligment .manufacturing-video-content p {
	text-align: left;
}

.other-language-banners-setting .manufacturing-inner .manufacturing-content {
	margin-left: 12px;
}

.manufacturing-banner.other-language-banners-setting .manufacturing-content .breadcrumbs {
	margin-bottom: 18px;
}
.why-us .content-details p {
	text-align: left !important;
}
.hide-on-mobile {
	display: none;
}

.food_safe_bearings-hero {
	flex-direction: column-reverse;
	margin-top: 130px;
}

.food_safe_bearings-hero .header-left {
	padding: 35px 20px;
}


.food_safe_bearings-hero .header-left h1 {
	font-size: 24px;
}

.food_safe_bearings-hero .header-left h5 {
	margin-top: 0;
	font-size: 16px;
	line-height: 25px;
}

.food_safe_bearings-hero .header-left a {
	margin-top: 22px;
	font-size: 12px;
	padding: 17px 20px;
}

.fbs-heading .thin-intro-txt h2::after, .ceramic_hybrid-section .ceramic_hybrid-heading::after{
	transform: translateX(-31px);
}

.fbs-heading .thin-intro-txt {
	margin-bottom: 35px;
}

.fbs-stainless_steel-container-right {
	margin-top: 35px;
	text-align: center;
}

.fbs-stainless_steel_section-two,.ceramic_hybrid-section-two {
	margin-top: 60px;
	flex-direction: column-reverse;
}

.adjust-font-title .ceramic_bearings {
	font-size: 23px;
}
.fbs-stainless_steel-btn {
	margin-top: 25px;
}

.ceremic-contains {
	margin-top: 25px;
}

.ceremic-list {
	margin-bottom: 20px;
	margin-top: 30px;
	text-align: center;
}
.ceremic-list .number {
	margin: auto;
}

.ceremic-list .text p {
	font-size: 15px;
}

.ceremic-list .text p br {
	display: none;
}

.ceremic-contains-bottom-part {
	display: flex;

}

.ceremic-contains-right {
	text-align: center;
}

.safe-housing-heading h2 {
	font-size: 26px;
	line-height: 30px;
}
.safe-housing-heading h2::after {
	transform: translateX(0px);
}

.safe-housing-contains {
	margin-top: 45px;
}

.safe-housing-image {
	margin-bottom: 28px;
}

.safe-housing-text-top {
	display: flex;
	flex-wrap: wrap;
	border-bottom: none;
  padding-bottom: 0;
}

.safe-housing-sections-1 {
	padding-right: 15px;
	flex-basis: 50%;
	border-bottom: none;
	padding-bottom: 15px;
}

.safe-housing-sections-2 {
	border-right: none;
	padding: 0 0 15px 15px;
	flex-basis: 50%;
	border-bottom: none;
}

.safe-housing-sections-3 {
	padding-left: 0;
	flex-basis: 50%;
	margin-top: 0;
	padding-right: 15px;
	border-top: dotted 2px #2C2E35;
	padding-top: 15px;
	border-bottom: dotted 2px #2C2E35;
	padding-bottom: 15px;
}


.safe-housing-text-top .safe-housing-sections-5-6,.safe-housing-bottom .safe-housing-sections-5-6-bottom {
	border-left: dotted 2px #2C2E35;
	padding-right: 0;
	flex-basis: 50%;
	padding-left: 15px;
	border-right: none;
	margin-top: 0;
	padding-top: 15px;
	border-top: dotted 2px #2C2E35;
	border-bottom: dotted 2px #2C2E35;
	padding-bottom: 15px;
}

.safe-housing-sections-6 {
	flex-basis: 100%;
	padding-left: 0;
}

.safe-housing-container {
	margin-top: 55px;
	text-align: center;
}

.safe-housing-container h2 {
	font-size: 23px;
	line-height: 30px;
	text-align: center;
}

.fbs-list {
	margin-top: 20px;
}

.safe-housing-bottom{flex-direction: column-reverse;}

.food-beverage .food-heading h2 {
	font-size: 26px;
	line-height: 36px;
}
.food-bearings {
	padding: 0;
}

.adjust-spacing-1 {
	padding: 20px 12px;
	/* height: 450px; */
}

.food-beverage .section-1,.food-beverage .section-2 {
	border-right: 2px solid #fff;
}

.food-beverage .section-gen h5 {
	font-size: 12px;
	line-height: 20px;
}

.section-gen.adjust-spacing-1 .main-img img {
	width: 68px;
	height: 75px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.food-beverage .section-gen .levels {
	width: 110px;
}

.food-beverage .levels p {
	font-size: 9px;
}
.level-colors {
	padding: 6px 10px;
	gap: 1px;
}

.level-colors img {
	width: 4px;
}

.adjust-spacing-2 {
	padding: 20px 12px;
}

.section-gen.adjust-spacing-2 .main-img img {
	width: 100px;
	height: 82px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.food-bearings-bottom .vs {
	background: transparent;
	width: 0;
	height: 100%;
	top: 0;
}

.food-bearings-bottom .vs img {
	height: 339px;
}

.food-bearings-btn a {

	font-size: 11px;
}

.food-bearings-btn a:hover {
	letter-spacing: 0;
}

.contact-us.food_safe-contact img {
	height: 425px;
	width: 100%;
}



}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
 .navbar {
  margin-left: 18px;
 }

 .bearing-products .thin-intro-txt p {
  width: 100%;
 }

 #header {
  z-index: 1;
 }

 .hero_area_3 {
  height: 520px;
 }

 .hero_content {
  height: 520px;
 }

 .hero_content h2 {
  font-size: 35px;
  line-height: 45px;
 }

 .mw-590 {
  max-width: 75%;
  margin: auto;
 }

 #ref_column_2 {
  width: 100%;
  margin-top: 18px;
 }

 #b_beta,
 #o_beta,
 #w_beta {
  width: 205px;
 }

 .about-range-content {
  width: auto;
  margin-left: 0;
 }

 .items-btn {
  margin-right: 0;
  text-align: center !important;
 }

 .contact-us img {
  width: 100%;
  height: 420px;
  margin-top: 25px;
 }

 .about-range-content h1,
 .dist-info h1 {
  font-size: 2.5rem;
 }

 .german-heading h1 {
  font-size: 45px;
  line-height: 52px;
  margin-bottom: 25px;
 }

 .german-info h1 {
  font-size: 30px;
  line-height: 40px;
 }

 .german-info-head img {
  width: 100%;
  height: auto;
 }

 .world-wideworld-wide {
  padding: 55px 0;
 }

 .world-text h1 {
  font-size: 30px;
 }

 .world-text p {
  font-size: 16px;
  margin-top: 15px;
  line-height: 25px;
  padding-right: 0;
 }

 .world-text ul li {
  font-size: 16px;
 }

 .branches-header .section-title p {
  font-size: 17px;
 }

 .branches-info h1 {
  font-size: 17px;
 }

 .branches-header p {
  font-size: 15px;
 }

 #career-hero {
  margin-left: 20%;
  height: 520px;
 }

 #career-hero::before {
  bottom: auto;
  left: 0;
  top: auto;
  height: 320px;
 }

 .career-hero-content {
  padding-left: 40px;
 }

 #career-hero h1,
 #career-hero h2 {
  font-size: 65px;
 }

 .departments-header h2 {
  font-size: 39px;
 }

 .banner-cont h1 {
  font-size: 38px;
 }

 .search-bar {
  width: auto;
 }

 .cat-text h1 {
  font-size: 25px;
  line-height: 38px;
 }

 .medical-banner .banner-cont h1 {
  font-size: 32px;
 }

 .medical-banner .banner-cont p {
  font-size: 16px;
 }

 .accuracy {
  padding: 100px 0 0;
 }

 .accuracy h1 {
  font-size: 30px;
  line-height: 40px;
 }

 .about .play-btn {
  left: calc(50% - 260px);
 }

 .appointment .case-study-main-content {
  width: 400px;
  height: 350px;
  left: calc(50% - 35px);
  top: calc(50% - 150px);
 }

 .case-study-main-content h1 {
  font-size: 32px;
  line-height: 40px;
 }

 .doctors::before {
  border-radius: 250px;

  width: 88%;
 }

 .thin-section-hero .banner-cont h1 {
  font-size: 32px;
  line-height: 43px;
  margin-bottom: 20px;
 }

 .uni-chr img {
  width: 215px;
  height: auto;
  margin: auto;
  display: block;
 }

 .link a {
  font-size: 22px;

  padding-bottom: 6px;

  line-height: 50px;
 }

 .product-range-spec h1 {
  font-size: 28px;
 }

 .manufacturing-banner {
  margin-top: 135px;
 }

 .manufacturing-banner .manufacturing-content {
  margin-left: 17%;
 }

 .manufacturing-banner .manufacturing-content .breadcrumbs {
  margin-bottom: 35px;
  margin-top: 0 !important;
 }

 .manufacturing-banner .manufacturing-content h1 {
  font-size: 38px;
 }

 .bearings_manufactured {
  padding: 85px 0;
 }

 .precision-performance {
  padding: 85px 0;
 }

 .manufacturing-video-content {
  width: 100%;
 }

 .precision-performance .precision-performance-title {
  margin-bottom: 60px;
 }

 .manufacturing-main-video {
  padding: 130px 0 160px;
  margin-bottom: 50px;
 }
 .food_safe_bearings-hero {
	flex-direction: column-reverse;
	margin-top: 130px;
}
.food_safe_bearings-hero .header-left {
	padding: 55px 20px;
}
.bearing-products {
	margin-top: 65px;
}
.fbs-stainless_steel-container-right {
	margin-top: 35px;
}
.fbs-stainless_steel_section-two,.ceramic_hybrid-section-two {
	margin-top: 60px;
	flex-direction: column-reverse;
}
.fbs-stainless_steel_section-two .col-lg-6.col-md-12.offset-md-1 {
	margin-left: 0;
  text-align: center;
}
.fbs-stainless_steel_section-two img,.fbs-stainless_steel_section-one img {
	display: inline-block;
}
.fbs-stainless_steel_section-one {
	text-align: center;
}
.ceremic-contains {
	margin-top: 25px;
}
.ceremic-contains .ceremic-contains-left {
	text-align: center;
}
.ceremic-contains-right {
	text-align: center;
}
.ceremic-list {
	margin-bottom: 20px;
	margin-top: 30px;
	text-align: center;
}
.ceremic-list .number {
	margin: auto;
}
.ceremic-list .text {
	margin-top: 12px;
}
.safe-housing-contains {
	margin-top: 45px;
}
.safe-housing-image {
	margin-bottom: 28px;
}
.safe-housing-text-top {
	display: flex;
	flex-wrap: wrap;
	border-bottom: none;
	padding-bottom: 0;
}

.safe-housing-sections-1 {
	padding-right: 15px;
	flex-basis: 50%;
	border-bottom: none;
	padding-bottom: 15px;
}
.safe-housing-sections-2 {
	border-right: none;
	padding: 0 0 15px 15px;
	flex-basis: 50%;
	border-bottom: none;
}
.safe-housing-sections-3 {
	padding-left: 0;
	flex-basis: 50%;
	margin-top: 0;
	padding-right: 15px;
	border-top: dotted 2px #2C2E35;
	padding-top: 15px;
	border-bottom: dotted 2px #2C2E35;
	padding-bottom: 15px;
}
.safe-housing-text-top .safe-housing-sections-5-6, .safe-housing-bottom .safe-housing-sections-5-6-bottom {
	border-left: dotted 2px #2C2E35;
	padding-right: 0;
	flex-basis: 50%;
	padding-left: 15px;
	border-right: none;
	margin-top: 0;
	padding-top: 15px;
	border-top: dotted 2px #2C2E35;
	border-bottom: dotted 2px #2C2E35;
	padding-bottom: 15px;
}
.safe-housing-sections-6 {
	flex-basis: 50%;
	padding-left: 0;
}

.safe-housing-container {
	margin-top: 55px;
	
}
.safe-housing-bottom {
	flex-direction: column-reverse;
}
.food-bearings {
	padding: 0;
}
.food-beverage .section-1, .food-beverage .section-2 {
	border-right: 2px solid #fff;
}
.food-beverage .section-gen h5 {
	font-size: 16px;
	line-height: 20px;
}
.adjust-spacing-1 {
	padding: 20px 12px;
}
.section-gen.adjust-spacing-1 .main-img img {
width: 120px;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 160px;
}
.food-beverage .section-gen .levels {
	width: 200px;
}
.adjust-spacing-2 {
	padding: 20px 12px;
}
.section-gen.adjust-spacing-2 .main-img img {
	width: 130px;
	height: 135px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.food-bearings-bottom .vs {
	background: transparent;
	width: 0;
	height: 100%;
	top: 0;
}
.food-bearings-bottom .vs img {
	height: 458px;
}
.contact-us.food_safe-contact img {
height: 580px;
	width: 100%;
}

.miniature_bearings-hero {
	background-position: 60% center;
}
.miniature_bearings-hero .thin-section-hero-content,.housing_bearings-hero .thin-section-hero-content {
	margin-left: 0;
}
.thin-section-hero .banner-cont h1, .stainless-steel-hero .banner-cont h1, .hybrid_bearings-hero .banner-cont h1, .miniature_bearings-hero .banner-cont h1,.housing_bearings-hero .thin-section-hero-content .products-catelogue-banner-sections .banner-cont h1 {
	font-size: 26px;
	line-height: 32px;
}
.uni-chr {
	margin-top: 80px;
}

.hybrid_bearings-hero {
	background-position: 88%;
}
.bearing-products .thin-intro-txt p br {
	display: none;
}
.bearing-products .thin-intro-txt h2, .safe-housing-heading h2 {
	font-size: 32px;
	line-height: 44px;
}

.footer-logo-ttile h4 {
	font-size: 25px;
}
.cert-logo img {
	width: 100%;

}

.branches-info-image {
	height: 200px;
	margin-top: 10px;	
}
.branches-info {
	min-height: 150px;
}
.world-wideworld-wide .world-img img {
	width: 100%;
	height: auto;
}
.german-info h1::before {

	margin-bottom: 20px;
}
.german-info-head {
	margin-top: 55px;
}
.rb-grid .li {
	width: 49% !important;
}
.rb-grid li:nth-child(9) {
	margin: 10px 0 10px 0 !important;
}
.breadcrumbs {
	margin-top: 150px !important;
}

.bearings_manufactured .bearings_manufactured-title h1,.precision-performance .precision-performance-title,.manufacturing-video-content h2 {
	font-size: 32px;
}
.bearings_manufactured .bearings_manufactured-details p {
	font-size: 16px;
}

.manufacturing-video-content h2 {
	margin-bottom: 20px;
}
.manufacturing-main-video {
	padding: 50px 0 130px;
}
#video_container .bottom_box .row_3 {
	justify-content: center;	
}
#video_container .bottom_box {
	min-height: auto;
}
.vid_iframe {
	height: 225px;
}

 .quality-control-breadcrumbs {
	margin-top: 15px !important;
}

.inspection.other-language-inspection .container-custom {
	width: 100%;
	padding: 0 25px;
}
.pro-text {
	padding: 25px;
	border-radius: 25px;
}
.procedure-quality-control h3 {
	font-size: 22px;
}
.procedure-quality-control p {
	font-size: 15px;
	line-height: 25px;

}

.pic_container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}


}

@media only screen and (min-width: 1025px) and (max-width: 1300px) {
 .container {
  max-width: 1180px;
 }

 #hero {
  margin-top: 135px;
 }

 .navbar > ul > li {
  padding: 0px 0 0px 18px;
 }

 .navbar a,
 .navbar a:focus {
  font-size: 13px;
 }

 .appointment-btn {
 padding: 12px 18px;
    font-size: 12px;
    margin-left: 20px;
 }

.world-wideworld-wide .world-img img {
	width: 465px;
	height: 450px;
}

.world-text h1 {
	position: relative;
	top: -30px;
}

 .branches-info-image {
  height: 190px;
 }

 .branches-info-image ul {
  margin: 12px 18px 12px 25px;
 }

 .branches-info-image li {
  font-size: 14px;
  line-height: normal;
 }

 .branches-info {
  padding: 15px;
  min-height: 172px;
  width: 92%;
  margin: 32px auto 60px;
 }

 .branches-content .col-md-4 {
  padding-right: 25px;
  padding-left: 25px;
 }

 #ref_column_1 {
  width: 420px;
 }

 #ref_column_2 {
  width: 675px;
 }

#b_beta, #o_beta, #w_beta {
	width: 200px;
	font-size: 15px;
}

 .about-info p {
  min-height: 96px;
 }

 .about-image img {
  width: 490px;
  object-fit: cover;
  object-position: 50% 50%;
 }

 .about-range-content {
  padding-right: 4%;
 }

 .about .play-btn {
  left: calc(50% - -225px);
 }

 .link a {
  font-size: 18px;
 }

 .appointment .case-study-main-content {
  left: calc(54% - 0px);
  top: calc(43% - 0px);
 }

 .qualitycontrol-banner .img img {
  height: 688px;
  object-fit: cover;
  object-position: 50% 50%;
 }

 .qualitycontrol-banner .intro-text h1 {
  padding: 0 50px;
  font-size: 55px;
  line-height: 6.7rem;
 }

 .quality-control-breadcrumbs {
  margin-bottom: 0;
  padding-left: 53px !important;
 }
 
 .other-laguage-breadcrumb .quality-control-breadcrumbs {
	padding-left: 155px !important;
}

.qualitycontrol-banner.fr-laguage-breadcrumb .quality-control-breadcrumbs {
padding-left: 107px !important;
}

 .manufacturing-banner .manufacturing-content {
  margin-left: 16.5% !important;
 }

 .manufacturing-banner .manufacturing-content h1 {
  font-size: 48px;
 }
 .banner-cont h1 {
	font-size: 52px;
}
.cat-text h1 {
	font-size: 35px;
}
.about-text p br {
	display: none;
}
.about-info {
	min-height: 325px;
}
.success-info p {
	font-size: 16px;
}
.banner-content-font-dec .banner-cont h1,.other-language-banners-setting .manufacturing-inner .manufacturing-content h1 {
	font-size: 48px;
}

/*.performance-content p br {
	display: none;
}*/

.more-about-text h1 {
	font-size: 23px;
}

.miniature_bearings-image-height-adjust img {
	height: 466px;
}

.hybrid_bearings-hero {

	background-position: 88%;
}

.food_safe_bearings-hero .header-left {

	padding: 0 30px;
}
.food_safe_bearings-hero .header-left a{font-size: 15px;}

.safe-housing-text-top {
grid-template-columns: 0.9fr 1.2fr 1fr;

}

.banner-cont.germen-cerenamic-banner-cont h1 {
	font-size: 38px;
}

}

@media only screen and (min-width: 1270px) and (max-width: 1300px) {
.qualitycontrol-banner.fr-laguage-breadcrumb .quality-control-breadcrumbs {
	padding-left: 117px !important;
}
.qualitycontrol-banner.other-laguage-breadcrumb .quality-control-breadcrumbs {
	padding-left: 160px !important;
}	
}

@media only screen and (min-width: 1390px) and (max-width: 1480px) {
 #video_container .bottom_box .row_2 {
  min-height: 77px;
 }

 .appointment .case-study-main-content {
  left: calc(50% - 0px);
  top: calc(50% - 80px);
 }

 .din-logo {
  width: 65px;
 }

 .fda-logo {
  width: 65px;
 }

 .rostfrei-logo {
  width: 55px;
 }
 
  .food_safe_bearings-hero .header-left {
	flex-basis: 44%;
}
}


/*Dhaval CSS
@media (max-width: 139px) {
    .food-bearings {
        padding: 0 30px;
    }
}
@media (max-width: 768px) {
    .solid-oil h2 span:after {transform: translateX(0px) !important;}
    .food-bearings-top .col-4 { width: 50%;}
}

.food_safe_bearings-hero {
	position: relative;
}
.food_safe_bearings-hero .hero-cta-btn {
    padding: 17px 30px;
    border-radius: 100px;
    letter-spacing: 2px;
    background: #009fe3;
    color: #fff;
    font-size: 16px;
    line-height: normal;
    transition: 0.3s;
    font-family: "Arial MT Bold";
    position: absolute;
    left: 10px;
    right: 10px;
    margin: 0 auto;
    max-width: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    bottom: 50px;
}
.food_safe_bearings-hero .header-left {
	    flex-basis: 50%;
		color: #fff;		
		padding: 40px 30px 150px;
}
.food_safe_bearings-hero .header-right {
    flex-basis: 50%;
    background: linear-gradient(45deg, #c6a148, #c19738);
}
.food_safe_bearings-hero .header-right img {
    width: 100%;    
    height: auto;
	padding: 50px;
}
.food_safe_bearings-hero .header-left ul {
    text-align: left;
    margin: 20px 0 0 0;
    list-style: none;
}
.food_safe_bearings-hero .header-left ul li {
    margin-bottom: 10px;
}
@media (min-width: 1025px) {
	.food_safe_bearings-hero .header-left {
		padding: 50px 150px;
	}
	.food_safe_bearings-hero .header-right img {
		transform: translate(-150px, 0px);
		max-width: 800px;
		padding: 0;
	}
	.food_safe_bearings-hero .header-right {
		padding: 100px 0 150px;
	}
}*/


/* CT POPUP STYLE START */

/* Mobile view - using both max-width and orientation */
@media screen and (max-width: 480px), 
       screen and (max-device-width: 480px),
       screen and (orientation: portrait) and (max-width: 768px) {
    #imagePopup {
        width: 90% !important;
        margin: 10px;
        max-height: 90vh;
        overflow-y: auto;
        left: 5%;
        transform: translateY(-50%);
    }
}

#imagePopup {
    position: fixed;
    bottom: 80px;
    right: 20px;
    width: 500px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.3);
    z-index: 9999;
    overflow: hidden;
    border: 1px solid #ccc;
    transform: translateY(100%);
    opacity: 0;
    transition: all 0.5s ease-in-out;
  }

  #imagePopup.show {
    transform: translateY(0);
    opacity: 1;
  }

  #imagePopup img {
    width: 100%;
    display: block;
  }

  .popup-close {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
    z-index: 10000;
  }
  /* CT POPUP STYLE END */