:root {
     --roboto: "Roboto";
     --blue: #005eb8;
     --black: #000;
     --white: #fff;
     --footer-bg: #fafafa;
	 --gray:#f5f5f5;
}
 .white{
    color:var(--white);
}
 html {
     scroll-behavior: smooth;
}
 * {
     -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
     box-sizing: border-box;
    /* Opera/IE 8+ */
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 a, a:hover {
     text-decoration: none;
}
 strong {
     font-weight: bold;
}
 ul {
     padding: 0;
     margin: 0;
}
 li {
     list-style-type: none;
}
 .btn:focus {
     box-shadow: none;
}
 input:focus, select:focus, button:focus, :focus, :focus-visible {
     outline: none !important;
     box-shadow: none !important;
}
 .form-control:focus {
}
 :hover {
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 body {
     font-family: var(--roboto);
     margin: 0;
}

/* Progress Bar Start */
#button {
  display: inline-block;
  background-color: #004485;
  width: 45px;
  height: 45px;
  text-align: center;
  border-radius: 0px;
  position: fixed;
  bottom: 3px;
  right: 3px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1.2em;
  line-height: 48px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}
/* Progress Bar End */
 .loader-page {
     background-color: #333;
     position: fixed;
     width: 100%;
     height: 100%;
     z-index: 99999;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     transition: all .5s ease-out;
}
 .loader-container {
    /* border: 1px solid steelblue;
     */
     width: 600px;
     height: auto;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
     display: flex;
     justify-content: center;
     align-items: center;
}
 .loader {
     width: 500px;
     height: 5px;
     background-color: rgba(0,0,0,0.3);
     position: relative;
}
 .loader-fill {
     background-color: steelblue;
     width: 0px;
     height: 100%;
     position: absolute;
}
 .loader-counter {
     position: absolute;
     font-size: 5rem;
     font-family: 'Lato' ;
     font-weight: 300;
     letter-spacing: -5px;
     color: steelblue;
     z-index: 9;
}
 .top-bar ul li, .top-bar ul li span {
     display: inline-block;
}
 .top-bar.search-login {
     float: right;
}
 .top-bar.search-login ul {
}
 .top-bar.search-login ul li {
     /*padding: 0 8px;*/
}
 .top-bar.search-login ul li:last-child {
     padding-left: 0;
}
 .top-bar.search-login ul li p{
	 margin-bottom:0;
 }
 .top-bar.search-login ul li a {
     color: var(--black);
     font-size: 12px;
     font-weight: 400;
}
 .top-bar.search-login ul li.login-Signup a, .top-bar.search-login ul li.login-Signup {
     color: var(--blue);
}
 .top-bar.search-login ul li a:hover {
     color: var(--blue);
}
/*
 .top-bar.search-login ul li select {
     padding: 0;
     height: auto;
     border: 0;
     cursor: pointer;
     font-size: 14px;
}
*/
.top-bar.search-login ul li select {
    padding: 0;
    height: auto;
    border: 0;
    cursor: pointer;
    font-size: 14px;
    width: 67%;
}

.search-container {
     display: flex;
     justify-content: space-evenly;
     align-items: center;
     background: #f5f5f5;
     padding: 0px;
    /*border: 1px solid #CCC;
    */
     cursor: pointer;
}
 .search-container .fc {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
}
 .search-container img {
     height: 30px;
     width: 30px;
}
 .search-container .search-bar {
     padding: 0px;
     margin-left: 15px;
     margin-right: 15px;
     width: 200px;
     border-radius: 5px;
     background: transparent;
     border: 1px solid transparent;
     outline: none;
     font-size: 14px;
     overflow-x: scroll;
}
 .search-container button {
     background: #f5f5f5;
    /*box-shadow: 0 0 0 1px #005eb8;
    */
     border: none;
     color: var(--blue);
     padding: 4px 6px;
}
 .search-container button i {
     font-size: 16px;
     margin: 3px;
}
 .search-container button:hover {
     cursor: pointer;
}
 .site-navbar-top .container, #sticky-wrapper .container {
     max-width: 85%;
}
/* Home Slider */
/* Banner Start */
.home-banner{}
.home-banner img{
	height:85vh;
	object-fit:cover;
}
.home-banner .banner-overlay{
	background:transparent;
}
 .banner {
     background-image: url(../images/banner.png);
     background-size: cover;
     padding: 5em 0;
     background-repeat: no-repeat;
     background-position: center;
     max-width: 100%;
}
.scroll-down {
  opacity: 1;
  -webkit-transition: all .5s ease-in 3s;
  transition: all .5s ease-in 3s;
}
.scroll-down {
    position: absolute;
    bottom: -36px;
    left: 0%;
    right: 0;
    margin: 0 auto;
    display: block;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background-size: 14px auto;
    border-radius: 50%;
    z-index: 2;
    -webkit-animation: bounce 2s infinite 2s;
    animation: bounce 2s infinite 2s;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    transform: scale(1);
    background: rgb(255, 255, 255, 0.2);
    border-radius: 100%;
    height: 150px;
    width: 150px;
    padding: 3.3rem 0;
    box-shadow: 2px 2px 0px 0px #fff;
    text-align: center;
}
/*
.scroll-down {
  position: absolute;
  bottom: 30px;
  left: 0%;
    right: 0;
    margin: 0 auto;
  display: block;
  width: 32px;
  height: 32px;
  border: 2px solid #FFF;
  background-size: 14px auto;
  border-radius: 50%;
  z-index: 2;
  -webkit-animation: bounce 2s infinite 2s;
  animation: bounce 2s infinite 2s;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  transform: scale(1);
  
      background: rgb(255, 255, 255, 0.2);
    border-radius: 100%;
    height: 150px;
    width: 150px;
    padding: 4rem 0;
    box-shadow: 2px 2px 0px 0px #fff;
	text-align:center;
}
*/

/*.scroll-down:before {
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 6px);
    transform: rotate(-45deg);
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    border: 2px solid white;
    border-width: 0px 0 2px 2px;
}*/

@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
 .banner_text {
     padding-top: 5rem;
}
 .banner_text h1 {
     color: #fff;
     font-weight: 700;
}
 .banner_text p {
     color: #fff;
     font-weight: 300;
}
 .theme_dark_btn {
     background: var(--blue);
     color: var(--white);
     border: 1px solid var(--white);
     padding: 8px 22px;
}
 .scroll_btn {}
 .scroll_btn a {
     color: #fff;
     text-transform: uppercase;
}
.banner-btn{
	background:var(--blue);
	box-shadow: 0 0 0 1px var(--white);
}
.banner-btn:hover{
	color: var(--white) !important;
}
/* Banner End */
/* Solutions */
 section.solutions {
     padding: 40px 46px;
	 background: transparent;
    border: 0;
}
.solution-home{padding: 30px 46px;}

 .slider .slick-arrow.slick-prev, .product .slick-arrow.slick-prev, .slick-slider .slick-arrow.slick-prev{
     right: 69px;
     background: url(../images/long-arrow-left.png) 0 0 / 100% no-repeat;
}
 .slider .slick-arrow, .product .slick-arrow, .slick-slider .slick-arrow {
     position: absolute;
     top: 0;
     margin: -72px 0px 0px 0px;
     z-index: 10;
     font-size: 0;
     width: 30px;
     height: 30px;
     border: none;
}
 .slider .slick-arrow.slick-next, .product .slick-arrow.slick-next, .slick-slider .slick-arrow.slick-next {
     right: 20px;
     background: url(../images/long-arrow-right.png) 0 0 / 100% no-repeat;
}
 .tab_content p {
     color: #4c4c4c;
     font-size: 14px;
}
 .slider .slick-arrow.slick-disabled, .product .slick-arrow.slick-disabled {
     opacity: 0.2;
}
 .heading_omron h2 {
     color: #1f2123;
     font-weight: 400;
     font-size: 40px;
}
 .heading_omron {
     padding: 1rem 0;
	
}
.top-25{
	 top: -25px;
}
 .heading_omron p {
     color: #838383;
     font-size: 14px;
}
 .solutions .slick-slide {
     padding: 10px;
}
 .flip-card {
     padding: 10px;
    width: 100%;
    height: 323px;
    perspective: 1000px;
    /* Remove this if you don't want the 3D effect */
}

 .flip-card-front h4 {
    height: 44px;
}
 .product .slick-list .slick-track .slick-slide .slider__item .flip-card {
     padding: 0px;
}
 .text_card h4 {
     font-size: 18px;
     font-weight: 600;
}
 .text_card a{
     color:var(--black);
}
.text_card a i, .more_news a i {
    color: var(--white);
    background-color: var(--blue);
    padding: 5px;
    font-size: 10px;
    margin-right: 5px;
    position: relative;
    bottom: 1px;
}

/* This container is needed to position the front and back side */
 .flip-card-inner {
     position: relative;
     width: 100%;
     height: 100%;
     text-align: center;
     transition: transform 0.8s;
     transform-style: preserve-3d;
}
/* Do an horizontal flip when you move the mouse over the flip box container */
 .flip-card:hover .flip-card-inner {
     transform: rotateY(180deg);
}
/* Position the front and back side */
 .flip-card-front, .flip-card-back {
     position: absolute;
     width: 100%;
     height: 100%;
     backface-visibility: hidden;
	 overflow: hidden;
}
/* Style the front side (fallback if image is missing) */
 .flip-card-front {
     background-color: #f5f5f5;
     color: var(--black);
    /*padding: 55px 55px;
    */
}
 .flip-card-front {
}
 .flip-card-front .card-img {
     bottom: 0;
     position: relative;
}
 .flip-card-front .text_card a img, .flip-card-back a img {
     width: 30px;
}
 .flip-card-front .text_card a{
	 font-size: 13px;
     font-weight: 600;
 }
/* Style the back side */
 .flip-card-back {
     background-color: var(--blue);
     color: white;
     transform: rotateY(180deg);
     text-align: left;
     padding: 30px 40px;
	 position: relative;
}
 .slick-slide img {
     display: inline-block !important;
     width: 65%;
}
 .flip-card-back h6 {
     font-size: 12px;
     font-weight: 400;
     margin-bottom: 2em;
}
.flip-card-back h4 {
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 12px;
    font-weight: 600;
}
 .flip-card-back a i, .hover-card-inner a i, .more_news a:hover i{
     color:var(--blue);
     background-color:var(--white);
     padding: 5px;
     font-size: 10px;
     margin-right:5px;
}
 .detail-text {
     margin-bottom: 2rem;
}
 .detail-text p {
     font-size: 13px;
}
 .text_card {
     padding: 2rem 0;
}
 .flip-card-back a {
     color: #fff;
     font-size: 14px;
     font-weight: 300;
	 position: absolute;
     bottom: 40px;
}
 .tab-heading {
     padding: 3rem 15px 2rem;
}
 .tab-heading ul {
}
 .tab-heading ul li {
     display: table-cell;
     vertical-align: middle;
}
 .tab-heading ul li:first-child {
     width: 15%;
}
 .tab-heading ul li:last-child {
     padding-right: 8rem;
}
 .tab-head h4 {
     color: var(--blue);
     font-weight: 600;
     font-size: 27px;
}

 section.products {
     padding: 50px 0px;
}
 .nav-tabs {
     border-bottom: none;
}
 .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
     border: none;
     border-color: transparent;
	 box-shadow:0px 3px 0 0 var(--blue) !important;
}
/* .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {*/
/*     color: var(--blue);*/
/*     background-color: #fff;*/
/*     border-color: transparent;*/
/*     box-shadow: 0px 3px 0 0 var(--blue) !important;*/
/*    border-bottom: 3px solid #005EB8;*/
    
