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

TABLE OF CONTENTS

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. Sidebar Menu
2.4. Global Search
2.5. Sticky Action Menu
2.6. Footer
2.7. Modal

3. Sections
3.1. Homepage
3.2. Search Pages
3.3. Products Categories
3.4. Product Page 


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. Miscellaneous / Others 

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





/* ============================================= */ 
/* 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-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: #4f575e;
}

.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);
}


.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; }

/* Spacing for all devices */
.mb-0  { margin-bottom:  0;   }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-40 { margin-bottom: 40px; }
.mt-0  { margin-top:  0;   }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-40 { margin-top: 40px; }

/* Spacing for Small devices */
@media(max-width:767px) {
  .mb-xs-0  { margin-bottom:  0;   }
  .mb-xs-10 { margin-bottom: 10px; }
  .mb-xs-20 { margin-bottom: 20px; }
  .mb-xs-40 { margin-bottom: 40px; }
  .mt-xs-0  { margin-top:  0;   }
  .mt-xs-10 { margin-top: 10px; }
  .mt-xs-20 { margin-top: 20px; }
  .mt-xs-40 { margin-top: 40px; }
}

/* Spacing for Large devices */
@media(min-width:768px) {
  .mb-lg-0  { margin-bottom:  0;   }
  .mb-lg-10 { margin-bottom: 10px; }
  .mb-lg-20 { margin-bottom: 20px; }
  .mb-lg-40 { margin-bottom: 40px; }
  .mt-lg-0  { margin-top:  0;   }
  .mt-lg-10 { margin-top: 10px; }
  .mt-lg-20 { margin-top: 20px; }
  .mt-lg-40 { margin-top: 40px; }
}

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


/* ============================================= */
/* 1.2. =Typography
/* ============================================= */

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

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

h2 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #191a00;
}

h3 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #191a00;
}

h4 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #666666;
}




/* ============================================= */
/* 1.3. =Icons
/* ============================================= */

.icon {
  width:24px;
  height: 24px;
  background: url("/client_asset/dist/images/hon-all.svg") 0 0 no-repeat;
  background-size: 182px 600px;
}
.icon2 {
  width:24px;
  display:block;
  float:left;
  height: 24px;
  background: url("/client_asset/dist/images/hon-all2.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 { background-position: 0  -44px; }
.sidebar-nav a .icon.menu-contact      { background-position: 0  -66px; }
.sidebar-nav a .icon.menu-news         { background-position: 0  -88px; }
.sidebar-nav a .icon.menu-about        { background-position: 0 -110px; }

.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 { background-position: -22px  -44px; }
.sidebar-nav a:hover .icon.menu-contact      { background-position: -22px  -66px; }
.sidebar-nav a:hover .icon.menu-news         { background-position: -22px  -88px; }
.sidebar-nav a:hover .icon.menu-about        { background-position: -22px -110px; }

.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-contact      { background-position: -44px  -66px; }
.sidebar-nav a.active .icon.menu-news         { background-position: -44px  -88px; }
.sidebar-nav a.active .icon.menu-about        { background-position: -44px -110px; }

/* Action menu icons */
.icon.action-search    { background-position: -150px    0;   }
.icon.action-email     { background-position: -150px  -32px; }
.icon.action-chat      { background-position: -150px  -64px; }
.icon.action-support   { background-position: -150px  -96px; }
.icon.action-sales     { background-position: -150px -128px; }
.icon.action-find      { background-position: -150px -160px; }
.icon.action-share     { background-position: -150px -192px; }
.icon.action-inventory { background-position: -150px -224px; }


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

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

.icon-menu   { background-position: -70px  -140px; }
.icon-logo   { background-position:   0    -270px; }
.icon-search { background-position: 0px  -200px; }
.icon-help   { background-position: -90px   -45px; }


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

/* 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: -154px -260px; }
.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
/* ============================================= */





/* ============================================= */
/* 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%;
/*    position: absolute; */
    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;

   /* -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;*/
}


/* 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;
	/* background: #3d9240; */
    }

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


#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;
}

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

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

#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: 10px;
	/* padding: 5px 0 15px 10px; */
	border-left: 1px solid #999999;
	float: right;
	margin-top: 7px;
	padding-right: 10px;

}

/* ============================================= */
/* 2.3. =Sidebar Menu
/* ============================================= */

#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;
    -moz-transition: all 0.5s ease;
    -o-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;

    /*text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;*/
}

.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: 0  -140px;
	}


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

}

