/* ================================================

 TABLE OF CONTENTS

I. Cookie Banner CSS
II. Metis Menu CSS
III. SB admin CSS
V. Loading image CSS
VI. Owl Carousel CSS
VIII. Main Sensing CSS

	1. Normalize and Reset
	1.1. Global Settings
	1.2. Typography
	1.3. Icons
	1.4. Buttons
	1.5. Forms

	2. General
	2.1. Structure
	2.2. Header
	2.3. Action Menu
	2.4. Global Search
	2.5. Sticky Action Menu
	2.6. Footer
	2.7. Modal
	2.8. Images

	3. Sections
	3.1. Homepage
	3.2. RMA (Sensotec)
	3.3. Documentation Section
	3.4. Search Results Table
	3.5. Distributor Inventory
	3.6. Blog

	4. Plugins
	4.1. bootstrap-select
	4.2. Plugin 2
	4.3. Plugin 3

	5. Modules
	5.1. Text Module
	5.2. Text + Image
	5.3. Visually Narrowing In Cards Module
	5.4. Gallery Style 1
	5.5. Gallery Style 2
	5.6. Table Styles
	5.7. List Styles

	6. OneLink - Translations.com

	7. Miscellaneous / Others
	7.1. Mobile Optimisations

================================================ */
/* #### I. OneTrust Cookie banner #### */

#onetrust-banner-sdk{
    bottom: auto!important; 
    position:fixed!important; 
    top:0px!important; 
    z-index:29999!important;
}


/*  #### I. Cookie Banner.css #### */
#HoneywellEUCookie-Banner {
    padding: 10px;
    position: fixed;
    z-index: 7555;
    background-color: #fff;
    border-bottom: 3px solid #ee3124;
}

#HoneywellEUCookie-Banner button {
    background: #314151;
    border: 0;
    padding-bottom: 2px;
    margin: 5px;
    float: right;
    color: #fff;
}

#HoneywellEUCookie-Banner button:hover {
    background: #000;
}

#HoneywellEUCookie-PrivacyLink span {
    color: red;
}

#HoneywellEUCookie-PrivacyLink span:hover {
    text-decoration: underline;
    cursor: pointer;
}

/* #### II. metisMenu.min.css #### */
/* metismenu - v1.1.3
 * Easy menu jQuery plugin for Twitter Bootstrap 3
 * https://github.com/onokumus/metisMenu
 * Made by Osman Nuri Okumus
 * Under MIT License
 */
.arrow {
    float: right;
    line-height: 1.42857
}

.glyphicon.arrow:before {
    content: "\e079"
}

.active>a>.glyphicon.arrow:before {
    content: "\e114"
}

.fa.arrow:before {
    content: "\f104"
}

.active>a>.fa.arrow:before {
    content: "\f107"
}

.plus-times {
    float: right
}

.fa.plus-times:before {
    content: "\f067"
}

.active>a>.fa.plus-times {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.plus-minus {
    float: right
}

.fa.plus-minus:before {
    content: "\f067"
}

.active>a>.fa.plus-minus:before {
    content: "\f068"
}

/* #### III. sb-admin-2.css #### */
body {
    background-color: #f8f8f8;
}

#wrapper {
    width: 100%;
}

#page-wrapper {
    padding: 0 15px;
    min-height: 568px;
    background-color: #fff;
}

@media(min-width: 768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 250px;
        padding: 0 30px;
        border-left: 1px solid #e7e7e7;
    }
}

.navbar-top-links {
    margin-right: 0;
}

.navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-right: 15px;
}

.navbar-top-links li a {
    padding: 15px;
    min-height: 50px;
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}

.navbar-top-links .dropdown-messages {
    margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
    margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}

.sidebar .sidebar-nav.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.sidebar .sidebar-search {
    padding: 15px;
}

.sidebar ul li {
    border-bottom: 1px solid #e7e7e7;
}

.sidebar ul li a.active {
    background-color: #eee;
}

.sidebar .arrow {
    float: right;
}

.sidebar .fa.arrow:before {
    content: "\f104";
}

.sidebar .active>a>.fa.arrow:before {
    content: "\f107";
}

.sidebar .nav-second-level li, .sidebar .nav-third-level li {
    border-bottom: 0!important;
}

.sidebar .nav-second-level li a {
    padding-left: 37px;
}

.sidebar .nav-third-level li a {
    padding-left: 52px;
}

@media(min-width: 768px) {
    .sidebar {
        z-index: 1;
        position: absolute;
        width: 250px;
        margin-top: 51px;
    }

    .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.panel .slidedown .glyphicon {
    margin-right: 5px;
}

.dataTables_wrapper {
    position: relative;
    clear: both;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background: 0 0;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}

.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee!important;
}

.show-grid {
    margin: 15px 0;
}

.huge {
    font-size: 40px;
}

.fa {
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-caret-down:before {
    content: "▾";
    font-size: 16px;
}

.fa-caret-up:before {
    content: "▴";
    font-size: 16px;
}

/*  #### V. Loading image.css #### */
#overlay, #color-overlay {
    position: absolute;
    top: 0;
    left: 0;
}

.loading_overlay {
    position: fixed;
    background: rgba(0,0,0,0.9);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 5555
}

#loading .fa-spin {
    position: absolute;
    top: 45%;
    left: 50%;
    font-size: 50px;
    color: #fff
}

.fa-spin-custom, .fa-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/* #### VI. OWL CAROUSEL.css #### */
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* display none until init */
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor: url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}


/* #### VIII. Main Sensing CSS #### */
/* ============================================= */
/* 1. =Normalize and Reset
/* ============================================= */
/* reset general browser settings */
* {
    outline: none !important;
    outline-style: none !important;
    outline-offset: 0 !important;
}

/* Fade In effect for links and buttons */
a, button, .btn {
    -webkit-transition: 200ms;
    -webkit-transition-timing-function: ease-in-out;
    transition: 200ms;
    transition-timing-function: ease-in-out;
}

/* Reset Bootstrap's Properties */
a {
    color: #3b87de;
}

a:hover {
    color: #4e7da7;
    text-decoration: none;
}

.breadcrumb {
    background: none;
    padding: 0;
    border-radius: 0;
    font-size: 12px;
}

.breadcrumb>li+li:before {
    content: "›";
    color: #3b87de;
}

.breadcrumb>.active {
    color: #3b87de;
}

.container-fluid {
    padding: 0;
}

.dropdown-menu>li>a:hover {
    background: #3b87de;
    color: #ffffff !important;
}

.modal-content {
    border-radius: 0;
    border: 0;
}

.modal-pop-up{
width:300px!important;
}

.modal-backdrop{
opacity:0!important;
z-index:0!important;
}

.modal-header {
    border-bottom: 1px solid #d6d7d6;
}

.modal-body {
    padding: 15px 20px 20px 20px;
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}

.modal-body-video {
    padding: 0;
    width: 100%;
    height: 350px;
}

.modal-body h4 {
    margin-top: 0;
    margin-bottom: 15px;
}

.modal-footer {
    background: #eef0f2;
    border-top: 1px solid #d6d7d6;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    padding: 4px 0;
}

.btn {
    border: 0 !important;
    border-color: transparent !important;
    color: #ffffff !important;
    padding: 16px 35px;
    text-transform: uppercase;
    line-height: 1;
    font-weight: bold;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline-offset: 0;
    box-shadow: none;
    background: #4079ac;
    color: #fff !important;
}

.btn-default {
    background: #666666 none repeat scroll 0 0 !important;
}

.btn-default:hover {
    background: #4f575e;
}

.btn-default:focus, .btn-default.focus, .btn:active .btn-default:focus, .btn.active .btn-default.focus {
    background: #4f575e;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25);
}

.btn-primary {
    background: #3b87de;
}

.btn-primary:hover {
    background: #4079ac;
}

.btn-primary:focus, .btn-primary.focus {
    background: #3b87de;
}

.btn-primary:focus, .btn-primary.focus, .btn:active.btn-primary:focus, .btn.active.btn-primary.focus {
    background: #4079ac;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25);
}

.btn-sm {
    padding: 5px 10px;
    line-height: 1.5;
    min-width: 2.5em;
}

.btn-gray {
    background: #f0f3f5;
    color: #666 !important;
    font-weight: normal;
    text-transform: none;
    color: #3b87de !important;
}

.btn-gray:hover {
    background: #4079ac;
    color: #fff !important;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    vertical-align: middle;
}

/* boostrap bug */
@media(min-width: 767px) {
    .col-xs-offset-1 {
        margin-left: 0;
    }
}

/* ============================================= */
/* 1.1. =Global Settings
/* ============================================= */
/* Text Colors */
.honColor-BrightBlue {
    color: #3b87de;
}

.honColor-DeepBlue {
    color: #335c85;
}

.honColor-DarkBlue {
    color: #36485e;
}

.honColor-HoneywellRed {
    color: #de0031;
}

.honColor-White {
    color: #ffffff;
}

.honColor-LightGray {
    color: #d6d7d6;
}

.honColor-DarkGray {
    color: #666666;
}

.honColor-TotalBlack {
    color: #191a00;
}

/* Background Colors */
.honBg-BrightBlue {
    background: #3b87de;
}

.honBg-DeepBlue {
    background: #335c85;
}

.honBg-DarkBlue {
    background: #36485e;
}

.honBg-HoneywellRed {
    background: #de0031;
}

.honBg-White {
    background: #ffffff;
}

.honBg-LightGray {
    background: #d6d7d6;
}

.honBg-DarkGray {
    background: #666666;
}

.honBg-TotalBlack {
    background: #191a00;
}

*/Display property */ .d-none {
    display: none !important;
}

/* General */
body {
    background: #eef0f2;
    color: #666666;
}