/*}*/
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: var(--blue);
    background-color: #fff;
    border-color: transparent;
    box-shadow: 0px 3px 0 0 var(--blue) !important;
    /* border-bottom: 3px solid #005EB8; */
    height: 70px;
}
/* .nav-tabs .nav-link {*/
/*     border: 0px solid transparent;*/
/*     border-top-left-radius: 0.25rem;*/
/*     border-top-right-radius: 0.25rem;*/
/*     padding: 12px 50px;*/
/*     font-size: 21px;*/
/*     font-weight: 500;*/
/*     color: #333;*/
/*	 box-shadow: 0px 3px 0 0 #f5f5f5*/
/*}*/

.nav-tabs .nav-link {
    border: 0px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    padding: 13px 55px;
    font-size: 21px;
    font-weight: 500;
    color: #333;
    /* box-shadow: 0px 3px 0 0 #f5f5f5; */
    height: 70px;
    box-shadow:0px 3px 0 0 #f5f5f5;
}
 ul.nav.nav-tabs .nav-item img {
     width: 41px;
     filter: gray;
    /* IE6-9 */
     -webkit-filter: grayscale(1);
    /* Google Chrome, Safari 6+ & Opera 15+ */
     filter: grayscale(1);
    /* Microsoft Edge and Firefox 35+ */
}
.hover-card-inner {
    display: none;
    position: absolute;
    top: -1px;
    /* width: 331px; 
    background: rgb(0 94 184 / 80%);*/
    color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 11px 7px auto;
    /* width: 100%; */
    bottom: 71px;
    height: 344px;
	background: rgb(19,104,185);
	background: radial-gradient(circle, rgba(19,104,185,0.7511379551820728) 0%, rgba(0,94,184,1) 100%);
}
 .back-card {
     padding: 30px;
}
 .hover-card-box:hover .hover-card-inner {
     display: block;
}
 .hover-card-box:hover .arrow-left {
     display: none;
}
 .hover-card-front img {
     width: 100%;
}
.hover-card-inner .back-card h6{
	
}
 .hover-card {
     padding: 9px;
     position: relative;
}
/* .arrow-left {*/
/*     position: absolute;*/
/*     bottom: 89px;*/
/*     padding: 18px 26px;*/
/*     background: var(--blue);*/
/*     color: #fff;*/
/*}*/

.arrow-left {
    position: absolute;
    /* bottom: 9px; */
    padding: 7px 13px;
    background: var(--blue);
    color: #fff;
    margin-top: -37px;
}

.p3-img{    padding: 77px 0px;}
 .hover-card-inner a img {
     width: 20px;
     padding-right: 10px;
}
.hover-card-inner a {
    background: var(--blue);
    color: #fff;
    padding: 10px 17px 8px 12px;
    font-weight: 400;
    font-size: 13px;
    position: absolute;
    bottom: 0px;
}
 .hover-card-inner a i{
}
.slick-slider{}
.slick-slider ul.slick-dots{text-align:center;}
.slick-slider ul.slick-dots li{display:inline-block;}
.slick-slider ul.slick-dots li button{}
.slick-slider button.slick-next,
.slick-slider button.slick-prev{}
.slick-slider button.slick-next{}
.slick-slider button.slick-prev{}
.solution-btn{}
.swiper-container{}
.swiper-container h4, .swiper-container p{margin-bottom: 1.5rem;}
.swiper-container p{}
.swiper-container a{}
.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right; 
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}
.accordion>.card .card-header{cursor: pointer;}
.accordion>.card .card-body{border-bottom: 1px solid rgba(0,0,0,.125);}

