body {
  font-family: 'arimoregular', Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 1.5;
  text-align: left;
  margin:0;
}
.swiper {
  width: 100%;
  height: 100%;
}

.offline-card {
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.05);
  box-shadow: 0 10px 20px rgba(0,0,0,.05);
  margin: 60px auto;
  max-width: 30em;
  width: 100%;
  padding:40px!important;
}

hr {
  border: 0;
  border-top: 1px solid #ddd;
  width: 100%;
  float: left;
}
.h1, h1 {
  font-size: 140%;
  color: #333;
  font-weight:600;
  margin-top:0;
}

.h2, h2, .h4, h4 {
  font-size: 120%;
  font-weight: 600;
  margin-top:0;
}

.h3, h3{
  font-size: 100%;
  font-weight: 600;
  margin-top:0;
}

a {color: #222;transition: color 100ms, background-color 100ms;cursor: pointer;}

a:hover, a:focus, a:active{text-decoration:none;color:#0091dc;}

.form-control{
  padding-left:10px;
  color:#495057;
  font-family: inherit;
  background-color:#fff;
  background-clip:padding-box;
  border:1px solid #aeabab;
  border-radius:.25rem 0 0 .25rem;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}

.input-group .js-finder-search-query.form-control {
  width: 83%;
  line-height: 23px !important;
}

#sp-slide h1{font-size:125%;}

#sp-component .input-group .form-control {
  width: 30%;
  line-height: 40px !important;
}

#sp-product1 .sp-module,#sp-product2 .sp-module{margin:10px 0;background:#061c45;text-align:center;color:#fff;}
#sp-product1 .sp-module a,#sp-product2 .sp-module a{color:#fff;}
#sp-product1 .sp-module:hover,#sp-product2 .sp-module:hover{background:#047ebe;}
#sp-product1 .sp-module img,#sp-product2 .sp-module img{max-width:85px;margin: 10px 0 10px 0;}
#sp-product1 .sp-module img:hover,#sp-product2 .sp-module img:hover{
  transform: scale(1.05);
  -o-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -webkit-transition: all 0.5s;
}

#sp-slider .sp-module img:hover,#sp-slider1 .sp-module img:hover{
  transform: scale(1.008);
  -o-transform: scale(1.008);
  -webkit-transform: scale(1.008);
  -ms-transform: scale(1.008);
  -moz-transform: scale(1.008);
  -webkit-transition: all 0.5s;
}

#sp-slider .sp-module img{-webkit-transition: all 0.5s;}

#sp-slider{padding:0;}
#sp-slider1{padding-right:0;padding-left:6px;}

#sp-slogan p{margin:0;color:#818283;font-weight:600;}

#sp-product1 .sp-module p,#sp-product2 .sp-module p{margin-bottom:0;}

.home-products .category-col-list{width:100%;float:left;}

.home-products .category-list-layout{
  border: 1px solid #bbb;
  margin-bottom: 10px;
  float: left;
  width: 24%;
  -webkit-transition: all 0.2s;
  font-size: 16px;
  text-align: center;
  padding:5px;
  margin-right:1.32%;
}

.home-products .category-list-layout-image {
  padding-bottom: 10px;
  float: left;
  width: 100%;
}

.home-products .category-list-layout a{color:#333;font-weight:600;}

.home-products .category-list-layout:last-child{margin-right:0;}

.home-products .category-list-layout:hover{background:#eee;}

#sp-top-bar {
  color: #333;
  height:auto;
  font-size: 90%;
  background: linear-gradient(to bottom, #fff 0,#ccc 100%);
}

#sp-top-bar p{margin-bottom:0;}

#sp-top1{
  padding: 10px 5px 10px 20px;
  flex: 0 0 48%;
  max-width: 48%;
  }

#sp-top2{
  text-align: right;
  flex: 0 0 14%;
  max-width: 14%;
  padding: 10px 5px;}

#sp-language{
  text-align: right;
  flex: 0 0 8%;
  max-width: 8%;
  padding: 10px;}

.container {
  width: 100%;
  padding: 0 3%;
  margin-right: auto;
  margin-left: auto;
}

#sp-header{background:#fff;padding:20px 0;}
#sp-logo{max-width: 23.5%;}
.logo-image{width:291px;}
#sp-mainmenu{max-width: 76%;}

#sp-mainmenu{display: inline;top:10px;}
#sp-mainmenu .dj-megamenu-wrapper{float:right;}