/* ============================================= */
/* 1.2. =Typography
/* ============================================= */
@font-face {
    font-family: 'HoneywellSans';
    src: url("/multimedia/fonts/HoneywellSans-Black.otf") format("opentype"), url("/multimedia/fonts/HoneywellSans-Bold.otf") format("opentype"), url("/multimedia/fonts/HoneywellSans-Book.otf") format("opentype"), url("/multimedia/fonts/HoneywellSans-ExtraBold.otf") format("opentype"), url("/multimedia/fonts/HoneywellSans-Light.otf") format("opentype"), url("/multimedia/fonts/HoneywellSans-Medium.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: swap; }

@font-face {
    font-family: 'HoneywellSans-Light';
    src: url("/multimedia/fonts/HoneywellSans-Light.otf") format("opentype");
    font-weight: lighter;
    font-style: normal;
    font-display: swap; }

@font-face {
    font-family: 'HoneywellSans-Book';
    src: url("/multimedia/fonts/HoneywellSans-Book.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: swap; }

@font-face {
    font-family: 'HoneywellSans-Bold';
    src: url("/multimedia/fonts/HoneywellSans-Bold.otf") format("opentype");
    font-weight: bold;
    font-style: normal;
    font-display: swap; }

@font-face {
    font-family: 'HoneywellSans-Medium';
    src: url("/multimedia/fonts/HoneywellSans-Medium.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: swap; }

@font-face {
    font-family: 'HoneywellSansCN-Normal';
    src: url("//www.honeywell.com/Areas/Honeywell_com/fonts/SourceHanSansCN-Normal.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: swap; }

body {
    font-family: HoneywellSans-Medium, Arial, sans-serif !important;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.4em;
}

h1, .h1 {
    font-family: HoneywellSans-Medium, Arial, sans-serif;
    font-weight: normal;
    font-size: 24px;
    color: #191a00;
}

h2 {
    font-size: 18px;
    color: #191a00;
}

h3 {
    font-size: 16px;
    color: #191a00;
}

h4 {
    font-size: 14px;
    color: #666666;
}

.h2, .h3, .h4, .h5, .h6, h2, h3, h4, h5, h6 {
    font-family: HoneywellSans-Bold, Arial, sans-serif;
    font-weight: bold;
}

/* ============================================= */
/* 1.3. =Icons
/* ============================================= */
.icon {
    width: 24px;
    height: 24px;
    background: url("/multimedia/assets/i/all-04.svg") 0 0 no-repeat;
    background-size: 182px 600px;
}

/* Menu Icons */
.sidebar-nav a .icon.menu-home {
    background-position: 0 0;
}

.sidebar-nav a .icon.menu-products {
    background-position: 0 -22px;
}

.sidebar-nav a .icon.menu-applications,
.sidebar-nav a .icon.menu-industries,
.sidebar-nav a .icon.menu-covid-19 {
    background-position: 0 -44px;
}

.sidebar-nav a .icon.menu-news___events {
    background-position: 0 -66px;
}

.sidebar-nav a .icon.menu-support {
    background-position: 0 -88px;
}

.sidebar-nav a .icon.menu-blog {
    background-position: 0 -88px;
}

.sidebar-nav a .icon.menu-about {
    background-position: 0 -110px;
}

.sidebar-nav a .icon.menu-distributor_inventory {
    background-position: 0 -380px;
}

.sidebar-nav a:hover .icon.menu-home {
    background-position: -22px 0;
}

.sidebar-nav a:hover .icon.menu-products {
    background-position: -22px -22px;
}

.sidebar-nav a:hover .icon.menu-applications,
.sidebar-nav a:hover .icon.menu-industries,
.sidebar-nav a:hover .icon.menu-covid-19 {
    background-position: -22px -44px;
}

.sidebar-nav a:hover .icon.menu-news___events {
    background-position: -22px -66px;
}

.sidebar-nav a:hover .icon.menu-support {
    background-position: -22px -88px;
}

.sidebar-nav a:hover .icon.menu-blog {
    background-position: -22px -88px;
}

.sidebar-nav a:hover .icon.menu-about {
    background-position: -22px -110px;
}

.sidebar-nav a:hover .icon.menu-distributor_inventory {
    background-position: -22px -380px;
}

.sidebar-nav a.active .icon.menu-home {
    background-position: -44px 0;
}

.sidebar-nav a.active .icon.menu-products {
    background-position: -44px -22px;
}

.sidebar-nav a.active .icon.menu-applications {
    background-position: -44px -44px;
}

.sidebar-nav a.active .icon.menu-news___events {
    background-position: -44px -66px;
}

.sidebar-nav a.active .icon.menu-support {
    background-position: -44px -88px;
}

.sidebar-nav a.active .icon.menu-blog {
    background-position: -44px -88px;
}

.sidebar-nav a.active .icon.menu-about {
    background-position: -44px -110px;
}

.sidebar-nav a.active .icon.menu-distributor_inventory {
    background-position: -44px -380px;
}

.icon2.hex-icon {
    background-position: -49px -345px;
    margin-right: 0 !important;
}

.icon2.unknown-icon {
    background-position: -73px -345px;
    margin-right: 0 !important;
}

/* Action menu icons */
.icon.action-search {
    background-position: -154px -4px;
}

.icon.action-email {
    background-position: -154px -36px;
}

.icon.action-chat {
    background-position: -154px -68px;
}

.icon.action-support {
    background-position: -154px -100px;
}

.icon.action-sales {
    background-position: -154px -132px;
}

.icon.action-find {
    background-position: -154px -164px;
}

.icon.action-share {
    background-position: -154px -196px;
}

.icon.action-inventory {
    background-position: -154px -228px;
}

.icon.action-file {
    background-position: -154px -260px;
}

.icon.action-portfolio {
    background-position: -154px -292px;
}

/* Header Menu Icons */
#honMainHeader .icon {
    width: 70px;
    height: 60px;
    display: block;
}

#honMainHeader .icon-logo {
    width: 135px;
    height: 43px;
    display: inline-block;
}

/* Other Icons */
.icon-menu {
    background-position: -70px -135px;
}

.icon-logo {
    background-position: -5px -276px;
}

.icon-search {
    background-position: 0px -195px;
}

.icon-help {
    background-position: -90px -45px;
}

.icon-globe {
    background-position: -118px 0px;
    width: 32px !important;
    height: 32px !important;
    margin: 14px 19px;
}

@media (max-width: 350px) {
    #honMainHeader .icon-globe {
        margin:14px 8px;
    }

    #page-content-wrapper #honMainHeader #menu-toggle, #page-content-wrapper #honMainHeader #honTopLangSelector {
        width: 50px !important;
    }

    #page-content-wrapper #honMainHeader #honTopSearchButton {
        width: 56px;
    }

    #honMainHeader .icon {
        width: 43px;
    }

    #honMainHeader .icon-logo {
        width: 122px!important;
    }

    #honMainHeader #honTopSearchButton .icon-search {
        background-position: -3px -195px !important;
    }
}

/* Social Media Icons */
.icon-youtube {
    background-position: -65px -65px;
}

.icon-twitter {
    background-position: -86px -65px;
}

.icon-wechat {
    background-position: -65px -86px;
}

/* Modal Window Close */
.icon-modal-close {
    width: 22px;
    height: 22px;
    background-position: -66px -44px;
}

/* Carousel Chevrons */
.icon-prev {
    width: 22px;
    height: 22px;
    background-position: -66px 0;
}

.icon-next {
    width: 22px;
    height: 22px;
    background-position: -88px 0;
}

/* Cards - Next + Play */
.icon-chevron-right {
    background-position: -118px -32px;
}

.icon-play {
    background-position: -154px -292px;
}

/* Files */
.file-pdf {
    background-position: 0 -320px;
}

.file-stp {
    background-position: -24px -320px;
}

.file-tif {
    background-position: -48px -320px;
}

.file-jpg {
    background-position: -72px -320px;
}

.file-png {
    background-position: -96px -320px;
}

.file-doc {
    background-position: 0 -344px;
}

.file-xls {
    background-position: -24px -344px;
}

/* ============================================= */
/* 1.4. =Buttons
/* ============================================= */
/* ============================================= */
/* 1.5. =Forms
/* ============================================= */
button, input, select, textarea {
    font-family: HoneywellSans-Medium, Arial, sans-serif;
}

.mktoLayoutAbove {
    max-width: 100% !important;
}

#formGSS {
    margin-bottom: 40px;
}

#formGSS button.dropdown-toggle {
    padding: 16px;
}

#formGSS .bootstrap-select>.dropdown-toggle {
    padding-right: 0;
}

#formGSS .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 255px;
}

#formGSS h4 {
    font-size: 16px;
}

@media(max-width: 768px) {
    #formGSS .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 100%;
    }
}

.globalinner {
    min-height: 220px;
    border-radius: 4px;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
    padding: 5px 15px;
    margin-bottom: 30px;
}

.globalinner .icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    margin-right: 10px;
}

/* ============================================= */
/* 2. =General
/* ============================================= */
/* ============================================= */
/* 2.1. =Structure
/* ============================================= */
/* Entire Page Wrapper */
#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 250px;
}

#page-content-wrapper {
    width: 100%;
    padding-top: 60px;
}

/* Main Content Page */
#honPageHeader {
    padding: 0 20px;
}

#honPageContent {
    padding: 20px;
    position: relative;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
    float: left;
    width: calc(100% - 40px);
}

/* Adjust Main Content Page on Desktop */
@media(min-width: 768px) {
    #honPageContent {
        margin: 20px;
        overflow: hidden;
    }
}

/* ============================================= */
/* 2.2. =Header
/* ============================================= */
#honMainHeader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 61px;
    background: #ffffff;
    border-bottom: 1px solid #d6d7d6;
    z-index: 5555;
}

/* Header Buttons and Actions */
#page-content-wrapper #honMainHeader #menu-toggle {
    width: 70px;
    height: 60px;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    float: left;
    /* border-right: 1px solid #d6d7d6; */
}

#wrapper.toggled #honMainHeader #menu-toggle .icon-menu {
    background-position: 3px -135px;
}

#page-content-wrapper #honMainHeader #honLogo {
    display: inline-block;
    line-height: 60px;
    height: 60px;
    float: left;
}

#page-content-wrapper #honMainHeader a#honLogo {
    text-decoration: none;
    color: #666666;
    font-size: 16px;
    padding-top: 9px;
    padding-left: 10px;
    /* background: #f00; */
}

#page-content-wrapper #honMainHeader a#honLogo:hover {
    background: none;
}

#page-content-wrapper #honMainHeader #honTopSearchButton {
    width: 70px;
    height: 61px;
    line-height: 60px;
    text-align: center;
    display: inline-block;
    float: right;
    border-bottom: 1px solid #d6d7d6;
    text-decoration: none;
}

#page-content-wrapper #honMainHeader #honTopLangSelector {
    width: 70px;
    height: 61px;
    line-height: 60px;
    text-align: center;
    display: inline-block;
    float: right;
    border-bottom: 1px solid #d6d7d6;
    text-decoration: none;
    /* background-color: #f00; */
}

#honTopLangSelector.collapsed {
    background-color: #fff;
}

#honTopLangSelectorContent {
    border: 1px solid #d6d7d6;
    border-top: none;
    position: fixed;
    z-index: 999999;
    background: rgb(255, 255, 255);
    right: 69px;
    top: 60px;
}

#honTopLangSelectorContent ul {
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 150px;
}

#honTopLangSelectorContent ul li a {
    color: #000;
    line-height: 40px;
    padding: 0 20px;
    display: block;
}

#honTopLangSelectorContent ul li a.selected {
    color: #d6d7d6;
}

#honTopLangSelectorContent ul li a:hover {
    background: #3b87de;
    color: #fff;
}

#page-content-wrapper #honMainHeader a {
    background: #fff;
}