.robotics-family{background:#f9fafa;border: 4px solid #f9fafa;overflow: hidden;}
.robotics-family ul{}
.robotics-family ul li{display: table-cell;vertical-align: middle;}
.robotics-family ul li:first-child{width:35%;overflow: hidden;position: relative;}
.robotics-family ul li:last-child{padding:35px;}
.robotics-family ul li img{transition-duration: 1500ms;}
.robotics-family ul li h5{margin-bottom:1rem;}
.robotics-family ul li p{}
.robotics-family ul li a{}
.robotics-family:hover ul li img{transform: scale(1.2);transition: all .4s;transition-duration: 1500ms;}
.robotics-family:hover ul li .bg-overlay{background: var(--black);position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0.3;transition: all .4s;transition-duration: 1500ms;}
.fix-height{height: 350px;object-fit: cover;}
#related-products{}
#related-products .slick-list .slick-slide{margin:0 10px;}
#related-products .slick-prev.slick-arrow,
#related-products .slick-next.slick-arrow{position: absolute;bottom: auto;top: 52%;}
#related-products .slick-prev.slick-arrow{left: -30px !important;}
#related-products .slick-next.slick-arrow{right: -30px !important;}


.product-features-title{}
.product-features-title h3{color:var(--white);margin-bottom:0;}
.product-features, .product-features1{background: var(--white);text-align: center;padding: 5rem 20px;height: 100%;border: 2px solid var(--white);position:relative;}
.product-features h2{font-size: 1.5rem;color:var(--blue);}
.product-features .overlay, .traceability-industry .overlay{position: absolute;top: 50%;left: 0;right: 0;transform: translateY(-50%);text-align: center;opacity: 0;padding:0 15px;}
.product-features .overlay p{color:var(--white);}
.product-features:hover{background:var(--blue);}
.product-features:hover .overlay{opacity: 1;}
.product-features1{text-align: left !important;padding: 2rem 20px;}
.product-features1 h3{margin-bottom: 25px;font-size: 26px;}
.product-features1 p{}
.row-flex .col-md-6:nth-child(1) .product-features1,
.row-flex .col-md-6:nth-child(4) .product-features1{background:var(--blue);}
.row-flex .col-md-6:nth-child(2) .product-features1{background:var(--white);color:var(--blue);}
.row-flex .col-md-6:nth-child(3) .product-features1{background:var(--blue);}
.row-flex .col-md-6:nth-child(4) .product-features1,
.row-flex .col-md-6:nth-child(3) .product-features1{color:var(--white);}
.row-flex .col-md-6:last-child .product-features1{color:var(--blue);}

.swiper-container{}
.swiper-container ul{padding-left: 20px;}
.swiper-container ul li{list-style-type: disc;margin-bottom: 5px;}
.swiper-container ul li:last-child{margin-bottom: 25px;}
.faq{}
.faq h2{}
.faq p{}
.traceability-industry{min-height:240px;overflow:hidden;border-radius: 20px;}
.traceability-industry img{transition: all .4s;transition-duration: 1500ms;width: 100%;}
.traceability-industry:hover img{transform: scale(1.2);transition: all .4s;transition-duration: 1500ms;overflow:hidden;}
.traceability-industry .overlay{opacity:1;}
.traceability-industry .overlay h3{color:var(--white);}

.challenges-faced-manufacturing{}
.challenges-faced{background:#313233;}
.challenges-faced ul{}
.challenges-faced ul li{display: table-cell;width: 50%;vertical-align: middle;color: var(--white);}
.challenges-faced ul li img{width:100%;}
.challenges-faced ul li:last-child{padding:0 30px}
.challenges-faced ul li h3{}
.challenges-faced ul li p{}
.challenges-faced:nth-child(odd){}
.challenges-faced:nth-child(even) ul{display:flex;align-items:center;}
.challenges-faced:nth-child(even) ul li:first-child{order:2;}

/* Solutions end */
/*inside omron*/
 section.inside-omron {
     padding: 2rem 0px 50px;
}
 .vehicle-detail-banner .car-slider-desc {
     max-width: 180px;
     margin: 0 auto;
}
 .banner-slider .slider.slider-for {
     max-width: 100%;
     padding-right: 0px;
}
 .banner-slider .slider.slider-nav {
     max-width: 100%;
}
 .banner-slider .slider.slider-for, .banner-slider .slider.slider-nav {
     width: 100%;
     float: left;
}
 .banner-slider .slider.slider-nav {
     height: auto;
     overflow: hidden;
}
 .slider .slick-arrow {
     bottom: 32px!important;
     top: inherit;
}
 .slick-arrow.slick-prev {
     right: 60px! important;
}
 .slick-arrow.slick-next {
     right: 20px;
}
 .slick-vertical .slick-slide {
     width: 100% !important;
     text-align: left !important;
}
 .inside-omron-slider-text {
     background: var(--blue);
     padding: 100px;
}
/* .banner-slider .slider.slider-nav {
     padding: 20px 0 0;
     background: #f5f5f5;
     padding: 50px 187px 100px;
     margin-top: 8rem;
}
 */
 .inside-left-box {
     padding: 20px 0 0;
     background: #f5f5f5;
     padding: 35px 100px 15px;
     margin-top: 5rem;
}
 .inside-left-box img{
	 width:50%;
	 margin: 0 0 0 auto;
     display: block;
 }
 .slider-content_2 {
}
 .slider-nav .slick-slide.thumbnail-image .thumbImg {
     max-width: 178px;
     height: 110px;
     margin: 0 auto;
     border: 1px solid #ebebeb;
}
 .slider-banner-image img, .slider-nav .slick-slide.thumbnail-image .thumbImg img {
     height: 100%;
     width: 100%;
     object-fit: cover;
}
 .slick-vertical .slick-slide:active, .slick-vertical .slick-slide:focus, .slick-arrow:hover, .slick-arrow:focus {
     border: 0;
     outline: 0;
}
 .slider-nav .slick-slide.slick-current.thumbnail-image .thumbImg {
     border: 2px solid #196db6;
}
 .slider-nav .slick-slide.slick-current span {
     color: var(--black);
     font-weight: 600;
}
 .slider-nav .slick-slide {
     text-align: center;
}
 .slider-nav .slick-slide span {
     font-size: 18px;
     display: block;
     padding: 5px 0 5px;
}
/*End USE CSS for Slider*/
 @media screen and (max-width: 991px) {
     .banner-slider .slider.slider-for, .banner-slider .slider.slider-nav {
         max-width: 100%;
         float: none;
    }
     .banner-slider .slider.slider-for {
         padding-right: 0;
    }
     .banner-slider .slider.slider-nav {
         height: auto;
    }
     .slider-banner-image {
         height: 500px;
    }
     .slider.slider-nav.thumb-image {
         padding: 10px 30px 0;
    }
     .slider-nav .slick-slide span {
         padding: 5px 0;
    }
     .vehicle-detail-banner .car-slider-desc {
         max-width: 340px;
    }
     .bid-tag {
         padding: 10px 0 15px;
    }
     .slider.slider-nav.thumb-image {
         white-space: nowrap;
    }
     .thumbnail-image.slick-slide {
         padding: 0px 5px;
         min-width: 75px;
         display: inline-block;
         float: none;
    }
}
 .inside-omron-slider-text a {
     color: #fff;
     font-size: 13px;
     font-weight: 500;
}
 .inside-omron-slider-text img {
     width: 30px;
}
.inside-omron-slider-text {
    background: var(--blue);
    padding: 100px 77px 94px;
}
 .inside-omron-slider-text p {
     color: #fff;
     font-size: 16px;
     line-height: 1.6;
}
.home-team{margin-bottom: 1rem;}
.home-team ul{ }
.home-team ul li{display: table-cell;vertical-align: middle;}
.home-team ul li:last-child{padding-left:2rem;}
.home-team ul li img{width: 250px;}
.home-team ul li h4{color:var(--white);margin-bottom: 0;}
.home-team ul li p{font-size: 18px;font-weight: 300;}
.home-life-omron{margin-bottom: 2rem;}
.home-life-omron img{width:100%}
.height-20{display:block;height:100px;}
/* .banner-slider .slider.slider-nav {
     padding: 20px 0 0;
     background: #f5f5f5;
     padding: 50px 45px 100px;
     margin-top: 5rem;
}
 */
/*inside omron end*/
/*blog Style*/

.blog-banner{background:url(../images/blog/blog-banner.png);background-size:cover;}
.blog-inner{background:url(../images/blog/blog-inner.jpg);background-size:cover;}
 .blog_box_detail {
     padding: 20px;
}
 .blog-box {
     border: 1px solid #ddd;
}
 .blog-box:hover{
    box-shadow: 0 0 25px 0px #e5e5e5;
}
 .blog_box_detail span {
     font-size: 13px;
}
 .blog_box_detail h5 {
     font-size: 16px;
     line-height: 25px;
     margin: 12px 0 0 0;
     color: #333333;
}
 .blog_box_detail i{
     font-size: 1.8vw;
	 color: var(--blue);
     margin-right: 7px;
}
 .blog_box_detail a img, .blog_box_detail a h5{
}
 .news_update .date {
     font-size: 12px;
     font-weight: 400;
}
 .news-list-inner {
     max-height: 370px;
     overflow-y: scroll;
}
 .news-list-inner li {
     border-bottom: 1px solid #ddd;
     padding: 11px 20px;
}
 .news-list-inner li:last-child {
     border: none;
}
 .scrollbar-2 {
     scrollbar-width: thin;
     scrollbar-color: #959595 #fff;
}
 .scrollbar-2::-webkit-scrollbar {
     width: 5px;
     height: 5px;
}
 .scrollbar-2::-webkit-scrollbar-track {
     background-color: #fff;
}
 .scrollbar-2::-webkit-scrollbar-thumb {
     background-color: #959595;
}
 .scrollbar-2::-webkit-scrollbar-track, .scrollbar-2::-webkit-scrollbar-thumb {
     border-radius: 0px;
}
 aside.news-list {
     border: 1px solid #ddd;
     margin-bottom: 45px;
}
 .more_news a {
     border: 1px solid var(--blue);
     padding: 11px;
     color: #4c4c4c;
     font-size: 13px;
     font-weight: 600;
}
 .more_news a:hover{
     background: var(--blue);
     color: var(--white);
}
 .more_news a:hover i{
}
 .more_news a i{
}
 .more_news {
     text-align: center;
     margin: 40px 0px;
}
 .badge {
     background: #333;
     color: #fff;
     font-size: 16px;
     font-weight: 300;
     position: absolute;
     padding: 5px 22px;
     border-radius: 0;
}
 .blog_badge2 .badge {
     background: #333;
     color: #fff;
     font-size: 16px;
     font-weight: 300;
     position: relative;
     padding: 5px 22px;
     border-radius: 0;
}
 .news_update a{
    color: var(--black);
}
 .blog_box_detail a h5:hover, .news_update a:hover{
    color: var(--blue);
}
 .news_update a p{
     font-weight: 400;
     font-size: 14px;
     margin: 0;
}
 aside.news-list {
     border: 1px solid #ddd;
}
/*blog Style*/
/* Home Slider */
/* Footer Start */
section.footer {
    background-color: var(--footer-bg);
    padding: 3rem 0 1rem;
    margin:3rem 0 0;
}
 .footer-nav {
     color: var(--black);
}
/* .footer-nav h5{*/
/*    margin-bottom: 1rem;*/
/*}*/

 .footer-nav ul{
}
/* .footer-nav ul li{*/
/*    margin-bottom: 5px;*/
/*}*/
.footer{padding-top:2rem!important;}
.footer-nav ul li {
    margin-bottom: 5px;
}
 .footer-nav h5 a{
	 color:var(--black);
 }
 .footer-nav ul li a{
    color:var(--black);
    font-weight: 400;
    font-size: 14px;
}
.footer-nav ul li a:hover,
.footer-nav h5 a:hover{
    color:var(--blue);
}
 .footer-bottom-nav ul li a:hover{
    color:var(--black);
}
 .footer-social{
    padding:10px 0 0;
}
 .footer-social img{
    width:110px;
    margin-bottom:20px;
}
 .footer-social p{
    color:var(--white);
    font-size: 16px;
    font-weight: 400;
}
 .footer-social h5{
    color:var(--white);
    margin-bottom:10px;
}
 .footer-social ul{
}
 .footer-social ul li{
    display:inline-block;
    margin-right: 15px;
}
/* .footer-social ul li a{*/
/*    color:var(--white);*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    display: block;*/
/*    background: var(--blue);*/
/*    border-radius: 50%;*/
/*    padding: 5px 0 0;*/
/*}*/

.footer-social ul li a {
    color: var(--white);
    width: 37px;
    height: 37px;
    display: block;
    background: var(--blue);
    border-radius: 50%;
    padding: 8px 0 0;
}
/* .footer-social ul li:nth-child(2) a{*/
/*    color: var(--blue);*/
/*    background:var(--white);*/
/*}*/
/* .footer-social ul li:nth-child(2) a i{*/
/*    font-size:40px;*/
/*    position: relative;*/
/*    top: 4px;*/
/*}*/
 .footer-social ul li a i{
    font-size: 18px;
}
 .footer-bottom-nav{
    text-align:center;
    margin-bottom: 20px;
}
 .footer-bottom-nav ul{
}
 .footer-bottom-nav ul li{
    display:inline-block;
    padding: 0 3rem;
}
 .footer-bottom-nav ul li a{
    color:var(--white);
    font-size: 16px;
    font-weight: 500;
}
.menu-height{display:block;height:82px;}
 .copyright{
    text-align:center;
}
 .copyright p{
    margin-bottom: 0px;
    line-height: normal;
    color:var(--white);
}
 .copyright p small{
    font-weight: 300;
}
 .blue-bg{
    background-color:var(--blue) !important;
}
/* Footer End */
 .flBtn {
     position: fixed;
     z-index: 1000;
     list-style: none;
     margin: 0;
     padding: 0;
     border: 0;
     outline: none;
     text-decoration: none;
}
 .flBtn ul {
     list-style: none;
     margin: 0;
     padding: 0;
     border: 0;
     outline: none;
     text-decoration: none;
     position: absolute;
     visibility: hidden;
}
 .flBtn input {
     position: absolute;
     z-index: 3;
     top: 0;
     left: 0;
     display: block;
     width: 100%;
     height: 100%;
     cursor: pointer;
     opacity: 0;
}
 .flBtn input:checked ~ ul {
     visibility: visible;
}
 .flBtn input:checked ~ ul li {
     visibility: visible;
     opacity: 1;
}
 .flBtn input:checked ~ a > i {
     transform: rotate(45deg);
}
 .flBtn input:hover + a {
     color: #383838;
     background: var(--blue);
}
 .flBtn input:hover + a[tooltip]:before {
     visibility: visible;
     opacity: 1;
}
 .flBtn a {
     position: relative;
     z-index: 2;
     display: block;
     vertical-align: middle;
     text-decoration: none;
     text-align: center;
     box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
     cursor: pointer;
     background: #005eb8;
     color: #ffffff;
     transition: background 0.5s;
     -o-transition: background 0.5s;
     -ms-transition: background 0.5s;
     -moz-transition: background 0.5s;
     -webkit-transition: background 0.5s;
}
 .flBtn a:hover {
     color: #383838;
     background: #005eb8;
}
 .flBtn ul li {
     display: inline-block;
     margin: 5px;
     visibility: hidden;
     opacity: 0;
     transition: all 0.5s;
     -o-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
 .flBtn [tooltip]:before {
     position: absolute;
     content: attr(tooltip);
     visibility: hidden;
     opacity: 0;
     padding: 0 10px;
     white-space: nowrap;
     background: rgba(0, 0, 0, 0.8);
     color: #ffffff;
     transition: all 0.5s;
}
 .flBtn [tooltip]:hover:before {
     visibility: visible;
     opacity: 1;
}
 .flBtn-size-medium a {
     width: 60px;
     height: 60px;
     line-height: 60px;
     font-size: 24px;
}
 .flBtn-size-medium ul a {
     width: 40px;
     height: 40px;
     line-height: 40px;
     font-size: 16px;
}
 .flBtn-size-medium [tooltip]:before {
     height: 30px;
     line-height: 30px;
     font-size: 16px;
}
 .flBtn-position-br {
     bottom: 20px;
     right: 20px;
}
 .flBtn-position-br [tooltip][data-role]:before {
     right: 100%;
     bottom: 100%;
}
 .flBtn-position-br .flBtn-first {
     right: 50%;
     transform: translateX(50%);
     bottom: 100%;
}
 .flBtn-position-br .flBtn-first [tooltip]:before {
     right: 100%;
     top: 50%;
     transform: translateY(-50%);
     margin-right: 5px;
}
 .flBtn-position-br .flBtn-second {
     display: flex;
     top: 50%;
     transform: translateY(-50%);
     right: 100%;
}
 .flBtn-position-br .flBtn-second [tooltip]:before {
     right: 100%;
     bottom: 100%;
     margin-bottom: 5px;
}
/*sticky icons*/
.sticky-social-icons ul li img {
     width: 25px;
}
.sticky-social-icons ul li:hover{
	 cursor:pointer;
 }
/* .sticky-social-icons ul li {*/
/*     background: #005eb8;*/
/*     margin: 13px 0;*/
/*     padding: 18px;*/
/*	 box-shadow: -1px 2px 3px 1px #073f74;*/
/*}*/
.sticky-social-icons ul li {
    background: #005eb8;
    margin: 2px 0;
    padding: 11px;
    position:relative;
    box-shadow: -1px 2px 3px 1px #073f74;
}
 .sticky-social-icons {
     position: fixed;
    right: 0;
    z-index: 999;
    top: 50%;
    left: auto;
    bottom: 0;
    margin: 0 auto;
}
.omron-social-links ul li {
    display:table-cell;
    background: no-repeat;
    padding: 0;
    border-right: 1px solid #E0E0E0;
    margin: 0;
    /* width: 65px; */
    /* height: 46px; */
    text-align: center;
    box-shadow: none;
}
.omron-social-links ul li.omron-media:hover {
     background: #333;
}
.sticky-social-icons ul li.omron-media .omron-social-links.network-sticky  ul li a:after{display:none !important;}
/*.sticky-social-icons ul li.omron-media .omron-social-links ul li:hover{background:var(--blue);}
.sticky-social-icons ul li.omron-media .omron-social-links ul li:hover a{color:var(--white);}
.sticky-social-icons ul li.omron-media .omron-social-links ul li:hover a img{filter: brightness(0) invert(1);}*/
.sticky-social-icons ul li.omron-media .omron-social-links ul li a{
    width: 65px;
    height: 46px;
    display: table-cell;
    vertical-align: middle;
}
.sticky-social-icons ul li.omron-media .omron-social-links ul li:nth-child(1) a:after,
.sticky-social-icons ul li.omron-media .omron-social-links ul li:nth-child(2) a:after,
.sticky-social-icons ul li.omron-media .omron-social-links ul li:nth-child(3) a:after,
.sticky-social-icons ul li.omron-media .omron-social-links ul li:nth-child(4) a:after{
	display: inline-block;position: absolute;font-size: 11px;left: 0;right: 0;margin: 0 auto;text-align: center;bottom: -24px;line-height: 1.1;color: #000;font-weight: 300;background: #f5f5f5;box-shadow: -1px 0px 0px 0px #E0E0E0;}
.sticky-social-icons ul li.omron-media .omron-social-links ul li:nth-child(1) a:after{
	content:'General Inquiry';
}
.sticky-social-icons ul li.omron-media .omron-social-links ul li:nth-child(2) a:after{
	content:'Product Support';
}
.sticky-social-icons ul li.omron-media .omron-social-links ul li:nth-child(3) a:after{
	content:'Service & Maintenance';
}
.sticky-social-icons ul li.omron-media .omron-social-links ul li:nth-child(4) a:after{
	content:'Request A Call Back';
}

 .omron-social-links ul li:last-child {
     border: none;
}
li.omron-media:hover .omron-social-links {
    display: block;
    position: absolute;
    width: 263px;
	float:right;
    right: 48px;
    z-index: -1;
    bottom: 0px;
}
 .omron-social-links {
     display: none;
     background: #f5f5f5;
}
 .slider-solution .slick-arrow.slick-prev {
     top: 46px!important;
     left: inherit!important;
}
 .slider-solution .slick-arrow.slick-next {
     top: 46px!important;
     right: 25px!important;
     left: inherit;
}
/* Solutions Page */
.pt-6{ padding-top: 6vw;}
.pt-7{
    padding-top: 95px;
}
 .banner-text{
    position: absolute;
    top: 50%;
    color: #fff;
    bottom: 0;
    margin: 0 auto !important;
}
.banner-text.text-center{left:0;right:0;}
 .banner-text h1{
}
 .banner-text p{
}
 .banner-overlay {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     padding: 15px;
     text-align: left;
     color: #fff;
     background: rgb(0,94,184);
     background:linear-gradient(180deg, rgb(0 94 184 / 15%) 0%, rgb(0 94 184 / 70%) 100%);
}
 .banner-img{
}
 .banner-img{
    height: 70vh;
    width: 100%;
    object-fit: cover;
}
 .page_banner_text{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
}
  .solutions_box{
    border: 1px solid #D9D9D9;
    background: #F1F2F3;
    position: relative;
    height:100%;
}
 .solutions_box img{
    width: 100%;
}
 .solutions_box .solutions-content{
    padding:20px;
    margin-bottom: 30px;
}
 .solutions_box .solutions-title{
    min-height:60px
}
.solutions_box .solutions-content .solutions-title h4 a {
    color: #000;
    font-weight: 500;
    font-size: 21px;
    text-decoration: none;
    position: relative;
    background: transparent;
}
.solutions_box .solutions-content .solutions-title h4 a:hover{color:var(--blue);}
.solutions_box .solutions-content p, .example p {
    font-weight: 400;
    font-size: 1vw;
    padding-top: 17px;
}
 .solutions_box a{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 36px;
    height: 36px;
    background: #005EB8;
    text-align: right;
    align-content: right;
    -webkit-transition: max-width 0.5s;
    transition: max-width 0.5s;
}
 .solutions_box a i{
    color:#fff;
    padding: 10px 13px;
}
 .solutions_box a span{
    display:none;
}
 .solutions_box a i, .solutions a span{
}
 .solutions_box a:hover i, .solutions a:hover span{
}
 .solutions_box a:hover span{
    display:inline-block;
    color: #fff;
}
 .solutions_box a:hover{
    width: 135px;
}
 .load-more{
    margin-top: 20px;
}
 .load-more a{
    background: #005EB8;
    padding: 12px 30px;
    color: #fff;
    font-size: 1.4vw;
}
 .btn-read {
     position: relative;
     display: inline-block;
     font-size: 14px;
     padding: 15px 30px;
     overflow: hidden;
     z-index: 1;
     color: #fff;
    /*background-color: #0d0d0d;
    */
     border: none;
    /*font-weight: 600;
    */
}
 .btn--animated:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #004E99;
     transform: scaleX(0);
     transform-origin: 0 50%;
     transition-property: transform;
     transition-duration: 1s;
     transition-timing-function: ease-out;
     z-index: -1;
}
 .btn--animated:hover {
    /*color: #fff;
    */
}
 .btn--animated:hover:before {
     transform: scaleX(1);
     transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);
}
 .connect-bg{
    background: #F1F2F3;
    margin-bottom: 50px;
}
 .connect-section{
    text-align:center;
    padding: 2rem 0rem;
}
.connect-section a{
	 color:var(--black);
}
.connect-section a:hover{
	  color:var(--blue);
}
.connect-section img{
    width: 60px;
    margin-bottom: 15px;
}
 .connect-section h5{
}
.solutions-content h3{
     font-size: 2vw;
     font-weight: 500;
}
.solutions-content p{
     font-size: 1.1vw;
     font-weight: 400;
}
 .yt-video{
    margin-top: 3rem;
}
 .yt-video iframe{}
 .pdf-btn{
    text-align: center;
    margin: 3vw 0px;
}
 .pdf-btn a{
    background: #005EB8;
    color:var(--white);
    font-weight: 500;
    font-size: 1.3vw;
    overflow: visible;
    height: 4vw;
}
/*.pdf-btn a:after{
    content:'\f354';
    display:inline-block;
    width: 68px;
    height: 57px;
    background: #004E99;
    position: absolute;
    right: -70px;
    top: 0;
    font-family: "Font Awesome 6 Pro";
    font-size: 3vw;
}
*/
 .pdf-btn a span{
    position: absolute;
    width: 4vw;
    height: 4vw;
    background: #004E99;
    top: 0;
    margin-left: 31px;
}
 .pdf-btn a span i{
    font-size: 3.4vw;
    position: relative;
    top: -5px;
}
 .pdf-btn a span:after{
    content:'';
    display:inline-block;
    position: absolute;
    background:url(../images/solutions/arrow-shape.svg);
    background-repeat:no-repeat;
    width:58px;
    height:64px;
    background-size: 10px;
    top: -11px;
    left: 11px;
}
 .head-title{}
 .head-title h2{}
 .bg-blue{
    background-color:var(--blue);
}
 .bg-gray{
    background-color: #F1F2F3;
}
 .solutions-content h2{
    font-weight:400;
}
 .partner{
    margin: 50px 0 0;
}
 .partner ul{}
 .partner ul li{
    display: inline-block;
    background: #fff;
    padding: 0 10px;
    vertical-align: middle;
    margin: 0 5px;
    font-size: 1vw;
    color:var(--blue);
}
 .white-border iframe{
    border:10px solid #fff;
}
 .blue-border iframe{
    border:10px solid #005EB8;
}
 .solution-value-added{
    padding-top: 8vw;
    padding-bottom: 5vw;
	height: 100%;
}
 .solution-value-added ul{height: 100%;}
 .solution-value-added ul li{
    display: inline-block;
    width: 49%;
    vertical-align: top;
	height:100%;
}
 .solution-value-added ul li:last-child{
    margin-left: 12px;
}
 .solution-value{
    background:var(--white);
    height: 100%;
}
 .solution-value .solution-icon{
     display: flex;
     width: 110px;
     height: 110px;
     margin: 0 auto;
     border-radius: 100%;
     box-shadow: 0px 3px 0 0 #ebebeb;
     position: relative;
     top: -50px;
     background: #fff;
     align-items: center;
}
 .solution-value .solution-icon img{
    margin: 0 auto;
     display: block;
     width: 80px;
     padding: 10px;
}
 .solution-value h5, .solution-value p{
    margin-bottom:0;
    padding:10px 50px;
}
 .solution-value h5{}
 .solution-value p{
    font-size: 1.1vw;
    line-height: 1.8;
	margin-bottom:10px;
}
 .blue-border{}
 .partner.blue-border ul li{
    background: transparent;
    box-shadow: 0 0 0 1px #005eb8;
}
 .solution-value{}
 .solution-value ol{
    padding-left: 70px;
	padding-bottom: 20px;
}
 .solution-value ol li{
    width:100%;
    list-style-type: decimal;
    display: list-item;
}
 .solution-value ol li p{
    padding-left: 5px;
    padding-bottom: 0;
}
 .solution-value ol li:last-child{
    margin-left:0;
}

 .related-products{
    text-align: center;
    margin-bottom: 5vw;
}
 .related-products ul{}
  .related-products ul li{
	  width:100%;
  }
 .related-products ul li{
    display: inline-block;
    /*width: 18%;
    margin: 0 9px;*/
    vertical-align: top;
}
 .related-products ul li .product-details{
    border: 1px solid #D9D9D9;
    position: relative;
    min-height:300px;
}
 .related-products ul li .product-details img{
    width:100%;
}
 .related-products ul li .product-details .product-details-name{
    padding: 0 35px 0 20px;
    text-align: left;
}
 .related-products ul li .product-details .product-details-name h5{
    margin-bottom: 0;
    font-size: 1.2vw;
}
 .related-products ul li .product-details .product-details-name p{
    font-size: 1vw;
    margin-bottom: 5px;
    line-height: 1.2;
}
 .related-products ul li .product-details a{
    position: absolute;
    right: 0;
    bottom: 0;
    background: #005eb8;
    padding: 5px 13px;
    color:#fff;
}
/* Solutions Page */
/* Blog Page */
 .blogs{}
 .blogs ul{}
 .blogs ul li{
    width: 48%;
    display: inline-block;
    margin: 0px 5px 20px;
}
.blogs-details {
    border: 1px solid #f5f5f5;
}
 .blogs ul li .blogs-details{}
 .blogs ul li .blogs-details a{}
 .blogs ul li .blogs-details img{
    width:100%;
}
 .blogs ul li .blogs-details .blog-publish{
    /*border: 1px solid #d9d9d9;*/
    border-top: none;
    padding: 20px;
}
 .blogs ul li .blogs-details .blog-publish span{}
.blogs ul li .blogs-details .blog-publish span i {
    font-size: 13px;
    color: var(--blue);
}
 .blogs ul li .blogs-details .blog-publish span:nth-child(1){}
.blogs ul li .blogs-details .blog-publish span:nth-child(2) {
    font-weight: 300;
    margin-left: 3px;
    font-size: 12px;
}
 .blogs ul li .blogs-details .blog-publish p{
    margin-top:15px;
}
.blogs ul li .blogs-details .blog-publish p a {
    color: var(--black);
    font-weight: 400;
    font-size: 14px;
}
 .blogs ul li .blogs-details .blog-publish a.read-more{
    background:var(--blue);
    color:var(--white);
    padding: 5px 10px;
    font-size: 12px;
}
 .blogs ul li .blogs-details .blog-publish a.read-more i{
    margin-left:5px;
}
 [data-pagination] {
     font-size: 1.2vw;
     line-height: 1;
     font-weight: 400;
     -webkit-text-size-adjust: 100%;
     margin: 1em auto;
     text-align: center;
}
 [data-pagination] ul {
     list-style-type: none;
     display: inline;
     font-size: 100%;
     margin: 0;
     padding: .5em;
}
 [data-pagination] ul li {
     display: inline-block;
     font-size: 100%;
     width: auto;
     border-radius: 2px;
     padding:5px;
}
 [data-pagination] > a {
     font-size: 140%;
}
[data-pagination] li.current a {
    color: var(--white);
    background: var(--blue);
    padding: 4px 10px;
}

 [data-pagination] a:focus, [data-pagination] a:hover {
     background: var(--blue);
     color: var(--white);
}
[data-pagination] a {
    color: var(--black);
    font-size: 15px;
    padding: 3px 3px;
    border-radius: 2px;
}
 [data-pagination] li.current {}
/* Disabled & Hidden Styles */
 [data-pagination] .disabled, [data-pagination] [hidden], [data-pagination] [disabled] {
     opacity: .5;
     pointer-events: none;
}
 .blog-sidebar{
    border: 10px solid #F5F5F5;
    padding: 15px 25px;
}
 .blog-sidebar .search-bar{}
 .blog-sidebar .search-bar {
     width: 100%;
     display: flex;
     flex-direction: row;
     align-items: center;
}
 #searchQueryInput {
     width: 100%;
     height: 2.8rem;
     background:var(--white);
     border: 1px solid #9F9F9F;
     outline: none;
     padding: 0 3.5rem 0 1.5rem;
     font-size: 1rem;
}
 #searchQuerySubmit {
     width: 3.5rem;
     height: 2.8rem;
     margin-left: -3.5rem;
     background: none;
     border: none;
     outline: none;
}
 #searchQuerySubmit:hover {
     cursor: pointer;
}
 .blog-sidebar .categories, .blog-sidebar .recent-posts, .blog-sidebar .archives{
    margin-top: 2rem;
}
 .blog-sidebar .categories h4, .blog-sidebar .recent-posts h4, .blog-sidebar .archives h4{
    margin-bottom: 20px;
}
 .blog-sidebar .categories ul{}
 .blog-sidebar .categories ul li{
    margin-bottom: 10px;
}
 .blog-sidebar .categories ul li:last-child{
    margin-bottom:0;
}
 .blog-sidebar .categories ul li span{}
 .blog-sidebar .categories ul li span:last-child{
    float: right;
    padding-right: 25px;
}
 .blog-sidebar .recent-posts{}
 .blog-sidebar .recent-posts .recent-posts-list{
    max-height: 380px;
    overflow-y: scroll;
}
 .blog-sidebar .recent-posts .recent-posts-list ul{}
 .blog-sidebar .recent-posts .recent-posts-list ul li{
    margin-bottom: 15px;
}
 .blog-sidebar .recent-posts .recent-posts-list ul li:last-child{
    margin-bottom:0;
}
 .blog-sidebar .recent-posts .recent-posts-list ul li .recent-posts-blog-img{
    padding-right: 15px;
}
.blog-sidebar .recent-posts .recent-posts-list ul li .recent-posts-blog-img, .blog-sidebar .recent-posts .recent-posts-list ul li .recent-posts-blog-title-date {
    display: table-cell;
    vertical-align: top;
}
 .blog-sidebar .recent-posts .recent-posts-list ul li .recent-posts-blog-img img{
    width: 80px;
    object-fit: cover;
     height: 80px;
}
.blog-sidebar .recent-posts .recent-posts-list ul li .recent-posts-blog-title-date p {
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    margin-bottom: 0;
}
 .blog-sidebar .recent-posts .recent-posts-list ul li .recent-posts-blog-title-date p a{
    color:var(--black);
}
 .blog-sidebar .recent-posts .recent-posts-list ul li .recent-posts-blog-title-date .post-date{
    font-size: 12px;
     font-weight: 300;
    color: #9f9f9f;
}
 .blog-sidebar .archives{}
 .blog-sidebar .archives ul{}
 .blog-sidebar .archives ul li{
    display:inline-block;
    margin-bottom: 10px;
}
 .blog-sidebar .archives ul li a{
    font-weight:400;
    color:var(--black);
    font-size:0.8vw;
    border: 1px solid #D9D9D9;
    padding: 5px 10px;
}
 .blog-sidebar .archives ul li a:hover{
    background:var(--blue);
    color:var(--white);
    border: 1px solid var(--blue);
}
 .blog-featured-img{
    margin-bottom: 2rem;
}
 .blog-featured-img ul{}
 .blog-featured-img ul li{
    display: table-cell;
    vertical-align: middle;
}
 .blog-featured-img ul li:last-child{
    width:60%;
}
 .blog-featured-img ul li img{
    width: 100%;
}
 .blog-featured-img ul li .blog-title{
    border: 1px solid #D9D9D9;
    padding: 25px;
    background:var(--white);
     margin-right: -50px;
    z-index: 1;
    position: relative;
}
 .blog-heading{}
