@charset "utf-8";

body{ margin:0; padding:0;}
* {
    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;
  }
}




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

/* 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: #f0f0f2;
	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(../img/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; }



/* 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;
	 font-family:'微软雅黑'
}

.list_big{ font-size:13px;}
#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-bottom: 20px; margin-left: 20px; margin-right: 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:1000;

   /* -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:70px;
    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; */
	
	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: #232625;
   

    -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: 35px 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: #fe680e;
}

.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: #2f2f2f;
}


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


    #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: 60px;
  /* 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;
}



/* ============================================= */
/* 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;
 border: 1px solid #e9e9e9;   
  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}  */
#menu_new{position:absolute;right:0px; top:0px;}
.sticky_new2 {right:20px!important;top:60px!important}
@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; height:90px; border-radius:50%;
}
.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;}

.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;
}
.list-inline>li {
    display: inline-block !important;
    color  : #4e7da7; 
 }
 
.cls {
    margin-left: 5px;
    margin-top: 8px;
}
.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;
 
  height: 282px;
  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;
}

 /* 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-alphabetical, .header { cursor: pointer; }