#page-content-wrapper #honMainHeader a:hover {
    background: #eef0f2;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

#wrapper.toggled #honMainHeader {
    margin-right: -250px;
    left: 250px;
}

.honPipeTreatment {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding-left: 14px;
    border-left: 1px solid #999999;
    float: right;
    margin-top: 7px;
    padding-right: 10px;
}

/* ============================================= */
/* 2.3. =Action Menu
/* ============================================= */
/* new action menu */
.action-menu {
    margin: 30px 0;
}

.action-menu .btn {
    text-transform: lowercase;
    font-weight: normal;
    text-align: left;
    margin-bottom: 10px;
    line-height: 24px;
    margin-right: 10px;
}

.action-menu .btn .icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.btn-active {
    background: #3b87de;
    color: #fff !important;
}

.action-menu .btn:hover .icon, .action-menu .btn-active .icon {
    background-color: #fff;
    border-radius: 12px;
}

.icon-sales_email {
    background-position: -154px -36px;
}

#sidebar-wrapper {
    position: fixed;
    left: 250px;
    width: 0;
    z-index: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    background: #36485e;
    background: -moz-linear-gradient(left, #36485e 0%, #36485e 90%, #314151 100%);
    background: -webkit-linear-gradient(left, #36485e 0%, #36485e 90%, #314151 100%);
    background: linear-gradient(to right, #36485e 0%, #36485e 90%, #314151 100%);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#sidebar-wrapper a {
    font-weight: normal;
    font-size: 13px;
    text-transform: uppercase;
}

/* Sidebar Styles */
.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 20px 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
    padding: 0 20px;
    line-height: 40px;
}

.sidebar-nav li a:active, .sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav li ul.active {
    color: #fff;
    background: #2d3d51;
}

.sidebar-nav li a.active {
    color: #ffffff;
    background: #26313e;
}

.sidebar-nav li ul.submenu a.active {
    color: #ffffff;
    background: #2d3d51;
}

.sidebar-nav li ul.submenu a {
    padding: 8px 30px 8px 50px;
    font-size: 12px !important;
    line-height: 18px;
}

.sidebar-nav li a:hover, .sidebar-nav li ul.submenu a:hover {
    color: #ffffff !important;
    background: #3b87de;
}

.sidebar-nav li a span.icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: -3px 10px 0 0;
    vertical-align: middle;
}

.sidebar-nav li ul.submenu {
    display: none;
    list-style: none;
    padding: 0;
}

/* Sidebar Adjustments for Desktop */
@media(min-width: 768px) {
    #wrapper {
        padding-left: 250px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 250px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        position: relative;
    }

    #wrapper #honMainHeader {
        left: 250px;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }

    #wrapper.toggled #honMainHeader {
        left: 0;
        margin-right: 0;
    }

    #wrapper #honMainHeader #menu-toggle .icon-menu {
        background-position: 3px -135px;
    }

    #wrapper.toggled #honMainHeader #menu-toggle .icon-menu {
        background-position: -67px -135px;
    }
}

/* 11-5-16 */
@media(max-width: 768px) {
    #wrapper {
        padding-left: 250px;
    }

    #wrapper.toggled {
        padding-left: 0px;
    }

    #sidebar-wrapper {
        width: 250px;
    }

    #wrapper.toggled #honMainHeader {
        left: 0px
    }

    #wrapper #honMainHeader {
        left: 250px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0px;
    }

    #honPageContent {
        display: inherit;
        margin: 0 auto;
        float: left;
        width: 100%;
    }

    #honMainHeader {
        width: 95%
    }
}

/* 11-5-16 | end */
/* ============================================= */
/* 2.4. =Global Search
/* ============================================= */
#HonSearchContentOverlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99;
    display: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#HonSearchContentOverlay.toggled {
    display: block;
}

#HonSearchContentBar {
    position: fixed;
    top: -300px;
    height: 300px;
    overflow: hidden;
    left: 0;
    right: 0;
    background: #eef0f2;
    padding: 30px;
    z-index: 1555 !important;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#HonSearchContentBar.toggled {
    top: 60px;
    height: auto;
    display: block;
}

form.body {
    position: relative
}

#wrapper.toggled #HonSearchContentBar {
    left: 250px;
    right: -250px;
}

#page-content-wrapper #honMainHeader #honTopSearchButton.toggled {
    background-color: #eef0f2;
    border-bottom: 1px solid #eef0f2;
    height: 61px;
}

#page-content-wrapper #honMainHeader #honTopSearchButton.toggled .icon-search {
    background-position: -70px -195px;
}

#HonSearchContentBar h3 {
    margin: 0 0 10px 0;
    font-weight: normal;
    font-size: 18px;
}

#HonSearchContentBar ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 30px;
}

#HonSearchContentBar ul li a {
    color: #000;
}

#HonSearchForm input {
    width: 90%;
    padding: 5px 5px 5px 35px;
    color: #000;
    border-radius: 2px !important;
    border: 1px solid #d6d7d6;
    background: #fff;
}

#HonSearchForm button {
    position: fixed;
    width: 32px;
    height: 32px;
    margin: 1px;
    padding: 0;
    border: 0;
    background: url(/multimedia/assets/i/all-04.svg) 0 0 no-repeat;
    background-color: transparent;
    background-size: 182px 600px;
    background-position: -118px -64px;
}

#HonSearchForm a {
    display: inline-block;
    margin-left: 0;
    margin-top: 5px;
}

#HonSearchForm input {
    float: left;
    width: 96%;
}

#HonSearchForm a span {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
}

/* tooltip */
.help_srh {
    color: #ccc !important;
    position: absolute !important;
    right: -12px !important;
    top: 2px;
}

.detail_help_srh {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 0;
    right: 0;
    top: 24px;
    color: #656c75;
    font-size: 11px;
    line-height: 15px;
    padding: 5px 8px;
    position: absolute;
    width: 170px;
    z-index: 20;
    display: none;
}

/* Search Adjustments for Desktop */
@media(min-width: 768px) {
    #HonSearchContentBar {
        left: 250px;
    }

    #HonSearchForm input {
        width: 96%;
        background-color: #fff;
        float: left;
        margin-right: 5px;
    }

    #wrapper.toggled #HonSearchContentBar {
        left: 0;
        right: 0;
    }
}

/* ============================================= */
/* 2.5. =Sticky Action Menu
/* ============================================= */
.r_side_menu {
    width: 100%;
    margin: 0 auto;
    display: table;
    margin-top: 0px;
    text-align: center;
}

.r_side_menu ul {
    list-style: none;
    padding: 0px;
    margin-top: 0px;
    font-size: 12px;
    background: #f0f3f5 !important
}

.r_side_menu object {
    width: 100px;
    height: 25px;
}

.r_side_menu ul li {
    width: 100%;
    margin-bottom: 0px;
    margin-top: 17px;
    display: table
}

.r_side_menu ul li a {
    text-decoration: none;
}

.r_side_menu ul li a:hover {
    color: #4E7DA7
}

.r_side_menu ul li a:hover .fa {
    background-color: #4d7ea9
}

.r_side_menu .first {
    float: left;
    margin-bottom: 10px;
    margin-top: 8px;
    padding-bottom: 15px;
}

.r_side_menu .second {
    float: left;
}

.r_side_menu p {
    color: #4c91cd;
    margin-bottom: 0;
    padding: 0 5px;
}

.r_side_menu .fa {
    padding: 5px 3px;
    background: #4c90cd none repeat scroll 0 0;
    border-radius: 47% 50%;
    color: #fff;
    font-size: 18px;
    width: 29px;
    height: 28px;
}

.r_side_menu .fa-share {
    font-size: 16px
}

.ss_right_menu .join_mail {
    margin-top: -207px
}

.mail-icon, .mail-icon:hover, .chat-icon, .chat-icon:hover, .help-icon, .help-icon:hover, .cart-icon, .cart-icon:hover, .email-sales-icon, .email-sales-icon:hover, .map-icons, .map-icons:hover, .email-page-icon, .email-page-icon:hover {
    background-position: center 0;
}

.chat-icons:hover img, .popup_icon:hover img, .search-icon:hover img {
    margin-left: -25px
}

.floatr {
    float: right !important;
}

#menu_new {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 98;
}

.sticky_new2 {
    right: 20px !important;
    top: 60px !important
}

.form_livechat .modal-dialog {
    top: 50px;
}

#honPageContent {
    overflow: inherit !important
}

@media (min-width: 768px) {
    #mobile_res_menu {
        display: none
    }

    .floatr.graybg_1.menu.menu2 {
        right: 0px
    }

    .floatr.graybg_1.menu.menu2 {
        margin-right: 10px;
        margin-top: 2px;
        padding: 0;
        width: 105px;
    }

    .floatr {
        background: transparent;
    }

    .floatr.graybg_1.menu.menu2 .row {
        margin: 0px;
    }
}

/* ============================================= */
/* 2.6. =Footer
/* ============================================= */
#honPageFooter {
    margin: 20px 0;
    padding: 0 20px;
    font-size: 12px;
    text-transform: uppercase;
}

#honPageFooter h4 {
    font-size: 12px;
}

#honPageFooter h4:not(:first-of-type) {
    margin-top: 20px;
}

#honPageFooter a {
    color: #666666;
}

#honPageFooter a:hover {
    text-decoration: none;
}

/* Social Media Icons */
ul#honSocialMedia {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#honSocialMedia li {
    display: inline-block;
}

ul#honSocialMedia li a {
    margin-right: 5px;
    background-color: #666666;
    display: block;
    text-indent: -9999px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

ul#honSocialMedia li a:hover {
    background-color: #4f575e;
}

/* ============================================= */
/* 2.7. =Modal Window
/* ============================================= */
h4.modal-title {
    font-weight: normal;
    text-transform: uppercase;
}

/* Video Modal */
.modal-body iframe {
    width: 100%;
    height: auto;
}

/* ============================================= */
/* 2.8. =Images
/* ============================================= */
.img--150x150 {
    max-width: 150px;
    max-height: 150px;
}

.img--120x120 {
    max-width: 120px;
    max-height: 120px;
}

.img--90x90 {
    max-width: 90px;
    max-height: 90px;
}

/* ============================================= */
/* 3. =Sections
/* ============================================= */
/* ============================================= */
/* 3.1. =Homepage
/* ============================================= */
.obj_icons {
    margin-top: -15px !important;
}

.chat_controll {
    display: none;
}

/* ============================================= */
/* 3.2. =RMA (Sensotec)
/* ============================================= */
/* Calibration and Return */
.modal-dialog {
    margin-top: 70px !important;
}

#medicalModal .modal-dialog,
#aeroModal .modal-dialog{
    width:300px;
    height:250px;
    margin-left:auto;
    margin-right:auto;
}