#sp-addspace{
  padding-top: 6px;
  flex: 0 0 28%;
  max-width: 28%;}

.btn {
  border-color:#777;
  background: #777;
  margin-left: 1px;
  font-size: 14px;
  line-height: 1.8;
  color: #fff;
}

.btn-info{border-color:transparent!important;}

#sp-header.header-sticky {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height:95px;
  padding-top:10px;
  animation: spFadeInDown 0.5s;
  border-bottom:5px solid #aaa;
}

#sp-header .process-bar{background:#0091dc;height:5px;width:0%;transition: width 1.2s ease;margin-top: 13px;}

#sp-banner{margin-top: 1px;}

#sp-banner p{margin:0;}

.breadcrumb {
  list-style: none;
  display: flex;
  margin-bottom: 0;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  padding: 3px 0 3px 0;
  white-space: nowrap;
  overflow: hidden;
  margin-top:5px;
}

#sp-brief-introduction {margin-top: 10px;}

#sp-main-body{margin:10px 0;}

#sp-bottom {padding: 0 8px;}

#sp-bottom1, #sp-bottom2, #sp-bottom3 {border: 1px solid #ddd;}

#sp-bottom .col-lg-4 {max-width: 32.8%;}

#sp-bottom2 {margin: 0 0.8%;}

#sp-bottom .sp-module-title {
  color: #333;
  padding: 10px 0 8px 0;
  font-size: 120%;
  font-weight: 600;
}

.jt-inner a {color:#0091dc!important;font-weight:600;}
.jt-author-date{font-size:12px;}

#sp-footer{font-size:14px;background:#f2f3f5;margin-top:10px;border-top: 2px solid #0091dc;}

#sp-footer .airflex-logo{width:150px;padding-right:30px;}

#sp-footer ul{list-style: none;}

dl, ol, ul {
  margin-top: 0;
  margin-bottom: 1rem;
  margin-right: 0;
  padding: 0;
  list-style: none;
}

#sp-footer ul.menu{
  list-style: none;
  padding-top: 20px;
  display: inline-block;
}

#sp-footer ul.menu li{display:inline-block;}

#sp-footer ul.menu li:hover {text-decoration: underline;}

#sp-footer ul.menu li a {
  padding-right: 15px;
  border-right: 1px solid #aaa;
}

#sp-footer ul.menu li a:last-child{
  border-right: none;
}

#sp-footer2{text-align:right;}

.category-blog .page-header h2,.category-list .page-header h2 {font-weight:600;font-size: 14px;}

.category-blog .category-image,
.category-list .category-image{
    float: right;
    padding: 10px;
    border: 1px #ddd solid;
    box-shadow: 1px 2px 2px #ddd;
    border-radius: 0 0 2px 2px;
    margin-left: 8px;
    text-align:center;
}

.category-blog .category-image img,
.category-list .category-image img{
    width:200px
}

.category-blog .category-desc{
    float: left;
    padding-bottom: 20px;
    width: 100%;
}

.category-blog .category-documents {
  width: 38.5%;
  float: left;
  font-size: 14px;
  margin-left: 2.5%;
}

.category-list .category-documents {
  width: 17%;
  float: left;
  font-size: 14px;
  margin-left: 2.5%;
}