/* 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: absolute;
  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;
  -moz-transition: all 0.5s ease;
  -o-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;
  -moz-transition: all 0.5s ease;
  -o-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 -200px;
}

#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;
  font-weight: bold;
  border-radius: 2px !important;
  border: 1px solid #d6d7d6;
}

#HonSearchForm button {
  position: fixed;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  background-size: 182px 600px;
  /* background-image: url("../i/hon-all.svg"); */
  background-position: -150px -320px;
  background-repeat: no-repeat;
}

#HonSearchForm a {
    display: inline-block;   
    margin-left: 5px;
    margin-top: 7px;
}
#HonSearchForm input {
    float: left;
    width: 96%;
}

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

/* 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
/* ============================================= */

/* Action Menu - Mobile Version */

nav#honAction {
	overflow: hidden;
	margin: 20px 0;
	background:#eef0f2;
	position: relative;
}

nav#honAction ul {
	list-style: none;
	height: 96px;
	width:1200px;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
}

nav#honAction ul li {
	display: block;
	width:120px;
	height: 96px;
	float: left;
}

nav#honAction ul li a {
	text-align: center;
	color:#3b87de;
    font-size:12px;
    display:block;
    padding:12px 15px;
    text-align:center;
}

nav#honAction ul li a:hover {
	color:#4e7da7;
}

nav#honAction a .icon {
	display: block;
    width:32px;
    height: 32px;
    margin: 0 auto 5px auto;
	background-color: #3b87de;
	border-radius: 16px;
}

nav#honAction a:hover .icon {
	background-color:#4079ac;
}

nav#honAction #honActionMore {
	display: block;
    width: 30px;
    height: 96px;
    position: absolute;
    top: 0;
    right: 0;
	background: url("../i/hon-all.svg") 0 0 no-repeat;
    background-size: 182px 600px;
	background-position: -110px 0;
}

#dropdownActionMore {
	display: none;
	list-style: none;
	border: 1px solid #d6d7d6;
	padding: 0;
	margin: 0;
    background: #eef0f2;
    max-width: 250px;
	min-width: 100px;
    position: absolute;
    top: 325px;
    right: 20px;
    z-index: 900;
    border-radius: 2px;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

#dropdownActionMore a {
	display: block;
	padding: 10px 20px;
	font-size: 12px;
}

#dropdownActionMore a:hover {
	background: #fff;
}

/* Action Menu - Desktop Adjustments */
@media(min-width:768px) {

	#honPageWithActions {
		padding-right: 140px;
		position: relative;

	}

	#honPageWithActions .row {
		float: left;
	}

	nav#honAction {
		margin: 0;
  		position: absolute;
		top: -10px;
		right: -10px;
		width: 120px;
	}

	nav#honAction ul {
		width: 120px;
		height: auto;
	}

	nav#honAction #honActionMore {
		display: none;
	}

	nav#honAction.affix {
		position: fixed;
		top:71px;
		right:30px;
	}

}


/* ============================================= */
/* 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;

	-moz-border-radius: 12px;
	-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;
}



/* ============================================= */
/* 3. =Sections
/* ============================================= */





/* ============================================= */
/* 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;
}
/*#page-content-wrapper #honMainHeader #honTopSearchButton{margin-right:10px;} */
.p_c_wrapper #page-content-wrapper #honMainHeader #honTopSearchButton{margin-right:8px}
@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;
}
}
@media(max-width:992px) and (min- width:768px){
.honCard{min-width:340px}
}

.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: 110px;*/
  top: 95px;
  left: 15px;
  right: 15px;
  text-align: center;
  height: 18px;
  margin-bottom: 10px;
  /*white-space: nowrap;
  overflow: hidden;*/
  /*text-overflow: ellipsis;*/
  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;
  /* 13 Apr 2016
  background: rgba(59,135,222,0.9); */
  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;
  }
}

/* ============================================= */
/* 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. =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: #191a00;
}

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

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


#getContent{
 margin-top:-35px !important;
}
#lessContent{
 margin-top:-35px !important;
}
.table > tbody > tr > th> a {
	color: #191a00;
}

/* 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:370px;padding:10px 20px;} /* 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 -20px 20px -20px;
    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;
}

/* Distributory Inventory search   */
.dis_search_form_title {
    color: #000;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 15px;
}
.sss-height {
    text-align: left;
    padding: 0; 
}
 .sss-height form {
    background: #f0f3f5 none repeat scroll 0 0;
    float: left;
    padding: 10px;
    width: 100%;
}  
.dis_search_form { min-height: 420px !important;}