#barcodeModal .modal-dialog{
    width:300px;
    height:214px;
    margin-left:auto;
    margin-right:auto;
}


.modal-content.modal-popup-content {
    background-color: #fff0!important;
}

.calibration_direction_mandatory {
    display: none;
}

.delSection {
    margin-top: 20px;
    display: block;
    margin-bottom: -30px;
    font-size: 80%;
}

.delSection span {
    background: #fff;
    border: 1px solid #ccc;
    padding: 5px 10px;
}

.has-error {
    border-color: #ee3124 !important;
}

.TSAddress {
    border: 1px solid #ddd;
    padding: 10px;
    margin: 0 20px 20px 0;
}

/* Repair Returns */
span.danger {
    color: #ee3124 !important;
    font-size: 80%;
}

select option:disabled {
    display: none;
}

/* Send Package */
div.printed {
    display: none;
}

#print--image {
    width: 99%;
    border: 1px dotted #666;
}

#print--image img {
    width: 100%;
}

@media print {
    @page {
        margin: 0;
    }

    nav, aside, h1, h2, h3, #honPageHeader, #honMainHeader, #sidebar-wrapper, #honPageFooter, .breadcrumb, .alert, .no-print {
        display: none;
    }

    div.printed {
        max-width: 100% !important;
        visibility: visible !important;
        display: block !important;
        text-align: left;
    }

    #print--a {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        padding: 0.5cm;
    }

    #print--b {
        position: fixed;
        padding: 0.5cm;
        width: 100%;
        top: 50%;
        left: 0;
        border-top: 1px dotted #999;
    }

    #print--hon-top {
        position: fixed;
        width: 50%;
        top: 3.5cm;
        left: 10%;
    }

    #print-hon-ad-1, #print-hon-ad-2, #print-hon-ad-3, #print-hon-ad-4 {
        position: fixed;
        width: 20%;
        font-size: 80%;
        line-height: 120%;
    }

    #print-hon-ad-1 {
        top: 7%;
        left: 7%;
    }

    #print-hon-ad-2 {
        top: 7%;
        left: 35%;
    }

    #print-hon-ad-3 {
        top: 20%;
        left: 7%;
    }

    #print-hon-ad-4 {
        top: 20%;
        left: 35%;
    }

    #print--image {
        width: 30%;
        position: fixed;
        border: 1px solid #ccc;
        top: 5%;
        right: 10%;
    }

    #print--hon-address {
        position: fixed;
        width: 50%;
        top: 65%;
        left: 10%;
        font-size: 200%;
        line-height: 120%;
    }

    #print--hon-address span {
        font-size: 80%;
        font-weight: bold;
        display: block;
        margin-bottom: 0.2cm;
    }

    #print--image-addr {
        width: 30%;
        position: fixed;
        border: 1px solid #ccc;
        top: 55%;
        right: 10%;
    }

    ul, img {
        page-break-inside: avoid;
    }

    #menu_new, img#UIF-IMG-8874 {
        display: none !important;
    }
}

/* ============================================= */
/* 3.3. =Documentation Section
/* ============================================= */
#documentation-section .text-bold {
    font-weight: bold;
}

#documentation-section .filterbar {
    background-color: #f0f3f5;
    min-height: 100px;
    padding: 15px 10px;
    font-size: 14px !important;
}

#documentation-section .filterbar hr {
    margin: 0;
}

#documentation-section .aFilter {
    color: #666;
}

#documentation-section .honSmallText:after {
    background: linear-gradient(to right, rgba(240, 243, 245, 0), rgba(240, 243, 245, 1) 50%);
}

/* ============================================= */
/* 3.4. =Search Results Table
/* ============================================= */
#bigTable tr.tab_url_pro td img {
    max-width: 120px;
    max-height: 120px;
}

/* ============================================= */
/* 3.5. =Distributor Inventory
/* ============================================= */
.upward {
    background: url(/client_asset/dist/images/arrow_upward.png) center right 50px no-repeat;
    cursor: pointer;
    background-size: 15px;
}

.upward.desc {
    background: url(/client_asset/dist/images/arrow_downward.png) center right 50px no-repeat;
    cursor: pointer;
    background-size: 15px;
}

.distr.upward, .distr.upward.desc {
    background-position: center right 50px;
}

.part.upward, .part.upward.desc {
    background-position: center right 127px;
}

.qty.upward, .qty.upward.desc {
    background-position: center right 38px;
}

.idate.upward, .idate.upward.desc {
    background-position: center right 10px;
}

.dis_search_form_options {
    margin-top: 0px!important;
}

.dis_search_form_title {
    color: #000;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 15px;
}

.dis_search_form {
    min-height: 420px !important;
    transition: 1s;
}

.sss-height {
    text-align: left;
    padding: 0;
    transition: 1s;
}

.sss-height form {
    background: #f0f3f5 none repeat scroll 0 0;
    float: left;
    padding: 10px;
    width: 100%;
}

.sss-height .dropdown-menu li {
    padding: 10px;
    cursor: pointer;
}

.sss-height .dropdown-menu li:hover {
    background: #3b87de none repeat scroll 0 0;
    color: #ffffff;
}

.noresultstab {
    text-align: center;
}

.noresultstab .popup_icon {
    background: #4c91cd none repeat scroll 0 0;
    color: #fff;
}

.emil-sale {
    border: 0 none;
    border-radius: 3px;
    font-weight: bold;
    padding: 10px 20px;
}

.sss-slide2 {
    display: block !important;
}

.arrow-down {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid white;
    height: 0;
    width: 0;
    display: inline-block;
}

.arrow-down2 {
    transform: rotate(180deg);
}

.dis_search_result_list_table .active {
    font-weight: bold;
}

.distr a {
    color: #000;
    font-weight: bold;
}

/* ============================================= */
/* 3.6. =Blog
/* ============================================= */
.blog-content {
    margin: 10px 0;
}

.blog-content p.lead {
    font-size: 18px;
    line-height: 160%;
}

.blog-content img {
    max-width: 100%;
    margin-bottom: 20px;
}

.blog-info .related-articles {
    padding: 15px;
    background: #f0f3f5;
}

.blog-social-sharing {
    margin-top: 1.5rem;
}

.blog-author {
    width: 100%;
    background: #f0f3f5;
    padding: 20px;
    margin: 5px 0 20px;
}

.blog-author-img {
    max-width: 200px;
    padding: 15px;
}

.blog-content .blog-author-img img {
    margin-bottom: 0;
}

#blog-author-title {
    font-size: 16px;
    font-weight: bold;
    padding-top: 15px;
}

.blog-info span.icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.icon.menu-support {
    background-position: 0 -88px;
}

p.tags {
    margin: 40px 0;
}

p.tags .btn-sm {
    white-space: nowrap;
    padding: 5px 10px;
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 5px;
}

.blog-info-alt {
    margin-top: 20px;
}

.blog-info-alt h5 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
}

/* ============================================= */
/* 4. =Plugins
/* ============================================= */
/* ============================================= */
/* 4.1. =bootstrap-select
/* ============================================= */
#honPageFooter .btn-link {
    color: #666666;
}

#honPageFooter .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    margin-left: -14px;
}

.btn-transparent {
    background: #eef0f2 !important;
    color: #666666 !important;
    padding: 0 15px;
    font-weight: normal;
}

#honPageFooter .btn-group.open .dropdown-toggle, #honPageFooter .btn-group.open .dropdown-toggle:active {
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

#honPageFooter .dropdown-menu>li>a {
    padding: 3px 13px;
    font-size: 12px;
}

#honPageFooter .bootstrap-select>.dropdown-toggle {
    background: transparent none repeat scroll 0 0 !important;
    color: #666666 !important;
    font-size: 12px;
    padding: 5px 14px !important;
    text-transform: uppercase;
    width: inherit;
}

/* ============================================= */
/* 5. =Modules
/* ============================================= */
/* ============================================= */
/* 5.1. =Text Module
/* ============================================= */
.honTextModule {
    margin-bottom: 20px;
}

.honTextModule h2 {
    margin-top: 0;
}

.honSmallText {
    display: block;
    /* Fallback for non-webkit */
    display: -webkit-box;
    height: 59px;
    /* Fallback for non-webkit */
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.4em;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.honSmallText:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 10px;
    width: 40%;
    height: 40px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}

.honSmallText p, .honSmallText ul {
    margin: 0;
}

/* ============================================= */
/* 5.2. =Text+Image Module
/* ============================================= */
.honTextImageModule {
    margin-bottom: 20px;
}

.honTextImageModule h2 {
    margin-top: 0;
}

.honTextImageModule img {
    max-width: 100%;
    width: auto;
}

/* ============================================= */
/* 5.3. =Visually Narrowing In Cards Module
/* ============================================= */
.honCards {
    margin-top: 20px;
    margin-bottom: 20px;
}

.honCards h2 {
    margin-top: 0;
}

.honCards .row {
    margin-right: 0;
}

.honCards [class*='col-'] {
    padding-right: 0;
}

.honCards a {
    text-decoration: none !important;
}

.honCard {
    background: #fff;
    border-radius: 4px;
    height: 280px;
    padding: 5px 15px 15px 15px;
    margin-bottom: 15px;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
    position: relative;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .honCard {
        box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.8);
    }
}

@media(max-width: 1200px) {
    .honCard {
        height: 320px;
    }
}

.honCard h3, .honCardHover, .honCardIcon {
    -webkit-transition: 200ms;
    -webkit-transition-timing-function: ease-in-out;
    transition: 200ms;
    transition-timing-function: ease-in-out;
}

.honCard img {
    max-height: 120px;
}

.honCard h3 {
    position: absolute;
    top: 95px;
    left: 15px;
    right: 15px;
    text-align: center;
    height: 18px;
    margin-bottom: 10px;
    z-index: 25;
}

.honCard:hover h3 {
    color: #fff;
}

.honCard p {
    position: absolute;
    top: 165px;
    left: 15px;
    right: 15px;
    color: #666;
    display: block;
    /* Fallback for non-webkit
  display: -webkit-box; */
    height: 100%;
    /* Fallback for non-webkit */
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.4em;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.honCard .honCardHover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 4px;
    background: none;
    z-index: 20;
}

.honCard:hover .honCardHover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 4px;
    background: rgba(59, 135, 222, 0.7);
}

.honCardIcon {
    position: absolute;
    top: 160px;
    left: 15px;
    right: 15px;
    z-index: 25;
    opacity: 0;
}