.category-blog .category-doc,
.category-list .category-doc{
    width: 100%;
    float: left;
    color: #0091dc;
    padding: 20px 0;
    border-bottom: 1px solid #0091dc;}

.category-blog .category-doc a,
.category-list .category-doc a{color: #0091dc;}

.category-blog .category-list-layout-image{
    float:left;
    border: 1px solid #ddd;
    margin:10px 4% 10px 1.5%;
    padding:5px;
    width:32%;
    text-align: center;
}
.category-blog .category-col-list ol{padding-top:10px;width: 62%;float: left;margin-bottom: 10px;}

.category-list .technicaldata h3,.category-blog .technicaldata h3{padding: 15px 0 0 0;display: inline;font-size: 100%;}
.category-blog .technicaldata{margin-bottom:10px}

.category-list .button-rohs-compliant{float: left;width:14%;margin-top: 10px; font-size:14px;margin-left:1.5%}

.category-list .optional-release-sleeve-title {
  font-weight: 600;
  text-align: center;
  width:100%;
  float:left;
}

.category-list .optional-release-sleeve {
  width: 100%;
  float: left;
  justify-content: center;
  display: flex;
  margin-top: 20px;
}

.category-list .slick-prev {left: -40px;}
.category-list .slick-next {right: -40px;}

.category-list .product-image{width:70%;}

.category-list, 
.category-list .row-fluid,
.category-list .products-col-list, 
.category-list ul,
.category-blog, 
.category-blog .category-col-list,
.category-blog .category-col-list ul{
   width:100%;
   float: left;
}

.category-list ol {
    list-style-type: none;
    padding: 0;
}

.category-list .hotproduct{
    color: #FF1F1F;
    opacity: 1;
    font-weight: bold;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -sand-transform: rotate(45deg);
    transition: all .5s ease;
    -webkit-transition: all 0.5s ease;
    margin: 8px 5px 0 0;
    float:right;
}

.category-list .article-ratings .rating-symbol{font-size:12px;}

.category_list_sp_button{
  position: fixed;
  right: 10px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  background: #0091dc;
  border-radius: 100%;
  z-index: 1000;
  transition: all 0.3s ease;
  bottom: 10%;
  cursor: pointer;
  box-shadow: 0 3px 25px rgba(0,0,0,0.4);}

.category-blog .category-list-layout,
.category-list .products-list-layout{
    border: 1px solid #bbb;
    margin-bottom: 20px;
    float: left;
    width: 49%;
    -webkit-transition: all 0.2s;
    font-size: 14px;
}

.category-blog .category-list-layout .specification{float: left;}

.category-blog .category-list-layout .label{font-weight:600;float: left; width: 100%;margin-top: 15px;}

.category-blog .category-list-layout .category-short-description{max-height: 310px;float: left; width: 100%;}

.category-blog .category-list-layout .more-info a {
  float: right;
  color: #0091dc;
  margin-top: 10px;
}

.category-blog .category-list-layout .bg-info {
  background-color: #0091dc!important;
  width: 55% !important;
  color: #fff;
  font-size: 14px;
  float:left;
  margin-top: 5px;
}

.category-blog .category-list-layout:hover,
.category-list .products-list-layout:hover,
.acfarticles-field-wrapper .acfarticle-item:hover {background: #eee;}

.category-blog .category-list-layout:nth-child(2n+1),
.category-list .products-list-layout:nth-child(2n+1){
   margin-right:2%}

.category-list .products-list-layout h3,.category-list .products-list-layout h4{display:inline;font-size:100%;font-weight:normal;}

.category-list .products-list-layout .learn-more{float: right;padding-right: 5px;color: #0091dc;padding-top: 10px;}

.category-list .products-list-layout-image{
    float: left;
    border: 1px solid #ddd;
    margin: 10px 4% 10px 1.5%;
    padding: 5px;
    width: 22%;
    text-align: center;
}

.category-list .products-list-layout-image:hover{
    box-shadow: -2px 3px 5px #4a4a4a;
}

.category-list .products-list-layout ol{padding-top: 10px;width: 72%;float: left;margin-bottom: 5px;}
.category-list .products-list-layout .label{font-weight:600;padding-right:3px;}
.category-list .products-list-layout .specification,
.category-blog .category-col-list .specification a{
   font-weight:600;
   color:#0091dc;}

.category-list .products-list-layout .specification:hover,
.category-blog .category-col-list .specification a:hover{color:#047ebe;}

.category-list .bg-info{text-align:right;font-weight:normal;background-color:#fff!important;width:100%;margin-top: -10px;float: left;font-size: 14px;}

.com-tags__items .form-select,
.category-list select.form-control:not([multiple]), 
.category-list select.inputbox:not([multiple]), 
.category-list select:not([multiple]) {
  height: 1.6rem;
  margin-right: 10px;
  font-size: 14px;
}

.category-list .product-attributes-category-specifications{
  float: left;
  width: 38%;
  font-size: 14px;}

.category-blog .product-attributes-category-specifications{
  float: left;
  width: 59%;
  font-size: 14px;}

#filter-search {
  font-size: 14px;
}

.com-tags__items .form-select{margin-left:5px;}

.com-tags__items .btn.btn-primary {
  margin-right: 2px;
}

.technicaldata {
    background: #e8e8e8;
    width: 100%;
    color: #0091DC;
    float: left;
    line-height: 2.4em;
    border-radius: 3px 3px 0 0;
    padding-left: 10px;
    font-weight: 600;
    margin: 30px 0 10px 0;
}

.category-specifications-image {
    width: 40%;
    float: left;
    margin-right: 2.5%;
    padding: 10px;
    border: 1px #ddd solid;
    box-shadow: 1px 2px 2px #ddd;
    border-radius: 0 0 2px 2px;
    text-align: center;
}

.category-specifications-image img{width: 370px;}

.article-details .row-fluid, .article-details .drawing-dimensions {
    float: left;
    width: 100%;
}
.article-details .product-image{
    width: 31%;
    float: left;
    margin-right: 15px;
    padding: 10px;
    border: 1px #ddd solid;
    box-shadow: 1px 2px 2px #ddd;
    border-radius: 0 0 2px 2px;
    text-align:center;
}

/*pagination--*/
.com-content-category__navigation{float:left;}
.com-content-category__counter.counter{text-align: right;font-size:90%;}
.com-content-category__pagination {float: right;margin-top: 5px;}
/*--pagination*/

/*product attributes--*/

.article-details .article-description {
  float: left;
  width: 100%;
}

.article-details .products-data{
    float: left;
    width: 67%;
    font-size: 14px;
}

.article-details .product-attributes{
    font-size: 16px;
    font-weight: 600;
    background: #95aabb;
    padding: 5px;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.article-details .product-specifications,
.category-blog .category-specifications,
.category-list .category-specifications{background:#f2f3f5;padding: 5px 10px;}

.article-details .product-specifications table,
.category-list .category-specifications table,
.category-blog .category-specifications table{width:100%}

.article-details .product-specifications table .attribute-title,
.category-blog .category-specifications table .attribute-title,
.category-list .category-specifications table .attribute-title{font-weight:600;width: 35%;padding: 3px 0;min-width: 160px;}

.article-details .product-specifications table .attribute-value,
.category-blog .category-specifications table .attribute-value,
.category-list .category-specifications table .attribute-value{padding-left:10px;}


.article-details .product-specifications table tr,
.category-blog .category-specifications table tr,
.category-list .category-specifications table tr{border-bottom:1px solid #ccc}

.category-blog .category-specifications table tr:last-child,
.category-list .category-specifications table tr:last-child{border-bottom:none}

.category-blog .product-attributes,
.category-list .product-attributes{
    font-size: 16px;
    font-weight: 600;
    background: #95aabb;
    padding: 5px;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
/*--product attributes*/


/*product dimensions table--*/
.article-details .drawing-dimensions table thead {font-weight: 600;background-color: #f2f8fe;}
.article-details .drawing-dimensions table td{border: 1px solid #ddd; width:8%;text-align:center;}
.article-details .drawing-dimensions table tbody td:first-child{text-align:left;padding-left: 5px;}
.article-details .drawing-dimensions table tbody tr:nth-of-type(2n+2){background-color: rgba(0,0,0,.05);}
.article-details .drawing-dimensions table tbody tr:hover{background-color:#02517a;color:#fff;}
.article-details .drawing-dimensions table tbody a:hover{color:#fff;}
.article-details .drawing-dimensions .download-3d-2d{padding:2px 0;}
/*--product dimensions table*/

.article-details .button-rohs-compliant{float: left;width:100%;margin-top: 10px;}
.category-list .catalog-download{float:left;margin-top:10px;margin-left:35px;color: #0091dc;width: 100%;}
.category-list .catalog-download a,.article-details .catalog-download a{color:#0091dc;}
.d_image{background-image: url('/images/ico_dwg.png');}

.category-list .catalog-download a:hover,
.article-details .catalog-download a:hover,
.category-blog .category-doc a:hover{color:#047ebe;}

.category-list .fa-file-pdf::before,
.category-blog .fa-file-pdf::before,
.article-details .fa-file-pdf::before{font-size: 34px;}

.category-list .rohs-compliant{float:left;margin:30px 0 0 35px;}

.article-details .article-ratings-social-share {
    padding: 0.5rem 0;
    border-top: 1px solid #f5f5f5;
    margin: 0.5rem 0 0 0;
    width: 100%;
    float: left;
}

.article-details .article-ratings{float:right;}

.article-details .catalog-download,
.article-details .cad-download,
.article-details .step-download,
.article-details .rohs-compliant{
    float:left;
    width: 100%;
    display: flex; 
    border-bottom:1px solid #ddd;
    padding: 20px 4%;
    align-items: center;
}

.article-details .catalog-download{
    background-image: url('/images/pdf.png');
    background-repeat: no-repeat;
    background-size: 36px 36px;
    background-position:10px center;
}

.article-details .cad-download{
    background-image: url('/images/ico_dwg.png');
    background-repeat: no-repeat;
    background-size: 48px 27px;
    background-position:10px center;
}

.article-details .step-download{
    background-image: url('/images/ico_stp.png');
    background-repeat: no-repeat;
    background-size: 48px 27px;
    background-position:10px center;
}

.article-details .rohs-compliant{
    background-image: url('/images/rohs.png');
    background-repeat: no-repeat;
    background-size: 36px 36px;
    background-position:10px center;
}

.article-details .catalog-download-name {margin:0 60px;font-size: 14px;}

.article-details .fa.fa-download, .article-details .fa.fa-download a {font-size: 20px;color:#0091dc;}

.article-details .fa.fa-file-pdf {
  color: #0091dc;
  margin-left: -30px;
  margin-right: -10px;
}

.article-details .drawing-dimensions{
    padding: 40px 5px 15px 5px;
    border-radius: 2px;
    font-size:14px;
}
.article-details .dimensions{
    width: 100%;
    text-align: center;
    float: left;
    margin-bottom: 15px;
}

.article-details .construction-image,.article-details .drawing-image{
    width: 50%;
    text-align: center;
    float: left;
    justify-content: center;
    display: flex;
    align-items: center;
    height: 350px;}

.article-details .construction-image img,.article-details .drawing-image img{width: 320px;}

.article-details .special-note {
  width: 100%;
  float: left;
  text-align: right;
  margin-bottom: -10px;
  margin-top: 15px;
  font-size: 12px;
}

.article-details .how-to-use{width:100%;float:left;margin:30px 0;text-align: center;}

.article-details .how-to-use-title {font-weight: 600;}

.article-details .how-to-use-image img{width:55%;}

.article-details .recommended-accessories{margin-bottom:25px;}

.article-details .frequently-requested, .article-details .recommended-accessories{float:left;width:100%;background:#f2f3f5;padding:10px;}

.article-details .faq, .acfarticles-field-wrapper.layout-grid{float:left;width: 100%;}

.article-details .faq-title{font-weight:600;margin-bottom:10px;}

.article-details .faq{background: #f2f3f5;margin-bottom: 20px;padding: 10px;}

.article-details  .tf-faq-widget--item{
  border: 1px solid #b0b0b0;
  margin-bottom: 10px;
  background:#fff;
}

.article-details .tf-faq-widget--item[data-open="true"] .tf-faq-widget--item--answer{padding-bottom:10px;}

.article-details .tf-faq-widget--item--question--actions {
  background: #b0b0b0;
  padding: 10px;
  color: #fff;
}

.article-details .tf-faq-widget--item--question--content{padding: 12px 0 0 0;}

.article-details .tf-faq-widget.template_2 .tf-faq-widget--item .tf-faq-widget--item--answer {
  padding-left: 10px;
}

.article-details .related-product-main {
  width: 23%;
  float: left;
  text-align: center;
  margin: 3px;
  background: #fff;
  padding: 10px;
}

.article-details .product-category {
  width: 100%;
  float: left;
  text-align: right;
  font-size:14px;
  margin-top: 20px;
}

.acfarticles-field-wrapper .acfarticle-item{
  float: left;
  text-align: center;
  background: #fff;
  padding: 10px;
}

.acfarticles-field-wrapper .acfarticle-item.span1{width: 98%; margin: 10px 1%;}

.acfarticles-field-wrapper .acfarticle-item.span2{width: 48%; margin: 10px 1%;}

.acfarticles-field-wrapper .acfarticle-item.span3{width:31.3%;margin:10px 1.16%;}

.acfarticles-field-wrapper .acfarticle-item.span4{width:22.9%;margin:10px 1.16%;}

.acfarticles-field-wrapper .acfarticle-item.span1:first-child,
.acfarticles-field-wrapper .acfarticle-item.span2:first-child,
.acfarticles-field-wrapper .acfarticle-item.span3:first-child,
.acfarticles-field-wrapper .acfarticle-item.span4:first-child{margin-left:3px;}

.acfarticles-field-wrapper .related-product-show-details h4, .article-details .related-product-main {font-weight: 600;font-size: 14px;text-align: left;}

.acfarticles-field-wrapper .acfarticle-item .related-product-image,
.article-details .related-product-main .related-product-image{float:left;margin-right: 5px;width:100px;}

.article-details .fa.fa-plus {
  width: 100%;
  float: left;
  color: #0091dc;
  font-size: 20px;
  padding: 10px 0 10px 120px;
}

.article-details .related-products-title, .article-details .recommended-accessories-title{
  font-weight: 600;
  color: #444;
  margin-bottom: 10px;
  float: left;
  font-size: 16px;
  width:100%;
}

.categoryproducts .list-group-item{min-height:250px}

.error-container li{float: left;padding: 0 20px !important;}

.error-page.btn{background: #0091dc;}

/*contact us page, don't delete--*/

.com-contactenhanced .requiredsign {
  padding-left: 8px;
  margin-bottom:10px;
}

.com-contactenhanced .star{color: #b12;}

.com-contactenhanced label{font-size:14px;}

.com-contactenhanced .contact-form.col-md-7{
    width: 100%;
    background-color: #ededee;
    padding: 15px 0 20px 10px;
    background-image: url(../../../images/contact_us.png);
    background-repeat: no-repeat;
    background-position: right top;
    float:left;
}

.com-contactenhanced .contact-sidebar.col-md-5 {
  padding-left: 30px;
  padding-top: 20px;
}

.com-contactenhanced .ce-ff-type-captcha.col-md-12{width:40%}

.com-contactenhanced .visually-hidden{display:none;}

.com-contactenhanced .captcha-textbox-container{float:left;margin-right:5px;}

.com-contactenhanced .ce-validation-error{color:#dc3545;}

.com-contactenhanced .alert-success {width: 98%;margin-top: 100px;text-align: center;}

#cf_ce_submit_button {
  background: #0091dc;
  border: 0;
  padding: 8px 18px;
  border-radius: 5px 0 0 5px;
  float:left;
}
#cf_ce_submit_button_reset{
  padding: 8px 15px;
  border-radius: 0 5px 5px 0;
  border: 0;
}
#cf_ce_submit_button:hover{background:#06a7fb}
#cf_ce_submit_button_reset:hover{background:#666;}

/*--contact us page, don't delete*/

/*Left Module--*/
dl.level2 dt {
  background-image: url('/images/line.png');
  background-repeat: no-repeat;
  background-position: 20px 18px;
  padding-left: 35px !important;
}

dl.level2 dt.active{
  background-image: url('/images/line.png');
  background-repeat: no-repeat;
}

dl.level3 dt {background-position: 32px 18px;}

/* css for category dimension-- */
#view-dimensions-button {
  float: right;
  border-radius: 3px 0 0 3px;
  position: fixed;
  top: 40%;
  right: 0;
  padding: 5px;
  z-index: 99;
}

#view-dimensions-button img{display:block;padding:10px 0;}

#dimensions-modal.is-visible{
   visibility: visible;
   opacity: 1;
   animation: slide-in 1000ms;}

#dimensions-modal{
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(52, 54, 66, 0.9);
   z-index: 12000;
   cursor: pointer;
   visibility: hidden;
   
}

#dimensions-modal.is-visible .dimensions-modal-content{transform: translateY(0);}

.dimensions-modal-content {
   background-color: #fefefe;
   padding: 20px;
   border: 1px solid #888;
   width: 90%;
   height: 90%;
   margin: 2em auto;
   cursor: auto;
   position: relative;
      -webkit-transform: translateY(-30px);
   -moz-transform: translateY(-30px);
   -ms-transform: translateY(-30px);
   -o-transform: translateY(-30px);
   transform: translateY(-30px);
   -webkit-transition-property: -webkit-transform;
   -moz-transition-property: -moz-transform;
   transition-property: transform;
   -webkit-transition-duration: 0.3s;
   -moz-transition-duration: 0.3s;
   transition-duration: 0.3s;
   font-size: 14px;
   overflow-y: auto;
}

.dimensions-modal-close-button{
   cursor: pointer;
   opacity: 1;
   position: absolute;
   background: url('../../../../images/close_button.png');
   top: 5px;
   right: 5px;
   width: 36px;
   height: 36px;
}
.drawing-dimensions table {width: 100%;float: left;}
.drawing-dimensions table thead {font-weight: 600;background-color: #f2f8fe;}
.drawing-dimensions table td{border: 1px solid #ddd;width: 10%;text-align:center;}
.drawing-dimensions table tbody td:first-child{text-align:left;padding-left: 5px;}
.drawing-dimensions table tbody tr:nth-of-type(2n+2){background-color: rgba(0,0,0,.05);}
.drawing-dimensions table tbody tr:hover{background-color:#02517a;color:#fff;}
.drawing-dimensions table tbody a:hover{color:#fff;}
#dimensions-modal .drawing-dimensions{float:none;text-align: center;margin-top: 0;}
/* --css for category dimension */

/*css for search result and filter--*/
.result__item {
  width: 100%;
  display: block;
  float: left;
  padding: 5px!important;
  margin-top:0!important;
  font-size: 14px!important;
}

.com-finder__navigation.search-pagination {
  float: left;
}

.com-finder__counter.search-pages-counter {
  float: left;
  margin-top: 15px;
}

.result__image.me-3 {
  float: left;
  padding-right: 10px;
  width: 100px;
}
.result__title-text{font-weight:600;font-size: 14px!important;}

.sp-module.filter {
   padding: 0 10px 10px 10px;
   border-left: 1px solid #bbb;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   background-color: #f2f3f5;
   font-size:14px;
   font-weight:normal;
}

.sp-module.filter-selection{
   padding: 5px 5px 0 5px;
   margin-top: 20px;
   border-left: 1px solid #bbb;
   border-right: 1px solid #bbb;
   border-top: 1px solid #bbb;
   background-color: #f2f3f5;
}

.sp-module.filter-selection .sp-module-title{
   font-weight: 600;
   padding: 8px 0 5px 35px;
   font-size: 120%;
   color: #444;
   background-image: url('/images/filter.webp');
   background-repeat: no-repeat;
   background-size:30px 30px;
   background-position: 0 4px;
   margin-bottom:0;
}

.jfilters-filter-header__toggle{
   font-size: 16px;
   font-weight:normal!important;
}

.jfilters-filter-list__item{padding-left:6px;}

.jfilters-item-link:hover {
  color: #0091dc;
  font-weight: 600;
}

.jfilters-item-link--selected {color: #0091dc !important;}

.jfilters-filter-header__toggle .jfilters-chevron{vertical-align: middle;}

a.jfilters-selection{font-size:14px!important;}
/* --css for search result and filter */

.coming-soon-number,.coming-soon-string{font-size:18px!important;color:#f0501e!important;}
.coming-soon-logo,.error-logo{width:249px;height:52px;}

/*Mobile CSS START*/
@media (max-width: 576px){
#sp-top-bar{height:auto;}
#sp-top-bar p{margin:0}

#sp-addspace{flex: 0 0 100%!important; max-width:100%!important;padding-left: 20px;}

#sp-language{flex: 0 0 50%!important;max-width:50%!important;text-align: right;padding-right: 20px;}

#sp-top2{flex: 0 0 50%!important;max-width:50%!important;text-align: left;padding-left: 20px;}

#sp-logo{max-width: 50%;}
#sp-mainmenu{max-width: 40%;top: -10px;right: -35px;}

.input-group .form-control {width: 75%;}
#sp-header.header-sticky {position: absolute;}

.article-details .related-product-main,
.article-details .acfarticle-item.span2,
.article-details .acfarticle-item.span3,
.article-details .acfarticle-item.span4,
.category-blog .category-list-layout,
.home-products .category-list-layout,
.category-specifications-image,
.category-blog .span4,
.article-details .product-image,
.article-details .products-data,
.category-list .product-attributes-category-specifications,
.category-list .button-rohs-compliant,
.category-blog .product-attributes-category-specifications,
.category-blog .button-rohs-compliant,
.category-list .products-list-layout,
.category-blog .category-documents,
.category-list .category-documents{width:100%!important;}

.article-details .product-image,
.category-specifications-image{margin-bottom:35px;}

.category-list .rohs-compliant{margin: 10px 0 0 35px;}

 #sp-bottom .col-lg-4{max-width:100%;margin: 5px 0.8%;}

}

@media (max-width: 992px){
#sp-top1{flex: 0 0 100%; max-width:100%;}

#sp-addspace{flex: 0 0 60%;max-width: 60%;padding-left:20px;}

#sp-top2{flex: 0 0 20%;max-width:20%;}

#sp-language{flex: 0 0 18%;max-width: 18%;}

.article-details .products-data{width:66%;}

}

/*Mobile CSS END*/

/*Tabs CSS Start*/
.tab-wrapper{
	text-align: center;
	display: block;
    margin: 20px auto 0 auto;
    width:100%;
    float:left;
}

.content-wrapper{
    width:100%;
    float:left;
    margin-bottom: 40px;
}

.tabs{
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
}
.tab-link{
	margin: 0 2.5%;
	list-style: none;
	padding: 5px;
	cursor: pointer;
	font-weight: 600;
	transition: all ease 0.5s;
	border-bottom: solid 3px rgba(255,255,255,0.0);
}
.tab-link:hover{
	color: #0091dc;
	border-color: #0091dc;
}
.tab-link.active{
	color: #0091dc;
	border-color: #0091dc;
}

.tab-content{
	display: none;
	opacity: 0;
	transform: translateY(15px);
	animation: fadeIn 0.2s ease forwards;
    width: 100%;
    float: left;
}
.tab-content.active{
	display: block;
	opacity: 1;
}

#tab-3 ul {
  justify-content: center;
  display: flex;
}

#tab-3 .releated-release-sleeve {
  width: 20%;
  float: left;
  margin: 5% 5% 0 5%;
}

@keyframes fadeIn{
		100%{
             opacity: 1;
	         transform: none;}
}

/*Tabs CSS End*/

/*Login Modal--*/
.distributor-login{cursor: pointer;}

.distributor-login:hover,
.distributor-login.active{color:#0091dc;}

.sp-module .login-modal {
  position: fixed;
  display:block;
  visibility: hidden;
  opacity: 0;
  top: 25%;
  right: 2%;
}

.sp-module .login-modal.is-visible{
  visibility: visible;
  opacity: 1;
  z-index: 12000;
  -webkit-animation: slide-in-right 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-in-right 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
} 
.sp-module .login-modal.invisiblity{
  visibility: visible;
  opacity: 1;
  z-index: 12000;
  -webkit-animation: slide-out-right 0.3s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
  animation: slide-out-right 0.3s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
.login-modal-container {
  position: relative;
  width: 300px;
  background: #FFF;
  cursor: auto;
  height: auto;
  padding: 10px;
  border-radius: 0.25em;
  box-shadow: 0px 0px 5px 6px rgba(17,17,26,0.35);
}

.login-modal-container .form-control{
  line-height:2em!important;
}
.login-modal-container .login-modal-body {padding: 15px;}

.login-modal-container .fa.fa-user,
.login-modal-container .fa.fa-lock{
  line-height: 2em;
  background: #f3f3f3;
  padding: 0.375rem 0.75rem;
  border-top:1px solid #aeabab;
  border-left:1px solid #aeabab;
  border-bottom:1px solid #aeabab;
  font-size: 16px;
}
.login-modal-container .input-group .form-control{
  position: relative;
  flex: 1 1 auto;
  width: 1%;
}

.com-users-login .login-submit.btn-primary,
.login-modal-container .input-password-toggle,
.login-modal-container .login-submit.btn-primary{
  border-color: #0091dc;
  background-color: #0091dc;}

.logout{color:#0091dc!important;}

.mod-login-logout-button{margin-top:-2px;}

.mod-login-logout-button .logout-button {
  border: none;
  background: none;
  cursor: pointer;
  padding-left: 10px;
}

.mod-login-logout-button .logout-button:hover {color: #02517a;}

.mod-login-logout-button .fa.fa-right-from-bracket {
  padding-right: 5px;
}
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes slide-out-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
}
@keyframes slide-out-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
}
/*--Login Modal*/

.com-users-login .fa.fa-user, .com-users-login .fa.fa-lock {
  line-height: 2;
  background: #f3f3f3;
  padding: 0.375rem 0.75rem;
  border-top: 1px solid #aeabab;
  border-left: 1px solid #aeabab;
  border-bottom: 1px solid #aeabab;
  font-size: 16px;
}

.com-users-login .form-control {
  padding-left: 10px;
  color: #495057;
  font-family: inherit;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #aeabab;
  border-radius: 0 0.25rem 0.25rem 0;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  line-height:2em;
  width:300px;
}

.com-users-login .controls{display:flex;}

.com-users-login .form-check-input{
  margin-left: 0;
  margin-right: 5px;
  position: relative;
  display: block;
  margin-top: 0;}

.com-users-login .login-page-form {
  display: flex;
  justify-content: center;
  margin:50px 0;
}

#com-users-login__form {
  padding: 20px;
  box-shadow: 0 5px 20px 0 rgba(0,0,0,.09);
  border-radius: 6px;
}

.com-users-login .login-description {
  margin: 5px 0 20px 0;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}
/*Login Page--*/