.blog-featured-img ul li .blog-title h1 {
    font-size: 1.6vw;
    margin-bottom: 30px;
    line-height: 35px;
}
.blog-featured-img ul li .blog-title a {
    color: rgba(0, 94, 184, 1);
    font-weight: 500;
    text-decoration: underline;
}
 .blog-featured-img ul li .blog-title a i{}
 .blog-featured-img ul li img{}
 .blogs-details{}
 .blogs-details p{
    font-weight:400;
    color:var(--black);
    line-height: 1.6;
}
 .blogs-details table{
    margin-top: 2rem;
}
 .blogs-details table tbody{
}
 .blogs-details table tbody tr{
}
 .blogs-details table tbody tr td{
    border: 1px solid #9f9f9f;
    padding: 10px;
    font-size: 14px;
}
.blogs-details td a:first-child{text-decoration:none;}
.blogs-details td a {
    color: rgba(0, 94, 184, 1);
    text-decoration: underline;
}
 .share-post, .prev-next{
    display: inline-block;
}
 .share-post{}
 .share-post h5{}
 .share-post ul{}
 .share-post ul li{
    display: inline-block;
    margin: 0 5px;
}
 .share-post ul li h5{}
 .share-post ul li a{
    width: 30px;
    height: 30px;
    display: grid;
    text-align: center;
    vertical-align: middle;
    align-content: center;
    color: #fff;
}
 .share-post ul li:nth-child(2) a{
    background:#0a66c2;
}
 .share-post ul li:nth-child(3) a{
    background:#1DA1F2;
}
 .share-post ul li:nth-child(4) a{
    background:#E60023;
}
 .share-post ul li:nth-child(5) a{
    background:#316FF6;
}
 .share-post ul li a i{
}
 .prev-next ul{
}
 .prev-next ul li{
    display: inline-block;
}
 .prev-next ul li:nth-child(1){
    border-right: 2px solid var(--black);
    padding: 0 12px 0 0px;
    line-height: 1.2;
}
 .prev-next ul li:nth-child(2){
    padding-left: 8px;
}
.prev-next ul li a {
    color: var(--black);
    font-size: 14px;
}
 .prev-next ul li a:hover{
    color:var(--blue);
}
 .prev-next ul li a i{
}
/* Blog Page */
/* Banner Style*/
 .banner-patch {
     background: linear-gradient(180deg, rgba(0, 94, 184, 0.09) 0%, rgba(30, 105, 178, 0.9) 0.01%);
     padding: 0rem 0;height: 90px;
    display: grid;
    align-content: center;
}
 .play-video img {
     width: 44px;
     margin: 15px;
}
 .left-banner-text p {
     margin: 0;
     color:#fff;
	 line-height: 1.2;
}
 .left-banner-text h3{
     color: #fff;
     font-size: 35px;
     font-weight: 600;
	 margin-bottom:0;
}
 .play-video span{
    color:#fff;
}
 .play-video {
    text-align:right;
}
/* End banner Style */
/* Breadcrumb Style */
 .breadcrumb-item+.breadcrumb-item::before {
     display: inline-block;
     padding-right: 0.5rem;
     color: #6c757d;
     content: ">";
}
 .breadcrumb {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.breadcrumb-patch {
    background: #f5f5f5 !important;
}
 .breadcrumb-patch a{
    color:#000;
    font-size: 13px;
    font-weight: 600;
}
 .breadcrumb-item.active {
     color: #3477b9;
     font-weight: 600;
     font-size: 13px;
     margin-top:3px;
}
 section.achieving-both {
     margin-top: 3rem;
}
 .content-box p {
     font-family: Roboto;
     font-size: 18px;
     font-weight: 400;
    /* line-height: 40px;
     */
     letter-spacing: 0.20000000298023224px;
     text-align: center;
}
 .content-box h3 {
     font-weight: 400;
     color: #000;
     font-family: Roboto;
     font-size: 30px;
     font-weight: 400;
     line-height: 60px;
     letter-spacing: 0.20000000298023224px;
     text-align: center;
}
 .slick-slider1 .slick-arrow.slick-prev {
     top: 300px;
}
 .slick-slider1 .slick-arrow.slick-next {
     right:-60px!important;
     top: 300px;
}
 .and {
     vertical-align: middle;
     text-align: center;
     padding-top: 6rem;
     font-size: 37px;
}
 .achieving-img1 {
     text-align: center;
}
 .achiveing-img img {
     width: 56%;
     border: 11px solid #005eb8;
     border-radius: 100%;
}
 .achiveing-img {
     border: 1px solid #d9d9d9;
}
 .achieving-heading h4 {
     color: rgba(0, 94, 184, 1);
     line-height: 79px;
     font-size: 30px;
     padding-top: 21px;
}
 .achieving-heading {
     text-align: center;
}
 .achieving-img1 p {
     color: rgba(0, 94, 184, 1);
     font-weight: 500;
     line-height: 55px;
     font-size: 21px;
}
 .achieving-content-box{
    background: rgba(0, 94, 184, 1);
     text-align: center;
     padding: 24px;
}
 .achieving-content-box h4 {
     color: #fff;
     font-family: Roboto;
     font-size: 26px;
     font-weight: 400;
     line-height: 63px;
     letter-spacing: 0.20000000298023224px;
     text-align: center;
}
 .achieving-content-box p {
     color: #fff;
     font-family: Roboto;
     font-size: 16px;
     font-weight: 400;
    /* line-height: 36px;
     */
     letter-spacing: 0.20000000298023224px;
     text-align: center;
     padding: 0px 80px;
}
/* manufacturing-content-box */
 .manufacturing-content-box {
     background: rgba(241, 242, 243, 1);
     text-align: center;
     margin: 33px 0 10px;
     padding: 18px;
}

.manufacturing-content-box h4 {
    font-weight: 500;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 900;
    line-height: 34px;
    letter-spacing: 0px;
    text-align: center;
    margin-top: 1rem;
}
/* Sustainable Future */

.sustainable-list-box .card-img{height:auto;border:none;}
 .card-img img {
     width: 100%;
}
 .card-img h5 {
     background: rgba(0, 94, 184, 1);
     font-size: 18px;
     padding: 16px;
     color: #fff;
     height: 60px;
}
 .card-content {
     padding: 17px;
     font-size: 19px;
}
 .sf-card {
     border: 1px solid rgba(217, 217, 217, 1);
     background: rgba(241, 242, 243, 1);
     /*height: 485px;*/
     text-align: left;
}
.sf-card .card-img img{width:100%;}
.sf-card .card-content{    padding-bottom: 0;}
 .view-more a {
     color: #000;
     font-weight: 600;
     font-size: 14px;
}
 .view-more i {
     background: #005eb8;
     color: #fff;
     padding: 17px 21px;
     position: relative;
     left: 17px;
}
 .card-content p {
     height: 122px;
     font-size: 14px;
}
 .card-content .view-more {
     text-align: right;
}
 section.sustainable-future {
     text-align: center;
     margin: 2rem;
}
 .sustainable-content-box p {
     font-family: Roboto;
     font-size: 17px;
     font-weight: 400;
     letter-spacing: 0px;
     text-align: center;
     margin: 28px 0px;
}
 .sustainable-content-box h4 {
     font-weight: 500;
     font-family: Roboto;
     font-size: 24px;
     font-weight: 900;
     line-height: 17px;
     letter-spacing: 0px;
     text-align: center;
     margin-top: 4rem;
}
/* Services Page */
 .bg-light{
    background: rgba(245, 245, 245, 1);
}
/* Ibelt Styles */
 .banner-inner{
    padding-top:6rem;
}
 .creation-textbox h4 {
     font-family: Roboto;
     font-size: 30px;
     font-weight: 600;
     line-height: 40px;
     letter-spacing: 0.20000000298023224px;
     text-align: left;
}
.ibelt-contact::after {
    background: none;
}
 .creation-textbox img {
     margin-top: 2rem;
}
 .ibelt-intro {
     background: rgba(245, 245, 245, 1);
     height: 495px;
     margin-bottom: 9rem;
     padding-top: 43px;
     margin-top: 6rem;
}
 .ibelt-intro .content-right-img img {
     margin-top: -87px;
}
 .co-creation-help {
     background: rgba(245, 245, 245, 1);
     margin-top: 6rem;
     height: 261px;
     margin-bottom: 9rem;
}
 .help-text ul{
    margin-left: 1rem;
}
 .help-text ul li {
     list-style-type: disc;
}
 .help-text {
     padding: 40px;
}
 .help-left-img img{
    margin-top:-2rem;
}
 .card-content-patch {
     background: rgba(0, 94, 184, 1);
     padding: 20px;
}
 .card-content-patch p {
     color: #fff;
}
 .card-content-patch a{
    color:#fff;
    font-size: 14px;
}
 .card-content-patch a span{
    text-decoration: underline;
}
 .card-content-patch a img {
     width: 16px;
     margin-right: 6px;
}
 .matrix-textbox p {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 400;
     line-height: 29px;
     letter-spacing: 0.20000000298023224px;
     text-align: center;
     padding: 2px 57px;
}
 .matrix-textbox h4 {
     font-family: Roboto;
     font-size: 29px;
     font-weight: 600;
     line-height: 26px;
     letter-spacing: 0.20000000298023224px;
     text-align: center;
}
 section.video-ibelt {
     background: rgba(0, 94, 184, 1);
     padding: 50px 0px;
}
 section.video-ibelt iframe {
     border: 8px solid #fff;
}
 section.matrix {
     padding: 5rem 0px;
}
 section.data-process {
     padding: 4rem 0;
}
 .data-process-content h4 {
    /* font-family: Roboto;
     */
     font-size: 24px;
     font-weight: 600;
     line-height: 35px;
     letter-spacing: 0.20000000298023224px;
     text-align: left;
}
 .assessment1 {
     padding: 46px;
}
 .data-process-img img {
     width: 100%;
}
 .data-process-content ul li {
     list-style-type: disc;
     padding: 5px 0px;
}
 .data-process-content p {
     padding-top: 1rem;
}
 .data-process-content ul {
     margin-left: 15px;
}
 section.contact-us {
     background: rgba(0, 94, 184, 1);
     padding: 83px 0px;
     position: relative;
}
 .content-contact-us h4 {
     color: #fff;
     line-height: 48px;
     font-size: 32px;
     font-weight: 500;
     line-height: 47px;
     letter-spacing: 0.20000000298023224px;
     text-align: center;
}
 a.contact-btn {
     border: 1px solid #fff;
     color: #fff;
     padding: 0px 23px;
     display: inline-block;
}
 a.contact-btn i {
     background: #fff;
     color: #005eb8;
     padding: 15px;
     position: relative;
     left: 23px;
}
/* Safety Services*/
section.intro {
    padding: 2px 0px 15px;
    margin: 5rem 0 0.5rem;
    border: 1px solid rgba(217, 217, 217, 1);
}
 .mob-dyk-img{
    display:none;
}
.intro iframe {
    margin-top: -46px;
    width: 70%;
}
 .safeguarding h4 {
     font-family: Roboto;
     font-size: 23px;
     font-weight: 600;
     line-height: 42px;
     letter-spacing: 0.20000000298023224px;
     text-align: center;
     padding-top: 2rem;
}
 .safeguarding p {
     padding: 0px 170px;
}
 .heading-dyk h4 {
     font-size: 34px;
     font-weight: 400;
     line-height: 71px;
     letter-spacing: 0.20000000298023224px;
     text-align: center;
}
 .dyk {
     background: url(../../assets/images/services/safety-services/did-you-know.png);
     background-size: contain;
     background-repeat: no-repeat;
     background-position: right;
     border: 1px solid rgba(217, 217, 217, 1);
}
 .dyk h3 {
     font-family: Roboto;
     font-size: 27px;
     font-weight: 400;
     line-height: 33px;
     letter-spacing: 0.20000000298023224px;
     text-align: left;
}
 .dyk-content p {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 400;
     line-height: 25px;
     letter-spacing: 0.20000000298023224px;
     text-align: left;
}
 .dyk-content ul {
     margin-left: 21px;
     margin-bottom: 16px;
}
 .dyk-content {
     padding: 20px 0;
}
 .dyk-content ul li {
     list-style-type: disc;
}
 .right-content h5 {
     font-family: Roboto;
     font-size: 23px;
     font-weight: 500;
     line-height: 47px;
     letter-spacing: 0.20000000298023224px;
     text-align: left;
}
 .right-content h4 {
     font-size: 29px;
     font-weight: 400;
     line-height: 34px;
     letter-spacing: 0.20000000298023224px;
     text-align: left;
     color: rgba(0, 94, 184, 1);
}
 .right-content ul li {
     list-style-type: disc;
}
 .right-content ul {
     margin-left: 15px;
}
.right-content {
    padding: 26px 20px 0px;
}
 .overcoming-industry-challenges {
     margin-top: 40px;
     border: 1px solid rgba(217, 217, 217, 1);
}
section.global-support {
    padding: 20px 0px 50px;
}
 .global-support_intro h5 {
     font-size: 26px;
     font-weight: 400;
     line-height: 53px;
     letter-spacing: 0.20000000298023224px;
     text-align: center;
}
 .global-support_intro h4 {
     font-size: 28px;
     font-weight: 400;
     line-height: 45px;
     letter-spacing: 0.20000000298023224px;
     text-align: center;
}
 .global-support_intro p {
     font-size: 17px;
     font-weight: 400;
     line-height: 29px;
     letter-spacing: 0.20000000298023224px;
     text-align: center;
     padding: 6px 54px;
}
 .service-box {
     background: #005eb8;
     height: 280px;
     margin-top: 65px;
	 position: relative;
}

 .service-box-img {
     background: rgba(245, 245, 245, 1);
     text-align: center;
     top: -60px;
     /*margin: -114px 94px 20px;*/
	 left: 0;
     right: 0;
     margin: 0 auto;
     border-radius: 100%;
     padding: 20px 20px 0px;
     position: absolute;
     height: 125px;
	 width: 125px;
}
 .service-content-box {
     padding-top: 77px;
}
 .service-content-box h4 {
     text-align: center;
     color: #fff;
     font-size: 22px;
     font-weight: 500;
     line-height: 32px;
     letter-spacing: 0.20000000298023224px;
     text-align: center;
}
 .service-content-box ul {
     margin-left: 71px;
     margin-top: 20px;
     margin-right: 23px;
}
 .service-content-box ul li {
     color: #fff;
     list-style-type: disc;
     padding: 5px 0px;
     font-size: 14px;
}
.service-box-img img, img.serv-img-01, img.serv-img-02 {
    width: 60px;
    margin: 12px;
}
 .service-box-img img {
     /*width: 67px;*/
}
 img.serv-img-01 {
     /*width: 131px;
     padding: 0px 0px;*/
}
 img.serv-img-02 {
     /*width: 80px;
     padding: 15px 0px;*/
}
 .dyk-content h4 {
     font-family: Roboto;
     font-size: 20px;
     font-weight: 600;
     line-height: 23px;
     letter-spacing: 0.20000000298023224px;
     text-align: left;
}
 .dyk-content h5 {
    /* font-family: Roboto;
     */
     font-size: 21px;
     font-weight: 500;
     line-height: 26px;
     letter-spacing: 0.20000000298023224px;
     text-align: left;
     color: rgba(0, 94, 184, 1);
}
 .dyk-content a {
     background: rgba(0, 94, 184, 1);
     color: #fff;
     padding: 9px 22px;
     display: inline-block;
    margin: 0.2rem 0;
}
 a.fom i {
     padding-left: 20px;
}
 .stick-request a {
     padding: 12px 25px;
     width: 24%;
     margin: 1rem 10px;
}
 .content-contact-us::after {
     content: "";
     background: url(../images/services/safety-services/request-a-free.png);
     position: absolute;
     right: 0;
     z-index: 9999;
     height: 367px;
     width: 314px;
     background-repeat: no-repeat;
     bottom: -2px;
     background-position: center;
     background-size:contain;
}
 .ibelt-contact::after {
     background:none position: absolute;
     right: 0;
     z-index: 9999;
     height: 261px;
     width: 350px;
     background-repeat: no-repeat;
     bottom: -2px;
     background-position: center;
     background-size: contain;
}
/* Media Events */
 .banner-media {
     background: url(../images/media/banner.png);
     background-size: cover;
     padding: 9rem;
     background-position: center;
}
/*
 .banner-text {
     color: #fff;
     margin-top: 32px;
}


.banner-text {
    color: #fff;
    margin-top: 7rem;
    margin-bottom: 4rem;
}*/
 .media-heading h3 {
     font-family: Roboto;
     font-size: 42px;
     font-weight: 400;
     line-height: 59px;
     letter-spacing: 0.20000000298023224px;
     text-align: center;
}
 section.media_events {
     padding: 3rem 1px;
}
.row-flex {
  flex-wrap: wrap;
}
.row-flex [class*="col-"] {
  margin-bottom: 30px;
}
.media-box {
	height: 100%;
}
 .media-box {
     background: rgba(241, 242, 243, 1);
     padding: 0px;
	 border-bottom-left-radius: 15px;
	 border-bottom-right-radius: 15px;
     margin: 1rem 0;
	/* min-height: 420px;*/
    position: relative;
}
.media-box .media-img img{width:100%;}
.media-box .media-img .media-date{
	position: absolute;
    top: 20px;
    width: 100%;
}
.media-box .media-description{
	padding: 20px;
}
.media-box p a{
     font-size: 20px;
     font-weight: 400;
     line-height: 1.2;
     letter-spacing: 0px;
     text-align: left;
     margin-top:0px;
	 color:var(--black);
}
.media-box p a:hover{
	color:var(--blue);
}
 span.tag {
     background: #333;
     color: #fff;
     position: relative;
     padding: 5px 25px;
}
 span.date.pull-right {
     float: right;
     width: 38%;
     font-size: 13px;
	 text-align: right;
}
 .readmore a {
     color: rgba(0, 94, 184, 1);
     font-size: 14px;
     font-weight: 400;
	 padding: 0 10px 0 0;
}
 .readmore a:hover{
	 color:var(--white);
	 font-weight: 400;
 }
 .readmore {
	 position: absolute;
     bottom: 10px;
}
 .readmore i {
     background: #005eb8;
     color: #fff;
     padding: 7px 8px;
     font-size: 11px;
     margin-right: 5px;
}
 section.support {
     background: #f1f2f3;
     padding: 2rem 0;
}
 .support_011 {
     text-align: center;
}
 .support-img {
     height: 90px;
}
 .support_011 img {
     width: 63px;
}
 .support_011 h5 {
     font-size: 17px;
     font-weight: 500;
     line-height: 28px;
     letter-spacing: 0.20000000298023224px;
     text-align: center;
}
/* End Media Events */




/*Shraddha Updated CSS*/

.pulse {
     -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,.4);
    box-shadow: 0 0 #f0606066;
    -webkit-animation: pulseShadow 4.5s infinite cubic-bezier(.66,0,0,1);
    -ms-animation: pulseShadow 4.5s infinite cubic-bezier(.66, 0, 0, 1);
    animation: pulseShadow 4.5s infinite cubic-bezier(.66,0,0,1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

/* pulseShadow */
.pulse-shadow {
  -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0.4);
          box-shadow: 0 0 0 0 rgba(255,255,255,0.4);

  -webkit-animation: pulseShadow 4.5s infinite cubic-bezier(0.66, 0, 0, 1);
      -ms-animation: pulseShadow 4.5s infinite cubic-bezier(0.66, 0, 0, 1);
          animation: pulseShadow 4.5s infinite cubic-bezier(0.66, 0, 0, 1);

  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.pulse:hover .pulse-shadow {
  -webkit-animation: none;
  animation: none;
}

@-webkit-keyframes pulseShadow {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
  }
  23.3333% {
    -webkit-box-shadow: 0 0 0 29px rgba(255, 255, 255, 0);
  }
  26.7333% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
  26.8% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  53.3333% {
    -webkit-box-shadow: 0 0 0 36px rgba(255, 255, 255, 0);
  }
  53.4% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
  53.4667% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  80% {
    -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
  }
  80.1% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

@-ms-keyframes pulseShadow {
  0% {
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
  }
  23.3333% {
    -ms-box-shadow: 0 0 0 29px rgba(255, 255, 255, 0);
  }
  26.7333% {
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
  26.8% {
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  53.3333% {
    -ms-box-shadow: 0 0 0 36px rgba(255, 255, 255, 0);
  }
  53.4% {
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
  53.4667% {
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  80% {
    -ms-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
  }
  80.1% {
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

@keyframes pulseShadow {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
  }
  23.3333% {
    box-shadow: 0 0 0 29px rgba(255, 255, 255, 0);
  }
  26.7333% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
  26.8% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  53.3333% {
    box-shadow: 0 0 0 36px rgba(255, 255, 255, 0);
  }
  53.4% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
  53.4667% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  80% {
    box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
  }
  80.1% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

.slider .slick-arrow.slick-next {
    left: -60px;
}
.slick-slider .slick-arrow.slick-prev{
	left: auto !important;
}
.slider-for .slick-arrow.slick-prev{
	left: -108px !important;
}
.slick-arrow.slick-prev {
    left: -108px !important;
}

.slider .slick-arrow {
    bottom: -2px !important;
    top: inherit;
}

.slick-slider ul.slick-dots li button {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    margin: 0px 2px;
    border-radius: 20px;
}

.flip-card-front img {
    width: 69%!important;
}

.slider-solution .slick-arrow.slick-next{left:inherit!important;}

.inside-omron-slider-text i {
    color: rgba(0, 94, 184, 1);
    background: #fff;
    padding: 2px 3px;
    margin-right: 3px;
}
.slider-solution .card-img{border:none;}

.card-img {
    width: 100%;
    border-radius: calc(0.25rem - 1px);
    height: 343px;
    vertical-align: middle;
    border: 1px solid #ddd;
}

.img-name {
    padding: 15px;
    font-weight: 500;
    color: #505050;
}

.bd-0{border:0;}
.blog-innerlist p {
    font-weight: 300;
    margin: 20px 0px;
}
.onsite p a{text-decoration:none;}

.media_01 .banner-text {
    color: #fff;
    margin-top: 12rem;
    margin-bottom: 4rem;
}


/* Our Value Production Facilities */
.our-value-banner-text{position: absolute;bottom: 0px;width: 100%;}
.our-value-title{}
.our-value-title h4{font-size: 34px;font-weight: 400;line-height: 1.5;margin-bottom: 3rem;}
.our-value-title h5{}
.our-value-title h4 img{width: 200px;}
.our-value-title p{font-size: 18px;font-weight: 400;line-height: 1.8;}
.our-value, .factory{border:1px solid #4C4C4C;margin-bottom: 3rem;}
.our-value ul{}
.our-value ul li{display: table-cell;vertical-align: middle;}
.our-value ul li:nth-child(2){width:40%;background:var(--blue);padding-left: 8rem;}
.our-value ul li:nth-child(1){}
.our-value ul li h4{color:var(--white);margin-bottom: 2rem;}
.our-value ul li a{border: 1px solid var(--white);padding: 8px 0px 8px 10px;color: var(--white);}
.our-value ul li a i{background: var(--white);color: var(--blue);padding: 10px 15px;margin-left: 10px;}
.our-value ul li a:hover{background:var(--white);color:var(--blue);}
.our-value ul li img{}
.order-right{background:var(--blue);}
.order-right ul{display:flex;}
.order-right ul li{}
.order-right ul li:nth-child(2){order:1;align-self: center;}
.order-right ul li:nth-child(1){order:2;}				
.factory{}
.factory ul{}
.factory ul li, .ayabe-factory-address ul li{display: table-cell;vertical-align: middle;}
.factory ul li:nth-child(1),
.ayabe-factory-address ul li:nth-child(1){width:30%;}
.factory ul li:nth-child(2),
.ayabe-factory-address ul li:nth-child(2){padding-left: 1.5rem;padding-right: 1.5rem;}
.factory ul li img{}
.factory ul li h5{margin-bottom: 1.5rem;}
.factory ul li p{}
.ayabe-factory-address{border:0;background: #F1F2F3;}
.ayabe-factory-address h3{border-bottom: 0.5px solid var(--black);margin-bottom: 20px;padding-bottom: 10px;}
.ayabe-factory-address h5{font-size: 18px;}
.ayabe-factory-address p{font-size: 16px;}
.h30{height:30px;display: block;}
/* Our Value Production Facilities */

/* Our Vision */
section.banner-vision.banner-inner {padding: 36rem 0 0;}
.banner-vision{background:url(../images/our-value/banner.png);background-size: cover;}
.vision-patch h3 {font-size: 38px;font-weight: 600;padding: 0px 93px;}
.vision-patch {padding:20px 0px;}
.vision-content-box {width: 82%;margin: 0 auto;} 
.vision-content-box p {padding: 21px 0px 0;line-height: 30px;font-size: 18px;}
.vision-content-box ul li {list-style-type: disc;padding: 17px 0px;font-size: 18px;}
.vision-content-box ul {margin-left: 20px;}
.Visiontext_first{background: rgba(241, 242, 243, 1);padding: 1rem 4rem;}
.img-rounded img {width: 200px;margin-bottom: 0;}
.img-rounded {position: relative;top: 85px;text-align: center;}
.tiled-content h4 {height: 75px;margin: 29px 0px 15px;vertical-align: middle;font-family: Roboto;font-size: 26px; font-weight: 900;line-height: 34.19px;color: rgba(0, 94, 184, 1);}
.tiled-content {text-align: center;padding: 75px 0 30px;border: 1px solid #555;}
a.tile-text i {margin-right: 10px;background: #005eb8;padding: 6px 7px;color: #fff;font-weight: 300;font-size: 11px;position: relative;bottom: 2px;}
a.tile-text {color: rgba(14, 14, 14, 1);font-weight: 600;}
.tiled-content:hover{ background: #005eb8;}
.tiled-content:hover.tiled-content h4 {color: #fff !important;}
.tiled-content:hover.tiled-content p{color: #fff !important;}
.tiled-content:hover a.tile-text{color:#fff;}
.tiled-content:hover a.tile-text i{color:#005eb8;background:#fff;font-weight:600;}
.vision_tiled-box {margin-top: 0px;}
.empowering-people-content {padding: 40px;background: rgba(241, 242, 243, 1);margin: 3rem 0;border: 1px solid rgba(76, 76, 76, 1);}
.empowering-people-content h5 {font-weight: 400;font-size: 16px;}
.empowering-people-content h4 {line-height: 45px;font-size: 27px;margin-bottom: 0;}
.empowering-people-content p {padding: 9px 35px;}
/* Our Vision */

/* Value */
section.banner-value.banner-inner {padding: 43rem 0 0;}
.banner-value{background:url(../images/our-value/banner-value.png);background-size: cover;}
.value-content-box {width: 95%;margin: 0 auto;}
.value-content-box .tiled-content {padding: 5rem 40px 30px;}
.value-content-box .tiled-content{}
.value-content-box .tiled-content:hover .tiled-content p{color:#fff;}
.value-content-box  .tiled-content h4{height:auto;line-height: normal;}
.mob-value-banner{display:none;}
.value-title-hight{height:65px !important;}
/* Value */

/* Training */
.schedule-box {
    background: rgba(241, 242, 243, 1);
}
.select_first .img-icon{
    float: left;
    width: 47px;
    padding: 11px 11px 13px;
    background: #005eb8;
    color: #fff;
}

.select_first .img-icon2 {
    float: left;
    width: 47px;
    padding: 14px 14px 9px;
    background: #005eb8;
    color: #fff;
}
.dropdown_btn1, .dropdown_btn2,.dropdown_btn3 {
    display: none;
}

.scheduled_dropdown {
    background: #fff;
    padding: 0px 0 22px;
    margin: 18px;
}

.scheduled_dropdown i.fa.fa-chevron-down {
    text-align: right;
    float: right;
    padding: 13px;
}
.scheduled_dropdown span {
    padding: 10px 15px;
    line-height: 44px;
}

.scheduled_dropdown {
    background: #fff;
    padding: 0px 0 4px;
    margin: 18px;
    color: rgba(76, 76, 76, 1);
}

.dropdown_btn1, .dropdown_btn2, .dropdown_btn3 {
    position: absolute;
    background: #fff;
    right: 0;
    left: 0;
    margin: 0px 33px;
    transition: all ease 0s;
    z-index:9;
}
.scheduled_dropdown ul li a {
    display: block;
    color: rgba(76, 76, 76, 1);
    font-size: 14px;
    padding: 7px 64px;
}


section.schedule_training {
    padding: 15px 0px 30px;
}

section.schedule_training h5 {
    font-size: 25px;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
}
.schedule-content {
    margin: 17px 29px;
}

.schedule-content h5 {
    font-size: 19px;
    font-weight: 500;
    line-height: 28.13px;
    text-align: left;
    color: rgba(0, 94, 184, 1);
}

.schedule-content p {
    font-family: Roboto;
    font-size: 17px;
    text-align: left;
}

.record_box {
    border: 1px solid #4c4c4c;
    padding: 22px;
    margin: 20px 0px;
}

ul.schedule-record-list li a i {
    background: #005eb8;
    color: #fff;
    padding: 7px;
    font-size: 10px;
    margin-right: 5px;
}
ul.schedule-record-list i{
	font-size: 16px;
    margin-right: 15px;
}
ul.schedule-record-list i.fa-clock-rotate-left{
	transform: scaleX(-1);
}
ul.schedule-record-list img {
    width: 9%;
    margin-right: 6px;
}
.readmore.bottom-0{
	bottom:0;
}
.schedule-content a i {
    margin-right: 17px;
    font-weight: 300;
}

.schedule-content a {
    color: rgba(0, 0, 0, 1);
    font-weight: 400;
}

.schedule-record-list li {
    color: #000;
    padding: 9px 0px;
    font-size: 14px;
}

ul.schedule-record-list li a {
    color: #000;
}

/* Training */

/* About Us */
.gray-gradient{background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(245,245,245,1) 10%, rgba(245,245,245,1) 90%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);}
.gray-bg{background:var(--gray);}
.about-us{}
.about-us img{}
.about-us h3{color:var(--blue);font-weight: 800;font-size: 1.5rem;}
.about-us p{}
.about-us a, .about-work-round a, .about-contact a, .viewall-btn a, .request-a-call-back button, .general-inquiry button, .solution-btn{background:var(--blue);font-weight:500;}
.about-us a:hover, .about-work-round a:hover, .about-contact a:hover, .viewall-btn a:hover, .solution-btn:hover{color:var(--white);}
.i-autom{}
.i-autom:before,
.i-autom:after{content:'';display:block;height:400px;width: 140px;position: absolute;}
.i-autom:before{background: url(../images/about-us/big-left-arrow.svg) no-repeat left center;background-size: 140px;left: 0;right: auto;top: 0;bottom: 0;margin: auto;}
.i-autom:after{background: url(../images/about-us/big-right-arrow.svg) no-repeat left center;background-size: 140px;left: auto;right: 0;top: 0;bottom: 0;margin: auto;}
.about-auto{}
.about-auto img{width: 35%;margin: 1rem 0;}
.integrated{margin-top: 1rem;}
.integrated img{width: 50%;}
.integrated ul{Position:absolute;top: 45%;left: 0;right: 0;margin: 0 auto;}
.integrated ul li{display: inline-block;padding: 0 3.2rem;}
.integrated ul li p, .about-digital ul li p{margin-bottom:0;font-weight: 500;font-size: 1.2rem;}
.about-digital{margin-top: 2rem;}
.about-digital ul{}
.about-digital ul li{display: inline-block;background: url(../images/about-us/left-arrow.svg) no-repeat left center;padding: 1rem 3rem;background-size: 32px;margin-left: 5rem;margin-bottom: 1rem;}
.about-digital ul li p{}
.about-auto .readmore{position: relative;}
.about-auto .readmore a{color:var(--black);padding: 0px 15px 0px 0px;vertical-align: middle;display: inline-block;box-shadow: 0 0 0 1px #000;font-weight: 400;}
.about-auto .readmore a:hover{color:var(--white);}
.about-us-media{min-height: 380px;}
.about-auto.more_news {margin: 45px 0px;}
.about-work{background: rgb(0,94,184);
background: linear-gradient(90deg, rgba(0,94,184,1) 0%, rgba(0,94,184,1) 25%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 100%);padding: 5rem 0;}
.about-work:after{content:'';display:block;background:url(../images/about-us/crain-bg.png) no-repeat right;height: 550px;background-size: 100%;position: absolute;width: 550px;right: 0;top: 0;left: auto;bottom: 0;margin: auto;}
.about-work-round{width: 400px;height: 400px;text-align: center;background: #fff;border-radius: 50%;box-shadow: 1px 2px 0 0 #d7d7d7;margin: 0 auto;display: table-cell;vertical-align: middle;}
.about-work-round h4, .about-contact h4{margin-bottom: 1.5rem;}
.about-principles{background:var(--white);border-radius:20px;box-shadow: 5px 5px 8px 1px #e5e5e5;width: 80%;
margin: 0 auto;min-height: 435px;}
.about-principles img{width: 180px;margin-left: 2rem;padding: 2rem 0;}
.about-principles .our-mission{margin-bottom:1.5rem;}
.about-principles .our-mission span{background: var(--blue);padding: 5px 20px;color: var(--white);}
.about-principles h6{color:var(--blue);}
.principles-line{position: absolute;top: 90px;left: 30px;}
.principles-line img{width: 96%;}
.about-principles ul{text-align: left;padding: 0 30px;}
.about-principles ul li{}
.about-principles ul li h6{margin-bottom: 0;}
.about-principles ul li p{font-size: 0.9rem;}
.pb-7{padding-bottom: 7rem !important;}
.life-omron-img .slick-slide img{width:100%;}
.life-omron-img .slick-arrow.slick-prev,
.life-omron-img .slick-arrow.slick-next{position: absolute;bottom: 0;top: auto;left: 0;right: 0;margin: -40px auto;}
.life-omron-img .slick-arrow.slick-prev{left: 20px !important;}
.life-omron-img .slick-arrow.slick-next{right: -40px !important;}
/* About Us */

/* Contact Us */
.contact-address{}
.address-box{padding: 1.5rem;border-radius: 20px;border: 1px solid #a5a5a5;min-height: 270px;margin-bottom: 1.8rem;}
/*.address-box:hover{box-shadow: 4px 4px 0px 3px #005eb8;}*/
.address-minh{min-height: 210px;}
.contact-address .col-md-4:nth-child(odd) .address-box{background: var(--blue);}
.contact-address .col-md-4:nth-child(even) .address-box{background:var(--white);}
.contact-address .col-md-4:nth-child(odd) .address-box h5,
.contact-address .col-md-4:nth-child(odd) .address-box p,
.contact-address .col-md-4:nth-child(odd) .address-box p a{color:var(--white);}
.address-box h5, .address-box p{margin-bottom: 2rem;}
.address-box p{font-size: 15px;line-height: 1.6;}
.address-box p:nth-child(3){margin-bottom:5px;}
.address-box p:last-child{margin-bottom:0;}
.address-box p a{color:var(--black);}
.address-note{}
.address-note h6{margin-bottom: 0;font-style: italic;font-size: 12px;}
/* Contact Us */
/* Innovation Labs & Automation Centre */
.ilac-select{}
.ilac-select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  outline: 0;
  background: none;
  color: inherit;
  box-shadow: none;
}

.ilac-select select::-ms-expand {
  display: none;
}

/* Custom Select wrapper */
.ilac-select {
  position: relative;
  display: flex;
  width: 90%;
  background: var(--white);
  border-radius: 0;
  overflow: hidden;
  margin:15px auto;
}
.ilac-select i{
	background:var(--blue);
	width: 60px;
    color: #fff;
    text-align: center;
    display: block;
    align-self: center;
    padding: 16px 0;
    font-size: 24px;
}
.ilac-select select {
  flex: 1;
  padding: 1em;
  cursor: pointer;
}
.ilac-select::after {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  right: 1rem;
  top: 1rem;
  transition: 0.25s all ease;
  pointer-events: none;
}

.ilac{border: 1px solid #4C4C4C;padding:10px;width: 100%;margin-bottom: 15px;}
.ilac ul li{display:table-cell;vertical-align: middle;}
.ilac ul li:first-child{background:var(--blue);width:33%;text-align: center;padding: 4rem 0;}
.ilac ul li:first-child p{color:var(--white);margin-bottom:0;font-weight:900;font-size:22px;line-height: 1.4;}
.ilac ul li:last-child p{margin-left:3rem;margin-bottom:0;}
.ilac ul li p{font-weight:400;font-size:18px;}
.training-records .ilac:nth-child(odd){}
.training-records .ilac:nth-child(even){background: #F1F2F3;}
/* Innovation Labs & Automation Centre */

/* Management Team */
.md_desk{
	background: rgb(0,94,184);
background: linear-gradient(90deg, rgba(0,94,184,1) 0%, rgba(62,133,201,1) 77%, rgba(255,255,255,1) 77%, rgba(255,255,255,1) 100%);
}

section.banner-mt .left-banner-text h3 {
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    padding: 7px;
}
.about_md h3 {
    color: #fff;
    font-size: 40px;
    margin-bottom: 30px;
}
.about_md h5 {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
	margin-bottom:30px;
}
.about_md p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
}

.md-img img {
	
}
.mt-card {
    box-shadow: 4px 9px 7px 2px #f3f0f0;
    padding: 18px;
    min-height: 380px;
    margin-top:25px;
	margin-bottom: 2rem;
}
h4.mt_title {
    color: #005eb8;
    font-size: 20px;
    font-weight: 700;  
    padding-top: 20px;
    margin-bottom: 20px;
}

h6.profile {
    font-size: 14px;
    font-weight: 400;
    margin-bottom:20px;
    color: rgba(76, 76, 76, 1);
	min-height: 35px;
}
.contact-info{}
.contact-info ul{}
.contact-info ul li{display:block;}
.contact-info ul li span{display: table-cell;word-break: break-all;vertical-align: middle;}
.contact-info ul li span i{background:var(--blue);color:var(--white);width: 25px;height: 25px;text-align: center;border-radius: 50%;padding: 5px 0;margin-right: 5px;font-size: 14px;}
.contact-info ul li span p{margin-bottom:0;}
.contact-info ul li:first-child{margin-bottom:10px;}
.contact-info a {
    font-size: 14px;
    font-weight: 400;
    color: var(--black);
	margin-bottom: 15px;
}
.contact-info a:hover{color:var(--blue);}

.contact-info a:last-child {
	margin-bottom:0;
}

.contact-info img {
    width: 22px;
    margin-right: 8px;
}


section.mt_members {
    margin-top: 2rem;
}

/* Management Team */

.slider-solution .text_card {
    padding: 2rem 0 1rem;
}

/* Request A Call Back */
#request-a-call-back h5.modal-title{color:var(--blue);font-size: 38px;}
#request-a-call-back .modal-header{border-bottom:0;}
#request-a-call-back .modal-body{padding: 1rem 2rem;}
#request-a-call-back .modal-content{border-radius:0}
.request-a-call-back{padding-bottom: 2rem;}
.request-a-call-back input, .request-a-call-back textarea, .general-inquiry input, .general-inquiry select, .general-inquiry textarea{border: 1px solid #e0e0e0;margin-bottom: 0.8rem;    font-size: 16px;font-weight: 300;color:#828282;}
 .request-a-call-back textarea{resize:none;}
.request-a-call-back input{height:43px;}
.form-group .palceholder {
  position: absolute;
  top: 10px;
  padding-left: 10px;
  display: none;
}
.form-group label {
     font-size: 16px;
    font-weight: 300;
  color:#828282;
}
.form-group label.form-check-label{
	font-size:12px;
	line-height: 1.4;
	padding-left: 10px;
}

.request-a-call-back .datepicker input{border-right:0;}

.datepicker table tr td.today {
    color: var(--white) !important;
    background-color: var(--blue) !important;
    border-color: var(--blue) !important;
    border-radius: 0;
}
/*.datepicker table tr td, .datepicker table tr th,
.datepicker table tr td span{
	border: 1px solid var(--blue) !important;
}
.datepicker table tr td.day:hover, .datepicker table tr td.focused,
.datepicker table tr td span.focused, .datepicker table tr td span:hover {
    background: var(--blue) !important;
    cursor: pointer;
    color: var(--white) !important;
}
.datepicker table tr td, .datepicker table tr th,
.datepicker table tr td span{
	border-radius:0 !important;
}
.datepicker.dropdown-menu{border:0 !important;padding: 0 !important;}*/

.request-a-call-back .form-check input[type=checkbox],
.general-inquiry .form-check input{
	width: 20px;
    height: 20px;
    margin-top: 0;
	border-radius:0;
}
.form-group .star {
  color: #ff0000;
}
.request-a-call-back .input-group-append .input-group-text{background:transparent;}
.trm-pp{padding-left: 45px;}
.trm-pp ul{}
.trm-pp ul li{display:inline-block;line-height: 0.8;padding-right: 5px;}
.trm-pp ul li a{font-size: 12px;color:var(--blue);font-weight: 300;}
.trm-pp ul li a:hover{text-decoration:underline;}
.trm-pp ul li:first-child{border-right:1px solid #000;}
.request-a-call-back button, .general-inquiry button{font-size: 20px;font-weight: 400;padding: 1rem 4rem;border-radius: 5px;}
#request-a-call-back .close{position:absolute;top: 15px;right: 15px;background: var(--blue);padding: 10px 15px;opacity: 1;color:var(--white);}
/* Request A Call Back */
.general-inquiry{}
.general-inquiry label.form-check-label{font-size:16px;line-height: 1.4;padding-left: 5px;font-weight: 400;}
.general-inquiry input, .general-inquiry select, .general-inquiry textarea {font-weight: 400;color: #444;}