.honCardIcon span {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

.honCard:hover .honCardIcon {
    opacity: 1;
    margin-left: 20px;
}

/* ============================================= */
/* 5.4. =Gallery Style 1
/* ============================================= */
.honGS1 {
    margin-bottom: 20px;
}

.honGS1 h2 {
    margin-top: 0;
}

.honGS1 .row {
    margin-right: 0;
}

.honGS1 [class*='col-'] {
    padding-right: 0;
}

.honGS1 span.icon {
    display: inline-block;
}

.honCard img.roundedImage {
    max-height: 110px;
    margin: 5px auto;
}

/* ============================================= */
/* 5.5. =Gallery Style 2
/* ============================================= */
.honGS2 {
    margin-bottom: 20px;
}

.honGS2 h2 {
    margin-top: 0;
}

.honGS2 span.icon {
    display: inline-block;
}

.honGS2 .owl-carousel ul li, .honGS2 .owl-carousel p {
    color: #666;
}

.honGS2 .owl-carousel img {
    width: 100%;
}

.honGS2 .owl-carousel .item {
    padding: 0;
    margin-bottom: 20px;
}

/* ============================================= */
/* 5.6. =Table Styles
/* ============================================= */
.honTS1 h2, .honTS2 h2, .honTS3 h2, .honTS4 h2, .honTS5 h2, .honTS6 h2, .honTS7 h2 {
    margin-top: 2px;
}

.honTS1, .honTS2, .honTS3, .honTS4, .honTS5, .honTS6, .honTS7 {
    margin-bottom: 20px;
}

.table span.icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.honTS1 img, .honTS2 img, .honTS3 img, .honTS4 img, .honTS5 img, .honTS6 img, .honTS7 img {
    max-width: 100px;
    max-height: 100px;
    margin-right: 10px;
}

.honTS5 td {
    padding: 15px 10px !important;
    vertical-align: top !important;
}

table.table h3 {
    margin: 0 0 10px 0;
}

table.table p {
    margin: 0;
}

.honTS6 span.honLocation {
    text-transform: uppercase;
}

.honTS6 .row {
    border-bottom: 1px solid #d6d7d6;
    margin: 0;
}

.honTS6 .row div {
    padding-left: 0;
    padding-right: 0;
}

.honTS6 img {
    float: right;
    margin: 15px 0 10px 10px;
}

.honTS6 a {
    margin: 10px 0;
    display: inline-block;
}

.honTS7 .table:first-child {
    margin-bottom: -1px;
}

.honTS7 .row {
    margin: 0;
}

.honTS7 .row div {
    padding: 0;
}

.honTS7 .row div:first-child {
    padding-right: 15px;
}

.honTS7 .honSmallTable {
    height: 190px;
    overflow-y: hidden;
}

.honTS7 a.honMoreLessTable {
    display: inline-block;
    margin: 10px 0 0 0;
    text-decoration: none;
}

.honTS7 table.table tr td {
    padding-left: 0;
}

@media(max-width: 767px) {
    .honTS7 .row div:first-child {
        padding-right: 0;
    }
}

@media (min-width: 768px) {
    .honTS2 td:nth-child(2), .honTS2 td:nth-child(2) {
        width: 25%;
    }

    .honTS2 td:nth-child(3), .honTS2 td:nth-child(3) {
        width: 15%;
    }

    .honTS2 td:nth-child(4), .honTS2 td:nth-child(4) {
        width: 10%;
    }
}

/* ============================================= */
/* 5.7. =List Styles
/* ============================================= */
/* List Style 1 and 2 */
.honLS1, .honLS2 {
    margin-bottom: 0px;
}

.honLS1 h2 {
    border-bottom: 1px solid #d6d7d6;
    padding-bottom: 5px;
}

.honLS2 h3 {
    border-bottom: 1px solid #d6d7d6;
    padding-bottom: 5px;
    background: #eef0f2;
    margin: 0 0 5px 0;
    padding: 5px 10px;
}

.honLS1 ul {
    padding-left: 30px;
    margin-bottom: 0;
}

.honLS2 ul {
    padding-left: 20px;
    margin-bottom: 0;
}

.honLS1 .honMoreLessText {
    display: inline-block;
    margin: 5px 0 10px 15px;
    text-decoration: none;
}

.honLS2 .honSmallText {
    height: 88px;
}

.honLS2 .honMoreLessText {
    margin: 5px 0 10px 0;
    display: inline-block;
    text-decoration: none;
}

/* ============================================= */
/* 6. =OneLink - Translations.com
/* ============================================= */
.OneLinkNoTx {
    /* Use this class to pass untranslated text from the source site to translated sites.
    Text marked with this class will appear on the translated website, but will not be translated. */
    /*no-op*/
}

.OneLinkHide {
    /* Use this class keep source-site content from displaying on any translated website */
    /*no-op*/
}

.OneLinkKeepLinks {
    /* Use this class to stop OneLink from rewriting webpage links */
    /*no-op*/
}

/* show only on Spanish site */
.OneLinkTxShow_es {
    /* Use this class to mark market-specific content, written in the source language,
    that differs from source market content */
    display: none;
}

.OneLinkShow_es {
    /* Use this class to mark market-specific content, written in the target market language,
    that differs from source market content */
    display: none;
}

/* show only on German site */
.OneLinkTxShow_de {
    /* Use this class to mark market-specific content, written in the source language,
    that differs from source market content */
    display: none;
}

.OneLinkShow_de {
    /* Use this class to mark market-specific content, written in the target market language,
    that differs from source market content */
    display: none;
}

/* show only on Japanese site */
.OneLinkTxShow_ja {
    /* Use this class to mark market-specific content, written in the source language,
    that differs from source market content */
    display: none;
}

.OneLinkShow_ja {
    /* Use this class to mark market-specific content, written in the target market language,
    that differs from source market content */
    display: none;
}

/* show only on Chinese site */
.OneLinkTxShow_zh {
    /* Use this class to mark market-specific content, written in the source language,
    that differs from source market content */
    display: none;
}

.OneLinkShow_zh {
    /* Use this class to mark market-specific content, written in the target market language,
    that differs from source market content */
    display: none;
}

/* show only on Korean site */
.OneLinkTxShow_ko {
    /* Use this class to mark market-specific content, written in the source language,
    that differs from source market content */
    display: none;
}

.OneLinkShow_ko {
    /* Use this class to mark market-specific content, written in the target market language,
    that differs from source market content */
    display: none;
}

/* Dynamic Content Replacement
The special CSS classes OneLinkReplace and OneLinkReplaceNoTx allow you to replace elements on
your translated pages with content from other pages (or even other websites). Think of these
classes as language-specific server-side includes performed by the OneLinkŽ Platform.
These classes instruct the OneLink Platform to replace the innerHTML portion of an element \
with the full content of the given URL:

<div class= "OneLinkReplace" olsrc_es="/content/to/be/translated.html">
    This innerHTML on your source site will be replaced on the Spanish site, and translated for Spanish.
</div>

<div class= "OneLinkReplaceNoTx" olsrc_es= "/content/already/translated.html" >
    This innerHTML on your source site will be replaced on the Spanish site, but not translated.
</div>


Note:
• These classes are only used as a flag for the OneLinkĂ‚ÂŽ Platform (there should
be no actual definition for the classes in your CSS files).
• The containing element must be a block-level element: DIV, TABLE, P, UL, OL, LI, etc.,
not an inline element: SPAN, FONT, etc.
• If you replace the innerHTML of a TABLE element, the page with the replacement should begin
with a TBODY or TR (do not repeat the TABLE element). */
.OneLinkReplace {
    /*no-op*/
}

.OneLinkReplaceNoTx {
    /*no-op*/
}

/* ============================================= */
/* 7. =Miscellaneous / Others
/* ============================================= */
/* carousel general items */
.owl-carousel .item {
    padding: 7.5px;
}

.owl-pagination .owl-page {
    display: inline-block;
    margin: 0 2px;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
    width: 18px;
    height: 18px;
    border: 1px solid #666;
    color: #666;
    border-radius: 10px;
    text-decoration: none !important;
}

.owl-pagination .active {
    color: #fff;
    background: #666;
}

.owl-pagination {
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Rounded Image */
img.roundedImage {
    border-radius: 100%;
}

/* tables - general items */
@media screen and (max-width: 767px) {
    .table-responsive {
        border: none;
    }
}

.table>thead>tr>th {
    border-bottom: 1px solid #d6d7d6;
    background: #eef0f2;
    text-transform: uppercase;
}

.table > tbody > tr > th {
    color: #3b87de;
    font-size: 14px;
}

.honTableLink {
    border-left: 1px solid #d6d7d6;
}

.table {
    border-bottom: 1px solid #d6d7d6;
}

#getContent {
    margin-top: -35px !important;
}

#lessContent {
    margin-top: -35px !important;
}

/* Home page  */
.endeca_button_search+.search_img {
    background: #fff none repeat scroll 0 0 !important;
}

.search_img {
    background: rgba(0, 0, 0, 0) url("/client_asset/images/search-256.png") no-repeat scroll 6px center / 26px auto;
    padding-left: 38px;
}

.f_support_bl {
    margin-top: 30px;
    margin-bottom: 20px;
}

.f_support_bl .f_s_block {
    background: #f1f4f5;
    min-height: 400px;
    padding: 10px 20px;
}

.f_support_bl .f_s_block ul {
    padding: 0px;
}

.f_support_bl .col-md-4:nth-child(2) {
    padding: 0px;
}

.f_support_bl .f_s_block li {
    list-style: none;
    border-bottom: 1px solid #CCC;
    display: table;
    width: 100%;
    padding: 15px 0px;
}

.f_support_bl {
    text-align: left
}

.f_support_bl a {
    color: #4c91cd
}

.f_support_bl p.h4 {
    color: #656c75;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    padding-bottom: 5px;
    font-weight: bold;
    margin-bottom: 12px;
}

.f_support_bl p.h5 {
    margin-top: 15px;
    margin-bottom: 0px;
    font-weight: bold
}

.f_support_bl p {
    color: #666;
    margin-bottom: 0px;
}

.f_s_block a.bcl {
    color: #333
}

.f_s_block a.bcl:hover {
    text-decoration: none
}

.pdf_icon {
    float: left;
    margin-right: 6px;
    width: 15px;
}

.f_hr {
    height: 1px;
    width: 100%;
    background: #ccc;
    margin: 10px 0px
}

.f_hr.fhr2 {
    width: 96%;
    position: absolute;
}

.dis_blck {
    display: block;
    float: left;
}

a.svg_left {
    float: left;
}

.what_lo_bg {
    text-align: left;
    padding: 20px;
    overflow: hidden;
    margin: -20px -5px 20px -5px;
    background: none;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

#HW_Search_Item_Form1, #HW_Search_Item_Form_home {
    background: rgba(255, 255, 255, 0.8);
    padding: 20px;
}

#HW_Search_Item_Form1, #HW_Search_Item_Form_home input {
    width: 100%;
    border-radius: 0;
}

#HW_Search_Item_Form1 .endeca_button_search {
    top: -8px;
}

#HW_Search_Item_Form_home .endeca_button_search {
    top: -8px;
}

