html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{/*font-family: "HPSimplified","Helvetica Neue",Helvetica,Arial,sans-serif;*//*font-size:13px;line-height:1.428571429;*/
color:#333333;background-color:#ffffff;}
/*@font-face{font-family:'Glyphicons Halflings';src:url('fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;}*/
@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "HPSimplified";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/hps-euro-w01-regular-eot.eot?#iefix") format("embedded-opentype"), url("fonts/hps-euro-w01-regular-woff.woff") format("woff"), url("fonts/hps-euro-w01-regular-ttf.ttf") format("truetype");
}
@font-face {
    font-family: "HPSimplified";
    font-style: normal;
    font-weight: bold;
    src: url("fonts/hps-euro-w01-bold-eot.eot?#iefix") format("embedded-opentype"), url("fonts/hps-euro-w01-bold-woff.woff") format("woff"), url("fonts/hps-euro-w01-bold-ttf.ttf") format("truetype");
}
@font-face {
    font-family: "HPSimplified";
    font-style: normal;
    font-weight: 100;
    src: url("fonts/HPSimplifiedW01-Light.eot?#iefix") format("embedded-opentype"), url("fonts/HPSimplifiedW01-Light.woff") format("woff"), url("fonts/HPSimplifiedW01-Light.ttf") format("truetype");
}
@font-face {
    font-family: "HPSimplified-light";
    font-style: normal;
    src: url("fonts/HPSimplifiedW01-Light.eot?#iefix") format("embedded-opentype"), url("fonts/HPSimplifiedW01-Light.woff") format("woff"), url("fonts/HPSimplifiedW01-Light.ttf") format("truetype");
}
body {
    background-color: #FFFFFF;
    font-family: "HPSimplified","Helvetica Neue",Helvetica,PMingLiU,Arial,sans-serif;
}
@font-face {
    font-family: 'hp_simplified_w01_boldregular';
    src: url('fonts/hps-euro-w01-bold-ttf-webfont.eot');
    src: url('fonts/hps-euro-w01-bold-ttf-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/hps-euro-w01-bold-ttf-webfont.woff') format('woff'),
         url('fonts/hps-euro-w01-bold-ttf-webfont.ttf') format('truetype'),
         url('fonts/hps-euro-w01-bold-ttf-webfont.svg#hp_simplified_w01_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'hp_simplified_w01_regularRg';
    src: url('fonts/hps-euro-w01-regular-ttf-webfont.eot');
    src: url('fonts/hps-euro-w01-regular-ttf-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/hps-euro-w01-regular-ttf-webfont.woff') format('woff'),
         url('fonts/hps-euro-w01-regular-ttf-webfont.ttf') format('truetype'),
         url('fonts/hps-euro-w01-regular-ttf-webfont.svg#hp_simplified_w01_regularRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hp-hf-icons';
    src: url('fonts/hp-hf-icons.eot');
    src: url('fonts/hp-hf-icons.eot?#iefix') format('embedded-opentype'),
         url('fonts/hp-hf-icons.woff') format('woff'),
         url('fonts/hp-hf-icons.ttf') format('truetype'),
         url('fonts/hp-hf-icons.svg#hphficonsttf') format('svg');
}

.hp-icon:before, .hp-icons:before {
    font-family: "hp-hf-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline;
    content: attr(data-src);
}
.hp-icon.hp-hamburger:before{content:"\E906"}
.hp-icon.hp-cart:before{content:"\E903"}
.hp-icon.hp-search:before{content:"\E901"}
.hp-icon.hp-user:before{content:"\E905"}
.hp-icon.hp-cross:before{content:"\E907"}
.hp-icon.hp-cross_circle:before{content:"\E908"}
.hp-icon.hp-arrow_left:before{content:"\E909"}
.hp-icon.hp-arrow_right:before{content:"\E90A"}
.hp-icon.hp-arrow_top:before{content:"\E90B"}
.hp-icon.hp-arrow_bottom:before{content:"\E90C"}
.hp-icon.hp-home_office:before{content:"\E917"}.hp-icon.hp-business:before{content:"\E918"}.hp-icon.hp-premium:before{content:"\E919"}.hp-icon.hp-immersive:before{content:"\E91a"}.hp-icon.hp-gaming:before{content:"\E91b"}.hp-icon.hp-support:before{content:"\E91c"}.hp-icon.hp-laptop:before{content:"\E91e"}.hp-icon.hp-workstn_laptop:before{content:"\E91f"}.hp-icon.hp-3in1_laptop:before{content:"\E920"}.hp-icon.hp-convertibles:before{content:"\E921"}.hp-icon.hp-tablet:before{content:"\E922"}.hp-icon.hp-detachables:before{content:"\E923"}.hp-icon.hp-desktop:before{content:"\E924"}.hp-icon.hp-all_in_one:before{content:"\E925"}.hp-icon.hp-mini:before{content:"\E926"}.hp-icon.hp-3in1_desktop:before{content:"\E927"}.hp-icon.hp-towers:before{content:"\E928"}.hp-icon.hp-workstn_desktop:before{content:"\E929"}.hp-icon.hp-3d_printing:before{content:"\E92A"}.hp-icon.hp-print_only:before{content:"\E92b"}.hp-icon.hp-printer:before{content:"\E92c"}.hp-icon.hp-scanner:before{content:"\E92d"}.hp-icon.hp-large_format:before{content:"\E92e"}.hp-icon.hp-digital_press:before{content:"\E92f"}.hp-icon.hp-instant_ink:before{content:"\E930"}.hp-icon.hp-ink_toner:before{content:"\E931"}.hp-icon.hp-ink_advantage:before{content:"\E932"}.hp-icon.hp-monitor:before{content:"\E933"}.hp-icon.hp-keyboard_mice:before{content:"\E934"}.hp-icon.hp-bags_cases:before{content:"\E935"}.hp-icon.hp-cables:before{content:"\E936"}.hp-icon.hp-print_accessories:before{content:"\E937"}.hp-icon.hp-software:before{content:"\E938"}.hp-icon.hp-wearables:before{content:"\E939"}.hp-icon.hp-printing_solutions:before{content:"\E93A"}.hp-icon.hp-mobility:before{content:"\E93B"}.hp-icon.hp-security:before{content:"\E93C"}.hp-icon.hp-services:before{content:"\E93D"}.hp-icon.hp-industries:before{content:"\E93E"}.hp-icon.hp-small_med_business:before{content:"\E93F"}.hp-icon.hp-large_enterprise:before{content:"\E940"}.hp-icon.hp-replacement_parts:before{content:"\E941"}.hp-icon.hp-case_studies:before{content:"\E942"}.hp-icon.hp-drivers:before{content:"\E943"}.hp-icon.hp-forums:before{content:"\E944"}.hp-icon.hp-premium_helpdesk:before{content:"\E945"}.hp-icon.hp-helpdesk_home:before{content:"\E946"}.hp-icon.hp-helpdesk_business:before{content:"\E947"}.hp-icon.hp-service_locator:before{content:"\E948"}.hp-icon.hp-products:before{content:"\E949"}.hp-icon.hp-extended_warranty:before{content:"\E94A"}.hp-icon.hp-contact:before{content:"\E94B"}.hp-icon.hp-software_upgrade:before{content:"\E94C"}.hp-icon.hp-paper:before{content:"\E94D"}.hp-icon.hp-ink_cartridges:before{content:"\E94E"}.hp-icon.hp-toner_cartridges:before{content:"\E94F"}.hp-icon.hp-printheads:before{content:"\E950"}.hp-icon.hp-workstation_thinclients:before{content:"\E951"}.hp-icon.hp-servers:before{content:"\E952"}.hp-icon.hp-thinclients:before{content:"\E953"}.hp-icon.hp-point_of_sale:before{content:"\E954"}.hp-icon.hp-high_performance:before{content:"\E955"}.hp-icon.hp-entry_level:before{content:"\E956"}.hp-icon.hp-great_deal:before{content:"\E957"}.hp-icon.hp-ink_tank_printers:before{content:"\E958"}.hp-icon.hp-public_sector:before{content:"\E959"}.hp-icon.hp-bug:before{content:"\E90D"}

@media print {
  a[href]:after {
    content: none !important;
  }
  .helixgreybar{display: none;}
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: "HPSimplified",'Helvetica Neue',Helvetica,Arial,STHeiti,'Microsoft JhengHei',微軟正黑體;}

/*@media (min-width: 1200px){
    .container {
    width: 970px;
    }
}*/

li.ellipsis:before {
color: #009ac9;
}
a:hover, a:focus {color: #006699;     text-decoration: inherit;}
/*.mainview a:not(.btn):not(.text-default):not(.text-muted):not(.text-success):not(.navbar-toggle){color: #008cba;}*/
.mainview .selectpicker li.selected a:not(.btn):not(.text-default):not(.text-muted):not(.text-success):not(.navbar-toggle) {color: #fff; }
.mainview .pagination .active a:not(.text-default):not(.text-muted):not(.text-success):not(.navbar-toggle){color: #fff;}
.nav-pills>li.active>a:not(.btn):not(.text-default):not(.text-muted):not(.text-success):not(.navbar-toggle), .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{color:#ffffff;}
.btn{border-radius:0px 4px 0px 4px;box-shadow:none;filter:none;}
.btn:not(.btn-default):not(.btn-primary):not(.btn-warning){border:1px solid transparent;}
.btn:not(.btn-default):not(.btn-primary):not(.btn-warning):hover{border:1px solid transparent;}
.btn-sm:not(.btn-default), .btn-group-sm > .btn:not(.btn-default){font-size:14px; line-height: 1.5; font-weight: 700;}
.btn-primary{background-color:#0095D5;background-image:none;background:#0095D5;border:1px solid #0095D5;}
/*.btn-primary:hover{background-color:#006599;background-image:none;border:1px solid #006599;}*/
.btn-primary:hover{background-color:#2FA9DD;background-image:none;border:1px solid #2FA9DD;}
/*.btn-info{background-color:#0197D6;}
.btn-info:hover{background-color:#006599;}*/
.btn-info{background-color:#999;background-image:none;color:#fff;}
.btn-info:hover{background-color:#666;background-image:none;color:#fff;}
/*.btn-warning{background-color:#D8410C;background-image:none;border:1px solid #D8410C;}
.btn-warning:hover{background-color:#C04019;background-image:none;border:1px solid #C04019;}*/
.btn-warning{background-color:#E4460E;background-image:none;background:#E4460E;border:1px solid #E4460E;}
.btn-warning:hover{background-color:#F75B25;background-image:none;border:1px solid #F75B25;}
.has-warning .form-control {border-color: #F75B25; }
.has-feedback .form-control:focus+.form-control-feedback.text-muted{color:#008cba;}
.btn-group > .btn.btn-dropdown:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius: 0 4px 0 0;}
.checkbox label.btn-sm:not(.btn-default),.checkbox .btn-group-sm > label.btn:not(.btn-default){font-weight: normal; white-space: normal;line-height: 16px;}


.btn-transparent:not(.btn-default):not(.btn-primary):not(.btn-warning),.btn-transparent:not(.btn-default):not(.btn-primary):not(.btn-warning):hover{ border-radius: 2px;padding: 10px 30px;color:#fff;border:1px solid #fff;}
.btn-transparent:not(.btn-default):not(.btn-primary):not(.btn-warning):hover{ color: #0096d6;    background: #ffffff;}
.btn-transparent.btn-invert:not(.btn-default):not(.btn-primary):not(.btn-warning),.btn-transparent.btn-invert:not(.btn-default):not(.btn-primary):not(.btn-warning):hover{ border-radius: 2px;padding: 10px 30px;color:#0096d6;border:1px solid #0096d6;}
.btn-transparent.btn-invert:not(.btn-default):not(.btn-primary):not(.btn-warning):hover{ color: #ffffff; background: #0096d6;}


.navbar-toggle{margin-right:0;}

input[type="checkbox"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: relative;
  border: none;
  margin-bottom: 0;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  margin-right: 4px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
input[type="checkbox"]:focus,
.checkbox input[type="checkbox"]:focus,
.checkbox-inline input[type="checkbox"]:focus {
  outline: none;
}
input[type="checkbox"]:after,
.checkbox input[type="checkbox"]:after,
.checkbox-inline input[type="checkbox"]:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -1px;
  margin-right: 5px;
  border: 2px solid #666666;
  border-radius: 2px;
  -webkit-transition: 240ms;
  -o-transition: 240ms;
  transition: 240ms;
}
input[type="checkbox"]:checked:before,
.checkbox input[type="checkbox"]:checked:before,
.checkbox-inline input[type="checkbox"]:checked:before {
  content: "";
  position: absolute;
  top: 0;
  left: 5px;
  display: table;
  width: 6px;
  height: 12px;
  border: 2px solid #fff;
  border-top-width: 0;
  border-left-width: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type="checkbox"]:checked:after,
.checkbox input[type="checkbox"]:checked:after,
.checkbox-inline input[type="checkbox"]:checked:after {
  background-color: #0095D5;
  border-color: #0095D5;
}
input[type="checkbox"]:disabled:after,
.checkbox input[type="checkbox"]:disabled:after,
.checkbox-inline input[type="checkbox"]:disabled:after {
  border-color: #bbbbbb;
}
input[type="checkbox"]:disabled:checked:after,
.checkbox input[type="checkbox"]:disabled:checked:after,
.checkbox-inline input[type="checkbox"]:disabled:checked:after {
  background-color: #bbbbbb;
  border-color: transparent;
}

.radio input[type="radio"]{appearance: none;-webkit-appearance: none;}
.radio input[type="radio"]{margin-top: 3px;/*line-height: 10px;*/border-radius: 50%; vertical-align: middle;}
.radio input[type="radio"]{height: 14px;width: 14px;padding: 0;}
.radio input[type="radio"]{border: 2px solid #5A5A5A;background-color: white;transition: all .15s ease-in-out;}
.radio input[type=radio]:checked:before {float: left; display: inline-block; content: '\2022'; margin: 1px; width: 8px; height: 8px; text-indent: -9999px; background: #0096D6; vertical-align: middle; border-radius: 50%; -webkit-animation: grow .2s ease-in-out; animation: grow .2s ease-in-out; }
.radio input[type=radio]:disabled:checked:before {background: #e9eff3; }
@-webkit-keyframes grow {0% {-webkit-transform: scale(0.3); transform: scale(0.3); } 60% {-webkit-transform: scale(1.15); transform: scale(1.15); } 100% {-webkit-transform: scale(1); transform: scale(1); } } @keyframes grow {0% {-webkit-transform: scale(0.3); transform: scale(0.3); } 60% {-webkit-transform: scale(1.15); transform: scale(1.15); } 100% {-webkit-transform: scale(1); transform: scale(1); } } @keyframes grow {0% {-webkit-transform: scale(0.3); transform: scale(0.3); } 60% {-webkit-transform: scale(1.15); transform: scale(1.15); } 100% {-webkit-transform: scale(1); transform: scale(1); } }
.radio.radio-sm input[type="radio"]{height: 12px; width: 12px;}
.radio.radio-sm input[type=radio]:checked:before{width: 6px; height: 6px;}

.selectpicker,.dropdown-toggle{border-radius: 0px;background: none;border-collapse:collapse;}
.selectpicker>.fa-sort:before{content: "\f107";/*font-size: 16px;font-weight: bold;*/}
.dropdown-toggle>.caret{width:auto;height:auto;border:none;font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.dropdown-toggle>.caret:before{content: "\f107";}
.dropdown-menu >li:not(.divider)+li:not(.divider) {border-top: 1px solid #EEE;}
.dropdown-menu > li > a:hover:not(.btn):not(.text-default):not(.text-success):not(.navbar-toggle){background-color:#017DBB;color:white;}
.dropdown-menu > li > a:focus{background-color:#017DBB;color:white;outline:none;}
.btn-group .dropdown-toggle.btn-default~.dropdown-menu{background-color: #fff;}
.btn-group>.btn-warning:last-child:not(:first-child),.btn-group>.btn-primary:last-child:not(:first-child){border-left:1px solid #fff;}
.breadcrumb {padding:0;border: none; border-radius: 3px; text-transform: none;font-size: 11px; /*background-color: #fff; padding: 8px 0;*/ }
.breadcrumb>li+li:before{content: ">";padding: 0px;}
.breadcrumb > li > a{display: inline-block;padding:4px 5px;}
.breadcrumb>li > a {background-color: inherit;color: #23527C;}
.breadcrumb>li.active > a {background-color: inherit;color:black;}
.breadcrumb .ellipsis.ellipsised > span:after {background-image: linear-gradient(to right, rgba(245, 245, 245, 0.1) 0px, #F5F5F5 100%);bottom: 0px;}

.nav-tabs-unstyled{border-bottom: 1px solid #dddddd;}
.nav-tabs-unstyled.nav-tabs>li>a{outline: 0px none;}
.nav-tabs-unstyled.nav-tabs>li>a, .nav-tabs-unstyled.nav-tabs>li.active>a ,.nav-tabs-unstyled.nav-tabs>li.active>a:hover ,.nav-tabs-unstyled.nav-tabs>li>a:hover ,.nav-tabs-unstyled.nav-tabs>li.active>a:focus{padding-left:0;padding-right:0;/*margin-right:30px;*/}
.nav-tabs-unstyled.nav-tabs>li+li>a, .nav-tabs-unstyled.nav-tabs>li+li.active>a ,.nav-tabs-unstyled.nav-tabs>li+li.active>a:hover ,.nav-tabs-unstyled.nav-tabs>li+li>a:hover ,.nav-tabs-unstyled.nav-tabs>li+li.active>a:focus{margin-left:30px;}
.nav-tabs-unstyled.nav-tabs>li>a, .nav-tabs-unstyled.nav-tabs>li.active>a, .nav-tabs-unstyled.nav-tabs>li.active>a:hover, .nav-tabs-unstyled.nav-tabs>li>a:hover, .nav-tabs-unstyled.nav-tabs>li.active>a:focus{border-left: none;border-right: none;border-bottom: none;background-color: transparent;line-height:1.1;padding-bottom:9.5px;border-top:none;border-bottom:3px solid transparent;}
.nav-tabs-unstyled.nav-tabs>li.active>a ,.nav-tabs-unstyled.nav-tabs>li.active>a:hover ,.nav-tabs-unstyled.nav-tabs>li>a:hover ,.nav-tabs-unstyled.nav-tabs>li.active>a:focus{border-top:none;border-bottom:3px solid #ecf0f1;color:#006599;}
.nav-tabs-unstyled.nav-tabs li.active>a ,.nav-tabs-unstyled.nav-tabs>li.active>a:hover,.nav-tabs-unstyled.nav-tabs>li.active>a:focus {/*font-weight:300;*/border-top:none;border-bottom:3px solid #009ac9;color:#009ac9;}
.nav-tabs-unstyled.nav-tabs.nav-tabs-table li.active>a ,.nav-tabs-unstyled.nav-tabs.nav-tabs-table>li.active>a:hover,.nav-tabs-unstyled.nav-tabs.nav-tabs-table>li.active>a:focus {border-top:none;border-bottom:none;}
.nav-tabs-unstyled.nav-tabs.nav-tabs-table li.active{border-bottom: 3px solid #009ac9;}
.nav-tabs-unstyled.nav-tabs>li{margin-bottom:0;}
.nav-tabs-unstyled.nav-tabs>li>a:not(.btn):not(.text-default):not(.text-success):not(.navbar-toggle){color:#666;}
.nav-tabs-unstyled.nav-tabs>li.active>a:not(.btn):not(.text-default):not(.text-success):not(.navbar-toggle){/*color:#009ac9;*/color:#000;}

.page-header h3, .page-header h4{color:#000;}

.panel-group-hp .panel-default>.panel-heading{background-color: #fff;}
.panel-group-hp .panel-default{border-left:none;border-right:none;border-color: #eee;}
#accordion-filter .panel{-webkit-box-shadow: none; box-shadow: none; box-shadow: none; }
#accordion-filter.panel-group-hp .list-group{border-top: none;}
.panel-group-hp .list-group-item{padding:0 0 10px 0;}

/*#accordion-filter.panel-group-hp .panel-heading[data-toggle=collapse] .fa.fa_toggle:before{content:"\f068";}
#accordion-filter.panel-group-hp .panel-heading[data-toggle=collapse].collapsed .fa.fa_toggle:before {content: "\f067"; }*/


header .navbar-nav > li.active > a {/*background-color:#0096D6;color:white;*/}
.text-hpblue{color: #0096D6;}
.bg-hpblue{background-color: #0096D6;}
.bg-hpblue>a:not(.btn){color:#fff;}
.bg-hpblue .list-inline>li>*:not(.dropdown-menu),.bg-hpblue .text-primary:not(.form-control-feedback){}

.bg-hppurple{background-color: #822A81;color:#fff;}
.bg-darkgray{background-color:#5A5A5A;}
.bg-nat{color: #fff;background-color: #21CCD1;font-size: 18px;font-weight: 300; animation: fadein 5s; -moz-animation: fadein 2s; -webkit-animation: fadein 2s; -o-animation: fadein 2s;}

.panel-hpblue{border-color: #0096D6;}
.panel-hpblue > .panel-heading {
  color: #ffffff;
  background-color: #0096D6;
  border-color: #0096D6;
}

/*.carousel-indicators{top:20px;}*/
.carousel-indicators {top:auto;}
.carousel-indicators li{border-radius: 50%;width:8px;height:8px;background-color: #ccc;border:1px solid transparent;}
.carousel-indicators .active{width:8px;height:8px;background-color: transparent;border:1px solid #0095D5;}
/*.carousel-control{opacity:0.9;}
.carousel-control:hover{opacity: 1;}*/
.carousel-control{overflow: hidden;}
.carousel-control > .fa{/*background-color: #0096D6;left:50%;*/border-radius: 999px;opacity: 1;height: 50px;width: 50px;position: absolute;margin-top: -25px;
z-index: 5;top: 50%;display: inline-block;line-height: 1;font-size:50px;}
.carousel-control.left >.fa{margin-left: -4px;padding-right: 4px;left:0;}
.carousel-control.right >.fa{margin-right: -4px;padding-left: 4px;right:0;}
/*.carousel-control:hover >.fa, .carousel-control:focus >.fa {margin-left:0;margin-right:0;transition: all 0.15s ease-in-out;}*/

.carousel-indicators.btn-group-justified {position: relative;left:inherit;margin-left: inherit;top:inherit;bottom:inherit;z-index: inherit;}
.carousel-indicators.btn-group-justified li,.carousel-indicators.btn-group-justified li a{height:inherit;background: none;}
.carousel-indicators.btn-group-justified >li>a>img.img-responsive{max-width: 100%;}
.carousel-inner > .item {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: -o-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
/*#carousel-prod .carousel-control >.fa{position: absolute;top:40%;}
#carousel-prod .carousel-indicators li{border-radius: 0;border: none;}
#carousel-prod .carousel-indicators li.active{border-bottom:3px solid #0095D5;}*/


#carousel-main .carousel-indicators{
  height: 24px;
  bottom: 0;
  margin-bottom: 0;
  display: table;
  width:100%;
  margin-left:-50%;
}
#carousel-main .carousel-indicators li{
  display: table-cell;
  width:1%;
  height: 24px;
  border-radius:0;
  background-color: transparent;
  opacity: 0.3;
  border-width:3px;
  border-color: transparent transparent #CCC transparent;
  transition: opacity 0.15s ease-in-out;
}
#carousel-main .carousel-indicators li:hover:not(.active){
  opacity: 1;
  border-color: transparent transparent #CCC transparent;
}
#carousel-main .carousel-indicators li.active{
  width:1%;
  height: 24px;
  opacity: 1;
  border-width:3px;
  border-color: transparent transparent #0095D5 transparent;
}
#carousel-main .footnote{position: absolute;bottom:10px;left:8px;}
#carousel-main .carousel-control{overflow: visible;}
#carousel-main .carousel-control.left{
  left:5%;
  /*left: 50%;
  margin-left: -520px;*/
}
#carousel-main .carousel-control.right{
  right:5%;
  /*right: 50%;
  margin-right: -520px;*/
}
#carousel-main .carousel-control>span{background-color: #0096D6;
    font-size: 30px;
    height: 35px;
    width: 35px;
    line-height: 35px;margin-top: -15px;}
#carousel-main .carousel-control.left >span{margin-left: 0;}
#carousel-main .carousel-control.right >span{margin-right: 0;}

.carousel-thumbs .navbar-nav>li>a{padding: 2px 4px}
.carousel-thumbs .navbar-nav>li.active{border: 1px solid #0095D5;}
.carousel-thumbs .navbar-nav>li{border: 1px solid #e9ebeb; width: auto;height:auto;max-height: 50px;overflow: hidden;text-indent: inherit;background:none;border-radius: 0;}
.carousel-thumbs .carousel-indicators{position: relative;margin-left: 0;width: auto;top:0;bottom:0;left:0;z-index:0;}
.scroll-container .viewport-control {
position: absolute;
top: 0;
bottom: 0;
width: 30px;
opacity: 1;
text-align: center;
cursor: pointer;
}
.scroll-container .viewport-control.left{
  left:0;
  background-image: -webkit-linear-gradient(left, rgba(255,255,255,1.0) 0, rgba(255,255,255,0.1) 100%);
  background-image: -o-linear-gradient(left, rgba(255,255,255,1.0) 0, rgba(255,255,255,0.1) 100%);
  background-image: linear-gradient(to right, rgba(255,255,255,1.0) 0, rgba(255,255,255,0.1) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1);
}
.scroll-container .viewport-control.right {
right: 0;
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.1) 0, rgba(255,255,255,1.0) 100%);
background-image: -o-linear-gradient(left, rgba(255,255,255,0.1) 0, rgba(255,255,255,1.0) 100%);
background-image: linear-gradient(to right, rgba(255,255,255,0.1) 0, rgba(255,255,255,1.0) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1);
}
.scroll-container .viewport-control >.fa {
  top: 50%;
  position: absolute;
  margin-top: -7px;
  height: 14px;
  left:0;right:0;
}

.carousel-thumbnail .carousel-control,.carousel-thumbnail-ribbon .carousel-control {width:inherit;text-shadow:inherit;opacity: inherit;}
.carousel-thumbnail .carousel-control .glyphicon{
width: 30px;
height: 30px;
margin-top: -15px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 30px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: transparent;
}
.carousel-thumbnail .carousel-control .glyphicon-chevron-right:before,.carousel-thumbnail-ribbon .carousel-control .glyphicon-chevron-right:before {
content:"\f054";
}
.carousel-thumbnail .carousel-control .glyphicon-chevron-left:before,.carousel-thumbnail-ribbon .carousel-control .glyphicon-chevron-left:before {
content:"\f053";
}
.carousel-thumbnail .carousel-control .glyphicon-chevron-right,.carousel-thumbnail .carousel-control .glyphicon-chevron-left{color:#008CBA;}
@media screen and (min-width: 768px){
.carousel-thumbnail .carousel-control .glyphicon-chevron-left, .carousel-thumbnail .carousel-control .icon-prev {
margin-left: -30px;
}
.carousel-thumbnail .carousel-control .glyphicon-chevron-right, .carousel-thumbnail .carousel-control .icon-next {
margin-right: -30px;
}
.carousel-thumbnail-ribbon .carousel-control .glyphicon{
width: 20px;
height: 20px;
margin-top: 0;
font-size: 20px;
font: normal normal normal 14px/1 FontAwesome;
}
}

.navbar-inverse{background: none;}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{background: none;color:#006687;}

.dropdown-menu.dropdown-menu-eyebrowpopup{background-color: #0b9ad6; color: #fff;border: none; font-size: 14px;}
.dropdown-menu.dropdown-menu-eyebrowpopup .item{margin-bottom: 30px;}

.nav > li > a:hover, .nav > li > a:focus{background-color: transparent;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background-color: transparent;}
.navbar-collapse:not(.in) .nav-hpi > li > .dropdown-menu:before,.navbar-collapse:not(.in) .nav-hpi > li > .dropdown-menu:after{
  border-color: transparent transparent #ccc;
  border-style: solid;
  border-width: 10px;
  content: "";
  display: block;
  position: absolute;
  top: -20px;
  left: 17px;
}
.navbar-collapse:not(.in) .nav-hpi > li > .dropdown-menu:before{}.navbar-collapse:not(.in) .nav-hpi > li > .dropdown-menu:after{top: -17px;border-color: transparent transparent #fff;}
.navbar-collapse:not(.in) .nav-hpi > li > .dropdown-menu,.navbar-collapse:not(.in) .nav-hpi > li > .dropdown-menu > .dropdown-submenu>.dropdown-menu{
  border: 1px solid #ccc;
  border-bottom: 2px #0096d6 solid;
  border-top: 2px solid #ccc;
  padding: 3px 0 13px 0;
  min-width: 252px;
}
.navbar-collapse .nav-hpi > li > .dropdown-menu.dropdown-menu-thumb{border-top-left-radius: 0;}
.navbar-collapse .nav-hpi > li > .dropdown-menu.dropdown-menu-thumb:before,.navbar-collapse .nav-hpi > li > .dropdown-menu.dropdown-menu-thumb:after{display: none;}
.nav-hpi.list-toggle > li > .dropdown-menu.dropdown-menu-searchbox{width:284px; top: 0; border: none; box-shadow: none;}
.navbar-collapse .nav-hpi > li > .dropdown-menu.dropdown-menu-searchbox{width:1034px;}
.navbar-collapse .nav-hpi > li > .dropdown-menu.dropdown-menu-searchbox:before,.navbar-collapse .nav-hpi > li > .dropdown-menu.dropdown-menu-searchbox:after{border-color:transparent;}
.nav-hpi.list-toggle > li > .dropdown-menu.dropdown-menu-searchbox .form-control{font-size: 14px; line-height: 14px;box-shadow: none;height: 32px;height: 32px; padding: 9px 10px;color:#868686;}
.nav-hpi.list-toggle > li > .dropdown-menu.dropdown-menu-searchbox .has-feedback .form-control{padding-right:50px;}
.nav-hpi.list-toggle > li > .dropdown-menu.dropdown-menu-searchbox .form-control:focus{ border-color: #ccc; color: #000;}
.nav-hpi.list-toggle > li > .dropdown-menu.dropdown-menu-searchbox .form-control-feedback{ height: 32px;line-height: 32px;pointer-events:inherit;top:0;}
.nav-hpi.list-toggle > li > .dropdown-menu.dropdown-menu-searchbox .form-control-feedback>.btn{border:none;line-height: 14px; padding: 9px 8px 9px 7px;}
.navbar-collapse .nav-hpi > li > .dropdown-menu.dropdown-menu-searchbox .form-control-feedback>.btn-search{color:#007dba;padding-right: 10px;}
.navbar-collapse .nav-hpi > li > .dropdown-menu.dropdown-menu-searchbox .form-control-feedback>.btn-clear{color:#ccc;}
.navbar-collapse .nav-hpi > li > .dropdown-menu.dropdown-menu-searchbox .form-control::-moz-placeholder {padding: 2px 0; }
.navbar-collapse .nav-hpi > li > .dropdown-menu.dropdown-menu-searchbox .form-control:-ms-input-placeholder {padding: 2px 0; }
.navbar-collapse .nav-hpi > li > .dropdown-menu.dropdown-menu-searchbox .form-control::-webkit-input-placeholder {padding: 2px 0; }
.navbar-collapse .nav-hpi > li > .dropdown-menu>li{}
.navbar-collapse .nav-hpi > li > .dropdown-menu>li>a,.navbar-collapse .nav-hpi > li > .dropdown-menu > .dropdown-submenu> .dropdown-menu>li>a{
  padding: 12px 20px;
  font-size: 14px;
  line-height: 14px;
  color: #686868;
}
.navbar-collapse .nav-hpi > li > .dropdown-menu>li>a:focus, .navbar-collapse .nav-hpi > li > .dropdown-menu > .dropdown-submenu> .dropdown-menu>li>a:focus{
  color: white;
}
.navbar-collapse .nav-hpi > li > .dropdown-menu >li:not(.divider)+li:not(.divider),.navbar-collapse .nav-hpi > li > .dropdown-menu > .dropdown-submenu>.dropdown-menu >li:not(.divider)+li:not(.divider){border-top: none;}
.navbar-collapse .nav-hpi > li > .dropdown-menu > .dropdown-submenu>a:after{margin-top: 4px;}
.navbar-collapse .nav-hpi > li > .dropdown-menu > .dropdown-submenu:hover>a:after{border-left-color: #ccc;}
.navbar-collapse .nav-hpi > li > .dropdown-menu.dropdown-menu-right:before, .navbar-collapse .nav-hpi > li > .dropdown-menu.dropdown-menu-right:after{left:inherit;right:17px;}
.navbar-collapse .nav-hpi > li > .dropdown-menu > li > a:hover:not(.btn):not(.text-default):not(.text-success):not(.navbar-toggle)
,.navbar-collapse .nav-hpi > li > .dropdown-menu > .dropdown-submenu>.dropdown-menu > li > a:hover:not(.btn):not(.text-default):not(.text-success):not(.navbar-toggle){
  background-color: transparent;
  color:#007dba;
}
.navbar-collapse .nav-hpi > li > .dropdown-menu > .dropdown-submenu>.dropdown-menu{margin-top:-5px;}
.navbar-collapse .nav-hpi > li > .dropdown-menu > .dropdown-submenu.open > a:not(.btn):not(.text-default):not(.text-success):not(.navbar-toggle){background-color: #007DBA;color:#fff;}
.navbar-collapse .nav-hpi > li > .dropdown-menu .divider{
  margin: 8px 20px;
  background-color: #686868;
}
.nav-hpi.list-toggle > li > .dropdown-menu .twitter-typeahead{width: 100%;}
.nav-hpi.list-toggle > li > .dropdown-menu .tt-menu{width:320px;margin:20px -18px 0 -18px;border-bottom: 2px #0096d6 solid;border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #fff; background-color: #fff;padding-bottom: 4px;}
.navbar-collapse .nav-hpi.list-toggle > li > .dropdown-menu .tt-menu{width:100%;margin: -1px 0 0 0;}
.nav-hpi.list-toggle > li > .dropdown-menu .tt-suggestion{font-size: 14px; line-height: 14px; padding: 12px 22px;border-top:1px solid #ccc; }
.navbar-collapse .nav-hpi.list-toggle > li > .dropdown-menu .tt-suggestion{padding: 7px 22px 8px 22px;border-top:none;}
.nav-hpi.list-toggle > li > .dropdown-menu .tt-suggestion.tt-cursor,.nav-hpi.list-toggle > li > .dropdown-menu .tt-suggestion:hover{background-color: #007dba;color:#fff;}
.nav-hpi.list-toggle > li > .dropdown-menu .tt-suggestion .tt-highlight{font-weight:normal;opacity: 0.8;}
.nav-hpi.list-toggle > li > .dropdown-menu .tt-suggestion.tt-selectable{cursor: pointer;}
.nav-hpi.list-toggle > li > .dropdown-menu .tt-header{font-size: 14px; line-height: 14px;background-color: #F2F2F2;padding:14px 12px;}
.navbar-collapse .nav-hpi.list-toggle > li > .dropdown-menu .tt-header{padding:5px 12px;}

.dropdown-submenu>a:after{display:none;}
#navmain .navbar-nav > li > a{font-size: 14px;line-height:14px;color:#686868;padding-left:12px;padding-right:11px;}
#navmain .navbar-nav li > a .pull-right .fa{margin-right:-10px;}
#navmain .navbar-nav > li.open > a .pull-right .hp-icon:before{content: "\E90B";}
#navmain.in .nav > li > a:hover, #navmain.in .nav > li > a:focus{background-color: #ffffff;color:#007dba;}
#navmain.collapsing .navbar-nav li, #navmain.in .navbar-nav li{border-top:1px solid #ccc;}
#navmain.collapsing .navbar-nav li > a, #navmain.in .navbar-nav li > a{padding:22px 40px;}
#navmain.in .nav > li.open>a, #navmain.in .nav > li.open>a:hover, #navmain.in .nav > li.open>a:focus{background-color:#0096D6;color:#fff;}
#navmain.in .nav > li > .dropdown-menu>li>a{background-color: #f2f2f2;}
#navmain.in .nav .open .dropdown-menu{border-bottom:2px solid #0096D6;}
#navmain.in .nav .open .dropdown-menu>li>a{font-size: 14px;line-height: 14px;}
#navmain.in .nav .open .dropdown-menu>li>a.left-caret .pull-right .hp-icon:before{content: "\E90B";}

footer ul > li > .dropdown-menu.dropdown-menu-lang{padding:0 0 0 20px;background: #fff url(../img/hpi-i-cselector-worldmap.gif) no-repeat 0 0;border: 2px solid #ccc;}
footer ul > li > .dropdown-menu.dropdown-menu-lang:before,footer ul > li > .dropdown-menu.dropdown-menu-lang:after{
  border-color: #ccc transparent transparent;
  border-style: solid;
  border-width: 10px;
  content: "";
  display: block;
  position: absolute;
  bottom: -20px;
  left: 0;
}
footer ul > li > .dropdown-menu.dropdown-menu-lang:before{}footer ul > li > .dropdown-menu.dropdown-menu-lang:after{bottom: -17px;border-color: #fff transparent transparent;}
footer ul > li > .dropdown-menu.dropdown-menu-lang a{color:#000}
footer ul > li > .dropdown-menu.dropdown-menu-lang .lang-row-0.lang-col-0{margin-top:0;}
footer ul > li > .dropdown-menu.dropdown-menu-lang .lang-row-0.lang-col-1{margin-top: -378px;}
footer ul > li > .dropdown-menu.dropdown-menu-lang .lang-row-0.lang-col-2{margin-top: -378px;}
footer ul > li > .dropdown-menu.dropdown-menu-lang .lang-row-0.lang-col-3{margin-top: -378px;}
footer ul > li > .dropdown-menu.dropdown-menu-lang .lang-row-0.lang-col-4{margin-top: -378px;}
footer ul > li > .dropdown-menu.dropdown-menu-lang .lang-row-0.lang-col-5{margin-top: -378px;}
footer ul > li > .dropdown-menu.dropdown-menu-lang .lang-row-0.lang-col-6{margin-top: -378px;}
footer ul > li > .dropdown-menu.dropdown-menu-lang .lang-col-0{ margin-left: 0;}
footer ul > li > .dropdown-menu.dropdown-menu-lang .lang-col-1{ margin-left: 132px;}
footer ul > li > .dropdown-menu.dropdown-menu-lang .lang-col-2{ margin-left: 264px;}
footer ul > li > .dropdown-menu.dropdown-menu-lang .lang-col-3{ margin-left: 396px;}
footer ul > li > .dropdown-menu.dropdown-menu-lang .lang-col-4{ margin-left: 528px;}
footer ul > li > .dropdown-menu.dropdown-menu-lang .lang-col-5{ margin-left: 660px;}
footer ul > li > .dropdown-menu.dropdown-menu-lang .lang-col-6{ margin-left: 792px;}
footer ul > li > .dropdown-menu.dropdown-menu-lang [class*='lang-col-']{min-height: 27px;}

.nav-lang .btn-link{color:#686868;}
.nav-lang .panel{box-shadow: none;border-bottom: 1px solid #ccc;color: #686868;}
.nav-lang .panel-group .panel+.panel{margin-top:0;}
.nav-lang .panel h5{color:#fff;background-color: #0096D6;padding:20px 27px;margin: 0;}
.nav-lang .panel .collapsed>h5{color:#686868;background-color: #fff;}
.nav-lang .panel h5 .pull-right .hp-icon:before{content: "\E90B";}
.nav-lang .panel .collapsed>h5 .pull-right .hp-icon:before{content: "\E90C";}
.nav-lang .panel ul{ list-style: none; padding: 0 18px;font-size: 14px; line-height: 14px; background-color: #f2f2f2;border-bottom:2px solid #0096D6;}
.nav-lang .panel ul li{ padding: 21px 9px; border-top: 1px solid #ccc;}
.nav-lang .collapse.in{ max-height: 4000px;}

.navbar-tool .navbar-nav>li>a{padding:4px 10px;}
.navbar-tool .breadcrumb > li > a{display: inline-block;padding:4px 5px;}
.navbar-tool .breadcrumb > li.active > span{position:relative;display: inline-block;padding:4px 5px;}
.navbar-tool .navbar-nav > li.active > span{line-height: 21px;}
/*.navbar-tool .navbar-nav .dropdown-menu .divider{margin:0 0;}*/
.navbar-tool .navbar-nav{margin:0;}

.navbar-tool .navbar-nav.nav-hpi-user{}
.navbar-tool .navbar-nav.nav-hpi-user>li>a{ font-size: 14px; line-height: 14px; color: #686868; padding: 12px 10px;}
.navbar-tool .navbar-nav.nav-hpi-user>li+li{border-top: 1px solid #ccc;}

#navprod .navbar-nav > li > a{color:#666;border-bottom:5px solid transparent;}
#navprod .navbar-nav > li > a:hover{color:#666;border-bottom:5px solid #ecf0f1;}
#navprod .navbar-nav > li.dropdown.als-item.als-active > a{color:#000;border-bottom:5px solid #009ac9;}

#navprod .navbar-nav > li > a{padding-top:7px;padding-bottom:2px;padding-left:3px;padding-right:3px;}

.als-content .nav{display: block;white-space: nowrap;}
.als-content .nav > li{width:90px;white-space: normal;vertical-align: top;display: inline-block;float:none;}

.bg-default a.viewport-control{color:rgb(90, 90, 90);}
.bg-default .navbar-nav > li > a{color:rgb(90, 90, 90);}
.bg-default .als-container .viewport-control.left{
  left:0;
  background-image: -webkit-linear-gradient(left, rgba(245,245,245,1.0) 0, rgba(245,245,245,0.1) 100%);
  background-image: -o-linear-gradient(left, rgba(245,245,245,1.0) 0, rgba(245,245,245,0.1) 100%);
  background-image: linear-gradient(to right, rgba(245,245,245,1.0) 0, rgba(245,245,245,0.1) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1);
}
.bg-default .als-container .viewport-control.right {
  right:0;
  background-image: -webkit-linear-gradient(left, rgba(245,245,245,0.1) 0, rgba(245,245,245,1.0) 100%);
  background-image: -o-linear-gradient(left, rgba(245,245,245,0.1) 0, rgba(245,245,245,1.0) 100%);
  background-image: linear-gradient(to right, rgba(245,245,245,0.1) 0, rgba(245,245,245,1.0) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1);
}

footer #footer-nav{margin-top:16px;margin-bottom:26px;}
footer #footer-nav h4, footer #footer-nav a{color:#787D80;}
footer #footer-nav a:hover{color:#333;}
footer #footer-nav .navbar-nav >li >a{padding: 4px 5px;background-color:inherit;}
footer #footer-nav .navbar-nav >li.active{color:#0096D6;}
footer #footer-nav a .fa.fa_toggle:before{content: "\f107";}
footer #footer-nav a.collapsed .fa.fa_toggle:before{content: "\f105";}

.popover{background-color: #fff;color:#000;font-family: "HPSimplified",arial;    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);}
.popover-trigger:hover #navprod .navbar-nav > li.active > a {border-bottom:5px solid #009ac9;color:#009ac9;}
.popover-trigger .popover{border:1px solid #008cba;}
.popover.top>.arrow,.popover.top>.arrow:after{border-top-color:#fff;}
.popover.bottom>.arrow,.popover.bottom>.arrow:after{border-bottom-color:#fff;}
#navprod .navbar-nav > li.dropdown.open > a{border-bottom:5px solid #009ac9;color:#009ac9;}
#navprod .navbar-nav > li.dropdown.open > .dropdown-menu a{color:#009ac9;}
/*#navprod .navbar-nav > li.dropdown.open > a:before{background: none repeat scroll 0 0 transparent; border-color: transparent transparent #009ac9; border-style: solid; border-width: 6px; content: ""; display: block; left: 50%; margin-left: -3px; position: absolute; bottom: 0; width: 0; }*/

.panel > .table-bordered > thead > tr:first-child > th{border-bottom: 1px solid #dddddd;}

.table-helixitem > thead > tr > th{padding:10px;}
.table-helixitem > thead.bg-primary > tr > th{border-color: #008CBA;}
.table-helixitem > thead.bg-primary:first-child > tr:first-child > th{border-top:1px solid #008CBA;}
.table-helixitem > tbody > tr > td{vertical-align: middle;}
.table-helixitem .item .media-object{margin-right:10px;}
.table-helixitem .money{text-align: right;}
.table-helixitem tbody .money{white-space: nowrap;}
.table-helixitem .qty{text-align: center;}
.table-helixitem tbody .qty{white-space: nowrap;}
.table-helixitem .date{text-align: center;/*line-height: 1em;*/}

table.table-hp {margin:20px 0px 20px -1px;max-width:600px;width:100%;}
table.table-hp p {margin:0px;font-size: 12px;word-spacing: 0px;}
table.table-hp th p {font-size: 14px;word-spacing: 0px;}
table.table-hp td ,table.table-hp th{padding:10px;}
table.table-hp th{background-color: #0795D3;color:white;border: 1px solid #0795D3;}
table.table-hp td{border:1px solid #BDBDBD;font-weight:600;word-spacing: 2px;}
table.table-hp td:nth-child(1){background-color: #F2F2F2}

.media.media-mkttag{color: #6f6f6f;background-color: #ffffff;position:relative; margin-top: 0px;}
.media.media-mkttag>.media-left{padding:5px;padding-right:0px;height:33px;background-color: #822A81;border: 1px solid #822A81;color: #fff;}
.media.media-mkttag>.media-body{font-size:12px;line-height:12px;padding:0 11px;border: 1px dashed #822A81;}
.media.media-mkttag>.media-body:before{
  border-color: #822A81 transparent transparent #822A81;
  background: none repeat scroll 0 0 transparent;
  border-style: solid;
  border-width: 20px 6px;
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  margin-left:-12px;
  width: 0;
  z-index: 1;
}
.media-mkttag{margin-bottom: 5px;}

.media.media-mktphysicalexp{color: #6f6f6f; background-color: #ffffff ;position:relative; margin-top: 0px;}
.media.media-mktphysicalexp>.media-left{padding:5px;padding-right:0px;height:33px;background-color: #822A81;border: 1px solid #822A81;color: #fff;}
.media.media-mktphysicalexp>.media-body{font-size:12px;line-height:12px;padding:0 11px;border: 1px dashed #822A81;}
.media.media-mktphysicalexp>.media-body:before{
  border-color: #822A81 transparent transparent #822A81;
  background: none repeat scroll 0 0 transparent;
  border-style: solid;
  border-width: 20px 6px;
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  margin-left:-12px;
  width: 0;
  z-index: 1;
}
.media-mktphysicalexp{margin-bottom:6px;}

.media.media-mktphone{color: #6f6f6f;background-color: #ffffff;position:relative; margin-top: 0px;}
.media.media-mktphone>.media-left{padding:5px;padding-right:0px;height:33px;background-color: #822A81;border: 1px solid #822A81;color: #fff;}
.media.media-mktphone>.media-body{font-size:12px;line-height:12px;padding:0 11px;border: 1px dashed #822A81;}
.media.media-mktphone>.media-body:before{
  border-color: #822A81 transparent transparent #822A81;
  background: none repeat scroll 0 0 transparent;
  border-style: solid;
  border-width: 20px 6px;
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  margin-left:-12px;
  width: 0;
  z-index: 1;
}
.media-mktphone{margin-bottom:6px;}

/*
.media.media-mktphone{color: #6f6f6f;background-color: #ffffff;position:relative;}
.media.media-mktphone>.media-left{padding:5px;padding-right:0px;height:33px;background-color: #008cba;border: 1px solid #008cba;color: #fff;}
.media.media-mktphone>.media-body{font-size:12px;line-height:12px;padding:0 11px;}
.media-mktphone{margin-bottom:6px;}*/


.grid-item .caption{
  padding:0 0px;
}
.grid-item{
  margin-bottom: 22px;
}
.grid-item>div{
  position: relative;
}
.grid-item>div .collapsed-box{
  background-color: white;
  box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  margin:0 -12px;
  padding:0 12px;
}
.grid-item>div .collapsed{
  max-height:0;
  overflow: hidden;
  position: absolute;
}
.grid-item>div .item-callout{
  position:absolute;
  top:0;
  z-index: 2;
}
.grid-item .btn-group > .btn:last-child{
  padding-right:0;
}

.list-item+.list-item{
  box-shadow: 0 -1px 0px rgba(0,0,0,0.1);
  margin-top: 20px;
  padding-top: 20px;
}
.list-item .btn-group > .btn:first-child{
  padding-left:0;
}
.row-seamless>.list-item+.list-item{
  margin-top:0;
  padding-top:0;
}
/*.grid-item>div:hover{
  margin:-16px -12px;
  padding:16px 12px;
  box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  background-color: white;
  z-index: 3;
  -o-transition: box-shadow .5s ease;
  -webkit-transition: box-shadow .5s ease;
  -moz-transition: box-shadow .5s ease;
  transition:  box-shadow .5s ease;
}*/
/*.grid-item>div:hover .collapsed{
  max-height:200px;
  -o-transition: max-height .8s ease;
  -webkit-transition: max-height .8s ease;
  -moz-transition: max-height .8s ease;
  transition:  max-height .8s ease;
}*/
/*.grid-item>div:hover .item-callout{
  top:24px;
  -o-transition: top .4s ease;
  -webkit-transition: top .4s ease;
  -moz-transition: top .4s ease;
  transition:  top .4s ease;
}*/


#prod-featvalue .label-tag>span{display: block;color:#999999;}
#prod-featvalue .label-tag i.fa{color:#008cba;}

.btn-md-hp{padding: 10px 25px;font-size: 16px;}

.text-hp-price{white-space: nowrap;font-size: 2em;font-weight: 300;}
.text-hp-price sup{top:-0.2em;}
.text-hp-pricepts{white-space: nowrap;font-size: 1.6em;font-weight: 300;}
.text-hp-pricepts sup{top:-0.2em;}
.hp-radio-btn {
    width: 16px;
    height: 16px;
    border: 2px solid #CCC;
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding: 1px;
    border-radius: 1000px;
    cursor: pointer;
}
.hp-radio-btn.checked {border: 2px solid #5A5A5A;}
.hp-radio-btn.checked:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 1000px;
    background: none repeat scroll 0% 0% #222;
    position: relative;
}
.hp-radio-btn.checked:before {background: none repeat scroll 0px 0px #0096D6;height: 10px;width: 10px;}

/*.hp-checkbox.checked{background-color: #0095D5;color: #FFF;cursor: pointer;border:1px solid #0095D5;}
.hp-checkbox{background-color: white;color:white;border:1px solid #B8B8BA;cursor: pointer;position: relative;margin:0px;}
.hp-checkbox.error{background-color: white;color:white;border:1px solid #F00;cursor: pointer;}
.hp-checkbox.disabled{background-color:  #E5E5E5;color:#E5E5E5;border:1px solid #B8B8BA;cursor: not-allowed;}
.hp-chk{
    content: "";
    position: absolute;
    right:0;
    top:0;
    display: inline-block;
    width:100%;
    height:100%;
    margin:0px !important;
    padding:0px !important;
    opacity:0;
    cursor: pointer;
}*/
div.folded{display: inline-block;}
div.folded h5 {
    font-weight:300;
    border-width: 1px 1px 2px;
    box-shadow: 0 2px 6px rgba(0,0,0,0);
    margin: 0;
    padding: 0px 20px;
    line-height: 28px;
    position: relative;
    background-color: #822A81;
    color:#fff;
    left: -8px;
    zoom:reset;
}
div.folded h5:before {
    border-width: 3px 4px;
    border-style: solid;
    border-color:  #411641 #411641 transparent transparent;
    bottom: -6px;
    content: "";
    position: absolute;
    left: 0px;
    zoom:reset;
}
div.folded h5:after {
    background: none repeat scroll 0 0 transparent;
    border-style: solid;
    border-width: 14px 7px;
    border-color: transparent transparent #822A81 #822A81;
    content: "";
    display: block;
    right: -14px;
    position: absolute;
    top: 0;
    width: 0;
    zoom:reset;
}
@media print {
  div.folded h5:after {display: none;}
}
.page-ribbon {
margin: 21px 0 11.5px;
height: 32px;
border-bottom: 2px solid #009ac9;
}
.page-ribbon div{
color: #FFFFFF;
padding: 0px 15px 0px 20px;
white-space: nowrap;
position: relative;
background-color: #009ac9;
float: left;
margin: 0;
height: 32px;
line-height: 32px;
}
.page-ribbon div:before{
border-color: transparent transparent #009ac9 #009ac9;
background: none repeat scroll 0 0 transparent;
border-style: solid;
border-width: 16px 8px;
content: "";
display: block;
right: -16px;
position: absolute;
top: 0;
width: 0;
}

label.btn-link span.fa-input{
}
label.btn-link span.fa-circle:before{
float: left;
display: inline-block;
content: '\2022';
margin: 1px;
width: 8px;
height: 8px;
text-indent: -9999px;
background: #fff;
vertical-align: middle;
border-radius: 50%;
-webkit-animation: grow 0.2s ease-in-out;
animation: grow 0.2s ease-in-out;
}
label.btn-link span.fa-check{
background-color: white;
color: white;
border: 1px solid #B8B8BA;
width:14px;
}
label.btn-link.highlighted{
color:#000;
}
label.btn-link.highlighted span.fa-check{
background-color: #0095D5;
color: #FFF;
border: 1px solid #0095D5;
}
label.btn-link span.fa-circle{
clear: none;
cursor: pointer;
display: inline-block;
border-radius: 50%;
line-height: 0;
height: 14px;
margin: 2px 0 0;
float: left;
outline: 0;
padding: 0;
text-align: center;
vertical-align: middle;
width: 14px;
min-width: 14px;
appearance: none;
color: #2e4453;
font-size: 14px;
border: 2px solid #CCC;
background-color: white;
transition: all 0.15s ease-in-out;
box-sizing: border-box;
}
label.btn-link.highlighted span.fa-circle{
border: 2px solid #5A5A5A;
}
label.btn-link.highlighted span.fa-circle:before{
background: #0096D6;
}
/*label.btn-link input{
margin-left: 0;
opacity: 0;
z-index: -1;
position: absolute;
}*/
.btn-link.highlighted .fa-thumb-tack{color:#008cba;}

.btn-group-hp .btn{border:none;background: none;padding-left: 4px;padding-right: 4px;}
.btn-group-hp .btn.active{box-shadow: none;opacity: 0.5;pointer-events: none;}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark{margin-top: 5.5px;}

/*.hp-owl-prev{position:absolute;top:50%;left:-20px;cursor:pointer;}
.hp-owl-next{position:absolute;top:50%;right:-20px;cursor:pointer;}*/
.noUi-horizontal.noUi-handle {
    width: 50px;
    height: 28px;
    top: -30px !important;
    text-align: center;
}
.noUi-handle-lower{left:-40px;}
.noUi-handle-upper{left:-10px;}
.noUi-horizontal {
  height: 4px;
  margin: 0 50px;
}
.noUi-handle {
    width: 50px !important;
    height: 18px !important;
    top: -22px !important;
    text-align: center;
    border:none;
    border-radius: 0px;
    background: none repeat scroll 0% 0% #0096D6;
    color:white;
    cursor: default;
    box-shadow: none;
    font-size: 12px;
    line-height: 18px;
}
.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    width: 0;
    height: 0;
    border-style: solid;
    background: none;
}
.noUi-handle:after{
    display: none;
    content:none;
}
.noUi-handle-lower{left:-50px !important;}
.noUi-handle-upper{left:-0px !important;}
.noUi-handle-lower:before{
    left:auto;
    right:0;
    border-width: 0 5px 5px 0;
    border-color: transparent #0096D6 transparent transparent;
}
.noUi-handle-upper:before{
    left:0;
    right:auto;
    border-width: 5px 5px 0 0;
    border-color: #0096D6 transparent transparent transparent;
}
.noUi-connect {
    background: none repeat scroll 0% 0% #0096D6;
}

.fn-ref-num{cursor: help}

.zoom-pop {
    width:100%;
    height:100%;
    border: 1px solid #666;
    background-color: #FFFFFF;
    position: absolute;
    overflow: hidden;
    z-index:1;
    display:none;
    left:0;
    right:0;
}
.zoom-pop img {
    position: relative;
}

.tooltip-inner{background-color:white;color:black;border: 2px solid #999;opacity:1;}
.tooltip.right .tooltip-arrow { border-right-color: #999;}
.tooltip.top .tooltip-arrow {border-top-color: #999;}
.tooltip.left .tooltip-arrow {border-left-color: #999;}
.tooltip.bottom .tooltip-arrow {border-bottom-color: #999;}

.preview-zoom{
position: absolute;
border: 1px solid #4C91C0;
background-color: rgba(76,145,192,0.5);
z-index: 999;
display:none;
}

.freeze-headercolumn,.freeze-column{
float: left;
display: inline;
width: auto;
}
.freeze-x{display:inline;}
.comp_lock{cursor: pointer;}

.badge-font{font-weight: 500;}
.ellipsis-Eedit{display:block;}
.complock{cursor: pointer;}

.center-tabs{border-bottom: none;}
.center-tabs>li{float: none;display:inline-block;position:relative;}
.center-tabs>li>a{background-color: #E5E8E8;color:black;padding: 10px 60px;outline: none;font-size:16px;font-weight: 100;}
.center-tabs>li>a:hover{background-color:#E5E8E8;}
.center-tabs>li.active>a,.center-tabs>li.active>a:hover,.center-tabs>li.active>a:focus{background-color: #0096D6;color:white;}
.center-tabs>li.active>a,.center-tabs>li.active>a:hover {border:none;color:white;}
.center-tabs>li.active:after {
  position: absolute;
  top: 100%;
  content: '';
  margin-left: -6px;
  width: 0;
  height: 0;
  border-top: solid 6px #0096D6;
  border-left: solid 6px transparent;
  border-right: solid 6px transparent;
}

.table-striped > tbody > tr:nth-child(2n+1) {
  background-color: #F9F9F9;
}

.filter_logo{margin-right:5px;height:19px;width:19px;}
.filter_logo>img{height:19px;}
.filter_logo.filter_img_container{margin-top:-1px;opacity:0.7;}

.dotcms-docs{font-size: 14px;}
.dotcms-docs h3{text-decoration:none;font-size:18px;font-weight:bold;position: relative;z-index: 1;padding-bottom: 9.5px;margin: 42px 0px 21px;border-bottom: 1px solid #DDD;
}
.dotcms-docs >ul,.dotcms-docs >ol{margin-left: 10px;}

.hpfontsize{font-size:14px;}
.hpfontsize td{font-size: 14px;}
.hpfontsize label{font-size: 14px}
.hpfontsize .radio input[type="radio"]{margin-top:3px;}

.offscrn {
  position:absolute;
  left:-5000px;
  width:1px;
  overflow:hidden;
}

.line-inline-3inrow li:nth-child(n+4):before{content:"";display:table;height:10px;}
.helixgreybar{position:fixed;bottom:0;left:0;right:0;z-index:10;background-color:rgba(210, 212, 211, 0.95);color:#787D80;}
.helixgreybar:hover{background-color:rgba(210, 212, 211, 1);}
.helixgreybar .navbar-nav > li > a{color:#787D80;}
/*
.text-normal{font-size:16px;}
.hp-theme-hiden{display:none;}
.hp-theme-navbar{margin-top:20px;}*/

.fancybox-nav span{transition: all 0.15s ease-in-out;visibility: visible; color: #fff; border-radius: 999px;height: 50px; width: 50px;display: inline-block; line-height: 40px;font-size: 50px;text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);}
.fancybox-prev span{left:-20px;}.fancybox-prev:hover span{left:0;}
.fancybox-next span{right:-20px;}.fancybox-next:hover span{right:0;}

.price-right{position: absolute; right: 15px;}
.translucent{opacity: 0.5;}

.fa.fa-stack.fa-stack-sm {
  width: 1.2em;
  height: 1.2em;
  line-height: 1.2em;
}
.fa.fa-stack.fa-stack-sm .fa-stack-2x {
  font-size: 1.2em
}
.fa.fa-stack.fa-stack-sm .fa-stack-1x {
  font-size: 0.6em;
}

.tagbar-group {
  margin: 10.5px auto;
}
.tagbar {
  border: 1px solid #eee; 
  width: 100%; 
  overflow: hidden; 
  position: relative;
  margin-bottom: 5px;
}
.tagbar:after {
  content: "";
  position: absolute;
  background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.1) 0, rgba(255,255,255,1.0) 100%);
  background-image: -o-linear-gradient(left, rgba(255,255,255,0.1) 0, rgba(255,255,255,1.0) 100%);
  background-image: linear-gradient(to right, rgba(255,255,255,0.1) 0, rgba(255,255,255,1.0) 100%);
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 2px;
  padding: 20px;
}
.tagbar-title {
  position: relative;
  display: inline-block; 
  padding: 5px; 
  background-color: #CA0000; 
  color: #ffffff; 
  text-transform: uppercase;
}
.tagbar-title:after{
  position: absolute;
  top: 0;
  right: -10px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 0 16px 10px;
  border-color: transparent transparent transparent #CA0000;
}
.tagbar-content {
  display: inline-block;
  position: absolute;
  top: 6px;
  margin-left: 16px; 
  font-size: 14px;
}

.tagbar.tagbar-primary .tagbar-title {
  background-color: #93C01F; 
}
.tagbar.tagbar-primary .tagbar-title:after{ 
  border-color: #93C01F transparent transparent #93C01F;
  background: none repeat scroll 0 0 transparent;
  border-style: solid;
  border-width: 20px 6px;
}

.tagbar ul.list-inline li {
  position: relative;
}
.tagbar ul.list-inline li + li {
  margin-left: 10px;
}
.tagbar ul.list-inline li + li:before{
  content: "&";
  font-weight: bold;
  position: absolute;
  left: -11px;
}

.sect-bund + .sect-products {
  margin-top: 30px;
}

.bundle-badge-image {
  overflow:hidden;
  width: 25%;
  position: absolute;
  right: 15px;
  background-color: #fff;
  border: 1px solid #0099d8;
  border-radius: 99px;
  padding: 5px;
}
/*.bundle-badge-image:before {
  content: "+";
  position: absolute;
  background-color: #0099d8;
  color: #ffffff;
}*/
.bundle-badge-image img {
  width: 100%;
}