/* press release */
.press_relase{}
.press_sort{    margin: 0 20px;}
.press_relase .p_n_item{ border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;float: left;margin: 0 20px;padding: 30px 0 20px;text-align: left;width:95%}
.press_relase .p_n_item .p_n_title{width:100%;float:left;margin-bottom:10px;}
.press_relase .p_n_item .p_n_body p{float: left;width: 100%;}    
.press_relase .p_n_item.pre_new .p_n_title{width:90%;float:left;margin-bottom:10px;}
.press_relase .p_n_item .p_n_title a{color:#000;font-weight:bold;font-size:16px;}
.press_relase .p_n_item .p_n_body{   float: left;width: 100%;margin-bottom:10px;}
.press_relase .p_n_item.pre_new .p_n_body img{float:right;margin-right:5px;} 
.press_relase .p_n_item.pre_new .p_n_body p{   color: #6c727a;float: left;width: 90%;} 
.press_relase .p_n_item .p_n_lang{float: left;width: 100%;margin-bottom:0px;}
.press_set .right-side{width:100%!important}
.press_set.col-sm-3{padding-right:20px!important;}
.press_set p{text-transform:uppercase;}
.press_relase  .btn {background: transparent none repeat scroll 0 0 !important;border: 0 none;color: #4c91cd !important;font-size: 18px;font-weight: bold;padding-left: 0;}
.press_relase  .btn:hover{background:transparent}  
.press_relase  .open > .dropdown-menu{border-radius:0px;}
.press_set .row{margin:0px;text-align:left;}
.press_set .row p~ h4{  font-size: 11px;font-weight: bold;margin: 0 0 4px;padding-bottom: 0;color: #777;text-transform: uppercase;}
.press_sort .h4{color: #555;font-size: 16px;font-weight: bold;} 
.press_set .row p.h4{color:#777;font-size: 15px;margin-top: 5px;padding-bottom: 14px;}    
.press_set .row .h4{border-bottom:1px solid #ccc;color:#4c91cd;}
.press_set .row b a{color:#000}  
.press_relase .p_n_item .p_n_body p.pre_new{width:100%} 
.press_relase .glyphicon-chevron-down{font-size:9px}
.press_set .right-side {background:#eef0f2 none repeat scroll 0 0 !important;}
.press_set p{
   color: #777 !important;
    font-size: 11px;
    text-transform: uppercase;
}	
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; }
.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 */

/* Right Side Menu Start */

.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 .second li:last-child{}
.r_side_menu p{color:#4c91cd; margin-bottom:0;}
.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}
.r_side_menu a:hover p{color:#4d7ea9}
.r_side_menu .fa:hover{background:#4d7ea9;}

.m-s-mobile-right{display:none;}

.form_livechat{text-align: left;}

.ss_right_menu .email_tech{margin-top:-25px;}
.ss_right_menu .chat{margin-top:-51px}
.ss_right_menu .quest{margin-top:-77px}
.ss_right_menu .sales_email{margin-top:-103px}
.ss_right_menu .sales_find{margin-top:-129px}
.ss_right_menu .mail_join{margin-top:-155px}
.ss_right_menu .dist_buter{margin-top:-181px}
.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}

.r_side_menu .first-hidden { margin-top: 8px; }

.ss_right_menu{  display: inline-block;
    height: 25px;
    margin: 0 auto;
    overflow: hidden;
    width: 25px;}
.ss_right_menu .ss_right_menu1 { background-image: url("/../../multimedia/SVGIcons/SVG/side.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
   height: 36px;
    width: 50px;}
 .ss_right_menu img   {
    width: 50px;
}

.floatr{float:right !important}
/* .floatr.graybg_1.menu.menu2{border:1px solid #ddd}, 17 Jan 2017 added z-index for to fix the offline chat window   */
#menu_new{position:absolute;right:0px; top:0px; z-index:5554;}
.sticky_new2 {right:20px!important;top:60px!important}

/* 17-01-2017, to fixed model popup positioning issues for offline chat  */
.form_livechat .modal-dialog{ top: 50px;}
#honPageContent {overflow: inherit !important}
/* End */
@media (min-width:768px)  
{
	#mobile_res_menu{display:none}
	.floatr.graybg_1.menu.menu2{right:0px}
	.floatr.graybg_1.menu.menu2{border: 1px solid #fff;margin-right: 6px;margin-top: 0;padding: 0;width: 105px;}
	.floatr{background:transparent}
	.floatr.graybg_1.menu.menu2 .row{margin:0px;}
}
@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%}
	.r_side_menu{width:100%;margin:0 auto;display:table}
	.r_side_menu ul li{float:left;margin:5px;width:16%;min-height:80px;}
	.r_side_menu{}
	.r_side_menu .first{width:20%;float:left;margin-top:0px;}
	.r_side_menu .first li{width:100%;}
	.r_side_menu .second{width:80%;float:left;}
	.r_side_menu .second li{width:20%}
	.r_side_menu .first { margin-right:1%;    margin-left: 4%; }
	.r_side_menu .second {  width: 71% !important; }
	.r_side_menu .second li {  width: 22% !important; }
	.r_side_menu .first { width:auto; }
	.r_side_menu .first li { width:auto; }
	.r_side_menu {margin-top: 17px !important;}
	.r_side_menu{display:none}
	.m-s-mobile-right .r_side_menu{position:relative!important;display:block;}
	.r_side_menu .second,
	.r_side_menu .first{width:100%!important}
	.r_side_menu .second li,
	.r_side_menu .first li{   height: 100px;
			padding-top: 10px;
			width: calc(32% - 50px);}
	.r_side_menu object{width:70px}
	.r_side_menu ul li p{padding:0px;text-transform:lowercase;}
	.r_side_menu ul li,
	.r_side_menu .first{margin:0px;}
	.r_side_menu span.glyphicon{
	 font-size: 24px;
			margin-top: 26px;
	}
	.r_side_menu{ margin-top: 0 !important;}
	.r_side_menu .first li:last-child{text-align:right}
	.r_side_menu #collapseExample1 li:hover{background:transparent}
	.r_side_menu #collapseExample1 li{text-decoration:lowercase;min-height:100px;height:100px;padding:0px;}
	.r_side_menu li{margin-top:10px;}
	.r_side_menu .first{padding-top:0px;}
	
	.floatr.graybg_1.menu.menu2{right:0px}
	.floatr.graybg_1.menu.menu2{border: 1px solid #fff;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: -9px -270px;
      height: 36px;
      width: 125px;
  }
	.r_side_menu .second li,
	.r_side_menu .first li{width:24%}
	.r_side_menu ul li p{word-wrap: break-word;}	
}

@media(min-width:1200px){  
  .floatr{background:#fff;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 .small {}
.filterbar .glyphicon {color: #bbb;}
.`_endeca p { color:#4e7da7 }
.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; }
.help-srh { float: right; margin: 8px 0 0; color:#bbb !important; }
.help-srh:hover {  color:#bbb;}
.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; }
.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-top: 5px;}  3 may endeca search*/ 
.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:0s} */
#honMainHeader{transition:all 0.5s ease!important}
/* .p_c_wrapper #honMainHeader{top:80px}*/
#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;
}
/* .overflow2{overflow:hidden!important} */

/* 31may20016 grid display change */

.honCards2 {
  margin-bottom: 20px;
}

/*.honCards2 h2 {
  margin-top: 0;
}*/

.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;
  /* white-space: nowrap; */
  /* text-overflow: ellipsis; */
  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;
}
#HoneywellEUCookie-Banner{position:fixed;top:auto;bottom:0;z-index:5555;
    background-color: #fff;
    border-top: 3px solid #ee3124;
    border-bottom:none;
    }
   #HoneywellEUCookie-ConsentButtonDiv > button {
    background: #314151 none repeat scroll 0 0;
    border: medium none;
    padding-bottom: 2px;
     margin-bottom: 10px;
    margin-top: -12px;
} 
 #HoneywellEUCookie-ConsentButtonDiv > button:hover{
 background:#314151
 }
  
 /* tooltip */
.help_srh {
    color: #ccc !important;
    position: absolute !important;
    right: -12px !important;
    top: 9px;
}

.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;
  /*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;
}

.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;
  /* white-space: nowrap; */
  /* text-overflow: ellipsis; */
  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{position: fixed;right: 0;}
.icon-search{background-position: -86px -200px;}
#page-content-wrapper #honMainHeader #honTopSearchButton{width:60px}
} 
/* 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}
.desktop-quickship{background:}
#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_chh{}    
.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{} 
.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; }

/* Added on 17 Jan 2017 */
/* added below line for space between column title & sort row (https://sensing.staging.evolusent.com/index.php?ci_id=159835&la_id=1&No=0&Nrpp=50&Ntt=sensors) */
.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;
   //width: 100%;
  // height: 100%;
  // opacity: 0.6;
  // background:rgba(1, 1, 1, 0.6) none repeat scroll 0 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 */