.mb0 {
    margin-bottom: 0;
}

.mt0 {
    margin-top: 0;
}

#video_container video {
    width: 100%
}

#video_container_1 video {
    width: 100%
}

.f_support_bl img {
    cursor: pointer;
    width: 100%;
}

.play-video {
    display: none;
}

p.play-video:hover {
    display: block;
}

.cursor.highlight {
    font-size: 25px;
}

.fade.in {
    background: rgba(0, 0, 0, 0.7)
}

.sm-text {
    font-size: 12px;
    color: #4c91cd;
}

.need .strong {
    font-weight: bold;
    color: #777;
}

.nopdding {
    padding: 0px 0px 0px 1px !important;
}

.leftpadding {
    padding-right: 0px !important;
}

.help {
    height: 30px;
    line-height: 36px;
    color: #777;
    font-size: 16px;
}

.t_head_logo {
    width: 330px !important;
}

.main_body .t_search .search_icon .fa {
    padding-bottom: 18px
}

.img-responsive.lg {
    width: 150px;
}

.home_top_image {
    margin-top: 20px;
}

span.svg {
    float: left;
}

span.svg img {
    margin-top: -2px;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    height: auto;
    max-width: 100%;
}

img {
    vertical-align: middle;
}

img {
    border: 0 none;
}

.f_s_block_read img {
    margin-top: 0 !important;
}

.f_support_bl img {
    cursor: pointer;
    width: auto;
}

.f_support_bl {
    text-align: left;
}

a {
    cursor: pointer;
}

.page_title_head>.row {
    margin: 0px -10px;
}

footer>.nopadding, .page1>.nopadding {
    max-width: 1055px;
    margin: 0 auto;
    float: none;
}

.page1>.nopadding>.color3>.col-sm-12 {
    z-index: 0
}

.color3>.col-sm-10 .each_row .slick-slide {
    margin-left: 16px;
    margin-right: 16px;
}

.h_b_22.toggled {
    top: 138px !important;
}

#page-wrapper {
    padding: 0px;
}

#page-wrapper .container2 {
    padding: 0px 20px;
}

/* Press release end */
/* Techical Specification Start */
.technical_spec_view {
    overflow: hidden;
    clear: both;
    position: relative;
}

.k_table_style2 {
    margin-bottom: 5px;
}

.k_table_style2 th, .k_table_style2 td {
    text-align: left
}

.k_table_style2 tr td {
    color: #777;
    padding: 14px 0px !important
}

.k_table_style2 tr td:nth-child(2) {
    font-weight: bold
}

.k_table_style2 tbody tr:first-child {
    border-top: 1px solid #bbb !important;
}

.k_table_style2 tbody tr td {
    border-bottom: 1px solid #bbb !important;
}

.k_table_style2 > tbody > tr > td {
    border-top: 1px solid #bbb !important;
    padding: 5px !important;
}

.k_table_style2 > tbody > tr > td:first-child {
    padding-left: 0 !important;
}

.k_table_style2 > tbody > tr > td:last-child {
    padding-right: 0 !important;
}

.k_table_style2 #circuitryImg {
    width: 100%;
    max-width: 160px;
    min-width: 100px;
}

.k_table_style2 #leaverLockImg {
    width: 100%;
    max-width: 120px;
    min-width: 80px;
}

.technical_spec_list {
    height: auto;
    overflow: hidden;
}

.k_table_style th, .k_table_style td {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left
}

.k_table_style th {
    font-size: 11px;
    color: #666666;
    line-height: 14px;
    text-transform: uppercase
}

.k_table_style thead {
    background-color: #EEF0F2
}

.k_table_style thead td, .k_table_style thead th {
    font-weight: bold;
    color: #888;
    font-size: 12px
}

.k_table_style td {
    color: #666666;
    font-family: Arial;
    font-size: 14px;
    line-height: 18px
}

.k_table_style tbody tr td:first-child {
    color: #191A00;
    font-family: Arial;
    font-weight: Bold;
    font-size: 14px
}

.k_table_style a {
    color: #000
}

.k_table_style {
    margin-bottom: 0px !important;
}

.k_table_style>tbody>tr>td {
    border-bottom: 1px solid #bbb !important;
}

.document-content {
    overflow: hidden;
}

.document-content p {
    margin-top: 0px !important;
}

.container-fluid.document-content {
    clear: both;
}

/* Techical Specification End */
@media(max-width: 768px) {
    #honMainHeader {
        width: 100%
    }

    .p_c_wrapper #page-content-wrapper #honMainHeader #honTopSearchButton {
        margin-right: 0px
    }

    #mobile_res_menu, #mobile_res_menu .m-s-mobile-right {
        display: table;
        width: 100%
    }

    .floatr.graybg_1.menu.menu2 {
        right: 0px
    }

    .floatr.graybg_1.menu.menu2 {
        margin-right: 6px;
        margin-top: 0;
        padding: 0;
        width: 105px;
    }

    .floatr {
        background: transparent
    }

    .floatr.graybg_1.menu.menu2 .row {
        margin: 0px;
    }

    .floatr {
        float: none !important
    }

    .floatr.graybg_1.menu.menu2 {
        width: 100%;
        float: left;
    }

    .floatr {
        display: table
    }

    .col-sm-2.floatr.graybg_1 {
        top: 0px !important;
        position: relative
    }

    .col-sm-2.floatr.graybg_1 {
        width: 100%
    }

    .col-sm-2.floatr.graybg_1 {
        padding: 0px;
    }

    .m-s-mobile-right .r_side_menu {
        position: relative !important;
        display: block;
    }

    #wrapper {
        padding-left: 0px;
    }

    #wrapper.toggled {
        padding-left: 250px;
        overflow: hidden;
    }

    #sidebar-wrapper {
        width: 0px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 250px;
    }

    #wrapper.toggled #honMainHeader {
        left: 250px !important
    }

    #honMainHeader {
        left: 0px !important
    }
}

@media(max-width: 420px) {
    .p_c_wrapper .icon-logo, #honMainHeader .icon-logo {
        background-position: 0px -277px;
        height: 36px;
        width: 125px;
    }

    .r_side_menu .second li, .r_side_menu .first li {
        width: 33.3333%;
    }

    .r_side_menu ul li p {
        word-wrap: break-word;
    }
}

@media(min-width: 1200px) {
    .floatr {
        margin: 0px
    }
}

/* Right Side Menu End */
/* search button   */
.endeca_button_search+.search_img {
    background: #fff !important;
}

.leftpadding .endeca_button_search, #mysearch_1 .endeca_button_search {
    width: 35px;
    /* height:38px; */
}

.endeca_button_search {
    opacity: 0.5;
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: transparent;
    background-image: url("/client_asset/images/search-256-black.png"), none;
    background-origin: padding-box, padding-box;
    background-position: 6px center, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 26px auto;
    border: medium none;
    height: 50px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 50px;
    z-index: 55;
}

/* For Taxonomy new/extended   */
.honCard .label.label-danger {
    border-radius: 0;
    padding-top: 5px;
    position: absolute;
    right: 0;
    top: 9px;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.owl-carousel .owl-item img {
    display: block;
    margin: 10px auto;
    width: 90px;
}

.no-paddin-left {
    padding-left: 0px;
}

.no-paddin-right {
    padding-right: 0px;
}

/* search overlay  */
.recent_search_new .strong {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
}

.recent_search_new .list li a {
    color: #777;
}

.recent_search_new .list {
    list-style: outside none none;
    text-transform: uppercase;
}

/*  endeca search page */
/* for ajax result display   */
.endeca_display ul {
    padding-left: 0px;
    padding-right: 15px;
}

.endeca_display ul li {
    font-weight: normal;
    color: #666666;
}

.endeca_display h5 {
    color: #656c75;
    font-size: 17px;
    font-weight: bold;
}

.view_more {
    text-align: left;
}

.view_less {
    text-align: left;
}

.endeca_display ul li a {
    color: #000;
}

#endeca_get {
    background-color: #4c91cd;
    color: #fff !important;
    padding: 10px 23px;
    font-weight: bold;
    margin-top: 25px;
    border: 0px;
    border-radius: 5px;
}

#endeca_data_error {
    color: #686867;
    font-weight: bold;
}

.error_blu {
    color: #4784c4;
}

.error_pos {
    text-align: left;
    padding-top: 10px;
}

.endeca_fnd {
    color: #686867;
    font-weight: bold;
}

.endeca_display li a:hover {
    text-decoration: underline;
}

.filterbar {
    background-color: #f0f3f5;
    min-height: 100px;
    padding: 15px 10px;
}

#scrollingDiv {
    position: absolute;
}

.filterbar .glyphicon {
    color: #bbb;
}

.filterbar hr {
    border-color: #bbc2c6 -moz-use-text-color -moz-use-text-color;
    border-width: 2px 0 0;
    margin: 5px 0px 0px;
}

.light-blue .glyphicon {
    color: #5995cf;
    font-size: 11px;
}

.light-blue .badge {
    background: #ea3128 none repeat scroll 0 0;
    color: #fff;
    font-size: 10px;
    height: 16px;
    line-height: 7px;
    padding: 4px 5px;
}

.light-blue {
    color: #5995cf;
}

.red {
    color: #ea3128;
}

#products h4 {
    color: #686867;
    font-weight: 400;
}

#pagesContent h4 {
    color: #686867;
    font-weight: 400;
}

.productsContent h4 {
    color: #686867;
    font-weight: 400;
}

.filtr {
    color: #686867;
}

#endica_search_1, #endica_search_home {
    border-radius: 6px;
}

.pills li {
    padding: 8px 10px;
    background: #f0f3f5;
    font-size: 13px;
    color: #659bd2;
    margin-right: 10px;
    margin-bottom: 8px;
    border-radius: 4px;
}

.pills .glyphicon {
    font-size: 12px !important;
}

.badge.red {
    background: #ea3128 none repeat scroll 0 0;
    color: #fff;
    font-size: 10px;
    height: 16px;
    line-height: 7px;
    padding: 4px 5px;
}

.prd-tble tr td {
    vertical-align: middle !important
}

.label-red {
    background-color: #df1f36;
}

.prd-tble .label {
    border-radius: 0;
    text-transform: uppercase;
    font-size: 9px;
    vertical-align: middle;
}

.prd-tble th, .page-table th, .doc-table th {
    color: #656c75;
}

.prd-tble thead tr, .page-table thead tr, .doc-table thead tr {
    background-color: #f0f3f5;
    border-bottom: 2px solid #bbc2c6;
}

.page-table thead tr th {
    padding: 15px 10px !important
}

.doc-table thead tr th {
    padding: 5px !important
}

.prd-tble, .page-table {
    color: #7c7f87;
}

.prd-tble strong, .page-table strong {
    color: #000;
}

.page-table td, .page-table th, .doc-table td, .doc-table th {
    padding: 20px 10px !important;
}

.tab-content {
    overflow: hidden;
}

#footer {
    background: #000;
    min-height: 100px;
}

.btn-flat {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    padding-left: 0px;
    text-align: left;
}

.tab-content p {
    margin-bottom: 0px;
}

ul.tabul {
    padding: 0px 5px 0 0;
    list-style: none;
}

ul.tabul li {
    list-style: outside none none;
    padding: 2px 0;
}

ul.tabul li a {
    color: #333;
}

ul.sublist li {
    border: none;
    padding: 5px;
    border-bottom: 1px solid #bbc2c6;
}

.cls {
    margin-bottom: 2px;
    float: left;
}

.searchpage_outlay a {
    color: #659bd2;
}

.suggestions_search {
    padding: 10px 0 0px 0;
}

.suggestions_search p {
    color: #686867;
}

#HW_Search_Item_Form .h4 {
    font-weight: normal;
}

#HW_Search_Item_Form1 .h4 {
    font-weight: normal;
}

#HW_Search_Item_Form_home .h4 {
    font-weight: normal;
}

.product_row, .product_row_shaded {
    clear: both;
    overflow: hidden;
    margin-bottom: 30px;
    border-bottom: 1px solid #7c7f87;
    padding-bottom: 15px;
}

.input-group .form-control {
    width: 97.8% !important;
}

.form-control {
    font-size: 16px !important;
}

.help-srh {
    float: right;
    margin: 8px 0 0;
    color: #bbb !important;
}

.help-srh:hover {
    color: #bbb;
}

.product_row_image {
    float: left;
    width: 20%;
}

.product_row_info {
    float: right;
    width: 78%;
}

.product_row_info>a {
    float: left;
    width: 20%;
}

.left-align {
    text-align: left;
}

.right-align {
    text-align: right;
}

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

.search-endeca>a {
    font-weight: bold;
    color: #000;
}

.filterbar {
    text-align: left;
}

.product_description_row {
    float: right;
    width: 75%;
    text-align: left;
}

.dropdown_endeca ul {
    padding-left: 0px !important;
}

.prdNumbering a {
    margin-right: 10px;
}

.results_text, .Current_Page {
    color: #000;
}

.table-hover>tbody>tr:hover {
    background-color: transparent;
}

.tab-content {
    margin-top: 22px;
}

.nopadding, .nopad {
    padding: 0px !important;
}

#nav-header {
    margin-top: 22px;
}

.productsContent h4, #pagesContent h4 {
    text-align: left;
    font-weight: bold;
}

.endeca-dim {
    font-weight: bold;
}

.dropdown_endeca>ul>li {
    display: none;
    cursor: pointer;
}

.searchpage_outlay {
    background: #f0f3f5;
    margin: 5px;
}

.container2>.row {
    margin: 0 -20px;
}

.page_title_head .p_page_title {
    margin-left: 2px;
    margin-top: 5px;
    padding-bottom: 0;
    padding-top: 15px;
}

.page_title_head>.row {
    margin: 0px
}

.nav-tabs {
    border-bottom: 1px solid #c3c7c9;
    margin-bottom: 20px;
}

.nav-tabs>li>a {
    background: #f0f3f5 none repeat scroll 0 0;
    color: #656c75;
    font-weight: bold;
    border-radius: none;
}

.nav-tabs>li>a:hover {
    color: #656c75;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border-color: #c3c7c9 #c3c7c9 transparent;
    color: #000;
}

.nav-tabs .badge {
    color: #656c75;
    background-color: transparent;
}

.nav-tabs>li.active>span, .nav-tabs>li.active>span:focus, .nav-tabs>li.active>span:hover {
    color: #000;
    background-color: transparent;
}

p.p_page_title {
    font-size: 20px;
    margin-top: 20px;
}

#HW_Search_Item_Form1 .input-group {
    width: 100%
}

#HW_Search_Item_Form_home .input-group {
    width: 100%
}

.t_icon img {
    width: 30px;
}

.nextprod li {
    color: #659bd2;
    cursor: pointer;
    list-style: outside none none;
    float: right;
}

#prevproducts li {
    color: #659bd2;
    cursor: pointer;
    list-style: outside none none;
}

#prevpages li {
    color: #659bd2;
    cursor: pointer;
    list-style: outside none none;
}

#prevdocs li {
    color: #659bd2;
    cursor: pointer;
    list-style: outside none none;
}

#HonSearchForm .input-spinner {
    right: 45px;
}

.input-spinner {
    position: absolute;
    right: 30px;
    top: 6px;
    z-index: 5;
}

.input-spinner img {
    animation: 1s linear 0s normal none infinite running input-spinner-keyframes;
    width: 21px;
}

@keyframes input-spinner-keyframes {
    from {
        tranform: rotate(0deg);
    }

    to {
        transform: rotate(360deg)
    }
}

/* for pagination in search page*/
#pagination ul {
    display: inline-block;
    padding: 0;
    margin: 0;
}

#pagination li {
    list-style-type: none;
    float: left;
}

#pagination ul li a {
    color: #7c7f87;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    border: 1px solid #ddd;
}

#pagination ul li a:hover {
    background-color: #ddd;
}

#pagination ul li a.active {
    background-color: #4e7da7;
    color: white;
}

/* pages tab */
#pagination_page ul {
    display: inline-block;
    padding: 0;
    margin: 0;
}

#pagination_page li {
    list-style-type: none;
    float: left;
}

#pagination_page ul li a {
    color: #7c7f87;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    border: 1px solid #ddd;
}

#pagination_page ul li a:hover {
    background-color: #ddd;
}

#pagination_page ul li a.active {
    background-color: #4e7da7;
    color: white;
}

/* docs tab */
#pagination_doc ul {
    display: inline-block;
    padding: 0;
    margin: 0;
}

#pagination_doc li {
    list-style-type: none;
    float: left;
}

#pagination_doc ul li a {
    color: #7c7f87;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    border: 1px solid #ddd;
}

#pagination_doc ul li a:hover {
    background-color: #ddd;
}

#pagination_doc ul li a.active {
    background-color: #4e7da7;
    color: white;
}

/* for technical specification */
.technical_spec_view_more {
    display: none;
}

#tech_view_list_less {
    display: none;
}

.tech_view {
    margin-top: 15px;
}

.tech_div_view {
    border-top: 0px solid #d6d7d6;
}

/*top menu css | 27-4-16 */
#sidebar-wrapper {
    top: 0
}

.p_c_wrapper #page-content-wrapper {
    padding-top: 0px !important
}

#honMainHeader {
    transition: all 0.5s ease !important
}

#honPageHeader {
    margin-top: 20px
}

.p_c_wrapper #sidebar-wrapper {
    top: auto
}

.animated1 {
    transition: all 0.5s ease !important
}

/*top menu css | end */
/* row clickable*/
.tab_url_pro {
    cursor: pointer;
}

.page_url_doc {
    cursor: pointer;
}

.tab_url_pro:hover {
    background-color: #edeeed !important;
}

.page_url_doc:hover {
    background-color: #edeeed !important;
}

/* results display allignment */
label {
    margin-left: 14px;
}

.form-bg label {
    margin-left: 0px;
}

.pagination_val {
    margin-bottom: 4px;
    margin-left: 14px;
}

.cls {
    margin-left: 5px;
    margin-top: 8px;
}

.list-inline>li {
    display: inline-block !important;
    color: #4e7da7;
}

.pillsdoc li {
    background: #f0f3f5 none repeat scroll 0 0;
    margin-bottom: 10px;
    border-radius: 4px;
}

.page-table {
    margin-left: 15px;
    margin-top: 8px;
}

.top-title-bg {
    background: #eef0f2;
    display: block;
    position: relative;
    overflow: hidden;
    padding: 10px 10px 0px 10px;
    margin: 0 0 20px 0;
}

.honCards2 {
    margin-bottom: 20px;
}

.honCards2 .row {
    margin-right: 0;
}

.honCards2 [class*='col-'] {
    padding-right: 0;
}

.honCards2 a {
    text-decoration: none !important;
    color: #666;
}

.honCard2 {
    background: #fff;
    border-radius: 4px;
    height: 285px;
    padding: 5px 15px 15px 15px;
    margin-bottom: 15px;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
    position: relative;
}

.honCardMore, .honCardHover, .honCardIcon {
    -webkit-transition: 200ms;
    -webkit-transition-timing-function: ease-in-out;
    transition: 200ms;
    transition-timing-function: ease-in-out;
}

.honCard2 img {
    max-height: 120px;
}

.honCard2 h3 {
    margin-bottom: 10px;
}

.honCard2 .honCardMore {
    position: absolute;
    top: 110px;
    left: 15px;
    right: 15px;
    text-align: center;
    height: 160px;
    overflow: hidden;
    z-index: 25;
}

.honCard2:hover h3 {
    color: #fff;
}

.honCard2:hover p {
    z-index: 19;
    color: #fff;
    opacity: 0.8;
}

.honCard2:hover .honCardMore {
    top: 30px;
    height: 236px;
}

.honCard2 .honCardHover2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 4px;
    background: none;
    z-index: 20;
}

.honCard2:hover .honCardHover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 4px;
    background: rgba(59, 135, 222, 0.9);
}

.honCard2 .honCardIcon {
    top: 20px;
}

.honCard2:hover .honCardIcon {
    opacity: 1;
    margin-left: 20px;
}

.honCard3 {
    background: #fff;
    border-radius: 4px;
    height: 200px;
    padding: 15px 15px 15px 15px;
    margin-bottom: 15px;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
    position: relative;
}

.honCard3 img {
    max-height: 120px;
}

.honCard3 .honCardMore {
    position: absolute;
    top: 130px;
    left: 15px;
    right: 15px;
    text-align: center;
    height: 70px;
    overflow: hidden;
    z-index: 25;
}

.honCard3:hover .honCardMore {
    top: 30px;
    height: 170px;
}

.honCard3:hover h3 {
    color: #fff;
}

.honCard3:hover .honCardHover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 4px;
    background: rgba(59, 135, 222, 0.9);
}

.honCard3 .honCardIcon {
    top: 20px;
}

.honCard3:hover .honCardIcon {
    opacity: 1;
    margin-left: 20px;
}

.type2_soc3 {
    float: left;
    padding: 15px;
}

/* CAROUSEL DISPLAYS - start*/
.item {
    margin-bottom: 20px;
}

.item h2 {
    margin-top: 0;
}

.item .row {
    margin-right: 0;
}

.item [class*='col-'] {
    padding-right: 0;
}

.item a {
    text-decoration: none !important;
    color: #666;
}

.item {
    background: #fff;
    border-radius: 4px;
    height: 285px;
    padding: 5px 15px 15px 15px;
    margin-bottom: 15px;
    position: relative;
}

.honCardMore, .honCardHover, .honCardIcon {
    -webkit-transition: 200ms;
    -webkit-transition-timing-function: ease-in-out;
    transition: 200ms;
    transition-timing-function: ease-in-out;
}

.item img {
    max-height: 120px;
}

.item h3 {
    margin-bottom: 10px;
}

.item .honCardMore {
    position: absolute;
    top: 0px;
    left: 15px;
    right: 15px;
    text-align: center;
    height: 240px;
    overflow: hidden;
    z-index: 25;
}

.item:hover h3 {
    color: #fff;
}

.item:hover p {
    z-index: 19;
    color: #fff;
    opacity: 0.8;
}

.item:hover .honCardMore {
    top: -80px;
    height: 400px;
}

.item .honCardHover2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 4px;
    background: none;
    z-index: 20;
}

.item:hover .honCardHover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 4px;
    background: rgba(59, 135, 222, 0.9);
}

.item .honCardIcon {
    top: 20px;
}

.item:hover .honCardIcon {
    opacity: 1;
    margin-left: 20px;
}

@media(max-width: 350px) {
    .p_c_wrapper .icon-logo, #honMainHeader .icon-logo {
        width: 117px;
    }

    .honPipeTreatment {
        padding-right: 5px;
        padding-left: 4px;
    }

    #page-content-wrapper #honMainHeader a#honLogo {
        padding-left: 5px;
    }
}

@media(max-width: 768px) {
    #page-content-wrapper #honMainHeader a#honLogo {
        padding-left: 0px;
    }

    #page-content-wrapper #honMainHeader #honTopSearchButton {
        right: 0;
    }

    .icon-search {
        background-position: -86px -200px;
    }
}

/*
CAROUSEL DISPLAYS - End
*/
/* 5-5-16_desktop-quickship css */
#id_table_items {
    background: #fff
}

.maincontent {
    background: rgb(217, 26, 47) none repeat scroll 0 0;
    display: table;
}

.maincontent-left {
    padding: 0 25px;
    color: #fff
}

#search_form input[type="checkbox"], input[type="radio"] {
    margin-right: 8px
}

.qsrstbtn {
    border: 1px solid #000;
    color: #000;
    margin-right: 10px;
    padding: 5px 7px;
}

.search-bar-text {
    margin: 8px 0;
    width: 100%;
    color: #000000;
}

#form_alert div {
    background: red none repeat scroll 0 0;
    border: 2px solid #fff;
    color: #fff;
    display: inline;
    padding: 2px 5px;
}

#form_alert {
    background: #cc0e0e none repeat scroll 0 0;
    color: #fff;
    margin: 0 auto 10px;
    overflow: hidden;
    padding: 7px;
    width: 167px;
}

.qsbtn {
    background: #000 none repeat scroll 0 0;
    border: medium none;
    font-weight: bold;
    padding: 6px 11px;
}

#id_search_result td {
    font-size: 12px;
    word-wrap: break-word;
}

.theadclass th {
    font-size: 12px;
    word-wrap: break-word;
    font-weight: bold;
}

.maincontent-right {
    background: #fff
}

.pagination a {
    border: 1px solid #ccc;
    padding: 5px 10px;
    display: block;
    margin: 5px;
}

.paginator_selected a {
    background: rgb(217, 26, 47);
    color: #fff;
}

.show_filter {
    color: #3b87de !important;
}

/* 5-5-16 | end */
.hover_ef.Fvideohome {
    cursor: pointer;
}

.sort-alphabet, .sort-alphabetical, .header {
    cursor: pointer;
}

.acceptcheck {
    float: left;
    margin-top: 10px;
}

.acceptcheck label {
    margin-top: 5px;
    margin-left: 0px;
}

.acceptcheck input {
    float: left;
    margin-right: 6px !important;
}

.useragrment .modal-body {
    padding: 15px;
}

.downloadbtn.close {
    float: none;
    opacity: 1;
    font-size: 12px;
    text-shadow: none;
}

.Documenthide {
    display: none;
}

.SoftDocumenthide {
    display: none;
}

#overlay, #color-overlay {
    position: absolute;
    top: 0;
    left: 0;
}

.loading_overlay {
    position: fixed;
    background: rgba(0, 0, 0, 0.9);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 5555
}

/* for Document Icons - Start */
.icon2.pdf-icon {
    background-position: 0 -320px;
    margin-right: 0 !important;
}

.icon2.stp-icon {
    background-position: -25px -320px;
    margin-right: 0 !important;
}

.icon2.tif-icon {
    background-position: -50px -320px;
    margin-right: 0 !important;
}

.icon2.jpg-icon {
    background-position: -75px -320px;
    margin-right: 0 !important;
}

.icon2.png-icon {
    background-position: -100px -320px;
    margin-right: 0 !important;
}

.icon2.docs-icon {
    background-position: 0px -345px;
    margin-right: 0 !important;
}

.icon2.xls-icon {
    background-position: -25px -345px;
    margin-right: 0 !important;
}

.icon2.exe-icon {
    background-position: -49px -345px;
    margin-right: 0 !important;
}

.icon2.bin-icon {
    background-position: -72px -345px;
    margin-right: 0 !important;
}

/* For Document Icons - End*/
#loading .fa-spin {
    position: absolute;
    top: 45%;
    left: 50%;
    font-size: 50px;
    color: #fff
}

.fa-spin-custom, .fa-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/* Added on 17 Jan 2017 */
/* added below line for space between column title and sort row  */
.sort-alphabetical i.glyphicon, .sort-alphabet i.glyphicon {
    margin-left: 10px;
}

/* End */
.r_side_menu ul li object:nth-child(2) {
    display: none;
    margin-bottom: 4px;
    margin-left: 0px
}

.r_side_menu ul li:hover object:first-child {
    display: none
}

.r_side_menu ul li:hover object:nth-child(2) {
    display: block;
}

.mail-icon object:nth-child(2) {
    margin-bottom: 4.1px !important;
}

.email-page-icon object:nth-child(2), .cart-icon object:nth-child(2) {
    margin-bottom: 4.1px !important;
}

.r_side_menu object {
    float: left;
    margin-bottom: 5px
}

.r_side_menu li {
    cursor: pointer;
}

.r_side_menu object {
    cursor: pointer;
}

#overlay, #color-overlay {
    position: absolute;
    top: 0;
    left: 0;
}

.loading_overlay {
    position: fixed;
    background: rgba(0, 0, 0, 0.9);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 5555
}

#loading .fa-spin {
    position: absolute;
    top: 45%;
    left: 50%;
    font-size: 50px;
    color: #fff
}

.fa-spin-custom, .fa-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.obj_icon svg {
    cursor: pointer
}

.popup_icon iframe {
    border: medium none;
    height: 40px;
    overflow: hidden;
    width: 100px;
}

.popup_icon iframe:nth-child(2), .popup_icon:hover iframe {
    display: none
}

.popup_icon:hover iframe:nth-child(2) {
    display: block;
}

.popup_icon iframe image {
    cursor: pointer
}

/* End */
@media screen and (max-width: 768px) {
    #honMainHeader #honTopSearchButton .icon-search {
        background-position: 0px -195px !important;
    }

    #honMainHeader #honTopSearchButton.toggled .icon-search {
        background-position: -70px -195px !important;
    }
}

@media screen and (max-width: 640px) {
    .productsContent {
        padding: 0px !important;
    }

    .pagination_val {
        margin-left: 0px;
    }

    .endeca_prod {
        padding: 0px !important
    }

    .productsContent h4 label {
        margin-left: 0px;
    }

    .prd-tble {
        font-size: 12px !important;
    }

    .tab_url_pro img {
        width: 100px;
    }
}

/* 19-01-2017 |Software Download Start*/
.acceptDownload {
    text-align: right;
}

/* 19-01-2017 | End*/
/* 02-06-2017 | Site Map - moduleID 170440 Start*/
.mainContainer {
    position: relative;
    overflow: hidden;
    margin: 0 0 30px 0px;
    clear: both;
}

.mainContainer .h2 {
    font-family: HoneywellSans-Bold, Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #191a00;
    margin-top: 0px;
    border-bottom: 1px solid #d6d7d6;
    padding-bottom: 5px;
    text-transform: uppercase;
}

.mainContainer a .h2 {
    color: #3b87de;
}

.mainContainer .h3 {
    font-family: HoneywellSans-Bold, Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #191a00;
    margin-top: 0px;
}

.mainContainer ul {
    padding-left: 15px;
    list-style: none;
    margin-right: 20px;
    margin-bottom: 20px;
}

.mainContainer li:last-child {
    border: none;
}

.mainContainer li {
    font: 150 20px/1.5 Helvetica, Verdana, sans-serif;
    list-style: none;
    list-style-position: inside;
    padding-left: 0px !important;
}

.mainContainer li a:hover {
    background: none;
    color: #337ab7;
    font-size: 14px;
    font-weight: bold;
}

.mainContainer li a {
    text-decoration: none;
    color: #000;
    width: auto;
    -webkit-transition: font-size 0.1s ease, background-color 0.3s ease;
    -moz-transition: font-size 0.1s ease, background-color 0.3s ease;
    -o-transition: font-size 0.1s ease, background-color 0.3s ease;
    -ms-transition: font-size 0.1s ease, background-color 0.3s ease;
    transition: font-size 0.1s ease, background-color 0.3s ease;
}

.mainContainer ul.contactUs {
    margin-bottom: 98px;
}

@media only screen and (max-width: 800px) {
    .mainContainer ul.contactUs {
        margin-bottom: 20px;
    }
}

.sub-list {
    margin-left: 15px;
}

.industry {
    margin-bottom: 115px !important
}

.distributor {
    margin-bottom: 106px !important
}

/* 02-06-2017 | site map End*/
/* ============================================= */
/* 7.1. =Mobile Optimisations
/* ============================================= */
@media only screen and (max-width: 768px) {
    .what_lo_bg .c-banner-info {
        padding: 60px 30px;
    }
}

@media only screen and (max-width: 480px) {
    .honCards2, .honGS1 {
        margin: 20px;
    }

    #honPageContent h2 {
        margin-top: 20px;
    }

    .honGS1 .col-md-2.text-right {
        display: none;
    }

    .honCard {
        height: 280px;
    }

    span.owl-numbers {
        display: none;
    }

    .owl-item .item {
        padding: 3px;
    }

    .owl-pagination .owl-page {
        font-size: 5px;
        line-height: 5px;
        width: 8px;
        height: 8px;
    }

    .f_support_bl .f_s_block {
        min-height: auto;
    }

    .f_support_bl .no-paddin-left {
        padding-left: auto;
    }

    .f_support_bl .col-md-4:nth-child(2) {
        padding: auto;
    }

    .f_support_bl .no-paddin-right {
        padding-right: auto;
    }
}