body:not(.page-print) { margin-top: 132px; }

.page-header { width: 100%; position: fixed; left: 0; top: 0; z-index: 9; background: var(--hyd-white); }
.page-header.header-sticky { box-shadow: 0 0 10px 0 rgb(23 23 23 / 25%); }
.page-header .panel.wrapper { background-color: #e6e7e8; padding: 10px 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
.page-header .panel.wrapper .panel.header { display: flex; justify-content: space-between; flex-wrap: wrap; }
.page-header.header-sticky .panel.wrapper { height: 0px; padding: 0; border: 0; visibility: hidden; opacity: 0; }

.header-social-links .h-link { margin: 0; padding: 0; list-style: none; display: flex; justify-content: center; align-items: center; line-height: 0; }
.header-social-links .h-link li { margin-left: 20px; margin-bottom: 0; }
.header-social-links .h-link li:first-child { margin-left: 0; }
.header-social-links .h-link a { display: block; }

.header-social-links .h-link li.facebook svg { width: 8px; height: 16px; }
.header-social-links .h-link li.linkedin svg { width: 15px; height: 15px; }
.header-social-links .h-link li.instagram svg { width: 17px; height: 17px; }
.header-social-links .h-link li.youtube svg { width: 20px; height: 14px; }
.header-social-links .h-link li.twitter svg { width: 18px; height: 14px; }

.no-touch .header-social-links .h-link a:hover svg path { fill: #ed1c24; }
.header-top-right { display: flex; justify-content: flex-start; align-items: center; }
.header.links { margin: 0; padding: 0; list-style: none; display: flex !important; justify-content: center; align-items: center; }
.header.links li { margin: 0 0 0 32px; font-size: 12px; font-weight: 500; color: #1c1d20; }
.header.links li:first-child { margin: 0; }
.header.links li a { position: relative; display: flex; align-items: center; color: #1c1d20; font-weight: 500; font-size: 12px; }
.no-touch .header.links li a:hover { color: var(--hyd-red); }
.header.links a.tools-app { padding: 0 0 0 32px; }
.header.links a.tools-app:before { background: url(../../frontend/Hydac/nztheme/en_NZ/images/tooltip.png) no-repeat 0 0; background-size: 21px 21px; position: absolute; content: ""; width: 21px; height: 21px; left: 0; top: -2px; }
.header.links .login-link svg { margin-right: 7px; }
.login-user .header-top-right > .header.links > li.authorization-link { display: none; }
.login-user .customer-menu ul { display: block !important; }
.login-user .customer-menu ul li { margin: 0 !important; }
.login-user .customer-menu ul li a.login-link svg { display: none; }
.web-switcher { float: right; position: relative; margin: 0 0 0 22px; padding: 0 0 0 46px; }
/* .web-switcher { float: right; position: relative; margin: 0 0 0 32px; padding: 0 0 0 36px; } */
.web-switcher span.swich-text { display: inline-block; font-size: 12px; color: #1c1d20; font-weight: 500; padding-right: 17px; position: relative; }
.web-switcher:before { content: ""; width: 34px; height: 24px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.web-switcher.australia:before { background: url(../../frontend/Hydac/nztheme/en_NZ/images/flag-australia.svg) no-repeat 0 50%; background-size: contain; }
.web-switcher.new.zealand:before { background: url(../../frontend/Hydac/nztheme/en_NZ/images/flag-newzealand.svg) no-repeat 0 50%; background-size: contain; }
.web-switcher .select-box { cursor: pointer; }
.web-switcher .select-box .switcher { padding: 0; margin: 0; list-style: none; position: absolute; top: 31px; left: 0; min-width: 100px; width: 100%; background: #7d7d7d; box-sizing: border-box; z-index: 5; }
.web-switcher .select-box .switcher li { margin: 0; padding: 0; color: #ffffff; border-bottom: solid 1px #fff; font-size: 12px; line-height: 1; }
.web-switcher .select-box .switcher li:last-child { border-bottom: 0; }
.no-touch .web-switcher .select-box .switcher li:hover { background: #ed1c24; }
.web-switcher .select-box .switcher li a { display: block; color: #ffffff; font-weight: 500; padding: 10px; }
.web-switcher .select-box .switcher li.selected { background: #ed1c24; padding: 8px; }
.web-switcher .select-arrow { width: 11px; height: 8px; position: absolute; right: 0; top: -1px; }
.web-switcher .select-arrow svg { width: 12px; height: 7px; line-height: 0; vertical-align: middle; }
.web-switcher .select-arrow svg path { fill: #1c1d20; }
.web-switcher .select-box span.swich-text.active .select-arrow svg { transform: rotate(-180deg); }
.header.content { position: relative; padding: 22px 0; }
.logo { position: relative; z-index: 1; max-width: 220px; }
.logo img { display: block; height: auto; max-width: 204px; width: 100%; }
.header-bootom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.header-bootom-right { display: flex; justify-content: space-between; align-items: center; }
.header-phone-desktop p { margin: 0; }
.header-phone-desktop a { display: flex; justify-content: center; align-items: center; padding: 0 20px; border-radius: 50px; background-color: #e6e7e8; color: #1c1d20; font-size: 14px; font-weight: 700; height: 40px; }
.header-phone-desktop a svg { width: 15px; height: 15px; margin-right: 9px; }
.no-touch .header-phone-desktop a:hover { background-color: var(--hyd-red); color: var(--hyd-white); }
.no-touch .header-phone-desktop a:hover svg path { fill: var(--hyd-white); }
.customer-welcome { display: inline-block; position: relative; }
.customer-welcome:before,
.customer-welcome:after { content: ''; display: table; }
.customer-welcome:after { clear: both; }
.customer-welcome .action.switch { padding: 0; cursor: pointer; display: inline-block; text-decoration: none; }
.customer-welcome .action.switch > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.customer-welcome .action.switch:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13px; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; color: #1c1d20; font-weight: 500; vertical-align: middle; margin-left: 5px; }
.customer-welcome .action.switch.active { display: inline-block; text-decoration: none; }
.customer-welcome .action.switch.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.customer-welcome .action.switch.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 22px; color: inherit; content: '\e621'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; }
.customer-welcome .action.switch.active:hover:after { color: inherit; }
.customer-welcome .action.switch.active:active:after { color: inherit; }
.customer-welcome ul { margin: 0; padding: 0; list-style: none none; background: #7d7d7d; border: none; margin-top: 4px; min-width: 100%; z-index: 101; box-sizing: border-box; display: none; position: absolute; top: 100%; right: 0; border: 1px solid #7d7d7d; }
.customer-welcome ul li { margin: 0; padding: 0; }
.customer-welcome ul li:hover { cursor: pointer; }
.customer-welcome ul:before,
.customer-welcome ul:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; }
.customer-welcome ul:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; }
.customer-welcome ul:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; }
.customer-welcome ul:before { right: 10px; top: -12px; display: none; }
.customer-welcome ul:after { right: 9px; top: -14px; display: none; }
.customer-welcome.active { overflow: visible; }
.customer-welcome.active ul { display: block; }
.customer-welcome li a { color: #ffffff !important; text-decoration: none; display: block; line-height: 1.4; padding: 7px 10px; }
.no-touch .customer-welcome li a:hover { color: var(--hyd-white) !important; background-color: var(--hyd-red) !important; text-decoration: none; }
.customer-welcome .customer-name { cursor: pointer; color: #1c1d20; font-weight: 500; font-size: 12px; position: relative; display: flex; align-items: center; }
.customer-welcome .customer-name svg { margin-right: 7px }
.customer-welcome .customer-menu { display: none; }
.customer-welcome .action.switch { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; color: #ffffff; height: auto; }
.customer-welcome .action.switch:focus,
.customer-welcome .action.switch:active { background: none; border: none; }
.customer-welcome .action.switch:hover { background: none; border: none; }
.customer-welcome .action.switch.disabled,
.customer-welcome .action.switch[disabled],
fieldset[disabled] .customer-welcome .action.switch { pointer-events: none; opacity: 0.5; }
.customer-welcome .header.links { min-width: 130px; z-index: 2; margin-top: 10px; }
.customer-welcome.active .action.switch:after { content: '\e621'; }
.customer-welcome.active .customer-menu { display: block; }
.customer-welcome .greet { display: none; }
.phone_link_device { display: none; }
.phone_link_device span { display: none; }
.header-top-right .header-phone-mobile { display: none; }
/*search*/
.search-icon { display: flex; justify-content: space-between; align-items: center; color: #1c1d20; font-size: 15px; font-weight: 600; margin-right: 38px; }
.search-icon svg { margin: 0 12px 0 0; }
.no-touch .search-icon:hover { color: var(--hyd-red); }
.no-touch .search-icon:hover svg path { fill: var(--hyd-red); }
.block-search .block-content { width: 100vw; max-width: 100%; height: 100vh; padding: 75px 0; position: fixed; left: 0; top: -100%; z-index: 99; background: #1c1d21; overflow: hidden; transition: all 0.5s ease; opacity: 0; visibility: hidden; }
.touch .block-search .block-content { height: 100%; }
.show-search .block-search .block-content { top: 0; opacity: 1; visibility: visible; }
.show-search #tidio-chat,
.show-search .back-to-top { display: none !important; }
.block-search .control input { height: 50px; background: none !important; background-color: transparent !important; font-size: 40px; font-weight: 700; color: var(--hyd-white); padding: 0 80px 0 0; border: none !important; border-radius: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.block-search .control input::-webkit-input-placeholder { color: #444444;}
.block-search .control input:-moz-placeholder { color: #444444; opacity: 1; }
.block-search .control input::-moz-placeholder { color: #444444; opacity: 1; }
.block-search .control input:-ms-input-placeholder { color: #444444; }
.hide-search { position: absolute; right: 40px; top: 40px; color: var(--hyd-white); font-size: 16px; font-weight: 500; display: inline-block; padding-right: 28px; background: url(../../frontend/Hydac/nztheme/en_NZ/images/close.svg) no-repeat right 50%; background-size: 20px; }
.hide-search:hover { color: var(--hyd-red) !important; }
.mst-searchautocomplete__empty-result { padding: 10px 0; text-align: left; font-size: 20px; color: #ffffff; font-weight: 600; margin: 20px 0 0; }
.mst-searchautocomplete__close { position: absolute; right: 65px; top: 12px; font-size: 22px; color: var(--hyd-white); width: 25px; height: 25px; border: 2px solid var(--hyd-white); display: flex; justify-content: center; align-items: center; border-radius: 100px; cursor: pointer; visibility: hidden; opacity: 0; }
.mst-searchautocomplete__wrapper { height: calc(100vh - 440px) !important; position: absolute; left: 0; top: 100%; width: 100%; overflow-x: hidden; overflow-y: auto; margin: 40px 0 0; background: #1c1d21; scrollbar-width: thin; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch; display: none; }
.mst-searchautocomplete__autocomplete._active .mst-searchautocomplete__wrapper { display: block; }
.mst-searchautocomplete__autocomplete ul { padding: 0; margin: 0; list-style: none; }


.mst-searchautocomplete__spinner { position: absolute; right: 0; top: 100%; width: 100%; height:100%; justify-content: center; align-items: center; cursor: pointer; background: url(../../frontend/Hydac/nztheme/en_NZ/images/ajax-loader.gif) no-repeat center center; background-color: #1c1d21; padding: 20px 0; margin-top: 40px; display: none; }
.mst-searchautocomplete__autocomplete._active .mst-searchautocomplete__spinner { display: block; }
.mst-searchautocomplete__spinner > div { display: none; }

.mst-searchautocomplete__wrapper::-webkit-scrollbar { background: #dddddd; }
.mst-searchautocomplete__wrapper::-webkit-scrollbar-thumb { background: var(--hyd-white); cursor: pointer; }
.mst-searchautocomplete__wrapper::-webkit-scrollbar-track { box-shadow: inset 0 0 5px var(--hyd-white); }
.mst-searchautocomplete__wrapper::-webkit-scrollbar { width: 5px;}
.mst-searchautocomplete__wrapper::-webkit-scrollbar-thumb { width: 5px; }
.mst-searchautocomplete__wrapper::-webkit-scrollbar-track { width: 5px; }
.mst-searchautocomplete__index-title { font-size: 20px; font-weight: 700; color: var(--hyd-red); margin: 0 0 20px; text-transform: uppercase; }
.mst-searchautocomplete__show-all a { font-size: 20px; font-weight: 700; color: var(--hyd-red); }
.mst-searchautocomplete__show-all a:hover { color: var(--hyd-white) !important; }
.search-result-productdata { margin: 0 0 15px; }
.search-result-productdata li { position: relative; font-size: 0; margin: 0 0 10px; padding-bottom: 10px; border-bottom: 1px solid #494a4d; }
.search-result-productdata li img { width: 75px !important; height: 75px !important; max-width: 75px; margin: 0 15px 0 0; float: left; }
.search-result-productdata li .title a,
.search-result-productdata li a.title { font-size: 20px; color: var(--hyd-white); font-weight: 600; }
.search-result-productdata li a.title i {margin: 0 5px; font-style: normal;}
.search-result-productdata li .title a:hover,
.search-result-productdata li a.title:hover { color: var(--hyd-red); }
.search-result-productdata li a.title { margin: 0; }
.search-result-productdata li .type-ribbon { text-align: left; }
.search-result-productdata li .type-ribbon span { background: var(--hyd-red); color: var(--hyd-white); display: inline-block; padding: 5px 10px; font-size: 12px; font-weight: 600; opacity: 0.7; }
.search-result-productdata li:before,
.search-result-productdata li:after { content: ""; display: table; }
.search-result-productdata li:after { clear: both; }
.search-result-productdata li { zoom: 1; }
#search_autocomplete { display: none !important; }
.form.minisearch { border-bottom: 1px solid #494a4d; padding-bottom: 25px; }
.form.minisearch .field.search { max-width: 1530px; margin: 0 auto; padding: 0 15px; }
.search-suggestions { position: absolute; bottom: 50px; left: 0; width: 100%; }
.search-suggestions .suggestions-content { max-width: 1530px; margin: 0 auto; padding: 0 15px; }
.suggestions-content h3.title { font-size: 18px; font-weight: 600; color: var(--hyd-white); margin: 0 0 20px; }
.suggestions-content ul { margin: 0; padding: 0; list-style: none; font-size: 0; }
.suggestions-content ul li { display: inline-block; vertical-align: top; margin: 0 10px 10px 0; }
.suggestions-content ul li a { display: inline-flex; justify-content: center; align-items:  center; border: 1px solid var(--hyd-white); border-radius: 50px; padding: 0 36px; font-size: 16px; font-weight: 600; color: var(--hyd-white); height: 45px; }
.suggestions-content ul li a span { display: inline-block; width: 16px; height: 16px; margin: 0 0 0 9px; background: url(../../frontend/Hydac/nztheme/en_NZ/images/fplus.svg) 0 0 no-repeat; }
.suggestions-content ul li a:hover,
.suggestions-content ul li.active a { background: #000000; color: #ffffff; border: 1px solid #000000; }

.block-search { position: relative; z-index: 1; }
.block-search .control { border-top: 0; margin: 0; padding: 0; position: relative; }
.block-search input { margin: 0; padding-right: 35px; position: static; }
.block-search input::-webkit-input-placeholder { color: #575757;}
.block-search input:-moz-placeholder {color: #575757;}
.block-search input::-moz-placeholder {color: #575757;}
.block-search input:-ms-input-placeholder { color: #575757;}
.block-search .action.search { display: flex; justify-content: center; width: 50px; height: 50px; align-items: center; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; position: absolute; right: 0; top: 0; z-index: 1; }
.block-search .action.search svg { width: 30px; height: 32px; }
.block-search .action.search svg path { fill: #ffffff; }
.block-search .action.search span { display: none; }
.block-search .action.search.disabled,
.block-search .action.search[disabled],
fieldset[disabled] .block-search .action.search { pointer-events: none; opacity: 0.5; }
.search-autocomplete { margin-top: 0; }
.block-search { margin-bottom: 0; }
.block-search .block-title { display: none; }
.block-search .block-content { margin-bottom: 0; }
.block-search .label { text-decoration: none; display: block; font-size: 30px; color: #ffffff; font-weight: 700; margin: 0 0 20px; }
.block-search .label > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.block-search .label:hover:before { color: #333333; }
.block-search .label:active:before { color: #333333; }
.block-search .label.active + .control input { position: static; }
.block-search .nested { display: none; }
.search-autocomplete { display: none; margin-top: -15px; overflow: hidden; position: absolute; z-index: 3; }
.search-autocomplete ul { margin: 0; padding: 0; list-style: none none; }
.search-autocomplete ul:not(:empty) { background: #ffffff; border: 1px solid #c2c2c2; border-top: 0; }
.search-autocomplete ul li { border-top: 1px solid #e5e5e5; cursor: pointer; margin: 0; padding: 5px 40px 5px 10px; position: relative; text-align: left; white-space: normal; }
.search-autocomplete ul li:first-child { border-top: none; }
.search-autocomplete ul li:hover,
.search-autocomplete ul li.selected { background: #e8e8e8; }
.search-autocomplete ul li .amount { color: #999999; position: absolute; right: 7px; top: 5px; }

@media (max-width: 1079px) {
    .block-search .block-content { padding: 30px 0; }
    .hide-search { right: 15px; top: 15px; }
    .suggestions-content ul li a { padding: 0 20px; font-size: 14px; }
    .search-suggestions { bottom: 20px; }
    .block-search .control input { font-size: 22px; }
    .block-search .label { font-size: 24px; }
    .block-search .action.search svg { width: 22px; height: 22px; }
}

@media (max-width: 767px) {
    .mst-searchautocomplete__show-all a { font-size: 16px; }
    .search-result-productdata li .title a, 
    .search-result-productdata li a.title { font-size: 14px; }
    
    .hide-search { right: 10px; top: 10px; }
    .block-search .control input { font-size: 16px; }
    .suggestions-content ul li a { height: 35px; font-size: 12px; }
    .search-suggestions { bottom: 10px; }
    .suggestions-content h3.title { font-size: 14px; }
    .mst-searchautocomplete__wrapper { height:  calc(100vh - 362px) !important; margin: 20px 0 0; }
    .form.minisearch { padding-bottom: 5px; }
    
    .mst-searchautocomplete__empty-result { font-size: 16px; margin-top: 0; }
}
/*search*/


/*==== Minicart css ====*/
.showcart #tidio-chat { display: none; }
.minicart-wrapper .action.showcart { font-weight: 500; display: flex; justify-content: flex-start; align-items: center; text-align: center; position: relative; font-size: 12px; color: #1c1d20; margin-left: 32px; }
.minicart-wrapper .action.showcart svg { -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.minicart-wrapper .action.showcart svg path { fill: var(--rt-blue); -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.minicart-wrapper .action.showcart span { margin-left: 10px; }
.no-touch .minicart-wrapper .action.showcart:hover { color: var(--hyd-red); }
.minicart-wrapper .action.showcart .counter.qty { position: absolute; top: -6px; left: 14px; display: inline-block; vertical-align: middle; font-size: 10px; color: var(--rt-white); background: var(--hyd-red); height: 15px; line-height: 15px; min-width: 15px; text-align: center; border-radius: 100%; margin: 0; padding: 0; color: #ffffff; }
.minicart-wrapper .action.showcart .counter-label { display: none; }
.minicart-wrapper .action.showcart .counter-number { margin: 0; display: block; }
.minicart-wrapper .action.showcart .counter.qty.empty { /*display: none;*/
}
.block-minicart .items-total .count { font-weight: 700; }
.block-minicart .subtotal { text-align: right; margin: 0; padding: 8px 15px; background: #1c1d20; display: table; width: 100%; }
.block-minicart .subtotal > span { width: 40%; text-align: left; font-size: 20px; font-weight: 600; line-height: 1; display: table-cell; vertical-align: middle; color: #fff; text-transform: uppercase; }
.block-minicart .subtotal > div { width: 60%; text-align: right; font-size: 20px; display: table-cell; vertical-align: middle; color: #fff; }
.block-minicart .amount .price-wrapper:first-child .price { font-size: 20px; font-weight: 600; }
.block-minicart .subtitle { display: none; }
.block-minicart .subtitle.empty { display: block; font-size: 16px; font-weight: 500; padding: 10px; text-align: center; background: #f9f9f9; border: solid 1px #d6d6d6; box-sizing: border-box; position: relative; margin: 120px 20px 0; }
.block-minicart .subtitle.empty:after { position: absolute; bottom: 100%; left: 0; height: 120px; width: 100%; display: block; content: ""; background: url(../../frontend/Hydac/nztheme/en_NZ/images/empty-cart.svg) no-repeat center center; background-size: 80px; opacity: 0.7; }
.block-minicart .text.empty { text-align: center; }
.block-minicart dl.product.options.list { display: inline-block; vertical-align: top; margin: 0; }
.block-minicart dl.product.options.list dt.label { font-size: 12px; color: #1c1d20; float: none; margin: 0 0 5px; }
.block-minicart dl.product.options.list dt.label:after { content:":"; }
.block-minicart dl.product.options.list dd.values { font-size: 12px; font-weight: 400; margin: 0 0 5px; }
.block-minicart .text.empty { text-align: center; }
.block-minicart .block-content > .actions { display: inline-block; padding: 0 15px; margin-top: 15px; width: 100%; }
.block-minicart .block-content > .actions > .secondary { text-align: center; margin-bottom: 15px; }
.block-minicart .block-content > .actions > .secondary .action.viewcart.primary { width: 100%; max-width: 70%; }
.block-minicart .block-content > .actions > .primary .action.primary { display: block; width: 100%; }
.block-minicart .block-content > .actions > .primary .action.checkout.primary { background: var(--rt-blue); color: #ffffff; }
.no-touch .block-minicart .block-content > .actions > .primary .action.checkout.primary:hover { background: var(--hyd-red); }
.block-minicart .block-content > .actions .paypal-logo { margin-top: 15px; text-align: center; }
.block-minicart .block-category-link,
.block-minicart .block-product-link,
.block-minicart .block-cms-link,
.block-minicart .block-banners { margin: 15px 0 0; text-align: center; }
.block-minicart .top-title { background: #1c1d20; color: #ffffff; font-size: 20px; font-weight: 500; line-height: 20px; padding: 15px 15px 15px 55px; position: relative; }
#minicart-content-wrapper > div.block-content { background: #ffffff; padding: 0; font-size: 0; }
.block-minicart .top-title:before { content: ''; background: url(../../frontend/Hydac/nztheme/en_NZ/images/minicart-icon-white.svg) no-repeat; background-size: contain; width: 34px; height: 27px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); }
.minicart-wrapper:before,
.minicart-wrapper:after { content: ''; display: table; }
.minicart-wrapper:after { clear: both; }
.mage-dropdown-dialog { display: block !important; }
.minicart-wrapper .block-minicart { background: #ffffff; width: 100%; max-width: 550px; height: 100%; position: fixed; top: -100%; right: 0; z-index: 101; text-align: left; font-size: initial; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; /*top: 0; right: -100%;*/}
.showcart .minicart-wrapper .block-minicart { top: 0; }
body.showcart { overflow: hidden; }
.minicart-wrapper.active { overflow: visible; }
.minicart-wrapper .block-minicart .block-title { display: none; }
.minicart-wrapper .product .actions { float: right; margin: -24px 0 0; font-size: 0; }
.minicart-wrapper .product .actions > .primary,
.minicart-wrapper .product .actions > .secondary { display: inline-block; font-size: 0; }
.minicart-wrapper .product .actions > .primary:not(:last-child),
.minicart-wrapper .product .actions > .secondary:not(:last-child) { margin-right: 8px; }
.minicart-wrapper .action.close { height: 50px; position: absolute; right: 0; top: 0; width: 50px; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; display: inline-block; text-decoration: none; }
.minicart-wrapper .action.close:focus,
.minicart-wrapper .action.close:active { background: none; border: none; }
.no-touch .minicart-wrapper .action.close:hover { background: none; border: none; }
.minicart-wrapper .action.close.disabled,
.minicart-wrapper .action.close[disabled],
fieldset[disabled] .minicart-wrapper .action.close { pointer-events: none; opacity: 0.5; }
.minicart-wrapper .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.minicart-wrapper .action.close:before { font-size: 24px; line-height: 24px; color: #ffffff; content: '\e616'; font-family: 'Luma-Icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.no-touch .minicart-wrapper .action.close:hover:before { color: var(--hyd-red); }
.minicart-wrapper .action.showcart .counter.qty .loader > img { max-width: 24px; }
.minicart-wrapper .minicart-widgets { margin-top: 15px; }
.block-minicart .minicart-items-wrapper { margin: 0; border-left: 0; border-right: 0; padding: 0; height: auto !important; max-height: calc(100vh - 248px); padding: 15px; }
.block-minicart .minicart-items-wrapper { overflow-x: hidden; scrollbar-width: thin; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch; }
.block-minicart .minicart-items-wrapper::-webkit-scrollbar { background: var(--rt-gray); border-radius: 8px; }
.block-minicart .minicart-items-wrapper::-webkit-scrollbar-thumb { background: var(--hyd-red); border-radius: 8px; cursor: pointer; }
.block-minicart .minicart-items-wrapper::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #ffffff; }
.block-minicart .minicart-items-wrapper::-webkit-scrollbar { width: 5px; }
.block-minicart .minicart-items-wrapper::-webkit-scrollbar-thumb { width: 5px; }
.block-minicart .minicart-items-wrapper::-webkit-scrollbar-track { width: 5px; }

.minicart-items { margin: 0; padding: 0; list-style: none none; }
.minicart-items .product-item { padding: 10px 0; }
.minicart-wrapper .block-minicart li { margin: 0; }
.minicart-items .product-item:not(:first-child) { border-top: 1px solid #cccccc; }
.minicart-items .product-item:first-child { padding-top: 0; }
.opc-block-summary .minicart-items .product-item:first-child { padding-top: 10px; }
.minicart-items .product-item-pricing .label { display: inline-block; font-weight: 700; font-size: 12px; }
.product-item-pcb-master { font-size: 16px; font-weight: 600; color: #6a6a6a; text-transform: uppercase; }
.qty-updown div.mage-error { position: absolute; left: 0; top: 100%; min-width: 250px; }
.qty-updown { display: inline-block; position: relative; }
.block-minicart .qty-updown  { margin-left: 5px; }
.qty-updown input { text-align: center; width: 120px !important; height: 45px !important; font-size: 16px !important; color: #777777; padding: 0 35px !important; position: relative; overflow: hidden; box-sizing: border-box; vertical-align: middle; display: inline-block; border-radius: 10px; text-align: center; /* pointer-events: none; */ }
.qty-updown a { position: absolute; top: 0; right: 0; width: 35px !important; height: 100%; text-align: center; }
.qty-updown > a svg { width: 13px; height: 13px; display: inline-block; vertical-align: middle; fill: #777777; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.qty-updown > a.decrement_qty { padding-top: 0; left: 0; right: auto; }
.minicart-items .qty .qty-updown > a svg { width: 10px; height: 10px; }
.minicart-items .qty .qty-updown input { width: 100px !important; height: 35px !important; font-size: 14px; text-align: center; padding: 0 30px; }
.minicart-items .qty .qty-updown a { line-height: 32px; width: 35px; }
.minicart-items .price-minicart { margin-bottom: 5px; }
.minicart-items .product-item-details { padding-left: 95px; }
.minicart-items .product-item-details .product-item-name { height: auto; font-size: 14px; font-weight: 700; margin: 0 0 5px; color: var(--hyd-black); display: block; }
.minicart-items .product-item-details .product-item-name a { color: var(--hyd-black); }
.no-touch .minicart-items .product-item-details .product-item-name a:hover { color: var(--hyd-red); }
.minicart-items .product-item-details .product-sku { margin: 0 0 10px; font-size: 12px; font-weight: 400; }
.minicart-items .product-item-details .price { font-size: 16px; color: #da1f26; font-weight: 700; }
.minicart-items .product-item-details .price-including-tax,
.minicart-items .product-item-details .price-excluding-tax { margin: 5px 0; }
.minicart-items .product-item-details .weee[data-label] { font-size: 1.1rem; }
.minicart-items .product-item-details .details-qty { margin-top: 10px; font-weight: 400; font-size: 16px; }
.minicart-items .product > .product-item-photo,
.minicart-items .product > .product-image-container { width: 76px; float: left; font-size: 0; border: solid 1px #cccccc; border-radius: 5px; overflow: hidden; }
.minicart-items .product .toggle { cursor: pointer; border: 0; padding: 0 0 5px 0; white-space: nowrap; display: inline-block; font-size: 12px; font-weight: 700; }
.minicart-items .product .toggle:after { color: #1c1d20; margin: 0 0 0 5px; position: static; display: inline-block; width: 13px; height: 12px; }
/*
.minicart-items .product .toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
*/
.minicart-items .product .toggle:after { font-size: 12px; line-height: 6px; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 3px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; }
.minicart-items .product .toggle:after { color: #8f8f8f; margin: 0 0 0 5px; position: static; display: inline-block; width: 13px; height: 6px; }
.minicart-items .product.active .toggle:after { transform: rotate(-180deg); }
.minicart-items .product.pricing { margin-top: 3px; }
.minicart-items .product.options .toggle.tooltip { display: inline-block; text-decoration: none; }
.minicart-items .product.options .toggle.tooltip > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.minicart-items .product.options .toggle.tooltip:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 12px; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: -3px 0 0 7px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; }
.minicart-items .product.options .details { display: none; }
.minicart-items .item-qty { text-align: center; width: 60px; border-radius: 10px; height: 35px; }
.minicart-items .update-cart-item { height: 35px; line-height: 37px; padding: 0 20px; font-size: 14px; margin-left: 5px; min-height: inherit; }
.minicart-items .subtitle { display: none; }
.minicart-items .action.edit,
.minicart-items .action.delete { display: inline-block; text-decoration: none; }
.minicart-items .action.edit svg path,
.minicart-items .action.delete svg path { fill: #1c1d20; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.minicart-items .action.edit:hover svg path,
.minicart-items .action.delete:hover svg path { fill: var(--hyd-red); }
.minicart-items .action.edit > span,
.minicart-items .action.delete > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }


/* body:after { content:''; position: fixed; top: 0; left: 0; bottom: 0; z-index: 111; background: rgba(0, 0, 0, 0.70); transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transform: translateX(-100%); -o-transform: translateX(-100%); -webkit-transform: translateX(-100%); width: 100%; }
body.showcart:after { transform: translateX(-550px); -o-transform: translateX(-550px); -webkit-transform: translateX(-550px);  } */

body:after { content:''; position: fixed; top: 0; left: 0; bottom: 0; z-index: 111; background: rgba(0, 0, 0, 0.70); transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transform: translateY(-100%); -o-transform: translateY(-100%); -webkit-transform: translateY(-100%); width: 100%; }
body.showcart:after { content:''; position: fixed; top: 0; left: 0; bottom: 0; z-index: 111; background: rgba(0, 0, 0, 0.70); transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transform: translateY(-100%); -o-transform: translateY(-100%); -webkit-transform: translateY(-100%); width: 100%; max-width: calc(100% - 550px); }
body.showcart:after { transform: translateY(0%); -o-transform: translateY(0%); -webkit-transform: translateY(0%); }

.minicart-loader { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255,255,255,.8); z-index: 9; }
.minicart-loader:before { content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; margin: 0; background-image: url(../../frontend/Hydac/nztheme/en_NZ/images/loader.gif) !important; background-repeat: no-repeat; background-position: center center; background-size: 100%; }

@media (max-width:767px) {
.block-minicart .minicart-items-wrapper { max-height: calc(100vh - 290px); }
}

/*==== Minicart css ====*/


/*==== Menu Desktop ====*/
@media (min-width:1200px) {
/*=====================*/
body .page-wrapper:before { z-index: 3 !important; content: ''; position: fixed; top: 132px; left: 0; width: 100%; height:100vh; background: rgba(0,0,0,0.70); display: block; opacity: 0; visibility: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
body.menu-overlay .page-wrapper:before { opacity: 1 !important; visibility: visible !important; }
body.header-sticky .page-wrapper:before { top: 9px; }
    
.nav-toggle { display: none; }
.sections.nav-sections .header.links { display: none !important; }
.nav-sections { }
.nav-sections-item-title { display: none; }
.nav-sections-item-content > * { display: none; }
.nav-sections-item-content > .navigation { display: block; }
.navigation { height: inherit; left: auto; overflow: inherit; padding: 0; top: 0; width: 100%; z-index: 3; }
.navigation:empty { display: none; }
.navigation ul { margin-top: 0; margin-bottom: 0; padding: 0; }
.navigation li.level0 { border-top: none; }
.navigation .level0 { margin: 0 50px 0 0; display: inline-block; }
.navigation .level0.nav-5 .submenu-outer .submenu-inner { min-height: 240px;}
.navigation .level0:last-child { margin-right: 0; padding-right: 0; }
.navigation .level0:hover:after { content: ''; display: block; position: absolute; top: 0; left: 100%; width: 10px; height: calc(100% + 3px); z-index: 1; }
.navigation .level0 > .level-top { color: #1c1d20; text-decoration: none; box-sizing: border-box; position: relative; display: inline-block; font-weight: 600; font-size: 15px; }
.navigation .level0 > .level-top:hover,
.navigation .level0 > .level-top.ui-state-focus { color: var(--hyd-red); text-decoration: none; }
.navigation .level0.active > .level-top,
.navigation .level0.has-active > .level-top { color: var(--hyd-red); text-decoration: none; display: inline-block; }
.navigation .level0.parent:hover > .submenu { overflow: visible !important; }
.navigation .level0.parent > .level-top > .ui-menu-icon { position: absolute; right: 0; display: inline-block; text-decoration: none; }
.navigation .level0.parent > .level-top > .ui-menu-icon > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.navigation .level0.parent > .level-top > .ui-menu-icon:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 20px; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; }
.navigation .level0 .submenu { display: block !important; }
    

    
.navigation .ui-menu > .level0.shop-by-industry-menu-item,
.navigation .ui-menu > .level0.shop-by-training-menu-item,
.navigation .ui-menu > .level0.shop-by-news-menu-item,
.navigation .ui-menu > .level0.shop-by-contactus-menu-item { position: relative; }
    
.navigation .ui-menu > .level0.shop-by-industry-menu-item > .submenu-outer,
.navigation .ui-menu > .level0.shop-by-training-menu-item > .submenu-outer,
.navigation .ui-menu > .level0.shop-by-news-menu-item > .submenu-outer,
.navigation .ui-menu > .level0.shop-by-contactus-menu-item > .submenu-outer { position: absolute; left: -50px; margin-top:37px; width: 250px; }


.header-sticky .navigation .ui-menu > .level0.shop-by-industry-menu-item > .submenu-outer,
.header-sticky .navigation .ui-menu > .level0.shop-by-training-menu-item > .submenu-outer,
.header-sticky .navigation .ui-menu > .level0.shop-by-news-menu-item > .submenu-outer,
.header-sticky .navigation .ui-menu > .level0.shop-by-contactus-menu-item > .submenu-outer { margin-top: 32px; }

    
.navigation .ui-menu > .level0.shop-by-industry-menu-item > .submenu-outer > .submenu-inner,
.navigation .ui-menu > .level0.shop-by-training-menu-item > .submenu-outer > .submenu-inner,
.navigation .ui-menu > .level0.shop-by-news-menu-item > .submenu-outer > .submenu-inner,
.navigation .ui-menu > .level0.shop-by-contactus-menu-item > .submenu-outer > .submenu-inner { margin-bottom: 0;}

.navigation .ui-menu > .level0.shop-by-industry-menu-item > .level-top:after,
.navigation .ui-menu > .level0.shop-by-training-menu-item > .level-top:after,
.navigation .ui-menu > .level0.shop-by-news-menu-item > .level-top:after,
.navigation .ui-menu > .level0.shop-by-contactus-menu-item > .level-top:after { display: none !important; }
    
    
/*
.navigation .level0 .submenu { background: #ffffff; border: 1px solid #cccccc; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.19); font-weight: 400; min-width: 230px; padding: 0; display: none; left: 0; margin: 0 !important; position: absolute; z-index: 1; margin-top: 11px; }
.navigation .level0 .submenu > ul { margin-top: 11px; }
.navigation .level0 .submenu > ul:before,
.navigation .level0 .submenu > ul:after { content: ''; display: block; overflow: hidden; position: absolute; }
.navigation .level0 .submenu > ul:before { color: #ffffff; left: 20px; top: -20px; border: 10px solid transparent; height: 0; width: 0; border-bottom-color: #ffffff; z-index: 4; }
.navigation .level0 .submenu > ul:after { border: 11px solid transparent; height: 0; width: 0; border-bottom-color: #cccccc; color: #cccccc; left: 19px; top: -22px; z-index: 3; }
.navigation .level0 .submenu:before { content: ''; display: block; position: absolute; width: 100%; height: 4px; left: 0; top: -4px; z-index: 1; }
.navigation .level0 .submenu a { display: block; line-height: inherit; color: #575757; padding: 8px 20px; }
.navigation .level0 .submenu a:hover,
.navigation .level0 .submenu a.ui-state-focus { background: #e8e8e8; color: #333333; text-decoration: none; }
.navigation .level0 .submenu .active > a { border-color: #ff5501; border-style: solid; border-width: 0 0 0 3px; color: #333333; }
.navigation .level0 .submenu .submenu { top: -1px !important; left: 100% !important; }
.navigation .level0 .submenu .submenu-reverse { left: auto !important; right: 100%; }
.navigation .level0 .submenu li { margin: 0; position: relative; }
.navigation .level0 .submenu li.parent > a > .ui-menu-icon { position: absolute; right: 3px; display: inline-block; text-decoration: none; }
.navigation .level0 .submenu li.parent > a > .ui-menu-icon > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.navigation .level0 .submenu li.parent > a > .ui-menu-icon:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 20px; color: inherit; content: '\e608'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; }
*/
    
.navigation .level0.more { position: relative; display: inline-block; text-decoration: none; }
.navigation .level0.more:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 26px; line-height: inherit; color: inherit; content: '\e607'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; }
.navigation .level0.more:before { display: none; }
.navigation .level0.more:after { cursor: pointer; padding: 8px 12px; position: relative; z-index: 1; }
.navigation .level0.more:hover > .submenu { overflow: visible !important; }
.navigation .level0.more li { display: block; }
    
.navigation .level0 > .submenu-outer { position: absolute; left: 0; right: 0; top: 100%; z-index: 99; display: block; background: #ffffff; padding: 0; -webkit-transform: scale(1, 0); -webkit-transform-origin: 0 0; -webkit-transition: -webkit-transform linear .3s, visibility 0s linear .3s; transform: scale(1, 0); transform-origin: 0 0; transition: transform linear .3s, visibility 0s linear .3s; border-top: 2px solid var(--hyd-red); }
.navigation .level0 > .submenu-outer:before { content: ""; position: absolute; left: 0; top: -43px; width: 100%; height: 44px; background-color: transparent; }
    
.no-touch .navigation .level0.parent:hover > .submenu-outer { -webkit-transform: scale(1, 1); -webkit-transition: -webkit-transform linear .3s, visibility 0s linear 0s; transform: scale(1, 1); transition: transform linear .3s, visibility 0s linear 0s; }
.navigation .level0 > .submenu-outer > .submenu-inner { position: relative; overflow-x: hidden; margin-bottom: 0px; /*margin-bottom: 20px;*/ }

    
.navigation .level0 > .submenu-outer > .submenu-inner { position: relative; max-height: calc(100vh - 120px); overflow-x: hidden; scrollbar-width: thin; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch; margin-bottom: 0; }
.navigation .level0 > .submenu-outer > .submenu-inner::-webkit-scrollbar { background: var(--rt-gray); }
.navigation .level0 > .submenu-outer > .submenu-inner::-webkit-scrollbar-thumb { background: var(--hyd-red); cursor: pointer; }
.navigation .level0 > .submenu-outer > .submenu-inner::-webkit-scrollbar-track { box-shadow: inset 0 0 5px var(--hyd-white); }
.navigation .level0 > .submenu-outer > .submenu-inner::-webkit-scrollbar { width: 5px;}
.navigation .level0 > .submenu-outer > .submenu-inner::-webkit-scrollbar-thumb { width: 5px; }
.navigation .level0 > .submenu-outer > .submenu-inner::-webkit-scrollbar-track { width: 5px; }

    
.navigation li.level0.parent > .level-top:after { content: ""; width: 16px; height: 11px; background: url(../../frontend/Hydac/nztheme/en_NZ/images/menu-arrow.svg) no-repeat; background-size: contain; position: absolute; left: 50%; bottom: -44px; transform: translateX(-50%); z-index: 111; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.no-touch .navigation li.level0.parent > .level-top:hover:after,
.navigation li.level0.parent > .level-top.ui-state-focus:after,
.navigation li.level0.parent > .level-top.ui-state-active:after { opacity: 1; visibility: visible; }
    
.navigation .shop-by-category-menu,
.navigation .shop-by-back-menu{ display: none; }
    
/*
ul.submenu > li.active div.ui-menu-item-wrapper.ui-state-active {display: block;}
*/
/*second*/
.navigation .level0 > .submenu-outer > .submenu-inner > ul.submenu {  max-width: 1530px; margin: 0 auto; padding:0 15px; position: relative; overflow: hidden; }
.navigation .level0 > .submenu-outer > .submenu-inner > ul.submenu > li { margin: 0; width: 100%; max-width: 276px; } 
.navigation .level0 > .submenu-outer > .submenu-inner > ul.submenu > li > a { display: block; padding:8px 0; color: #1c1d20; font-size: 12px; font-weight: 500; position: relative; border-top:1px solid #dddddd; }
.navigation .level0 > .submenu-outer > .submenu-inner > ul.submenu > li:first-child a { border: 0; }
.navigation .level0 > .submenu-outer > .submenu-inner > ul.submenu > li > a:hover,
.navigation .level0 > .submenu-outer > .submenu-inner > ul.submenu > li.active > a { color:var(--hyd-red); }
.navigation .level0 > .submenu-outer > .submenu-inner > ul.submenu > li.parent  > a { background: url(../../frontend/Hydac/nztheme/en_NZ/images/arrow.svg) no-repeat right center; background-size: 6px 10px; }
.navigation .level0 > .submenu-outer > .submenu-inner > ul.submenu > li.parent  > a:hover,
.navigation .level0 > .submenu-outer > .submenu-inner > ul.submenu > li.has-active > a,
.navigation .level0 > .submenu-outer > .submenu-inner > ul.submenu > li.parent  > a.ui-state-focus,
.navigation .level0 > .submenu-outer > .submenu-inner > ul.submenu > li.parent  > a.ui-state-active { background: url(../../frontend/Hydac/nztheme/en_NZ/images/arrow-red.svg) no-repeat right center; background-size: 6px 10px; color:var(--hyd-red); }
/*second*/
    
/*third*/
ul.submenu > li.level1 > .submenu-outer  { position: absolute; left: 291px; top: 0; width: calc(100% - 580px); /*width: calc(100% - 291px);*/ padding: 40px 20px 20px 100px; height: 100%; display: none; /* overflow-x: auto; */ }
/* ul.submenu > li.level1 > .submenu-outer::-webkit-scrollbar { background: var(--rt-gray); border-radius: 8px; }
ul.submenu > li.level1 > .submenu-outer::-webkit-scrollbar-thumb { background: var(--hyd-red); border-radius: 8px; cursor: pointer; }
ul.submenu > li.level1 > .submenu-outer::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #ffffff; }
ul.submenu > li.level1 > .submenu-outer::-webkit-scrollbar { width: 5px; }
ul.submenu > li.level1 > .submenu-outer::-webkit-scrollbar-thumb { width: 5px; }
ul.submenu > li.level1 > .submenu-outer::-webkit-scrollbar-track { width: 5px; } */

ul.submenu > li.level1:hover > .submenu-outer,
.first ul.submenu > li.level1.first > .submenu-outer.ui-state-active,
ul.submenu > li.level1.active-menu > .submenu-outer { display: block; }
.first ul.submenu > li.level1.first > a.ui-menu-item-wrapper.ui-state-active { color: var(--hyd-red); background: url(../../frontend/Hydac/nztheme/en_NZ/images/arrow-red.svg) no-repeat right center; background-size: 6px 10px; }

ul.submenu > li.level1 > .submenu-outer ul.submenu { max-width: 300px; }
ul.submenu > li.level1 > .submenu-outer ul.submenu > li { margin: 0; }
ul.submenu > li.level1 > .submenu-outer ul.submenu > li > a { display: block; padding:5px 0; color: #1c1d20; font-size: 12px; font-weight: 500; }
ul.submenu > li.level1 > .submenu-outer ul.submenu > li > a:hover,
ul.submenu > li.level1 > .submenu-outer ul.submenu > li.active > a,
ul.submenu > li.level1 > .submenu-outer ul.submenu > li > a.ui-state-focus,
ul.submenu > li.level1 > .submenu-outer ul.submenu > li > a.ui-state-active { color:var(--hyd-red); }
    
ul.submenu > li.level1 > .submenu-outer .shop-by-back-menu { display: block; position: relative; }
ul.submenu > li.level1 > .submenu-outer .shop-by-back-menu .ui-menu-icon { display: none; }
ul.submenu > li.level1 > .submenu-outer .shop-by-back-menu .menu-image { display: inline-block; vertical-align: middle; width: 50px; height: 50px; overflow: hidden; position: absolute; left: -60px; top: -15px; display: flex; justify-content: center; align-items: center; }
ul.submenu > li.level1 > .submenu-outer .shop-by-back-menu .menu-image img { height: 50px; width: auto; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.6; }
ul.submenu > li.level1 > .submenu-outer .shop-by-back-menu .back-link { font-size: 16px; color: #1c1d20; font-weight: 700; }

/*third*/
    

/*=====================*/
}

/*==== Menu Desktop ====*/

/*==== Menu Mobile ====*/
@media (max-width:1199px) { 
.navigation { padding: 0 !important; }
.navigation .parent .level-top { position: relative; display: block; text-decoration: none; }
.navigation .parent .level-top:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 42px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; }
.navigation .parent .level-top:after { position: absolute; right: 7px; top: -8px; display: none; }
.navigation .parent .level-top.ui-state-active:after { content: '\e621'; }
.nav-sections { -webkit-overflow-scrolling: touch;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; height: 100%; left: -80%; left: calc(-1 * (100% - 0px)); overflow: auto; position: fixed; top: 0; width: 80%; width: calc(290px - 0px); /* left: calc(-1 * (100% - 54px)); width: calc(320px - 54px);*/ z-index: 99; }
.nav-sections .switcher { border-top: 1px solid #d1d1d1; font-size: 1.6rem; font-weight: 700; margin: 0; padding: .8rem 3.5rem .8rem 2rem;}
.nav-sections .switcher .label { display: block; margin-bottom: 5px; }
.nav-sections .switcher:last-child { border-bottom: 1px solid #d1d1d1; }
.nav-sections .switcher-trigger strong { position: relative; display: block; text-decoration: none; }
.nav-sections .switcher-trigger strong:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 42px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; }
.nav-sections .switcher-trigger strong:after { position: absolute; right: -40px; top: -16px; }
.nav-sections .switcher-trigger.active strong:after { content: '\e621'; }
.nav-sections .switcher-dropdown { margin: 0; padding: 0; list-style: none none; padding: 10px 0; }
.nav-sections .header.links { margin: 0; padding: 0; list-style: none none; }
.nav-sections .header.links li { font-size: 1.6rem; margin: 0; }
.nav-sections .header.links li.greet.welcome { border-top: 1px solid #d1d1d1; font-weight: 700; padding: 0.8rem 20px; font-size: 14px; }
.nav-sections .header.links li > a { border-top: 1px solid #d1d1d1; }
.nav-sections .header.links a, .nav-sections .header.links a:hover, .nav-sections .header.links a span { color: #575757; text-decoration: none; display: block; font-weight: normal; padding: 0.8rem 20px; font-size: 14px; }
.nav-sections .header.links .header.links { border: 0; }
.nav-before-open { height: 100%; overflow-x: hidden; width: 100%; }
.nav-before-open .page-wrapper { -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; transition: left 0.3s; height: 100%; left: 0; overflow: hidden; position: relative; min-height: inherit !important; }
.nav-before-open body { overflow: hidden; position: relative; width: 100%; }
.nav-open .nav-sections { -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -ms-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); left: 0; background: #fff; }
.nav-sections-items { position: relative; z-index: 1; }
.nav-sections-items:before, .nav-sections-items:after { content: ''; display: table; }
.nav-sections-items:after { clear: both; }
.nav-sections-item-title { background: #e3e3e3; border: solid #d7d7d7; border-width: 0 0 1px 1px; box-sizing: border-box; float: left; height: 40px; line-height: 40px; padding-top: 0; text-align: center; width: 50%; }
.nav-sections-item-title a { color: #333; font-weight: 600; font-size:14px; text-transform: uppercase; }
.nav-sections-item-title.active { background: #ed1c24; border-bottom: 0; }
.nav-sections-item-title.active a { color: #fff; }
.nav-sections-item-title .nav-sections-item-switch:hover { text-decoration: none; }
.nav-sections-item-content { box-sizing: border-box; float: right; margin-left: -100%; margin-top: 40px; width: 100%; padding: 0px; }
.nav-sections-item-content:before, .nav-sections-item-content:after { content: ''; display: table; }
.nav-sections-item-content:after { clear: both; }
.nav-sections-item-content.active { display: block; }
.navigation { box-sizing: border-box; }
.navigation ul { margin: 0; padding: 0; }
.navigation li { margin: 0; position: relative; }
.navigation .menu-expand { position: absolute; background: #ed1c24; height: 42px; width: 42px; right: 0px; top: -1px; z-index: 1; }
.navigation .level0 > .menu-expand.level0:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; line-height: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; color: #fff; margin-left: 11px; margin-top: 8px; }
.navigation .level0.menu-selected > .menu-expand.level0:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; line-height: inherit; content: '\e621'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; color: #fff; margin-left: 11px; margin-top: 8px; }
.navigation .level1 > .menu-expand.level1:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; line-height: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; color: #fff; margin-left: 11px; margin-top: 8px; }
.navigation .level1.menu-selected .menu-expand.level1:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; line-height: inherit; content: '\e621'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; color: #fff; margin-left: 11px; margin-top: 8px; }
.navigation a { display: block; padding-top: 9px; padding-right: 0; padding-bottom: 9px; padding-left: 15px; }
.navigation a, .navigation a:hover { color: #575757; text-decoration: none; }
.navigation .level0 { border-top: 1px solid #f3f3f3; font-size: 1.6rem; }
.navigation .level0 > .level-top { font-weight: normal; padding: 8px 40px 8px 10px; word-wrap: break-word; font-size: 14px; font-weight: 500; text-transform: uppercase; }
.navigation .level0.active .all-category .ui-state-focus { display: inline-block; }
.navigation .level0 > .level1 { font-weight: normal;}
.navigation .level1{border-top: 1px solid #f3f3f3;}
.navigation .level0 > .level1:not(:last-child) { font-weight: normal; border-bottom: solid 0px #f3f3f3;}
.navigation .level0 > .level1 a { padding-right: 31px; display: inline-block; /*border-bottom: solid 1px #ccc;*/ font-size: 13px; display: inline-block; padding: 8px 10px 8px 30px;}
.navigation .level1 > .level2 a { display: inline-block; padding-right: 31px; /*border-bottom: solid 1px #ccc;*/ padding-left: 35px !important; font-size: 13px; }
.navigation .level1 > .level2:not(:last-child) { border-bottom: solid 1px #f3f3f3; }
.navigation .level0.active > a:not(.ui-state-active), .navigation .level0.has-active > a:not(.ui-state-active) { color: #fff; background: #ed1c24; }
.navigation .level0.active > a:not(.ui-state-active) span:not(.ui-menu-icon), .navigation .level0.has-active > a:not(.ui-state-active) span:not(.ui-menu-icon) { margin-left: 0px; }
.navigation li.level0:last-child { border-bottom: 1px solid #f3f3f3; }
.navigation .submenu > li { word-wrap: break-word; }
.navigation .submenu:not(:first-child) { font-weight: 400; line-height: 1.3; left: auto !important; overflow-x: hidden; padding: 0; position: relative; top: auto !important; transition: left 0.3s ease-out; }
.navigation .submenu:not(:first-child) > li > a { padding-left: 20px; /*border-bottom: solid 1px #ccc;*/ font-size: 12px; }
.navigation .submenu:not(:first-child) > li:last-child > a { border-bottom: none 0px; }
.navigation .submenu:not(:first-child) > li:last-child a { border-bottom: solid 0px #f3f3f3; }
.navigation .submenu:not(:first-child) > li:last-child { margin-bottom: 0; }
.navigation .submenu:not(:first-child) ul { display: block; padding-left: 0px; }
.navigation .submenu:not(:first-child) ul > li { margin: 0; display: block; }
.navigation .submenu:not(:first-child) ul > li a { color: #575757; line-height: normal; }
.navigation .submenu:not(:first-child).expanded { display: block; padding-right: 0; top: 0 !important; }
.navigation .submenu:not(:first-child) .active > a { border-color: #ed1c24; border-style: solid; border-width: 0 0 0 8px; color: #333333; padding-left: 7px; /*border-bottom: solid 1px #ccc;*/ }
.navigation .submenu:not(:first-child) .level1.active > a { padding-left: 7px; }
.nav-open .nav-toggle:after { background: rgba(0, 0, 0, 0.7); content: ''; display: block; height: 100%; position: fixed; right: 0; top: 0; width: 100%; z-index: 9; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.nav-open .nav-toggle:after { opacity: 1; visibility:visible; }
.nav-sections .header.links .header.links { position: static; min-width: inherit; width: 100% !important; }
.nav-sections .customer-welcome ul { box-shadow: none; display: block !important; }
.nav-sections .customer-welcome .customer-menu { display: block !important; }
.nav-sections .customer-welcome ul:before,  .nav-sections .customer-welcome ul:after { display: none !important; }
.nav-sections .customer-name { display: none !important; }
.nav-sections .customer-welcome { display: block !important; }
.nav-sections .header.links li > a { line-height: 24px; font-weight: 500; text-transform: uppercase; color: #1c1d20 !important; }
.nav-sections .header.links li.active > a { background: #868686; color: #fff; }
.navigation ul { padding: 0 !important; }
span.menu-expand { display: block !important; }
.nav-sections .header.links a.active { background: #ed1c24; color: #fff; }
.navigation li { position: relative; overflow: hidden; }
span.level0-ico-corner,  span.level1-ico-corner { width: 37px; height: 36px; background: #ed1c24; position: absolute; right: 0; top: 0; z-index: 1; display: inline-block; text-align: center; }
span.level0-ico-corner:before,  span.level1-ico-corner:before { content: "\f107"; color: #fff; line-height: 36px; font-size: 28px; font-family: 'FontAwesome'; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
span.level0-ico-corner.ui-state-active:before,  span.level1-ico-corner.ui-state-active:before { content: "\f106"; }
.toggle-handle { position: absolute; width: 36px; height: 37px; right: 0; top: -1px; cursor: pointer; display: inline-block; z-index: 11; background: #7d7d7d url(../../frontend/Hydac/nztheme/en_NZ/images/plus.svg) center center no-repeat; }
.toggle-handle em { position: absolute; left: 7px; right: 14px; top: 16px; background: #727272; display: none; }
.toggle-handle em.second { top: 10px; bottom: 12px; left: 14px; width: 1px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
.toggle-handle em.first { height: 1px; }
.navigation .menu-selected > .toggle-handle { background: #7d7d7d url(../../frontend/Hydac/nztheme/en_NZ/images/minus.svg) center center no-repeat; }
.navigation .by-industry,  .navigation .by-category { position: relative; background: #ededed; padding: 8px 10px; font-weight: 500; padding-left:15px; text-transform: uppercase; font-size: 14px; }
.navigation li.level-top.parent a, .navigation li.level-top.parent span { pointer-events: auto !important; }
.navigation li { position: relative; }
.nav-open .menu-selected>.toggle-handle em.second { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.nav-sections .header.links li.active > a:hover,  .nav-sections .header.links li.active > a { background: #ed1c24; color: #fff; }
.nav-open .back-to-top { display: none; }
body {padding-top:140px;}
.page-header {position: fixed; top: 0; left: 0; width: 100%; display: block; z-index: 9;}
body .header.content{position: absolute; top: 39px; left: 0; width: 100%; box-sizing: border-box; background:#fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
body.checkout-index-index .header.content {top:0;}
.header-sticky .header.content {top: 0; -webkit-box-shadow: 0 0 9px 1px rgba(0,0,0,.3); -moz-box-shadow: 0 0 9px 1px rgba(0,0,0,.3); box-shadow: 0 0 9px 1px rgba(0,0,0,.3);}

.navigation li.level0.menu-selected .submenu-outer .submenu-inner ul.ul-menu-open{display: block !important;}
body.shop-by-category { overflow: hidden;}
.shop-by-category .nav-toggle:after { opacity:0; visibility:hidden; }
.navigation li.shop-by-category-menu-item:hover > .submenu-outer{ display:block !important;background-color: #ededed;}
.navigation li.shop-by-category-menu-item > .submenu-outer{ position:fixed; z-index:9; left: -355px; width: calc(290px - 0px); display: block !important; height: 100%; max-height: 100%;top: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;overflow: hidden;overflow: hidden;display: block !important;top: 0;z-index: 99;background-color: #ededed;}
.navigation li.shop-by-category-menu-item .toggle-handle{content: "";width: 36px;height: 36px;background:#e3e3e3 url(../../frontend/Hydac/nztheme/en_NZ/images/arrow-side.png) no-repeat center center;padding-left: 0px;right: 0;position: absolute;top: 0;z-index: 9;cursor: pointer;float: right;border-bottom: 0px none;}
.nav-sections:before { position: absolute; top: 0; left: 100%; bottom: 0; width: auto; display: block; content: ""; background: rgba(0,0,0,0.8); z-index: 9; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; visibility: hidden; } 
.shop-by-category .nav-sections:before {left: 290px;width: 100%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;opacity: 1;visibility: visible;position: fixed;}
.shop-by-category .navigation li.shop-by-category-menu-item > .submenu-outer{ left:0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; background-color: #ededed;}
.navigation li.shop-by-category-menu-item > .submenu-outer .submenu-inner {  margin: 0 0 0 0px;height: auto;width: 100%;overflow: hidden;/* z-index: 999; */ /* position: relative; */}
.navigation li.shop-by-category-menu-item > .submenu-outer li.level1 > .submenu-outer {  position: absolute;  right: -355px;  top:50px;   display: inline-block; z-index: 9999;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;width: 290px;height: 100%;background:#ededed;left: inherit;background-color: #ededed;}
.navigation li.shop-by-category-menu-item > .submenu-outer li.level1.menu-active > .submenu-outer{ right: 0;        -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.navigation li.level1 > a { color: #575757 !important; display: block; font-size: 14px; /* background-color: #ededed; */ font-weight: 500; padding: 10px 10px 10px 30px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; /* position: relative; */ text-align: left; font-weight: 500;} 
.navigation li.shop-by-category-menu-item .submenu { position: static !important; top: 0 !important; left: 0 !important; overflow-x: hidden; overflow-y: auto;display: block !important;background-color: #ededed; height:calc(100vh - 110px); }
.navigation li.shop-by-category-menu-item .submenu li{ margin:0; padding:0;position: static !important; text-align: left;overflow: visible !important;     border-bottom: 1px solid #cecece !important;}
.navigation li.shop-by-category-menu-item .submenu li .toggle-handle{content: ""; width: 62px; height: 53px; background: url(../../frontend/Hydac/nztheme/en_NZ/images/arrow-side.png) no-repeat center center;padding-left: 12px;right: 0;position: relative;top: 0;z-index: 999;cursor: pointer;float: right;border-bottom: 0px none; border-left: solid 1px #ccc;} 
.navigation li.shop-by-category-menu-item .submenu li .toggle-handle em{display: none !important;opacity: 0;}
.navigation li.shop-by-category-menu-item .submenu li.level2 a{padding: 17px 10px 17px 0px; }
.navigation li.shop-by-category-menu-item .submenu li a{ text-align:left;color: #575757 !important;font-size: 14px;padding: 17px 0px 17px 15px;display: inline-block;background-color:transparent;color: #ed1c24;box-sizing: border-box;line-height: 18px;font-weight: 500; pointer-events: auto !important;}
.navigation li.shop-by-category-menu-item .submenu li.level1:hover li.level2 a {color: #575757 !important; font-weight: 500; }
.navigation li.shop-by-category-menu-item .submenu li.level1:hover a, .navigation li.shop-by-category-menu-item .submenu li a:hover, .navigation li.shop-by-category-menu-item .submenu li.level1:hover li.level2:hover a , .navigation li.shop-by-category-menu-item .submenu li.level2 a:hover{  color:#575757 !important; background: transparent;}  
.navigation li.shop-by-category-menu-item .shop-by-category-menu {background: #1c1d20;height: 50px;display: inline-block;width: 100%;padding-left: 15px;padding-right: 50px;padding-bottom: 17px;text-align: left;position: relative;}
.navigation li.shop-by-category-menu-item .shop-by-category-menu span{text-align: left;font-size: 14px;color: #fff;line-height: 18px;padding-top: 17px;display: inline-block;text-transform: uppercase; font-weight: 500;}
.navigation li.shop-by-category-menu-item .shop-by-category-menu a{ font-size: 14px;color: #fff; vertical-align: top;width: 62px;line-height: 24px;box-sizing: border-box;background: #ed1c24 url(../../frontend/Hydac/nztheme/en_NZ/images/close.png) center center no-repeat;height: 50px;position: absolute;right: 0;text-align: center;overflow: hidden;font-size: 0;top: 0;}
.navigation li.shop-by-category-menu-item .shop-by-category-menu a svg{ width:25px; height:25px; fill:#fff;text-align: center;display: inline-block;margin-top: 11px;} 
.navigation li.shop-by-category-menu-item .shop-by-category-menu a svg path{ stroke: #fff !important;}
.navigation li.shop-by-category-menu-item .submenu-outer .submenu-inner .shop-by-back-menu {display: inline-block;width: 100%;position: relative;}
.navigation li.shop-by-category-menu-item .submenu-outer .submenu-inner .shop-by-back-menu a { font-size:14px;  padding: 0;text-transform: uppercase; font-weight: 500; line-height: 18px; pointer-events: auto !important;}
.navigation li.shop-by-category-menu-item .submenu-outer .submenu-inner .shop-by-back-menu {display: inline-block;width: 100%;position: relative;text-align: left;}
.navigation li.shop-by-category-menu-item .submenu-outer .submenu-inner .shop-by-back-menu a, .navigation li.shop-by-category-menu-item:hover .submenu-outer .submenu-inner .shop-by-back-menu a { font-size:14px;padding: 15px 30px 15px 15px;text-transform: uppercase; line-height: 18px;color: #1c1d20 !important;position: relative;display: inline-block;width: 100%;box-sizing: border-box; border-bottom: solid 1px #ccc; font-weight: 700; }
.navigation li.shop-by-category-menu-item .submenu-outer .submenu-inner .shop-by-back-menu a:before{ content: ""; width:20px; height:15px; background: url(../../frontend/Hydac/nztheme/en_NZ/images/main-menu.png) no-repeat left center;display: inline-block;padding-left: 12px;padding-top: 0px;vertical-align: middle;margin-top: -4px; position: relative; left: -6px; }	
.navigation li.shop-by-category-menu-item .submenu.level2{display:none!important;}
.navigation .submenu .active > a {  border-color: #ed1c24; border-style: solid;  border-width: 0 0 0 8px;}
.shop-by-back-menu,
.shop-by-back-menu .menu-image{ display: none; }
.navigation li.shop-by-category-menu-item .submenu-outer .submenu-inner .shop-by-back-menu { display: inline-block; }
    
.nav-sections .header.links,
.nav-sections .header.links li.greet.welcome{ display:block !important; }
.nav-sections .header.links li svg { display: none !important; }
.nav-sections .header.links a.tools-app:before { display: none !important; }
.header-top-right .header.links li.greet.welcome,
.nav-sections .header.links .phone_link_device{ display: none; }
.nav-sections .customer-welcome ul { background:#ffffff; }
.nav-sections .customer-welcome ul .authorization-link { display: none; }
}
/*==== Menu Mobile ====*/

/*==== Responsive =========================================================*/
@media (min-width: 1500px) {
    .nav-sections { flex: 800px; margin-left: 56px; }
}

@media (min-width: 1200px) and (max-width: 1299px) {
.navigation .level0 { margin: 0 25px 0 0; }
}

@media (max-width: 1199px) {
body:not(.page-print) { margin-top: 100px; }
.header.content { padding: 10px 0; }
.header-bootom-left .logo img { max-width: 150px; }
.header-phone-desktop a { font-size: 0; width: 40px; border-radius: 100px; padding: 0; }
.header-phone-desktop a svg { margin-right: 0; }
.search-icon span { display: none; }
.search-icon svg { margin: 0; width: 21px; }
.search-icon,
.header-phone-desktop a { margin-right: 10px; }
.search-icon,
.nav-toggle { width: 40px; height: 40px; border-radius: 100px; background-color: #e6e7e8; position: static; display: flex; justify-content: center; align-items: center; }
.nav-toggle svg { width: 19px; }
.search-icon  { background-color: #ffffff; }
}

@media (max-width: 1023px) {
.web-switcher,
.minicart-wrapper .action.showcart,
.header.links li { margin-left: 10px; }
}

@media (max-width: 767px) {
.header.content .header-bootom,
.page-header .header.panel { padding-left: 10px !important; padding-right: 10px !important; }
.header.links li a { font-size: 11px; line-height: normal; }
.web-switcher span.swich-text { font-size: 10px; }
.header.links li.greet.welcome,
.header.links li.customer-welcome,
.minicart-wrapper .action.showcart span { display: none; }
.login-user .header-top-right > .header.links > li.authorization-link { display: block; }
.minicart-wrapper .action.showcart { margin-right: 5px; }
.header-top-right .header.links li a { font-size: 0; min-height: 18px; } 
    
.block-minicart .subtotal > span, 
.block-minicart .amount .price-wrapper:first-child .price { font-size: 15px; }
    
.header-social-links .h-link li { margin-left: 10px; }
.header-phone-desktop { display: none; }  
.phone_link_device { display: block; }    
.phone_link_device svg { width:26px; }
.header-top-right .header-phone-mobile { display: block; }
}

@media (max-width: 639px) {
.minicart-wrapper .product .actions { float: none; margin: 10px 0 0; }
.block-minicart .subtitle.empty { font-size: 13px; margin: 120px 10px 0; }
.block-minicart .top-title { font-size: 16px; }
    
.page-header .panel.wrapper .panel.header { justify-content: right; }
.header-top-left { display: none; }
}

@media (max-width: 359px) {
.web-switcher { padding: 0 0 0 30px; }
.web-switcher,
.minicart-wrapper .action.showcart,
.header.links li { margin-left: 5px; }
}/*footer*/
.page-footer { overflow: hidden; }
.footer_bottom { background-color: #2b2b2b; padding: 0; }
.footer-top-box { font-size: 0; }
.footer-top-box > div { width: 33.3%; display: inline-block; vertical-align: top; padding-right: 10px; }
.footer-top-box > div:last-child { padding-right: 0; }
.footer-top-box > div.footer-box.one .footer-box-contain { font-size: 0; }
.footer-top-box > div.footer-box.one .footer-box-contain ul { width: 50%; vertical-align: top; display: inline-block; }
.footer-top-box > div.footer-box.two .footer-box-contain div { display: flex; justify-content: space-between; }
.footer-top-box > div.footer-box.one .footer-box-contain ul { width: 50%; vertical-align: top; display: inline-block; }
.bottom-main-box { padding: 40px 0; }
.footer-top-box h4.footer-box-title { font-size: 18px; color: #ffffff; margin: 0 0 12px; font-weight: 700; }
.footer-top-box ul { padding: 0; margin: 0; list-style: none; padding-right: 10px !important; }
.footer-top-box ul li { margin: 0 0 17px; }
.footer-top-box ul li:last-child { margin: 0; }
.footer-top-box ul li a { font-size: 14px; color: #999999; font-weight: 400; }
.no-touch .footer-top-box ul li a:hover,
.footer-top-box ul li.active a { color: #ffffff; }
.follow_us { background-color: #e6e7e8; padding: 25px 0; }
.follow_us .footer-social-links { display: flex; justify-content: center; align-items: center; }
.follow_us h4 { color: #1c1d20; font-size: 30px; font-weight: 700; margin: 0 28px 0 0; }
.follow_us .f-link { margin: 0; padding: 0; list-style: none; display: flex; justify-content: center; align-items: center; line-height: 0; }
.follow_us .f-link li { margin-left: 20px; margin-bottom: 0; }
.follow_us .f-link li:first-child { margin-left: 0; }
.follow_us .f-link li a { width: 45px; height: 45px; background-color: #ffffff; display: flex; justify-content: center; align-items: center; border-radius: 100%; }
.no-touch .follow_us .f-link li a:hover { background-color: #ed1c24; }
.no-touch .follow_us .f-link li a:hover svg path { fill: #ffffff; }
.footer-contact { background-color: #1c1d20; padding: 22px 0; }
.footer-contact > div { display: flex; justify-content: space-around; color: #ffffff; align-items: center; }
.footer-contact > div > div { display: flex; align-items: center; justify-content: flex-start; font-size: 16px; color: #999999; }
.footer-contact > div > div.address p { margin: 0; font-size: 16px; }
.footer-contact span { line-height: 0; display: inline-block; padding-right: 12px; }
.footer-contact strong { padding-right: 4px; font-weight: 400; color: #ffffff; }
.footer-contact a { color: #999999; white-space: nowrap; }
.no-touch .footer-contact a:hover { color: #ed1c24; }
.copyright { text-align: center; padding: 18px 0; }
.copyright p { margin: 0; font-size: 14px; color: #ffffff; }
.copyright p a { color: #ffffff; }
.no-touch .copyright p a:hover { text-decoration: none; }
.bottom-main-box .flogo-box .flogo { margin: 0 0 30px; }
.bottom-main-box .f-description { max-width: 344px; }
.bottom-main-box .f-description p { color: #999999; font-weight: 400; font-size: 14px; }
.footer-subscribe { padding: 74px 0; background-image: url(../../frontend/Hydac/nztheme/en_NZ/images/newsletterbg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; min-height: 250px; }
.block.newsletter { margin: 0; width: 100%; max-width: 652px; /*max-width: 582px;*/}
.block.newsletter h3 { margin: 0; font-size: 40px; color: #ffffff; margin: 0 0 15px; }
.block.newsletter h3:after,
.block.newsletter h3:before { content: ''; width: 20px; height: 2px; display: inline-block; vertical-align: middle; background: var(--hyd-red); }
.block.newsletter h3:after { margin-left: 18px; }
.block.newsletter h3:before { margin-right: 18px; display: none; }
.block.newsletter .title { margin: 0 0 28px; }
.block.newsletter .title strong { font-size: 14px; font-weight: 400; color: #ffffff; }
.block.newsletter .form.subscribe { display: table; width: 100%; }
.block.newsletter .fieldset { display: table-cell; margin: 0; padding: 0; vertical-align: top; }
.block.newsletter .field { margin: 0; }
.block.newsletter .field .control { display: inline-block; text-decoration: none; display: block; padding-right: 10px; }
.block.newsletter .actions { display: table-cell; vertical-align: top; width: 1%; }
.no-touch .block.newsletter .action.subscribe:hover { background: #ffffff; color: var(--hyd-red); }
.block.newsletter .action.subscribe svg { display: none; }
.grecaptcha-badge { opacity: 0; }
.checkout-index-index .grecaptcha-badge { opacity: 1; }
.scrollToTop { position: fixed; right: 30px; bottom: 30px; z-index: 99; width: 50px; height: 50px; -webkit-border-radius: 100px; border-radius: 100px; text-align: center; background: var(--hyd-red); display: flex; justify-content: center; align-items: center; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
.scrollToTop svg path { fill: var(--hyd-white); }
.no-touch a.scrollToTop:hover { background: var(--hyd-black); }

/* .touch .back-to-top { display: none; } */

@media (min-width:1700px) {
    .scrollToTop { right: 90px; bottom: 65px; }
}
@media (max-width:1399px) {
.footer-contact { padding: 15px 0; }
.footer-contact > div > div { padding: 0 10px; font-size: 14px; }
.footer-subscribe { padding: 50px 0; }
}
 @media (min-width:1024px) {
.footer-top-box h4.footer-box-title { pointer-events: none; margin-bottom: 15px; }
.footer-top-box h4.footer-box-title:after { content: ''; width: 20px; height: 2px; display: inline-block; vertical-align: middle; background: var(--hyd-red); }
.footer-top-box h4.footer-box-title:after { margin-left: 7px; }
.bottom-main-box { font-size: 0; }
.bottom-main-box .flogo-box { display: inline-block; vertical-align: top; font-size: 14px; width: 29%; padding-right: 15px; }
.bottom-main-box .footer-top-box { display: inline-block; vertical-align: top; font-size: 14px; width: 71%; font-size: 0; }
.footer-top-box > div.one { width: 53.1%; }
.footer-top-box > div.two { width: 46.9%; }
    
}
 @media (max-width:1023px) {
.footer-top { padding: 25px 0; }
.footer-top-box > div { width: 100%; display: block; padding-right: 0; }
.footer-top-box h4.footer-box-title { margin: 0; font-size: 16px; font-weight: 600; line-height: 1; display: block; position: relative; padding: 10px; border-top: solid 1px #3e3e3e; padding-right: 50px; background-image: url(../../frontend/Hydac/nztheme/en_NZ/images/fplus.svg); background-position: right center; background-size: 14px; background-repeat: no-repeat; }
.footer-top-box > div.active h4.footer-box-title { background-image: url(../../frontend/Hydac/nztheme/en_NZ/images/fminus.svg); }
.footer-top-box > div:first-child h4.footer-box-title { margin-top: 0; }
.footer-top-box > div:last-child h4.footer-box-title { margin-top: 0; border-bottom: 1px solid #3e3e3e; }
.footer-box-contain { margin: 20px 0 20px; padding: 0 10px; display: none; }
.footer-top-box ul li { margin: 0 0 8px; }
.top-main-box .flogo-box { text-align: center; margin: 0 0 25px; }
.follow_us { padding: 15px; }
.follow_us .footer-social-links { display: block; text-align: center; }
.follow_us h4 { margin: 0 0 15px; font-size: 24px; }
.bottom-main-box { padding: 25px 0; }
.bottom-main-box .flogo-box { margin: 0 0 25px; text-align: center; }
.bottom-main-box .flogo-box .flogo { margin: 0 0 10px; }
.bottom-main-box .f-description { max-width: 100%; }
.block.newsletter h3 { font-size: 30px; }
.footer-top-box > div.footer-box.two .footer-box-contain div ul { width: 50%; padding-right: 10px; }
.footer-top-box > div.footer-box.one .footer-box-contain ul { padding-right: 10px; }
     
.footer-contact > div > div.address p { font-size: 14px; }
}
 @media (max-width:767px) {
.footer-contact > div { flex-direction: column; align-items: flex-start; }
.footer-contact > div > div { margin-top: 15px; }
.footer-contact > div > div:first-child { margin-top: 0; }
.bottom-main-box .f-description p { font-size: 12px; font-weight: 500; }
.follow_us h4 { font-size: 22px; }
.follow_us .f-link li { margin-left: 10px; }
.follow_us .f-link li a { width: 38px; height: 38px; }
.bottom-main-box .flogo-box .flogo img { max-width: 204px; }
.footer-subscribe { padding: 30px 0; min-height: inherit; }
.block.newsletter input { height: 35px; }
.block.newsletter { max-width: 100%; text-align: center; }
.block.newsletter .title { margin: 0 0 20px; }
.block.newsletter .title strong { font-size: 12px; }
.block.newsletter h3 { font-size: 22px; text-align: center; }
.block.newsletter h3:after { margin-left: 8px; }
.block.newsletter h3:before { margin-right: 8px; display: inline-block; }
.block.newsletter .field { text-align: left; }
     
.copyright { padding: 8px 0; }
.copyright p { font-size: 12px; }
    
.footer-contact > div > div.address p { font-size: 14px; }
}
@media (max-width:639px) {
.footer-contact > div > div.address { align-items: flex-start; }
.scrollToTop {left:20px; right: auto;}
}
 @media (max-width:400px) {
.block.newsletter h3,
.follow_us h4 { font-size: 20px; }
.block.newsletter .form.subscribe { display: block; }
.block.newsletter .field .control { padding-right: 0; margin-bottom: 10px; }
.block.newsletter .actions { display: block; width: 100%; }
.block.newsletter .action.primary { width: 100%; }
}
 @media (max-width:359px) {
.block.newsletter h3:before { display: none; }
.block.newsletter h3:after { display: block; margin: 10px auto 0; }
}
/*footer end*/



/* new */
@media (min-width:1200px) {
.main-content-banner { min-height: 495px; }
}:root {  --hyd-red: #ed1c24;
--hyd-black: #1c1d20;
--hyd-white: #ffffff;
--hyd-grey: #f5f5f5;
--hyd-silver: #e6e7e8;
--hyd-text: #666666;
}

*,
*:before,
*:after { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
/* === Luma fonts === */
@font-face { font-family: 'luma-icons'; src: url('../../frontend/Hydac/nztheme/en_NZ/fonts/Luma-Icons.woff2') format('woff2'), url('../../frontend/Hydac/nztheme/en_NZ/fonts/Luma-Icons.woff') format('woff'); font-weight: normal; font-style: normal; font-display: block; }
/* ===== Default Reset ===== */
body { margin: 0; padding: 0; }
article,
aside,
details,
figcaption,
figure,
main,
footer,
header,
nav,
section,
summary { display: block; }
audio,
canvas,
video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
nav ul,
nav ol { list-style: none none; }
img { max-width: 100%; height: auto; border: 0; }
video,
embed,
object { max-width: 100%; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size-adjust: 100%; }
body { color: var(--hyd-text); font-family: Arial, sans-serif, Helvetica, sans-serif; font-style: normal; font-weight: 400; line-height: 1.42857143; font-size: 14px; background-color: var(--hyd-white); }
p { margin-top: 0; margin-bottom: 15px; font-size: 14px; font-weight: 400; }
abbr[title] { border-bottom: 1px dotted #cccccc; cursor: help; }
b,
strong { font-weight: 700; }
em,
i { font-style: italic; }
mark { background: #f6f6f6; color: #000000; }
small,
.small { font-size: 12px; }
hr { border: 0; border-top: 1px solid #cccccc; margin-bottom: 20px; margin-top: 20px; }
sub,
sup { font-size: 71.42857143000001%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -.5em; }
sub { bottom: -.25em; }
dfn { font-style: italic; }
h1 { font-weight: 700; line-height: 1.1; font-size: 2.6rem; margin-top: 0rem; margin-bottom: 2rem; color: #1c1d20; }
h2 { font-weight: 700; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; color: #1c1d20; }
h3 { font-weight: 700; line-height: 1.1; font-size: 1.8rem; margin-top: 2rem; margin-bottom: 1rem; color: #1c1d20; }
h4 { font-weight: 700; line-height: 1.1; font-size: 1.4rem; margin-top: 2rem; margin-bottom: 2rem; color: #1c1d20; }
h5 { font-weight: 700; line-height: 1.1; font-size: 1.2rem; margin-top: 2rem; margin-bottom: 2rem; color: #1c1d20; }
h6 { font-weight: 700; line-height: 1.1; font-size: 1rem; margin-top: 2rem; margin-bottom: 2rem; color: #1c1d20; }
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small { color: #333333; font-style: normal; font-weight: 400; line-height: 1; }

a, .alink { color: #ed1c24; text-decoration: none; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.no-touch a:hover, .no-touch .alink:hover { color: #1c1d20; }
a:active, .alink:active { color: #1c1d20; }

svg path { -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
ul,
ol { margin-top: 0rem; margin-bottom: 2.5rem; }
ul>li,
ol>li { margin-top: 0rem; margin-bottom: 1rem; }
ul ul,
ol ul,
ul ol,
ol ol { margin-bottom: 0; }
dl { margin-bottom: 20px; margin-top: 0; }
dt { font-weight: 700; margin-bottom: 5px; margin-top: 0; }
dd { margin-bottom: 10px; margin-top: 0; margin-left: 0; }
code,
kbd,
pre,
samp { font-family: Arial, Menlo, Monaco, Consolas, 'Courier New', monospace; }
code { background: #f6f6f6; color: #111111; padding: 2px 4px; font-size: 1.2rem; white-space: nowrap; }
kbd { background: #f6f6f6; color: #111111; padding: 2px 4px; font-size: 1.2rem; }
pre { background: #f6f6f6; border: 1px solid #cccccc; color: #111111; line-height: 1.42857143; margin: 0 0 10px; padding: 10px; font-size: 1.2rem; display: block; word-wrap: break-word; }
pre code { background-color: transparent; border-radius: 0; color: inherit; font-size: inherit; padding: 0; white-space: pre-wrap; }
blockquote { border-left: 0 solid #cccccc; margin: 0 0 20px 40px; padding: 0; color: #333333; font-family: Arial, 'Open Sans', 'Helvetica Neue', Helvetica,  sans-serif; font-style: italic; font-weight: 400; line-height: 1.42857143; font-size: 1.4rem; }
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child { margin-bottom: 0; }
blockquote footer,
blockquote small,
blockquote .small { color: #333333; line-height: 1.42857143; font-size: 1rem; display: block; }
blockquote footer:before,
blockquote small:before,
blockquote .small:before { content: '\2014 \00A0'; }
blockquote cite { font-style: normal; }
blockquote:before,
blockquote:after { content: ''; }
q { quotes: none; }
q:before,
q:after { content: ''; content: none; }
cite { font-style: normal; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; max-width: 100%; }
table th { text-align: left; }
table>tbody>tr>th,
table>tfoot>tr>th,
table>tbody>tr>td,
table>tfoot>tr>td { vertical-align: top; }
table>thead>tr>th,
table>thead>tr>td { vertical-align: bottom; }
table>thead>tr>th,
table>tbody>tr>th,
table>tfoot>tr>th,
table>thead>tr>td,
table>tbody>tr>td,
table>tfoot>tr>td { padding: 11px 10px; }

input[type="text"],
input[type="password"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type*="date"],
input[type="email"] { background: #ffffff; background-clip: padding-box; border: 1px solid #b8b9bb; border-radius: 50px; font-size: 14px; height: 45px; line-height: 1.42857143; padding: 0 10px 0 20px; vertical-align: baseline; width: 100%; color: #666666; font-family: Arial, sans-serif; font-weight: 400; }
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="url"]:disabled,
input[type="tel"]:disabled,
input[type="search"]:disabled,
input[type="number"]:disabled,
input[type*="date"]:disabled,
input[type="email"]:disabled { opacity: 0.5; }
input[type="text"]::-moz-placeholder,  input[type="password"]::-moz-placeholder,  input[type="url"]::-moz-placeholder,  input[type="tel"]::-moz-placeholder,  input[type="search"]::-moz-placeholder,  input[type="number"]::-moz-placeholder,  input[type*="date"]::-moz-placeholder,  input[type="email"]::-moz-placeholder { color: #666666; }
input[type="text"]::-webkit-input-placeholder,  input[type="password"]::-webkit-input-placeholder,  input[type="url"]::-webkit-input-placeholder,  input[type="tel"]::-webkit-input-placeholder,  input[type="search"]::-webkit-input-placeholder,  input[type="number"]::-webkit-input-placeholder,  input[type*="date"]::-webkit-input-placeholder,  input[type="email"]::-webkit-input-placeholder { color: #666666; }
input[type="text"]:-ms-input-placeholder,  input[type="password"]:-ms-input-placeholder,  input[type="url"]:-ms-input-placeholder,  input[type="tel"]:-ms-input-placeholder,  input[type="search"]:-ms-input-placeholder,  input[type="number"]:-ms-input-placeholder,  input[type*="date"]:-ms-input-placeholder,  input[type="email"]:-ms-input-placeholder { color: #666666; }
input[type="number"] { -moz-appearance: textfield; }
input[type="number"]::-webkit-inner-spin-button,  input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type="search"] { -webkit-appearance: none; }
input[type="search"]::-webkit-search-cancel-button,  input[type="search"]::-webkit-search-decoration,  input[type="search"]::-webkit-search-results-button,  input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; }
select { background: #ffffff url('../../frontend/Hydac/nztheme/en_NZ/images/down-arrow.svg') no-repeat calc(100% - 20px) center; border: 1px solid #b8b9bb; border-radius: 50px; font-size: 14px; height: 45px; line-height: 1.42857143; padding: 4px 45px 5px 20px; vertical-align: baseline; width: 100%; color: #666666; box-sizing: border-box; }
select:focus { border: 1px solid #c2c2c2; }
select:disabled { opacity: 0.5; background: #ffffff; border: 1px solid #c2c2c2; }
select[multiple] { height: auto; background-image: none; }
textarea { background: #ffffff; background-clip: padding-box; border: 1px solid #b8b9bb; border-radius: 1px; font-size: 14px; height: auto; line-height: 1.42857143; margin: 0; padding: 10px 10px 10px 20px; vertical-align: baseline; width: 100%; box-sizing: border-box; resize: none; min-height: 100px; border-radius: 24px; font-family: Arial, sans-serif; font-weight: 400; color: #666666; }
textarea:disabled { opacity: 0.5; }
textarea::-moz-placeholder { color: #575757; }
textarea::-webkit-input-placeholder { color: #575757; }
textarea:-ms-input-placeholder { color: #575757; }
input[type="checkbox"] { margin: 2px 5px 0 0; position: relative; top: 2px; }
input[type="checkbox"]:disabled { opacity: 0.5; }
input[type="radio"] { margin: 2px 5px 0 0; }
input[type="radio"]:disabled { opacity: 0.5; }
input.mage-error,
select.mage-error,
textarea.mage-error { border-color: #ed8380; }
.field-error,
div.mage-error { background: #ed1c24; padding: 3px 7px; display: inline-block; border-radius: 5px; margin: 3px 15px 0; position: relative; line-height: 1.3; font-size: 12px !important; color: #ffffff; font-weight: 400; }
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input::-moz-focus-inner {
border: 0;
padding: 0;
}
form { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
address { font-style: normal; }
*:focus { box-shadow: none; outline: 0; }
._keyfocus *:focus,
input:not([disabled]):focus,
textarea:not([disabled]):focus,
select:not([disabled]):focus { box-shadow: none; }

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

/*radio checkbox*/
.choice input[type="checkbox"] { margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 21px; height: 21px; z-index: 1; opacity: 1; visibility: hidden; }
input[type="checkbox"] + label { position: relative; padding-left: 30px; cursor: pointer; font-size: 16px !important; }
input[type="checkbox"] + label:after { content: ''; position: absolute; top: 0; left: 0; width: 21px; height: 21px; display: block; border: solid 1px #1c1d20; }
input[type="checkbox"] + label:before { content: ''; position: absolute; top: 3px; left: 3px; width: 16px; height: 14px; display: block; background: url(../../frontend/Hydac/nztheme/en_NZ/images/checkbox-check.svg) no-repeat center center; background-size: 16px; opacity: 0; visibility: hidden; }
input[type="checkbox"]:checked + label:before { opacity: 1; visibility: visible; }

.choice input[type="radio"] { margin: 0; padding: 0; position: absolute; top: 0; width: 20px; height: 20px; z-index: 1; left: 0; opacity: 1; visibility: hidden; }
input[type="radio"] + label { position: relative; padding-left: 30px; cursor: pointer; line-height: 20px; font-size: 15px; font-weight: 400; color: #1c1d20; }
input[type="radio"] + label:after { content: ''; display: block; width: 18px; height: 18px; border-radius: 50%; border: solid 2px #1c1d20; background: var(--hyd-white); position: absolute; top: 0; left: 0; }
input[type="radio"] + label:before { position: absolute; top: 4px; left: 4px; display: block; content: ""; width: 10px; height: 10px; background: var(--hyd-black); border-radius: 50%; opacity: 0; visibility: hidden; z-index: 1; }
input[type="radio"]:checked + label:after { border-color: #1c1d20; }
input[type="radio"]:checked + label:before { opacity: 1; visibility: visible; }


.field.subscribe { margin: 0 0 20px; }
.entitle .field-inner .control input {position: absolute; opacity: 0; visibility: hidden;}
.entitle .field-inner .control small {display: block; margin-top: 5px;}
.entitle .field-inner .control div.mage-error {margin: 0;}
/*radio checkbox*/

/* ===== default Reset ===== */

.section_title { color: var(--hyd-black); font-size: 40px; margin: 0 0 30px; text-align: center; }
.section_title:before,
.section_title:after { content: ''; width: 20px; height: 2px; display: inline-block; vertical-align: middle; background: var(--hyd-red); }
.section_title:before { margin-right: 16px; }
.section_title:after { margin-left: 16px; }
.section_title.no_leftline { text-align: left; }
.section_title.no_leftline:before { display: none; } 
.section_title.white {color:var(--hyd-white);}
.section_title.white:after,
.section_title.white:before { background: #ffffff; }

/*=== Container ===*/
.container,
.page-header .header.panel,
.header.content .header-bootom,
.page-wrapper > .widget,
.page-wrapper > .page-bottom,
.block.category.event,
.top-container,
.page-main { margin-left: auto; margin-right: auto; max-width: 1530px; padding-left: 15px; padding-right: 15px; width: 100%; }
.cms-home .page-main { max-width: 100%; padding-left: 0; padding-right: 0; }

.page-layout-2columns-left .columns { max-width: 1530px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
.page-layout-2columns-left .page-main { max-width: 100%; padding-left: 0; padding-right: 0; }

/*=== Container ===*/

/*===== layout =====*/
.items { margin: 0; padding: 0; list-style: none none; }
.columns { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; }
.columns:after { clear: both; content: ' '; display: block; height: 0; overflow: hidden; visibility: hidden; }
.columns .column.main { -webkit-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 1; flex-grow: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; width: 100%; }
.columns .sidebar-main { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 100%; flex-basis: 100%; -ms-flex-order: 1; -webkit-order: 1; order: 1; }
.columns .sidebar-additional { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 100%; flex-basis: 100%; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
.table-wrapper { margin-bottom: 20px; }
table>caption { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.table tfoot { background: #f5f5f5; }
.table tfoot>tr:first-child th,
.table tfoot>tr:first-child td { border-top: 1px solid #cccccc; padding-top: 20px; }
.table tfoot th,
.table tfoot td { border: 0; }
.table tfoot .mark { font-weight: 400; text-align: right; }
.panel.header .links,
.panel.header .switcher { display: none; }
.tooltip.wrapper { position: relative; }
.tooltip.wrapper .tooltip.content { background: #ffffff; max-width: 360px; min-width: 210px; padding: 12px 16px; z-index: 100; display: none; position: absolute; text-align: left; color: #333333; line-height: 1.4; border: 1px solid #bbbbbb; margin-top: 5px; left: 0; top: 100%; }
.tooltip.wrapper .tooltip.content:after,
.tooltip.wrapper .tooltip.content:before { border: solid transparent; content: ''; height: 0; position: absolute; width: 0; }
.tooltip.wrapper .tooltip.content:after { border-width: 5px; border-color: transparent; }
.tooltip.wrapper .tooltip.content:before { border-width: 6px; border-color: transparent; }
.tooltip.wrapper .tooltip.content:after,
.tooltip.wrapper .tooltip.content:before { bottom: 100%; }
.tooltip.wrapper .tooltip.content:after { border-bottom-color: #ffffff; left: 15px; margin-left: -5px; }
.tooltip.wrapper .tooltip.content:before { border-bottom-color: #bbbbbb; left: 15px; margin-left: -6px; }
.tooltip.wrapper .tooltip.toggle { cursor: help; }
.tooltip.wrapper .tooltip.toggle:hover+.tooltip.content,
.tooltip.wrapper .tooltip.toggle:focus+.tooltip.content,
.tooltip.wrapper:hover .tooltip.content { display: block; }
.tooltip.wrapper .tooltip.content dl { margin-bottom: 0; }
.tooltip.wrapper .tooltip.content dd { white-space: normal; }
.tooltip.wrapper .tooltip.content .subtitle { display: inline-block; font-size: 16px; font-weight: 500; margin-bottom: 15px; }
.tooltip.wrapper .tooltip.content .label { margin-top: 10px; }
.tooltip.wrapper .tooltip.content .label:first-child { margin-top: 0; }
.tooltip.wrapper .tooltip.content .values { margin: 0; }
.ui-tooltip { position: absolute; z-index: 9999; }
.load.indicator { background-color: rgba(255, 255, 255, 0.7); z-index: 9999; bottom: 0; left: 0; position: fixed; right: 0; top: 0; position: absolute; }
.load.indicator:before { background: transparent url('../../frontend/Hydac/nztheme/en_NZ/images/loader-2.gif') no-repeat 50% 50%; border-radius: 5px; height: 160px; width: 160px; bottom: 0; box-sizing: border-box; content: ''; left: 0; margin: auto; position: absolute; right: 0; top: 0; }
.load.indicator>span { display: none; }
.loading-mask { bottom: 0; left: 0; margin: auto; position: fixed; right: 0; top: 0; z-index: 2; background: rgba(255, 255, 255, 0.5); }
.loading-mask .loader>img { bottom: 0; left: 0; margin: auto; position: fixed; right: 0; top: 0; z-index: 1; }
.loading-mask .loader>p { display: none; }
body>.loading-mask { z-index: 9999; }
._block-content-loading { position: relative; }
[data-role='main-css-loader'] {
display: none;
}
.fieldset { border: 0; margin: 0 0 40px; padding: 0; letter-spacing: -.31em; }
.fieldset>* { letter-spacing: normal; }
.fieldset>.legend { margin: 0 0 20px; padding: 0 0 10px; width: 100%; box-sizing: border-box; float: left; font-weight: 300; line-height: 1.2; font-size: 1.8rem; }
.fieldset>.legend+br { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; }
.fieldset:last-child { margin-bottom: 20px; }
.fieldset>.field,
.fieldset>.fields>.field { margin: 0 0 20px; }
.fieldset>.field>.label,
.fieldset>.fields>.field>.label { margin: 0 0 8px; display: inline-block; }
.fieldset>.field:last-child,
.fieldset>.fields>.field:last-child { margin-bottom: 0; }
.fieldset>.field>.label,
.fieldset>.fields>.field>.label { font-weight: 600; }
.fieldset>.field>.label+br,
.fieldset>.fields>.field>.label+br { display: none; }
.fieldset>.field .choice input,
.fieldset>.fields>.field .choice input { vertical-align: top; }
.fieldset>.field .fields.group:before,
.fieldset>.fields>.field .fields.group:before,
.fieldset>.field .fields.group:after,
.fieldset>.fields>.field .fields.group:after { content: ''; display: table; }
.fieldset>.field .fields.group:after,
.fieldset>.fields>.field .fields.group:after { clear: both; }
.fieldset>.field .fields.group .field,
.fieldset>.fields>.field .fields.group .field { box-sizing: border-box; float: left; }
.fieldset>.field .fields.group.group-2 .field,
.fieldset>.fields>.field .fields.group.group-2 .field { width: 50% !important; }
.fieldset>.field .fields.group.group-3 .field,
.fieldset>.fields>.field .fields.group.group-3 .field { width: 33.3% !important; }
.fieldset>.field .fields.group.group-4 .field,
.fieldset>.fields>.field .fields.group.group-4 .field { width: 25% !important; }
.fieldset>.field .fields.group.group-5 .field,
.fieldset>.fields>.field .fields.group.group-5 .field { width: 20% !important; }
.fieldset>.field .addon,
.fieldset>.fields>.field .addon { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0; width: 100%; }
.fieldset>.field .addon textarea,
.fieldset>.fields>.field .addon textarea,
.fieldset>.field .addon select,
.fieldset>.fields>.field .addon select,
.fieldset>.field .addon input,
.fieldset>.fields>.field .addon input { -ms-flex-order: 2; -webkit-order: 2; order: 2; -webkit-flex-basis: 100%; flex-basis: 100%; display: inline-block; margin: 0; width: auto; }
.fieldset>.field .addon .addbefore,
.fieldset>.fields>.field .addon .addbefore,
.fieldset>.field .addon .addafter,
.fieldset>.fields>.field .addon .addafter { background: #ffffff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: Arial,'Open Sans', 'Helvetica Neue', Helvetica, sans-serif; font-size: 14px; height: 32px; line-height: 1.42857143; padding: 0 9px; vertical-align: baseline; width: 100%; box-sizing: border-box; -ms-flex-order: 3; -webkit-order: 3; order: 3; display: inline-block; vertical-align: middle; white-space: nowrap; width: auto; }
.fieldset>.field .addon .addbefore:disabled,
.fieldset>.fields>.field .addon .addbefore:disabled,
.fieldset>.field .addon .addafter:disabled,
.fieldset>.fields>.field .addon .addafter:disabled { opacity: 0.5; }
.fieldset>.field .addon .addbefore::-moz-placeholder, .fieldset>.fields>.field .addon .addbefore::-moz-placeholder, .fieldset>.field .addon .addafter::-moz-placeholder, .fieldset>.fields>.field .addon .addafter::-moz-placeholder { color: #575757; }
.fieldset>.field .addon .addbefore::-webkit-input-placeholder, .fieldset>.fields>.field .addon .addbefore::-webkit-input-placeholder, .fieldset>.field .addon .addafter::-webkit-input-placeholder, .fieldset>.fields>.field .addon .addafter::-webkit-input-placeholder { color: #575757; }
.fieldset>.field .addon .addbefore:-ms-input-placeholder, .fieldset>.fields>.field .addon .addbefore:-ms-input-placeholder, .fieldset>.field .addon .addafter:-ms-input-placeholder, .fieldset>.fields>.field .addon .addafter:-ms-input-placeholder { color: #575757; }
.fieldset>.field .addon .addbefore,
.fieldset>.fields>.field .addon .addbefore { float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; }
.fieldset>.field .additional,
.fieldset>.fields>.field .additional { margin-top: 10px; }
.fieldset> .billing-address-right .field.required>.label:after,
.fieldset>.field.required>.label:after,
.fieldset>.fields>.field.required>.label:after,
.fieldset>.field._required>.label:after,
.fieldset>.fields>.field._required>.label:after { content: '*'; color: #e02b27; font-size: 1.2rem; margin: 0 0 0 5px; }
.fieldset>.field .note,
.fieldset>.fields>.field .note { font-size: 1.2rem; margin: 3px 0 0; padding: 0; display: inline-block; text-decoration: none; }
.fieldset>.field .note:before,
.fieldset>.fields>.field .note:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 12px; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; }
.fieldset>.field.no-label>.label,
.fieldset>.fields>.field.no-label>.label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.fieldset>.field.choice .label,
.fieldset>.fields>.field.choice .label { display: inline; font-weight: normal; margin: 0; }
.column:not(.main) .fieldset>.field .label,
.column:not(.main) .fieldset>.fields>.field .label { font-weight: normal; }
.fieldset>.field .field.choice,
.fieldset>.fields>.field .field.choice { margin-bottom: 10px; }
.fieldset>.field .field.choice:last-child,
.fieldset>.fields>.field .field.choice:last-child { margin-bottom: 0; }
.legend+.fieldset,
.legend+div { clear: both; }
.legend>span { margin-right: 5px; }
fieldset.field { border: 0; padding: 0; }
.field.date .time-picker { display: inline-block; margin-top: 10px; white-space: nowrap; }
.field .message.warning { margin-top: 10px; }
select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; text-indent: .01em; text-overflow: ''; }
select::-ms-expand { display: none; }
select.admin__control-multiselect { height: auto; }
.product-options-wrapper .date.required div[for*='options'].mage-error { display: none !important; }
.field .tooltip { position: relative; }
.field .tooltip .tooltip-content { background: #ffffff; max-width: 360px; min-width: 210px; padding: 12px 16px; z-index: 100; display: none; position: absolute; text-align: left; color: #333333; line-height: 1.4; border: 1px solid #bbbbbb; margin-left: 5px; left: 100%; top: 0; }
.field .tooltip .tooltip-content:after,
.field .tooltip .tooltip-content:before { border: solid transparent; content: ''; height: 0; position: absolute; width: 0; }
.field .tooltip .tooltip-content:after { border-width: 5px; border-color: transparent; }
.field .tooltip .tooltip-content:before { border-width: 6px; border-color: transparent; }
.field .tooltip .tooltip-content:after,
.field .tooltip .tooltip-content:before { right: 100%; }
.field .tooltip .tooltip-content:after { border-right-color: #ffffff; margin-top: -5px; top: 15px; }
.field .tooltip .tooltip-content:before { border-right-color: #bbbbbb; margin-top: -6px; top: 15px; }
.field .tooltip .tooltip-toggle { cursor: help; }
.field .tooltip .tooltip-toggle:hover+.tooltip-content,
.field .tooltip .tooltip-toggle:focus+.tooltip-content,
.field .tooltip:hover .tooltip-content { display: block; }
.field .tooltip .tooltip-content { min-width: 200px; white-space: normal; }
input:focus~.tooltip .tooltip-content,
select:focus~.tooltip .tooltip-content { display: block; }
._has-datepicker~.ui-datepicker-trigger { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; display: block; text-decoration: none; display: inline-block; margin-top: -4px; vertical-align: middle; }
._has-datepicker~.ui-datepicker-trigger:focus,
._has-datepicker~.ui-datepicker-trigger:active { background: none; border: none; }
._has-datepicker~.ui-datepicker-trigger:hover { background: none; border: none; }
._has-datepicker~.ui-datepicker-trigger.disabled,
._has-datepicker~.ui-datepicker-trigger[disabled],
fieldset[disabled] ._has-datepicker~.ui-datepicker-trigger { pointer-events: none; opacity: 0.5; }
._has-datepicker~.ui-datepicker-trigger>span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
._has-datepicker~.ui-datepicker-trigger:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 23px; line-height: 23px; color: #7d7d7d; content: '\e612'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; }
._has-datepicker~.ui-datepicker-trigger:focus { box-shadow: none; outline: 0; }
.sidebar .fieldset { margin: 0; }
.sidebar .fieldset>.field:not(.choice):not(:last-child),
.sidebar .fieldset .fields>.field:not(:last-child) { margin: 0 0 20px; }
.sidebar .fieldset>.field:not(.choice) .label,
.sidebar .fieldset .fields>.field .label { margin: 0 0 4px; padding: 0 0 5px; text-align: left; width: 100%; }
.sidebar .fieldset>.field:not(.choice) .control,
.sidebar .fieldset .fields>.field .control { width: 100%; }

.block .title { display: block; margin-bottom: 10px; }
.block .title strong { font-weight: 700; line-height: 1.1; font-size: 1.4rem; margin-top: 2rem; margin-bottom: 2rem; }
.block p:last-child { margin: 0; }
.block .box-actions { margin-top: 5px; }

.password-strength-meter { background-color: #f4f4f4; height: 32px; line-height: 32px; padding: 0 9px; position: relative; z-index: 1; }
.password-strength-meter:before { content: ''; height: 100%; left: 0; position: absolute; top: 0; z-index: -1; }
.password-none .password-strength-meter:before { background-color: #f4f4f4; width: 100%; }
.password-weak .password-strength-meter:before { background-color: #ffafae; width: 25%; }
.password-medium .password-strength-meter:before { background-color: #ffd6b3; width: 50%; }
.password-strong .password-strength-meter:before { background-color: #c5eeac; width: 75%; }
.password-very-strong .password-strength-meter:before { background-color: #81b562; width: 100%; }

.abs-product-options-list dt,
.cart.table-wrapper .item-options dt,
.minicart-items .product-item-details .product .options.list dt,
.opc-block-summary .items-in-cart .product .item-options dt,
.block-giftregistry-shared-items .product .item-options dt,
.multicheckout .item-options dt { clear: left; float: left; margin: 0 10px 5px 0; }


/*toolbar*/
.page-products .columns { position: relative; z-index: 1; }
.toolbar { text-align: center; }
.toolbar select { background-color: #f0f0f0; border-radius: 3px; }
.toolbar .sorter-action { position: relative; top: -2px; display: none; }
.toolbar-amount { left: 0; line-height: 18px; margin: 0; padding: 7px 0; text-align: left; top: 0; vertical-align: middle; }
.products.wrapper~.toolbar .toolbar-amount { display: none; }
.page-with-filter .toolbar-amount { position: static; }
.toolbar-products { background-color: transparent; }
.toolbar-products .pages { display: none; }
.products.wrapper~.toolbar-products .pages { display: block; margin: 0; }
.toolbar .pages { margin-bottom: 25px; }
.sorter { float: right; }
.products.wrapper~.toolbar .sorter { display: none; }
.sorter-options { margin: 0 5px 0 7px; width: auto; }
.sorter-action { display: inline-block; text-decoration: none; }
.sorter-action:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: inherit; color: #757575; content: '\e613'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; }
.sorter-action:hover:before { color: #333333; }
.sorter-action>span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.sorter-action.sort-desc:before { content: '\e614'; }
.modes { display: none; }
.limiter-options { margin: 0 0 0 7px; width: auto; }
.limiter-label { font-weight: 400; }
.page-products .toolbar .limiter { display: none; }
.limiter .control { display: inline-block; }

.toolbar-top { border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 4px 0; margin: 0 0 30px; }
.toolbar-top .toolbar select { width: 210px; height: 35px; border: 1px solid #dddddd; padding: 0 40px 0 20px; background-color: #ffffff; border-radius: 100px; }
.toolbar-top .toolbar .sorter-label { color: #1c1d20; font-weight: 600; font-size: 14px; }

.page-with-filter.page-layout-2columns-left .column.main { position: relative; }
.catalog-topnav.amasty-catalog-topnav { position: absolute; left: 30px; top:5px; z-index: 1; }

.catalog-topnav .filter-content .item { margin: 0; }
.catalog-topnav .filter-content .item a { display: inline-flex; justify-content: center; align-items: center; width: 210px; height: 35px; border: 1px solid #dddddd; padding: 0 ; background-color: #ffffff; border-radius: 100px; position: relative; }


.catalog-topnav .filter-content .item a input[type="checkbox"] { margin: 0; padding: 0; position: absolute; top: 0; left: 0; z-index: 1; opacity: 1; width: 100%; height: 100%; z-index: 1; -webkit-appearance: none; cursor: pointer; }
.catalog-topnav .filter-content .item a input[type="checkbox"] + span.label { position: relative; padding-left: 22px; cursor: pointer; font-size: 14px !important; color: #666666; }
.catalog-topnav .filter-content .item a input[type="checkbox"] + span.label:after { content:''; position: absolute; top: 3px; left: 0; width: 15px; height: 15px; display: block; border: solid 1px #dddddd; }
.catalog-topnav .filter-content .item a input[type="checkbox"] + span.label:before { content:''; position: absolute; top: 3px; left: 0; width: 15px; height: 15px; display: block; background: url(../../frontend/Hydac/nztheme/en_NZ/images/checkbox-check.svg) no-repeat center center; background-size: 12px; opacity: 0; visibility: hidden; }
.catalog-topnav .filter-content .item a input[type="checkbox"]:checked + span.label:before { opacity: 1; visibility: visible; }

/*filter checkbox*/
.filter-options .-am-multiselect a { position: relative; overflow: hidden; }
.filter-options .-am-multiselect a input[type="checkbox"] { margin: 0; padding: 0; position: absolute; top: 0; left: 0; z-index: 1; opacity: 1; width: 100%; height: 100%; z-index: 2; -webkit-appearance: none; cursor: pointer; }
.filter-options .-am-multiselect a input[type="checkbox"] + span.label { position: relative; padding-left: 22px; cursor: pointer; font-size: 14px !important; color: #1c1d20; }
.filter-options .-am-multiselect a input[type="checkbox"] + span.label:after { content:''; position: absolute; top: 2px; left: 0; width: 15px; height: 15px; display: block; border: solid 1px #c7c7c7; background-color: #ffffff; }
.filter-options .-am-multiselect a input[type="checkbox"] + span.label:before { content:''; position: absolute; top: 2px; left: 0; width: 15px; height: 15px; display: block; background:#ffffff url(../../frontend/Hydac/nztheme/en_NZ/images/checkbox-check.svg) no-repeat center center; background-size: 12px; z-index: 1; border: solid 1px #c7c7c7; opacity: 0; visibility: hidden; }
.filter-options .-am-multiselect input[type="checkbox"]:checked + span.label:before { opacity: 1; visibility: visible; }
/*filter checkbox*/

/*filter Radio*/
.filter-options .-am-singleselect a { position: relative; overflow: hidden; }
.filter-options .-am-singleselect a input[type="radio"] { margin: 0; padding: 0; position: absolute; top: 0; left: 0; z-index: 1; opacity: 1; width: 100%; height: 100%; z-index: 2; -webkit-appearance: none; cursor: pointer; }
.filter-options .-am-singleselect a input[type="radio"] + span.label { position: relative; padding-left: 22px; cursor: pointer; font-size: 14px !important; color: #1c1d20; }
.filter-options .-am-singleselect a input[type="radio"] + span.label:after { content:''; position: absolute; top: 2px; left: 0; width: 15px; height: 15px; display: block; border: solid 1px #1c1d20; background-color: #ffffff; border-radius: 100px; }
.filter-options .-am-singleselect a input[type="radio"] + span.label:before { content:''; position: absolute; top: 5px; left: 3px; width: 9px; height: 9px; display: block; background:#1c1d20; z-index: 1; opacity: 0; visibility: hidden; border-radius: 100px; }
.filter-options .-am-singleselect input[type="radio"]:checked + span.label:before { opacity: 1; visibility: visible; }
/*filter Radio*/

.amscroll-loading-block { display: flex; height: 45px; background: #f5f5f5; justify-content: center; align-items: center; width: 100%; border-radius:100px; margin: 20px 0; }
.amscroll-loading-block .amscroll-loading-icon { margin-right: 10px; }
.amscroll-loading-block span.amscroll-text { font-size: 14px; text-transform: uppercase; font-weight: 700; color: #1c1d20; display: inline-block; }

.amscroll-load-button { display: inherit; height: 45px; background: #ed1c24 !important; justify-content: center; align-items: center; width: auto; border-radius:100px; margin: 20px auto; }
.amscroll-load-button .amscroll-loading-icon { margin-right: 10px; pointer-events: none; display: none; }
.amscroll-load-button span.amscroll-text { font-size: 14px; text-transform: uppercase; font-weight: 700; color: #ffffff; display: inline-block; pointer-events: none; }

.amscroll-page-num.-amscroll-button { font-size: 16px; color: #000000; font-weight: bold; margin: 0 0 10px; }

@media (max-width:1199px) {
    .catalog-topnav.amasty-catalog-topnav { left: 0; }
}

@media (max-width:767px) {
    .toolbar-top { margin: 0 0 10px; }
    .toolbar-top .toolbar select { width: 160px; }
}

@media (max-width:499px) {
.catalog-topnav.amasty-catalog-topnav { position: static; width: 100%; margin: 0 0 6px; }
.catalog-topnav .filter-content .item a { width: 100%; }
    
.toolbar-top .toolbar .sorter-label { display: block; margin: 0 0 5px; }  
.toolbar-top .toolbar select { width: 100%; margin: 0; }
.toolbar-top .sorter { float: none; }
#amasty-shopby-product-list .toolbar-top { border-top: 0; }
}

/*toolbar*/

/*Pagination*/
.pages>.label { display: none; }
.pages .items { font-size: 0; line-height: 0; white-space: nowrap; margin: 0; padding: 0; list-style: none none; display: inline-block; font-weight: 400; }
.pages .item { font-size: 16px; letter-spacing: normal; margin:0; display: inline-block; padding: 0 8px 10px; border-bottom: 1px solid #e1e1e1; line-height: normal; }
.pages .item .label { display: none; }
.pages a.page { color: #666666; font-weight: 400; display: inline-block; padding: 0 4px; text-decoration: none; position: relative; }
.pages a.page:hover { color: #006bb4; text-decoration: none; }
.pages strong.page { padding: 0 4px; font-weight: 700; color: #1c1d20; position: relative; }

.pages strong.page:before,
.pages a.page:before { content:""; width: 0px; height: 2px; background-color: #ed1c24; position: absolute; left: 0; bottom: -12px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
.pages a.page:hover:before,
.pages .item.current strong.page:before{ width: 100%; }
.pages .item:first-child { padding-left: 0 !important; }
.pages .item:last-child { padding-right: 0 !important; }
.pages .item.pages-item-next { border: 0; padding: 0 0 10px; }
.pages .item.pages-item-previous { border: 0; padding: 0 0 10px; }
.pages .action { display: inline-block; padding: 0 8px; text-decoration: none; }
.pages .action:hover { text-decoration: none; }
.pages .action.next { display: inline-block; text-decoration: none; }
.pages .action.next>span,
.pages .action.previous>span { display: none; }
.pages .action.next:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: inherit; color: #1c1d20; content: '\e608'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: 700; overflow: hidden; speak: none; text-align: center; position: relative; top: 1px; }
.pages .action.next:hover:before { color: #ed1c24; }
.pages .action.previous { display: inline-block; text-decoration: none; }
.pages .action.previous:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: inherit; color: #1c1d20; content: '\e617'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: 700; overflow: hidden; speak: none; text-align: center; position: relative; top: 1px; }
.pages .action.previous:hover:before { color: #ed1c24; }

/*Pagination*/

/*filter*/
.filter.block { margin-bottom: 40px; }
.filter-title { display: none; }
.filter-content .item { margin: 10px 0; }
.filter-actions { margin-bottom: 30px; }
.filter.active .filter-options,
.filter-options { background: transparent; clear: both; display: block; overflow: initial; position: static; }
.filter-subtitle { display: block; position: static; }

.sidebar.sidebar-main .block-content.filter-content { border: 1px solid #dddddd; margin: 20px 0 0; }
.sidebar.sidebar-main .block-content.filter-content strong.block-subtitle { font-size: 16px; color: #ffffff; background: #ed1c24; padding: 0 10px 0 18px; height: 45px; margin: 0; display: flex; justify-content: flex-start; align-items: center; }


.sidebar.sidebar-main .block-content.filter-content .filter-options { padding:20px; }
.sidebar.sidebar-main .filter-options-title { cursor: pointer; margin: 0; overflow: hidden; padding: 10px 40px 0 10px; position: relative; word-break: break-all; z-index: 1; display: block; text-decoration: none; color: #666666; font-size: 14px; font-weight: 500; }
.sidebar.sidebar-main .block-content.filter-content .filter-options .filter-options-title { border-radius: 100px; -webkit-border-radius: 100px; border: 1px solid #e8e8e8; padding: 9px 40px 9px 20px; margin: 10px 0 0; white-space: nowrap; text-overflow: ellipsis; }
.sidebar.sidebar-main .filter-options-content { margin: 2px auto; width: 100%; padding: 5px 0; display: none; border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid #e8e8e8; background: #f5f5f5; overflow: hidden; }

.catalog-topnav .block-actions { display: none; }
.catalog-topnav .filter-title { display: none; }
.catalog-topnav .block-content.filter-content strong.block-subtitle { display: none; }
.catalog-topnav .filter-options { display:block; }
.catalog-topnav .filter-options-content { display: block !important; }
.catalog-topnav .filter-options-content input[type="checkbox"] { position: static; visibility: visible; margin: 0 5px 0 0; }


.filter.block { margin-bottom: 0; }
.filter-title strong { background-color: #f0f0f0; box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 0 rgba(204, 204, 204, 0.3); border: 1px solid #cccccc; border-radius: 3px; font-weight: 400; left: 0; line-height: 16px; padding: 7px 10px; position: absolute; text-align: center; top: 0; z-index: 2; }
.filter-title strong[data-count]:after { color: #ffffff; background: #ff5501; border-radius: 2px; content: attr(data-count); display: inline-block; font-size: .8em; line-height: 1; margin: 0 5px; min-width: 1em; padding: 2px; }
.filter-title strong.disabled { opacity: .5; }

.filter .block-subtitle { border-bottom: 1px solid #cccccc; font-size: 14px; font-weight: 600; line-height: 1em; padding: 10px 10px 20px; }
.filter-subtitle { display: none; }
.filter-current { margin: 0; }
.filter-current .items { padding: 5px 10px; }
.filter-current .item { padding-left: 17px; position: relative; z-index: 1; }
.filter .filter-current-subtitle { border: none; display: block; padding-bottom: 10px; }
.filter-actions {  padding:0; }
.filter-label { font-weight: 700; }
.filter-label:after { content: ': '; }
.filter-value { color: #1c1d20; font-size: 12px; padding:0 0 0 4px; font-weight: 600; }

.filter-options-title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; }
.filter-options-title:after { position: absolute; right: 13px; top: 12px; font-weight: bold; color: #000000; }
.filter-options-title:hover { color: #000000; }

.active>.filter-options-title:after { content: '\e621'; }
.active>.filter-options-content { display: block !important; }

.sidebar.sidebar-main .filter-options-content .item { margin:0; }
.sidebar.sidebar-main .filter-options-content a { color: #1c1d20; font-weight: 600; display: block; padding: 4px 10px; border-bottom: 1px solid #d0d0d0; font-size: 12px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.sidebar.sidebar-main .filter-options-content a:hover { background-color: #e8e8e8; text-decoration: none; }
.sidebar.sidebar-main .filter-options-content a:hover+.count { background-color: #e8e8e8; }
.sidebar.sidebar-main .filter-options-content .count { color: #ed1c24; font-weight: 600; padding-left: 2px; }
.sidebar.sidebar-main .filter-options-content .count:before { content: '('; }
.sidebar.sidebar-main .filter-options-content .count:after { content: ')'; }
.sidebar.sidebar-main .filter-options-content ol li:last-child a { border-bottom: 0; }

.sidebar.sidebar-main .filter-actions { margin-bottom: 25px; padding: 0 10px; text-align: right; }
.sidebar.sidebar-main .filter-actions a { background: #e2001a; color: #ffffff; cursor: pointer; display: inline-flex; padding: 0 20px; font-size: 14px; box-sizing: border-box; vertical-align: middle; height: 35px; border-radius: 50px; -webkit-border-radius: 50px; justify-content: center; align-items: center; font-weight: 600; }

.sidebar.sidebar-main .filter-current .items { padding: 15px 10px 16px; }
.sidebar.sidebar-main .filter-current .item { display: inline-block; padding-left: 17px; position: relative; z-index: 1; margin: 0 !important; border-bottom: 1px solid #dddddd; padding: 13px 25px 13px 0; width: 100%; }
.sidebar.sidebar-main .filter-current .action.remove { right: 2px; position: absolute; top: 13px; }
.filter-current .filter-label { font-size: 12px; color: #1c1d20; }

/*filter*/

/*Layout*/
.page-main { width: 100%; }
.columns { display: block; }
.column.main { min-height: 300px; }
.page-layout-1column .column.main { width: 100%; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
.page-layout-3columns .column.main { width: 58.33333333%; display: inline-block; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
.page-layout-2columns-left .column.main { width: 81.7%; float: right; padding: 0 0 0 32px; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
.page-layout-2columns-right .column.main { width: 79.16666667%; float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; }
.page-layout-3columns .sidebar-main { width: 20.83333333%; float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; }
.page-layout-2columns-left .sidebar-main { width: 18.3%; float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; }
.page-layout-2columns-right .sidebar-main { width: 20.83333333%; float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; }
.page-layout-2columns-right .sidebar-main { padding-left: 2%; padding-right: 0; }
.sidebar-additional { clear: right; padding-left: 2%; }
.page-layout-3columns .sidebar-additional { width: 20.83333333%; float: right; -ms-flex-order: 3; -webkit-order: 3; order: 3; }
.page-layout-2columns-left .sidebar-additional { width: 20.83333333%; float: right; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
.page-layout-2columns-right .sidebar-additional { width: 20.83333333%; float: right; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
.page-layout-2columns-left .main { padding-left: 2%; }
.page-layout-2columns-left .sidebar-additional { clear: left; float: left; padding-left: 0; }
/*Layout*/
.category-featured-products .sidebar-main .c-sidebar.c-sidebar--categories {display: none;}

.sidebar.sidebar-main .o-list { list-style: none; margin: 0; padding: 0; }
.sidebar.sidebar-main h3 { font-size: 16px; color: #ffffff; background: #ed1c24; padding: 0 10px 0 18px; height: 45px; margin: 0; display: flex; justify-content: flex-start; align-items: center; }

.c-sidebar > .o-list { padding: 0; list-style: none; border: 1px solid #dddddd; border-bottom: 0; }
.c-sidebar > .o-list > li.level0 { margin: 0; padding: 0; position: relative; }
.c-sidebar > .o-list > li.level0 > a { display: block; font-size: 14px; color: #1c1d20; font-weight: 600; padding: 11px 45px 11px 18px; border-bottom: 1px solid #dddddd; } 
.no-touch .c-sidebar > .o-list > li.level0 > a:hover,
.c-sidebar > .o-list > li.level0.active > a { color: #ed1c24; }
.c-sidebar > .o-list > li.level0 > span.expand { width: 42px; height:42px; position: absolute; right: 0; top: 0; background: url(../../frontend/Hydac/nztheme/en_NZ/images/down-arrow.svg) no-repeat center center; cursor: pointer; }
.c-sidebar > .o-list > li.level0.active>span.expand { background: url(../../frontend/Hydac/nztheme/en_NZ/images/up-arrow.svg) no-repeat center center; }

.c-sidebar li.level0 .o-list { padding: 10px 18px; border-bottom: 1px solid #dddddd; display:none; }
.c-sidebar li.level0 .o-list li { margin:0; padding: 0; }
.c-sidebar li.level0 .o-list li a { display: block; padding:4px 0; font-size: 13px; font-weight: 400; color: #1c1d20; }
.no-touch .c-sidebar li.level0 .o-list li a:hover,
.c-sidebar li.level0 .o-list li.active > a,
.c-sidebar li.level2 .o-list li.active > a { color: #ed1c24; }

.c-sidebar li.level1 .o-list { border: 0; padding: 0 15px; }
.c-sidebar li.level1 .o-list li a { color: #1c1d20; font-size: 12px; }

.c-sidebar > .o-list li > span.expand i, 
.c-sidebar > .o-list li > span.expanded i { display: none; }
.c-sidebar .o-list li.active ul { display: block; }


.c-sidebar > .o-list > .o-list { padding: 0; list-style: none; border-bottom: 0; }
.c-sidebar > .o-list > .o-list > li.level1 { margin: 0; padding: 0; position: relative; }
.c-sidebar > .o-list > .o-list > li.level1 > a { display: block; font-size: 14px; color: #1c1d20; font-weight: 600; padding: 11px 18px 11px 18px; border-bottom: 1px solid #dddddd; } 
.no-touch .c-sidebar > .o-list > .o-list > li.level1 > a:hover,
.c-sidebar > .o-list > .o-list > li.level1.active > a { color: #ed1c24; }
.c-sidebar > .o-list > .o-list > li.level1 > span.expand { width: 42px; height:42px; position: absolute; right: 0; top: 0; background: url(../../frontend/Hydac/nztheme/en_NZ/images/down-arrow.svg) no-repeat center center; cursor: pointer; }
.c-sidebar > .o-list > .o-list > li.level1.active>span.expand { background: url(../../frontend/Hydac/nztheme/en_NZ/images/up-arrow.svg) no-repeat center center; }


.view-sidebar-link-wrapper { display: none; padding: 0 15px; margin: 0 0 20px; }
.view-sidebar-link-wrapper > div { padding: 0; }
.view-sidebar-link-wrapper .view-sidebar-link-wrapper span { background-image: none; background: #fff url(../../frontend/Hydac/nztheme/en_NZ/images/list-icon.svg) 13px center no-repeat; background-size: 25px; border: 2px solid var(--hyd-red); color: var(--hyd-red); cursor: pointer; display: inline-block; padding: 0 25px 0 50px; font-size: 14px; vertical-align: middle; text-transform: uppercase; height: 40px; line-height:36px; border-radius: 50px; font-weight: 600; }


body.page-layout-2columns-left .page-main:after { position: fixed; top: 0; left: -290px; width: 35px; height: 35px; background: var(--hyd-red); display: block; content: ""; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; z-index: 99; border-bottom-right-radius: 12px; line-height: 33px; box-sizing: border-box; cursor: pointer; opacity: 0; visibility: hidden; background: url(../../frontend/Hydac/nztheme/en_NZ/images/plus.svg) center center no-repeat;  transform: rotate(134deg); -webkit-transform: rotate(134deg); display: none; }

body.page-layout-2columns-left .page-wrapper:before { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.9); display: block; content: ""; z-index: 99; opacity: 0; visibility: hidden; transition: all .5s ease; }
body.page-print.page-layout-1column .page-wrapper:before, body.page-print.page-layout-1column.nav-open .nav-toggle:after {display: none;}

@media (max-width:1199px) {
    .view-sidebar-link-wrapper { display: block; }
    body.page-layout-2columns-left.sidebar-open { overflow: hidden; }
    body.page-layout-2columns-left.sidebar-open .page-header { z-index: 1; }
    body.page-layout-2columns-left.sidebar-open .page-main:after { left: 290px; display: block; visibility: visible; opacity: 1; }
    body.page-layout-2columns-left.sidebar-open .page-wrapper:before { transform: translateX(290px); -o-transform: translateX(290px); -webkit-transform: translateX(290px); opacity: 1; visibility: visible; }
    body.page-layout-2columns-left.sidebar-open .cms-title-breadcrumb { z-index: 1; }
    body.page-layout-2columns-left.sidebar-open #tidio-chat { display: none; }
    
    .page-layout-2columns-left .sidebar.sidebar-main { width: 290px !important; padding-right: 0 !important; max-width: 290px; position: fixed; top: 0; left: -290px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; z-index: 99; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; overflow-x: hidden; background: #fff; }
    .page-layout-2columns-left.sidebar-open .sidebar.sidebar-main { left: 0; }
    
    .page-layout-2columns-left .column.main { float: none; width: 100%; padding: 0; }
}

/*===== layout =====*/

/*===== Model =====*/
body._has-modal { height: 100%; overflow: hidden; width: 100%; }
.modals-overlay { z-index: 899; }
.modal-slide,
.modal-popup { bottom: 0; left: 0; min-width: 0; position: fixed; right: 0; top: 0; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s .3s, opacity .3s ease; transition: visibility 0s .3s, opacity .3s ease; }
.modal-slide._show,
.modal-popup._show { visibility: visible; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; }
.modal-slide._show .modal-inner-wrap,
.modal-popup._show .modal-inner-wrap { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.modal-slide .modal-inner-wrap,
.modal-popup .modal-inner-wrap { background-color: #ffffff; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto; }
.modal-slide { left: 44px; z-index: 900; }
.modal-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); }
.modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; width: auto; }
.modal-slide._inner-scroll .modal-inner-wrap { overflow-y: visible; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.modal-slide._inner-scroll .modal-header,
.modal-slide._inner-scroll .modal-footer { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; }
.modal-slide._inner-scroll .modal-content { overflow-y: auto; }
.modal-slide._inner-scroll .modal-footer { margin-top: auto; }
.modal-slide .modal-header,
.modal-slide .modal-content,
.modal-slide .modal-footer { padding: 0 2.6rem 2.6rem; }
.modal-slide .modal-header { padding-bottom: 2.1rem; padding-top: 2.1rem; }
.modal-popup { z-index: 900; left: 0; overflow-y: auto; }
.modal-popup.confirm .modal-inner-wrap { max-width: 50rem; }
.modal-popup._show .modal-inner-wrap { -webkit-transform: translateY(0); transform: translateY(0); }
.modal-popup .modal-inner-wrap { margin: 5rem auto; width: 75%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; height: auto; left: 0; position: absolute; right: 0; -webkit-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: -webkit-transform 0.2s ease; transition: transform .2s ease; }
.modal-popup._inner-scroll { overflow-y: visible; }
.ie11 .modal-popup._inner-scroll { overflow-y: auto; }
.modal-popup._inner-scroll .modal-inner-wrap { max-height: 90%; }
.ie11 .modal-popup._inner-scroll .modal-inner-wrap { max-height: none; }
.modal-popup._inner-scroll .modal-content { overflow-y: auto; }
.modal-popup .modal-header,
.modal-popup .modal-content,
.modal-popup .modal-footer { padding-left: 20px; padding-right: 20px; }
.modal-popup .modal-header,
.modal-popup .modal-footer { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; }
.modal-popup .modal-header { padding: 15px 55px 15px 15px; background: #ed1c24; position: relative; }
.modal-popup .modal-footer { margin-top: auto; padding-bottom: 15px; padding-top: 15px; }
.modal-popup .modal-footer-actions { text-align: right; }
.modal-custom .action-close,
.modal-popup .action-close,
.modal-slide .action-close { border-radius: 0; height: 50px; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; display: inline-block; text-decoration: none; position: absolute; right: 0; top: 0; box-sizing: border-box; }

.no-touch .modal-popup.confirm .modal-footer .action-dismiss:hover,
.no-touch .modal-custom .action-close:hover,
.no-touch .modal-popup .action-close:hover,
.no-touch .modal-slide .action-close:hover { background: #000000; color: #ffffff; }

.modal-slide .modal-content { padding:20px 15px; }

.modal-popup.confirm .modal-inner-wrap {max-width: 425px; }
.modal-popup.confirm .modal-content { padding:20px 15px; }
.modal-popup.confirm .modal-header {background: #ffffff; padding: 0; }
.modal-popup.confirm.multi-qty-msg-popup .modal-header { padding: 15px 55px 15px 15px; background: #ed1c24; }
.modal-popup.confirm.multi-qty-msg-popup .modal-header .modal-title { color: #ffffff; }
.modal-popup.confirm .modal-footer { text-align: center; }
.modal-popup.confirm .action-close { padding: 0; width: 40px; height: 40px; background: #000000; text-align: center; line-height: 40px; border-radius: 0; top: -20px; right: -20px; position: absolute; }
.modal-popup.confirm .modal-footer .action-dismiss { background: #808080; }
.no-touch .modal-popup.confirm .action-close:hover { background: #ddd; }
.modal-popup.confirm .action-close:before { line-height: 40px; color: #ffffff; }

.modal-custom .action-close.disabled,
.modal-popup .action-close.disabled,
.modal-slide .action-close.disabled,
.modal-custom .action-close[disabled],
.modal-popup .action-close[disabled],
.modal-slide .action-close[disabled],
fieldset[disabled] .modal-custom .action-close,
fieldset[disabled] .modal-popup .action-close,
fieldset[disabled] .modal-slide .action-close { pointer-events: none; opacity: 0.5; }
.modal-custom .action-close>span,
.modal-popup .action-close>span,
.modal-slide .action-close>span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.modal-custom .action-close:before,
.modal-popup .action-close:before,
.modal-slide .action-close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 14px; color: #757575; content: '\e616'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; }
.modal-custom .action-close:hover:before,
.modal-popup .action-close:hover:before,
.modal-slide .action-close:hover:before { color: inherit; }
.modal-custom .action-close:active:before,
.modal-popup .action-close:active:before,
.modal-slide .action-close:active:before { color: inherit; }
.modal-custom .action-close:hover:before,
.modal-popup .action-close:hover:before,
.modal-slide .action-close:hover:before { color: #1a1a1a; }
.modal-custom .action-close { margin: 15px; }
.modal-popup { pointer-events: none; }
.modal-popup .modal-title { font-weight: 700; padding: 0; font-size: 18px; margin: 0; word-wrap: break-word; color: #ffffff; }
.modal-popup .action-close { padding: 20px; }

.modal-slide .action-close { margin: 0; padding: 0; width: 50px; height: 50px; background: #ed1c24; border-radius: 0; }

.no-touch .modal-slide .action-close:hover { background: #1c1d20; }
.no-touch .modal-popup._show.amgdprcookie-bar-container  .action-close:hover:before { color: #ffffff; }

.modal-slide .action-close:before { color: #ffffff !important; position: relative; top: 3px; left: 1px; }
.modal-slide .page-main-actions { margin-bottom: -12.9rem; margin-top: 2.1rem; }
.modals-overlay { background-color: rgba(51, 51, 51, 0.55); bottom: 0; left: 0; position: fixed; right: 0; top: 0; }
body._has-modal-custom .modal-custom-overlay { height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 899; }
/*===== Model =====*/

/*===== Page Messages =====*/
.message.info { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #fdf0d5; color: #6f4400; padding-left: 45px; position: relative; }
.message.info a { color: #006bb4; }
.message.info a:hover { color: #006bb4; }
.message.info a:active { color: #006bb4; }
.message.info>*:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 24px; color: #c07600; content: '\e602'; font-family: 'luma-icons'; margin: -12px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 22px; width: 45px; position: absolute; text-align: center; }
.message.error { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #fae5e5; color: #e02b27; padding-left: 45px; position: relative; }
.message.error a { color: #006bb4; }
.message.error a:hover { color: #006bb4; }
.message.error a:active { color: #006bb4; }
.message.error>*:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 24px; color: #b30000; content: '\e61f'; font-family: 'luma-icons'; margin: -12px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 22px; width: 45px; position: absolute; text-align: center; }
.message.warning { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #fdf0d5; color: #6f4400; padding-left: 45px; position: relative; }
.message.warning a { color: #006bb4; }
.message.warning a:hover { color: #006bb4; }
.message.warning a:active { color: #006bb4; }
.message.warning>*:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 24px; color: #c07600; content: '\e602'; font-family: 'luma-icons'; margin: -12px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 22px; width: 45px; position: absolute; text-align: center; }
.message.notice { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #fdf0d5; color: #6f4400; padding-left: 45px; position: relative; }
.message.notice a { color: #006bb4; }
.message.notice a:hover { color: #006bb4; }
.message.notice a:active { color: #006bb4; }
.message.notice>*:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 24px; color: #c07600; content: '\e602'; font-family: 'luma-icons'; margin: -12px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 22px; width: 45px; position: absolute; text-align: center; }
.message.success { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #e5efe5; color: #006400; padding-left: 45px; position: relative; }
.message.success a { color: #006bb4; }
.message.success a:hover { color: #006bb4; }
.message.success a:active { color: #006bb4; }
.message.success>*:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 24px; color: #006400; content: '\e60e'; font-family: 'luma-icons'; margin: -12px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 22px; width: 45px; position: absolute; text-align: center; }



.message.global p { margin: 0; }
.message.global.noscript, .message.global.cookie { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #ed1c24; border-color: #ed1c24; color: #ffffff; margin: 0; text-align: center; }
.message.global.noscript a,
.message.global.cookie a { color: #ffffff; }
.message.global.noscript a:hover,
.message.global.cookie a:hover { color: #1c1d20; }
.message.global.cookie { bottom: 0; left: 0; position: fixed; right: 0; z-index: 3; }
.message.global.cookie .actions { margin-top: 10px; }
.message.global.demo { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #ff0101; border-color: none; color: #ffffff; margin-bottom: 0; text-align: center; }
.message.global.demo a { color: #006bb4; }
.message.global.demo a:hover { color: #006bb4; }
.message.global.demo a:active { color: #ff5501; }

.catalogsearch-result-index .message.notice { margin: 15px 0; } 
/*===== Page Messages =====*/

/* === button === */
a.action.primary { display: inline-flex; justify-content: center; align-items: center; text-decoration: none; padding: 0 36px; }
a.action.primary:hover,
a.action.primary:active { text-decoration: none; }
.action.primary,
.action-primary { background-image: none; background: #ed1c24; border: none; color: #ffffff; cursor: pointer; display: inline-flex; justify-content: center; align-items: center; font-weight: 700; padding: 0 36px; font-size: 14px; text-transform: uppercase; vertical-align: middle; border-radius: 50px; -webkit-border-radius: 50px; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; text-align: center; height: 45px; white-space: nowrap; }
.action.primary:active,
.action-primary:active { background: #1c1d20; border: none; color: #ffffff; }
.no-touch .action.primary:hover,
.no-touch .action-primary:hover { background: #1c1d20; border: none; color: #ffffff; }
.action.primary.disabled,
.action-primary.disabled,
.action.primary[disabled],
.action-primary[disabled],
fieldset[disabled] .action.primary,
fieldset[disabled] .action-primary { opacity: 0.5; cursor: default; pointer-events: none; }
button,
a.action.primary { box-shadow: none; outline: none; }

.action.btn { background-image: none; background: #ed1c24; border: none; color: #ffffff; cursor: pointer; display: inline-flex; justify-content: center; align-items: center; font-weight: 700; padding: 0 36px; font-size: 14px; text-transform: uppercase; vertical-align: middle; border-radius: 50px; -webkit-border-radius: 50px; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; text-align: center; height: 45px; }
.no-touch .action.btn:hover { background: #1c1d20; border: none; color: #ffffff; }

.actions-toolbar a.action.back { background-image: none; background: #1c1d20; border: none; color: #ffffff; cursor: pointer; display: inline-flex; justify-content: center; align-items: center; font-weight: 700; padding: 0 22px; font-size: 14px; text-transform: uppercase; vertical-align: middle; border-radius: 50px; -webkit-border-radius: 50px; text-align: center; height: 45px; }
.no-touch .actions-toolbar a.action.back:hover { background: #ed1c24; color: #ffffff; }


button { background-image: none; background: #ed1c24; border: none; color: #ffffff; cursor: pointer; display: inline-flex; justify-content: center; align-items: center; font-weight: 700; padding: 0 36px; font-size: 14px; text-transform: uppercase; vertical-align: middle; border-radius: 50px; -webkit-border-radius: 50px; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; text-align: center; height: 45px; font-family: Arial, sans-serif; }
button:active { background: #1c1d20; color: #ffffff; }
button:hover { background: #1c1d20; color: #ffffff; }
button.disabled,
button[disabled],
fieldset[disabled] button { opacity: 0.5; cursor: default; pointer-events: none; }
button::-moz-focus-inner { border: 0; padding: 0; }

.download-pdf a svg { margin-right: 7px; }
.download-pdf a svg path { fill:#ffffff; }

@media (max-width:767px) { 
    .action.primary,
    .action-primary,
    a.action.primary,
    .action.btn,
    .actions-toolbar a.action.back { height: 35px; padding: 0 22px; }    
    
    button { height: 35px; padding: 0 22px; } 
}
/* === button === */
/*======================================================================================================================*/

/* === Tab === */

@media (max-width: 767px) {
.product.data.items { margin: 0; padding: 0; margin-bottom: 20px; }
.product.data.items>.item.title { box-sizing: border-box; float: none; width: 100%; }
.product.data.items>.item.title>.switch { display: block; }
.product.data.items>.item.content { box-sizing: border-box; display: block; float: none; margin: 0; }
.product.data.items>.item.content:before,
.product.data.items>.item.content:after { content: ''; display: table; }
.product.data.items>.item.content:after { clear: both; }
.product.data.items>.item.content.active { display: block; }
.product.data.items>.item.title { margin: 0; }

.product.data.items>.item.title>a.data { height: 45px; padding: 1px 40px 1px 10px; font-weight: 600; line-height: 40px; font-size: 16px; font-weight: 600; text-decoration: none; background: #f5f5f5; color: #1c1d20; border-bottom: 2px solid #ffffff; display: block; }
.product.data.items>.item.title:not(.disabled)>a.data:active,
.product.data.items>.item.title.active>a.data  { background: #ed1c24; color: #ffffff; text-decoration: none; padding-bottom: 1px; }

.product.data.items>.item.content { background: #ffffff; margin: 0; padding: 10px 0 20px; }
.product.data.items .item.title a { position: relative; text-decoration: none; }
.product.data.items .item.title a:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; font-weight: bold; }
.product.data.items .item.title a:after { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
.product.data.items .item.title.active a:after { content: '\e621'; }
.product.data.items .value p:last-child { margin-bottom: 0; }
.product.data.items .table-wrapper { margin: 0; }
}

@media (min-width: 768px) {
    
.product.data.items { position: relative; z-index: 1; border-bottom: 0; margin-left: 0; margin-right: 0; }
.product.data.items:before,
.product.data.items:after { content: ''; display: table; }
.product.data.items:after { clear: both; }
.product.data.items > .item.title { float: left; width: auto; }
.product.data.items > .item.title > .switch { height: 20px; display: block; position: relative; z-index: 2; }
.product.data.items > .item.content { margin-top: 20px; box-sizing: border-box; float: right; margin-left: -100%; width: 100%; }
.product.data.items > .item.content:before,
.product.data.items > .item.content:after { content: ''; display: table; }
.product.data.items > .item.content:after { clear: both; }
.product.data.items > .item.content.active { display: block; }
.product.data.items > .item.title { margin: 0; }
    
.product.data.items > .item.title > a.data { font-weight: 400; line-height: 30px; font-size: 20px; color: #666666; text-decoration: none; height: 30px; padding:0; margin:0 75px 0 0; position: relative; display: inline-block; min-height: 30px;}
.product.data.items > .item.title > a.data:hover { color: #1c1d20; text-decoration: none; }
.product.data.items > .item.title > a.data:before { content: ""; position: absolute; left: 0; bottom: -3px; background: #ed1c24; width: 0px; height: 2px; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; visibility: hidden; } 
.no-touch .product.data.items > .item.title > a.data:hover:before,
.product.data.items > .item.title.active > a.data:before{ width: 100%; opacity: 1; visibility: visible; }
.no-touch .product.data.items > .item.title:not(.disabled) > a.data:hover { color: #000000; }
.product.data.items > .item.title:not(.disabled) > a.data:active,
.product.data.items > .item.title.active > a.data { text-decoration: none; font-weight: 700; }
    
.product.data.items > .item.content { background: #ffffff; margin-top: 31px; padding: 28px 0 28px 0; border-top: 1px solid #dddddd; display: none; }
.product.data.items > .data.item.title.active + .data.item.content { display: block; }
.product.data.items .item.title a:after { display: none; }
    
.touch .product.data.items > .item.title > a.data { margin: 0 30px 0 0; } 
    
}


@media screen and (min-device-width: 768px) and (max-device-width: 1200px) { 
    .product.data.items > .item.title > a.data { font-size: 16px; margin: 0 30px 0 0; }
}
/* === Tab === */

/* Owl CSS */
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev { width: 28px; height: 28px; position: absolute; top: 50%; transform: translateY(-50%); }
.owl-carousel .owl-nav button.owl-prev { left: 0; }
.owl-carousel .owl-nav button.owl-next { right: 0; }
.owl-carousel .owl-nav button.disabled { opacity: 0.5; cursor: default; pointer-events: none; }
.owl-carousel .owl-nav button.owl-next span,
.owl-carousel .owl-nav button.owl-prev span { display: none; }
.owl-carousel .owl-nav button.owl-next:before,
.owl-carousel .owl-nav button.owl-prev:before { content: ''; width: 17px; height: 28px; display: inline-block; }
.owl-carousel .owl-nav button.owl-prev:before { background: url(../../frontend/Hydac/nztheme/en_NZ/images/arrow.svg) no-repeat; background-size: contain; transform: rotate(180deg); }
.owl-carousel .owl-nav button.owl-next:before { background: url(../../frontend/Hydac/nztheme/en_NZ/images/arrow.svg) no-repeat; background-size: contain; }
.no-touch .owl-carousel .owl-nav button.owl-prev:hover:before { background: url(../../frontend/Hydac/nztheme/en_NZ/images/arrow-red.svg) no-repeat; background-size: contain; }
.no-touch .owl-carousel .owl-nav button.owl-next:hover:before { background: url(../../frontend/Hydac/nztheme/en_NZ/images/arrow-red.svg) no-repeat; background-size: contain; }

.owl-carousel .owl-dots { margin:25px auto 0; font-size: 0; line-height: 0; text-align: center; }
.owl-carousel .owl-dots .owl-dot { width: 30px; height: 5px; border-radius: 100px; background: #d6d6d6; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; margin: 0 5px; display: inline-block; }
.owl-carousel .owl-dots .owl-dot.active { background: #ed1c24; }
.owl-carousel .owl-dots .owl-dot span { display: none; }


@media (min-width: 1560px) {
.owl-carousel .owl-nav button.owl-next { right: -60px; }
.owl-carousel .owl-nav button.owl-prev { left: -60px; }
}
/**/

/*select dropdown*/
.select2-dropdown { z-index: 6 !important; }  
.select2-container { /*width: 100% !important;*/ }
span.select2 { width: 100% !important; }
span.select2-selection { height: 45px !important; border-radius: 50px !important; -webkit-border-radius: 50px !important; border: 1px solid #b8b9bb !important; }
span.select2-selection__rendered { height: 45px; line-height: 45px !important; padding: 0 35px 0 20px !important; color: #666666 !important; font-size: 14px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 45px !important; width: 34px !important; background-image: url(../../frontend/Hydac/nztheme/en_NZ/images/down-arrow.svg) !important; background-repeat: no-repeat; background-position: left center; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow { background-image: url(../../frontend/Hydac/nztheme/en_NZ/images/up-arrow.svg) !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; }
.select2-results { background: #ffffff; border: 1px solid #b8b9bb; margin-top: -1px; overflow: auto !important; }
.select2-results ul li { border-bottom: 1px dotted #ccc; }
.select2-results ul li:last-child { border-bottom: 0; }
.select2-dropdown { background: none !important; border: 0 !important; padding: 0 15px; padding-top: 1px; }
.select2-results ul li { margin: 0 !important; }

.select2-container--default .select2-results__option--highlighted[aria-selected], 
.select2-container--default .select2-results__option[aria-selected=true] { background-color: #ed1c24 !important; color: #fff !important; }

.select2-search--dropdown { padding: 10px !important; background-color: #ccc; }
input.select2-search__field { height: 36px; padding: 0 15px !important; }
div.mage-error + span.select2 span.select2-selection { border: 1px solid #ed1c24 !important; }
.field.country div.mage-error[generated] { position: absolute; left: 0; top: 100%; width: auto; }
.select2-container .select2-selection--single .select2-selection__rendered { white-space:inherit !important; }

.contactus-index-index .form.contact span.select2-selection__rendered:after { content:"*"; color: #ed1c24; }
.contactus-index-index .form.contact .select2-container--above span.select2-selection__rendered:after,
.contactus-index-index .form.contact .select2-container--below span.select2-selection__rendered:after{ display: none; }
.contactus-index-index .field.region div.mage-error { position: absolute; bottom: -19px; z-index: 1; left: 0; }
/*select dropdown*/


/*innerbanner title*/
.inner-main-banner { overflow: hidden; position: relative; height: 250px; margin: 0 0 40px; background-color: #6e716e; }
.inner-main-banner .category-image { position: relative; margin: 0; }
.inner-main-banner .category-image img { max-width: inherit; width: auto; min-width: 100%; position: relative; left: 50%; transform: translateX(-50%); }
.inner-main-banner .category-image:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.5); z-index: 1; }
.cms-title-breadcrumb { position: absolute; width: 100%; text-align: center; padding: 0 10px; top: 50%; z-index: 2; transform: translateY(-50%); }
.category-training .cms-title-breadcrumb { z-index: 1; }
.cms-title-breadcrumb .page-title { font-size: 40px; font-weight: 700; margin: 0 0 15px; color: var(--hyd-white); }
.cms-title-breadcrumb .breadcrumbs .items,
.cms-title-breadcrumb .breadcrumbs a { color: var(--hyd-white); }
.cms-title-breadcrumb .breadcrumbs a:hover { color: var(--hyd-white); text-decoration: underline; }
.cms-title-breadcrumb .breadcrumbs a:active { color: var(--hyd-white); text-decoration: none; }
.inner-main-banner .breadcrumbs { border: none; padding: 0; margin: 0; }

.breadcrumbs .items { font-size: 12px; color: #666666; margin: 0; padding: 0; list-style: none none; }
.breadcrumbs .items>li { display: inline-block; vertical-align: top; }
.breadcrumbs .item { margin: 0; padding: 0; background: none; }
.breadcrumbs a { color: #666666; text-decoration: none; }
.breadcrumbs a:hover { color: var(--hyd-red); text-decoration: underline; }
.breadcrumbs a:active { color: var(--hyd-red); text-decoration: none; }
.breadcrumbs strong { font-weight: 400; }
.breadcrumbs .item:not(:last-child) { display: inline-block; text-decoration: none; }
.breadcrumbs .item:not(:last-child):after { content: '/'; margin: 0 3px; }

.breadcrumbs { border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 13px 0; text-align: center; margin: 0; }

@media (max-width: 1299px) {
.inner-main-banner { margin: 0 0 40px; }
}
@media (max-width: 1023px) {
.cms-title-breadcrumb .page-title { font-size: 30px; }
}
@media (max-width: 767px) {
.cms-title-breadcrumb .page-title { font-size: 22px; margin: 0; }
.cms-title-breadcrumb .breadcrumbs { display: none; }
.inner-main-banner { margin: 0 0 30px; height: 200px; }    
.breadcrumbs { display: none; }
}
/*innerbanner title*/

/* == Product Grid == */
.homevideo-main-section {padding: 0px 0 54px;}
.homevideo-date-info-box { padding: 15px;}
.homevideo-box-item-inner { position: relative; border-radius: 6px; background-color: #ffffff; border: 1px solid #dddddd; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.homevideo-box-item .homevideo-date-info-box .homevideo-info .homevideo-title { color: #1c1d20;font-size: 18px;font-weight: 700;line-height:24px;display: block;height: 46px;margin: 0 0 10px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; display: -webkit-box;}
.homevideo-box-item .homevideo-date-info-box .date_box .homevideo_date { color: #666666; font-size: 12px; font-weight: 500; display: inline-block; }

.owl-carousel > .product-item { width: 100% !important; margin: 0 !important; }
.no-touch .owl-item .product-item-info { margin: 20px 0; }

.product-item-info { position: relative; height: 100%; border: 1px solid #dddddd; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.no-touch .product-item-info:hover{ -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}
.product-item-info .product-item-details { text-align: center; padding: 20px 5px; }
.product-item-info .product-item-name { display: block; height: 42px; overflow: hidden; margin: 0 0 12px; }
.product-item-info .product-item-name .product-item-link { color: #1c1d20; font-size: 14px; font-weight: 500; line-height:20px; padding: 0 10px; display: block; }
.product-item-info .product-item-photo { display: block; text-align: center; line-height: 0; position: relative; }

.product-item-info .product-item-photo:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; z-index: 2; opacity: 0; visibility: hidden; background:rgba(255,255,255,0.6) center / 50px no-repeat; }
/* .product-item-info .product-item-photo:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; z-index: 2; opacity: 0; visibility: hidden; background:rgba(255,255,255,0.6) url(../../frontend/Hydac/nztheme/en_NZ/images/cart-icon.png) center / 50px no-repeat; } */
.no-touch .product-item-info:hover .product-item-photo:before { opacity: 1; visibility: visible; } 

.product-item-info .product-item-details .price-box { margin: 0 0 15px; min-height: 29px; }
.product-item-info .product-item-details .price-box .old-price .price-label { display: none; }
.product-item-info .product-item-details .price-box .special-price .price-label { font-size: 14px; font-weight: 400; color: #666666; }
/*.product-item-info .product-item-details .price-box .special-price .price-label {display: none;}*/
.catalog-product-view-subscription .product-item-details .price-box .normal-price .price,
.categorypath-products-subscriptions #amasty-shopby-product-list .product-item-info .product-item-details .price-box .price-container .price,
.product-item-info .product-item-details .price-box .special-price .price { font-size: 20px; font-weight: 700; color: #ed1c24; }
.catalog-product-view-subscription .product-item-details .price-box .old-price .price,
.categorypath-products-subscriptions #amasty-shopby-product-list .product-item-info .product-item-details .price-box .old-price .price,
.product-item-info .product-item-details .price-box .old-price .price { font-size: 12px; font-weight: 700; color: #666666; text-decoration: line-through; }
.product-item-info .product-item-details .price-box .price-poa-content span.price { display: none; }
.product-item-info .product-item-details .price-box .old-price.subcription-price .price-label { display: inline-block; }

.product-image-container { display: inline-block; max-width: 100%; }
.product-image-wrapper { display: block; height: 0; overflow: hidden; position: relative; z-index: 1; padding-bottom: 100%; }
.product-image-photo { bottom: 0; display: block; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: auto; }

.product-item-info .product-item-inner { padding:0 15px; }
.product-item-info .product-item-inner button.action { height: 45px; padding:0 10px; display: flex; align-items: center; justify-content: center; background: #f5f5f5; font-size: 14px; color: #1c1d20; text-transform: uppercase; width: 100%; }
.product-item-info .product-item-inner button.action svg { width: 23px; height: 21px; margin:0 10px 0 0; }
.no-touch .product-item-info:hover .product-item-inner button.action { background: #ed1c24; color: #ffffff; }
.no-touch .product-item-info:hover .product-item-inner button.action svg path { fill:#ffffff; }

.product-item-info .product-item-inner .stock.unavailable.poa,
.product-item-info .product-item-inner .stock.unavailable { height: 45px; padding:0 10px; display: flex; align-items: center; justify-content: center; background: #f5f5f5; font-size: 14px; color: #1c1d20; font-weight: 700; text-transform: uppercase; width: 100%; border-radius: 50px; }

.product-item-info .product-item-photo span.ribbon  { color: #ffffff; font-size: 12px; font-weight: 500; display: inline-block; text-align: center; line-height: 25px; padding: 0 12px; background: #ed1c24; position: absolute; right: 0; bottom: 0; z-index: 1; }

.product-item-info .product-item-inner .actions-primary-hover { position: absolute; top: 30%; left: 45%; width: 50px; height: 50px; transform: translateX(-30%) translateY(-45%); -o-transform: translateX(-30%) translateY(-45%); -webkit-transform: translateX(-30%) translateY(-45%); -o-transform: translateX(-30%) translateY(-45%); -ms-transform: translateX(-30%) translateY(-45%); -moz-transform: translateX(-30%) translateY(-45%); z-index: 3; opacity: 0; visibility: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
.product-item-info:hover .product-item-inner .actions-primary-hover { opacity: 1; visibility: visible; }
.product-item-info .product-item-inner .actions-primary-hover .stock.unavailable.poa span { padding: 0; color: #fff; font-size: 12px; display: block; padding: 15px 0 0; line-height: 21px; }
.product-item-info .product-item-inner .actions-primary-hover .action.primary.tocart { width: 50px; height: 50px; border-radius: 50px; -webkit-border-radius: 50px; background: #e2001a; text-align: center; padding: 0; display: block; /* float: right; */ }
.product-item-info .product-item-inner .actions-primary-hover .stock.unavailable,
.product-item-info .product-item-inner .actions-primary-hover .stock.unavailable.poa { width: 50px; height: 50px; border-radius: 50px; -webkit-border-radius: 50px; background: #e2001a; text-align: center; float: right; padding: 0; display: block; }
.product-item-info .product-item-inner .actions-primary-hover .stock.unavailable span { color: #fff; font-size: 12px; display: block; padding: 10px 0 0; vertical-align: middle; position: relative; line-height: 1.2; font-weight: normal; text-transform: none; }
.product-item-info:hover .product-item-inner .actions-primary-hover .tocart svg { margin: 0; /*height: 100%;*/ }
.product-image { position: absolute; right: 0; top: 0; font-size: 0; }


div.products { margin: 0 0 30px; }
ol.products.list { display: flex; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; margin: 0 -18px; }
ol.products.list > li.item { flex: 25%; max-width: 25%; margin: 0 0 36px; padding: 0 18px; }
ol.products.list.owl-carousel { margin: 0 !important; }

.amshopby-overlay-block { position: absolute; top: 0; bottom: 0; z-index: 2; display: none; width: 100%; background: rgba(255,255,255,0.5); }
.amshopby-overlay-block>.amshopby-loader { position: absolute; top: 10%; left: 50%; display: block; width: 100px; height: 100px; background: url(../../frontend/Hydac/nztheme/en_NZ/images/loader.gif) center / 60px no-repeat; transform: translate(-50%, -10%); }

.tab_container div.products { margin: 0; }

@media (max-width:1199px) {
ol.products.list { margin: 0 -10px; }
ol.products.list > li.item { margin: 0 0 20px; padding: 0 10px; }
.product-image {display: none;}
}

@media (max-width:1079px) {
ol.products.list > li.item { flex: 33.3%; max-width: 33.3%; }
.product-item-info .product-item-details .price-box { font-size: 16px; }
.product-item-info .product-item-details .price-box .special-price .price { font-size: 16px; }
}

@media (max-width:767px) {
.product-item-info .product-item-details { padding: 10px 5px; }
.product-item-info .product-item-name .product-item-link { font-size: 12px; }
.product-item-info .product-item-inner { padding: 0; }
.product-item-info .product-item-inner button.action { height: 35px; }
.product-item-info .product-item-inner .stock.unavailable.poa,
.product-item-info .product-item-inner .stock.unavailable { height: 35px; }    

}

@media (max-width:639px) {
ol.products.list { margin: 0 -5px; }
ol.products.list > li.item { margin: 0 0 10px; padding: 0 5px; flex: 50%; max-width: 50%; }  
}

@media (max-width:567px) {
.product-item-info .product-item-details .price-box { min-height: 46px; }
.product-item-info .product-item-details .price-box .old-price { display: block; }
}
/* == Product Grid == */

/* === Latest News === */
.hydac_youTube { padding: 70px 0 0px 0;}
.news-main-section { padding: 74px 0 54px; background-color: #ffffff; }
.news-main-section .view-btn {padding-top: 20px; text-align: center;}
.no-touch .news-main-section .section_title { margin: 0 0 10px; }

.no-touch .owl-item .slide,
.no-touch .owl-item .post-home-item .post-item-content { margin: 20px 0; }
.post-home-item .post-item-content { border-radius: 6px 0 6px 6px; background-color: #ffffff; border:1px solid #dddddd; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.no-touch .post-home-item .post-item-content:hover{ -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); }

.post-home-item .post-item-content .post-item-image { position: relative; line-height: 0; }
.post-home-item .post-item-content .post-item-image .post-image img { width: 100%; }
.post-home-item .post-item-content .post-item-image:before { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; width: 0px; height: 5px; background: #ed1c24; position: absolute; left: 0; bottom: 0; content: ""; visibility: hidden; opacity: 0; z-index: 2; }
.no-touch .post-home-item .post-item-content:hover .post-item-image:before { width: 100%; visibility: visible; opacity: 1; }
.post-home-item .post-item-content .mp-post-category { position: absolute; right: 0; top: 0; z-index: 2; }
.post-home-item .post-item-content .mp-post-category a { color: #ffffff; font-size: 12px; font-weight: 500; display: inline-block; text-align: center; line-height: 25px; padding: 0 12px; border-radius: 0 0 0 6px; background: #ed1c24; }
.post-home-item .post-info-wraper { padding: 25px 20px; }
.post-home-item .post-item-content .mp-post-title { height: 50px; overflow: hidden; margin: 0 0 15px; }
.post-home-item .post-item-content .mp-post-title a { font-size: 18px; font-weight: 700; color: #1c1d20; line-height: 24px; }
.post-home-item .post-short-description { font-size: 14px; color: #1c1d20; font-weight: 400; height: 60px; margin: 0 0 15px; overflow: hidden; }
.post-home-item .post-short-description p { margin: 0; font-size: 14px; color: #1c1d20; font-weight: 400; }

.post-home-item .post-read-date { display: flex; justify-content: space-between; align-items: center; }
.post-home-item .post-read-date .read-more-right { position: relative; font-weight: 700; font-size: 14px; color: #1c1d20; text-transform: uppercase; padding: 0 17px 0 0; display: inline-block; }
.post-home-item .post-read-date .read-more-right:before,
.post-home-item .post-read-date .read-more-right:after { content:""; position: absolute; right: 0; top: 50%; width: 7px; height: 12px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; margin-top: -6px; }
.post-home-item .post-read-date .read-more-right:before { background: url(../../frontend/Hydac/nztheme/en_NZ/images/arrow.svg) no-repeat right center; background-size: 7px 12px; }
.post-home-item .post-read-date .read-more-right:after { background: url(../../frontend/Hydac/nztheme/en_NZ/images/arrow-red.svg) no-repeat right center; background-size: 7px 12px; opacity: 0; visibility: hidden; }
.no-touch .post-home-item:hover .post-read-date .read-more-right { color: #ed1c24; }
.no-touch .post-home-item:hover .post-read-date .read-more-right:before { opacity: 0; visibility: hidden; }
.no-touch .post-home-item:hover .post-read-date .read-more-right:after { opacity: 1; visibility: visible; }

.post-home-item .post-read-date .mp-post-info { color: #666666; font-size: 12px; font-weight: 500; display: inline-block; }

.post-image .news-item-photo { display: block !important; width: 100% !important; }
.post-image .news-image-container { display: inline-block !important; max-width: 100% !important; width: 100% !important; }
.post-image .news-image-wrapper { display: block; height: 0; overflow: hidden; position: relative; z-index: 1; padding-bottom: 100%; }
.post-image .news-image-photo { bottom: 0; display: block !important; height: auto; left: 0; margin: auto; max-width: 100% !important; position: absolute; right: 0; top: 0; }

@media (max-width:1499px) {
	.homevideo-main-section,
    .news-main-section, .hydac_youTube { padding: 50px 0; }
    .news-main-section .container { padding: 0; }
    .news-main-section .news-main, .youTube-main-section .youtube-slider { padding: 0 30px; }
}

@media (max-width:1050px) {
.post-home-item .post-item-content .mp-post-title a { font-size: 16px; }
}
/* === Latest News === */


/*requesttoregister*/
.requesttoregister-index-index .page-main { max-width: 1200px; padding-left: 15px; padding-right: 15px; margin: 0 auto; }
.requesttoregister-index-index .page-main .columns { margin: 0 0 40px; }
.requesttoregister-index-index .columns .form.register { padding: 30px 20px; border: 1px solid #dddddd; box-shadow: 0 0 10px 0 rgb(23 23 23 / 25%); -webkit-box-shadow: 0 0 10px 0 rgb(23 23 23 / 25%); }
.requesttoregister-index-index .columns .fieldset { margin: 0; font-size: 0; }
.requesttoregister-index-index .columns .form.register .field { display: inline-block; width: 50%; padding: 0 15px; margin-bottom: 25px; vertical-align: top; font-size: 14px; }

.form.register .field.country .control,
.form.register .field.customer_ip .control,
.form.register .field.region .control { display: flex; flex-wrap: wrap; }
.form.register .field.country .control div.mage-error,
.form.register .field.customer_ip .control div.mage-error,
.form.register .field.region .control div.mage-error{ order: 4; }

.requesttoregister-index-index .columns .form.register .left { margin: 0 -15px; }
.requesttoregister-index-index .columns .form.register div.primary { display: flex; align-items: center; justify-content: space-between; }
.requesttoregister-index-index .columns .form.register div.primary p.required { margin: 0; color: #ed1c24; font-size: 12px; font-weight: 500; }
.requesttoregister-index-index .columns .form.register .field.captcha.required {width: 100%;}
.requesttoregister-index-index .columns .form.register .field.captcha.required .captcha-input {max-width: 50%; padding-right: 15px;}
.requesttoregister-index-index .columns .form.register .field.captcha.required .nested { position: absolute; top: 0; right: 0; width: 48%; }
.requesttoregister-index-index .columns .form.register .field.captcha.required .nested .field.captcha.no-label {width: 100%; margin: 0; padding: 0;}
.requesttoregister-index-index .columns .form.register .field.captcha.required .nested .field.captcha.no-label .control.captcha-image {margin: 0;}
.requesttoregister-index-index .columns .form.register .field.captcha.required .nested .field.captcha.no-label img { max-height: 45px; border: solid 1px #b8b9bb;}
.requesttoregister-index-index .columns .form.register .field.captcha.required .nested button { padding: 0 20px; background: transparent; }
.requesttoregister-index-index .columns .form.register .field.captcha.required .nested button svg {width: 30px; height: 30px;}


.field.customer_ip .control small { display: block; margin:5px 0; padding: 0 15px; }

div.recaptcha-error-message { background: #ed1c24; padding: 3px 7px; display: inline-block; border-radius: 5px; margin: 3px 0 0; position: relative; line-height: 1.3; font-size: 12px; color: #ffffff; font-weight: 400; }
.field .control { position: relative; }
.field .control label.palceholder { position: absolute; left: 20px; top: 13px; font-size: 14px; color: #666666; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; display: none; pointer-events: none; }
.field .control label.palceholder em { color: #ed1c24; font-size: 14px; font-style: normal; }

/*requesttoregister*/


/*login page*/
.login-container .block-title { position: relative; margin: 0 0 15px; }
.login-container .block-title strong { color: var(--hyd-black); font-size: 30px; margin: 0 0 30px; text-align: center; }
.login-container .block-title:after { content: ''; width: 20px; height: 2px; display: inline-block; vertical-align: middle; background: var(--hyd-red); position: relative; top: -7px; }
.login-container .block-title:after { margin-left: 16px; }

.login-container { margin-bottom: 40px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.login-container > div.block.block-customer-login,
.login-container > div.block.block-new-customer{ max-width: 48%; flex: 48%; border: 1px solid #dddddd; box-shadow: 0 0 10px 0 rgb(23 23 23 / 25%); -webkit-box-shadow: 0 0 10px 0 rgb(23 23 23 / 25%); margin: 0; padding: 25px 30px; }
.login-container .fieldset:after { margin: 15px 0 0; content: attr(data-hasrequired); display: block; letter-spacing: normal; word-spacing: normal; color: #ed1c24; font-size: 14px; font-weight:500; }
.login-container .fieldset { margin: 0; }
.login-container .register-content { margin:0 0 20px; position: relative; z-index: 1; }
.login-container .actions-toolbar { position: relative; z-index: 1; }
.actions-toolbar .secondary a { color: #ed1c24; font-size: 14px; font-weight: 500; }
.no-touch .actions-toolbar .secondary a:hover { color: #1c1d20; }
.login-container .register-content p { color: #1c1d20; }

.login-container > .block-new-customer .block-content { position: relative; }
.login-container > .block-new-customer .block-content:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; opacity: 0.06; background: url(../../frontend/Hydac/nztheme/en_NZ/images/login-logo.png) no-repeat center 30%; background-size: contain; }

.actions-toolbar { display: flex; justify-content: space-between; align-items: center; }

.customer-account-forgotpassword .inner-main-banner .breadcrumbs { display: none; }

/*forgot password*/
.form.password.reset, 
.form.send.confirmation, 
.form.password.forget { padding: 30px; box-sizing: border-box; position: relative; overflow: hidden; border: solid 2px #ededed; width: 100% !important; max-width: 800px; margin: 0 auto 40px; overflow: hidden; box-shadow: 0 0 10px 0 rgb(23 23 23 / 25%); border: 1px solid #dddddd; }
.form.password.forget .actions-toolbar {align-items: start;}

.customer-account-forgotpassword .actions-toolbar .secondary { margin: 0 0 20px; }
.customer-account-forgotpassword .fieldset { margin: 0 0 20px; }

@media (max-width: 1079px) {
    .login-container > div.block.block-customer-login,
    .login-container > div.block.block-new-customer { padding: 20px 15px; display: block; max-width: 100%; flex: 100%; }
    .login-container > div.block.block-customer-login { margin-bottom: 30px; }
}

@media (max-width: 767px) {
.requesttoregister-index-index .columns .form.register { padding: 30px 10px; }
.requesttoregister-index-index .columns .form.register .left { margin: 0; }
.requesttoregister-index-index .page-main .columns { margin: 0 0 30px; }
.requesttoregister-index-index .columns .form.register .field { width: 100%; padding: 0; }  

.login-container { margin: 0 0 30px; }
.login-container .block-title strong { font-size: 24px; }
.login-container .block-title:after  { top: -5px; margin-left: 8px; }
    
.form.password.reset,
.form.send.confirmation,
.form.password.forget { padding: 15px; margin: 0 0 30px; }
}

@media (max-width: 479px) {
    .actions-toolbar { display: block; }
    .actions-toolbar div.primary { margin: 0 0 15px; }
    .actions-toolbar .secondary { text-align: center; }
    /*.actions-toolbar .action { width: 100%; }*/
    .form.password.forget .primary { text-align: center; }
    
    .requesttoregister-index-index .columns .form.register div.primary { display: block; }  
    .requesttoregister-index-index .columns .form.register div.primary .action.primary { width: 100%; }
    .requesttoregister-index-index .columns .form.register div.primary p.required { margin: 10px 0 0; }
}


/* Responsive ===============================================================================================================================
============================================================================================================================================== */

@media (max-width:1399px) {
    .section_title { font-size: 30px; }
    
}

@media (max-width:1079px) {
    .section_title { font-size: 26px; }
}

@media (max-width:767px) {
    .section_title { font-size: 22px; margin:0 0 15px; }
    .section_title:after { margin-left: 10px; }
    .section_title:before { margin-left: 10px; } 
    .homevideo-main-section,
    .news-main-section, .hydac_youTube { padding: 30px 0; }
    
    .section_title:before, 
    .section_title:after { display: none !important; }
}

@media (max-width:449px) {
    .section_title { font-size: 20px; }    
}



/*contact us*/
.page-layout-1column .view-sidebar-link-wrapper { display: none; }
.contactus-index-index .inner-main-banner { margin: 0; }
.contactus-index-index .page-main { max-width: 100%; padding-left: 0; padding-right: 0; }
.contactus-index-index .page-main .category-view { display: none; }
.content-tab-main:before,
.content-tab-main:after { content: ""; display: table; }
.content-tab-main:after { clear: both; }
.content-tab-main { zoom: 1; }

.contact-form-wrap { background: #f5f5f5; padding: 74px 0; }
.contact-form-wrap .container { font-size: 0; }
.contact-form-wrap .container > div.contact_form_left { display: inline-block; vertical-align: top; width: 30%; font-size: 14px; }
.contact-form-wrap .container > div.contact_form { display: inline-block; vertical-align: top; width: 70%; border-left: 1px solid #dddddd; padding: 0 0 0 80px; font-size: 14px; }
.contact_form .fieldset { margin: 0; }

.contact-form-wrap .contact_form_left .section_title { font-size:30px; }
.contact-box .three-filed-col { font-size: 0; margin: 0 -10px; } 
.contact-box .three-filed-col > div { width: 50%; display: inline-block; vertical-align: top; font-size: 14px; padding: 0 10px; margin: 0 0 20px; }

/* .contactus-index-index .contact-box .three-filed-col .field.upload_file { width: 100%; background: #f1f1f1; border: 3px dotted #ccc; padding: 20px 10px; } */
.contactus-index-index .contact-box .three-filed-col .field.upload_file .inputfile-box .inputfile { width: .1px; height: .1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1 }
.contactus-index-index .contact-box .three-filed-col .field.upload_file .inputfile-box label { padding: 0 150px 0 0; text-align: left; position: relative; display: block !important; max-width: 100% !important; margin-bottom: 5px; }
.contactus-index-index .contact-box .three-filed-col .field.upload_file .inputfile-box label span { width: 100%; height: 45px; line-height: 45px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: top; /*border: 1px solid #000;height: 50px; line-height: 48px; color: #000;*/border: 1px solid #b8b9bb; background-color: #fff; border-radius: 50px 0 0 50px; -webkit-border-radius: 50px 0 0 50px; border-right: 0; padding: 0 18px; }
.contactus-index-index .contact-box .three-filed-col .field.upload_file .inputfile-box label strong { text-align: center; line-height: 45px; height: 100%; color: #fff; background-color: #de001a; display: inline-block; text-transform: uppercase; position: absolute; top: 0; right: 0; width: 150px; border-radius: 0 50px 50px 0; -webkit-border-radius: 0 50px 50px 0; }
/* .contactus-index-index .contact-box .three-filed-col .field.upload_file .inputfile-box small { padding-left: 20px; } */
.contactus-index-index .contact-box .three-filed-col .field.upload_file .inputfile-box small { padding-left: 20px; display: block; }

.contact-box .field.comment,
.contact-box .field.captcha{ margin: 0 0 20px; }
.contact-box .field.btn-wrap .primary { display: flex; justify-content: space-between; align-items: center; }
.contact-box .field.btn-wrap .primary p { margin: 0; }
.contact-box .field.btn-wrap .action.btn { width: 100%; max-width: 200px; }
.contact-box textarea { display: block; }
.contactus-index-index .field.region div.mage-error { position: absolute; bottom: 0; z-index: 1; left: 0; margin-top: 0; }
.contactus-index-index .field.region div.mage-error ~ .select2.select2-container.select2-container--default { margin-bottom: 22px; }

.contact_form_left > div > p { max-width: 384px; margin: 0 0 30px; }
.contact_left_info p { position: relative; margin: 0 0 20px; font-size: 14px; color: #1c1d20; padding-left: 32px; } 
.contact_left_info p:last-child { margin: 0; }
.contact_left_info p strong { display: block; margin: 0 0 5px; }
.contact_left_info p a { color: #1c1d20; }
.no-touch .contact_left_info p a:hover { color: #ed1c24; } 
.contact_left_info p:before { content: ""; position: absolute; left: 0; top: 2px; }
.contact_left_info p.c_address:before { background: url(../../frontend/Hydac/nztheme/en_NZ/images/address.svg) no-repeat 0 0; width: 14px; height: 20px; }
.contact_left_info p.c_phone:before { background: url(../../frontend/Hydac/nztheme/en_NZ/images/call.svg) no-repeat 0 0; width: 16px; height: 16px; }
.contact_left_info p.c_email:before { background: url(../../frontend/Hydac/nztheme/en_NZ/images/email.svg) no-repeat 0 0; width: 18px; height: 18px; }
.contact_left_info p.opening_hours:before { background: url(../../frontend/Hydac/nztheme/en_NZ/images/clock.svg) no-repeat 0 0; width: 22px; height: 22px; }

.contact-map-main { padding: 74px 0; }
.content-tab-main ul.tabs { margin: 0; padding: 0; list-style: none; width: 100%; text-align: center; font-size:0; }
.content-tab-main ul.tabs li { display: inline-block; cursor: pointer; padding: 0 0 8px 0; margin: 0 29px; background-color: #ffffff; position: relative;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; font-size: 16px; font-weight:400; }
.content-tab-main ul.tabs li:first-child { margin-left: 0; }
.content-tab-main ul.tabs li:last-child { margin-right: 0; }

.content-tab-main ul.tabs li:after { width: 0; height: 0; border-style: solid; border-width: 11px 10px 0 10px; border-color: #ed1c24 transparent transparent transparent; content: ""; position: absolute; left: 50%; bottom: -13px; margin-left: -10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; visibility: hidden; }
.content-tab-main ul.tabs li:before { width: 0px; height: 2px; content:""; position: absolute; left: 0; bottom: -2px; background: #ed1c24; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.content-tab-main ul.tabs li:hover { color: #1c1d20; }
.content-tab-main ul.tabs li.active { color: #1c1d20; font-weight:700; }
.content-tab-main ul.tabs li:hover:after,  
.content-tab-main ul.tabs li.active:after { opacity: 1; visibility: visible; }
.content-tab-main ul.tabs li:hover:before,
.content-tab-main ul.tabs li.active:before { width: 100%; }

.content-tab-main .tab_container { border-top: 1px solid #dddddd; clear: both; float: left; width: 100%; background: #ffffff; overflow: auto; text-align: center; }
.content-tab-main .tab_content { display: none; }
.content-tab-main .tab_drawer_heading { display: none; }

.content-tab-main .address-data { background: #f5f5f5; padding: 24px 40px; display: flex; align-items: center; justify-content: space-between; }
.content-tab-main .address-data p { margin: 0; padding: 0 10px; font-size: 16px; color: #666666; position: relative; }
.content-tab-main .address-data p strong { font-weight: 600; color: #1c1d20; }
.content-tab-main .address-data p span.address {margin-top: 5px; display: block;}
.content-tab-main .address-data p span:nth-child(1) { display: inline-block; margin: 0 12px 0 0; vertical-align: middle; }
.content-tab-main .address-data p span svg { position: relative; top: 2px; width: 16px; }
.content-tab-main .address-data p a { color: #1c1d20; }
.no-touch .content-tab-main .address-data p a:hover { color: #ed1c24; }
.content-tab-main .location-map iframe { width: 100% !important; display: block !important; border: 0 !important; height: 455px !important; }

.content-tab-main .location-map { background-image: url(../../frontend/Hydac/nztheme/en_NZ/images/loader.gif) !important; background-repeat: no-repeat; background-position: center center; }

.primary p em,
.primary p { color: #ed1c24; font-style: normal; font-size: 12px; }

@media (min-width: 1200px) {
.online-store-section ol.products.list > li.item {flex: 20%; max-width: 20%; padding: 0 15px;}
.online-store-section ol.products.list {margin: 0 -15px;}
.content-tab-main .address-data p { text-align: left; }
}

@media (min-width: 1500px) {
.content-tab-main .address-data p:nth-child(2) { display: flex; align-items: center; }
/* .content-tab-main .address-data p:nth-child(2):before { content: ""; width: 1px; height: 25px; background: #dddddd; margin-right:110px; display: inline-flex; align-items: center;}
.content-tab-main .address-data p:nth-child(2):after { content: ""; width: 1px; height: 25px; background: #dddddd; margin-left:110px; display: inline-flex; align-items: center; } */
.form.password.forget .actions-toolbar .secondary {margin-bottom: 0;}
}

@media (max-width: 1399px) {
    .contact-form-wrap,
    .contact-map-main { padding: 50px 0; }
    .contact-form-wrap .container > div.contact_form_left { padding-right: 15px; }
    .contact-form-wrap .container > div.contact_form { padding: 0 0 0 30px; }
    .contact-form-wrap .contact_form_left .section_title { font-size: 24px; }
    .content-tab-main .address-data p span:nth-child(3) { display: block; }
    .contact_form_left > div > p { max-width: 100%; }
}

@media (max-width: 1079px) {
    .contact-form-wrap .container > div.contact_form_left { display: block; width: 100%; margin: 0 0 30px; padding: 0; }
    .contact-form-wrap .container > div.contact_form { display: block; width: 100%; padding: 0; border: 0; }
    .content-tab-main .address-data { padding: 15px; flex-direction: column; align-items: center; text-align: center; }
    .content-tab-main .address-data p { padding: 0; margin: 15px 0 0; }
    .content-tab-main .address-data p:first-child { margin-top: 0; }
}
    

 @media (max-width: 767px) {
.contact-form-wrap,
.contact-map-main { padding: 30px 0; }
.contact-form-wrap .contact_form_left .section_title { font-size: 22px; } 
.content-tab-main .tabs { display: none; }
.content-tab-main .tab_drawer_heading { color: #ffffff; margin: 0; padding: 10px; display: block; cursor: pointer; border-bottom: 1px solid #fff; text-align: left; font-size: 18px; background: #7d7d7d url(../../frontend/Hydac/nztheme/en_NZ/images/plus.svg) calc(100% - 15px) center no-repeat; font-weight: 600; }
.content-tab-main .tab_drawer_heading.d_active { color: #fff; background: #ed1c24 url(../../frontend/Hydac/nztheme/en_NZ/images/fminus.svg) calc(100% - 15px) center no-repeat; background-size: 15px; }
.content-tab-main .location-map iframe { height: 300px !important; } 
     .contact_form_left > div > p { max-width: 100%; margin: 0 0 15px; }
	 .requesttoregister-index-index .columns .form.register .field.captcha.required .nested .field.captcha.no-label img { display: inline-block; margin: 0; }
}

@media (max-width: 639px) {
    .contact-box .three-filed-col { margin: 0; }
    .contact-box .three-filed-col > div { width: 100%; display: block; padding: 0; }
    .contact-box .field.btn-wrap .primary { display: block; }
    .contact-box .field.btn-wrap .action.btn { max-width: 100%; }
    .contact-box .field.btn-wrap .primary p { margin: 0 0 10px;}
	
	.requesttoregister-index-index .columns .form.register .field.captcha.required .captcha-input {max-width: 100%; padding-right: 0px; margin-bottom: 25px;}
.requesttoregister-index-index .columns .form.register .field.captcha.required .nested { position: relative; width: 100%; }

}

/*contact us*/


/*FAQ section */
.std.testimonials ~ .faq-container {padding-top: 50px;}
.faq-container { display: inline-block; width: 100%; padding:0 0 74px; }
.faq-container .faq-category > ul { display: inline-block; width: 100%; padding: 0; list-style: none; margin: 0; }
.faq-container .faq-category > ul ul li { list-style: disc; }
.faq-container > ul li { margin-bottom: 3rem; }
.faq-container ul li h3 { width: 100%; margin: 0 0 15px 0; text-align: left; font-size: 24px; }
.faq-container ul li .question-answer-main { width: 100%; }
.faq-container ul li .question { width: 100%; }
.faq-container .question > div,
.faq-container ul li .question div { position: relative; padding: 10px 40px 10px 20px; background: #f5f5f5; cursor: pointer; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; margin: 20px 0 0; border-radius:6px; overflow: hidden; font-size: 16px; color: #1c1d20; font-weight: 700; }
.faq-container .question > div h3 {margin: 0; font-size: 16px; color: #1c1d20; font-weight: 700; line-height: 1.4;}
.no-touch .faq-container ul li .question div:hover { background: var(--hyd-red); color: #ffffff; }
.faq-container ul li .question.active div { background: var(--hyd-red); color: #ffffff; border-radius:6px 6px 0 0; }
.faq-container ul li .question:first-child div { margin: 0; }
.no-touch .faq-container .question:hover > div h3,
.faq-container .question.active > div h3 { color: #ffffff; }
.faq-container ul li .question div:after {display: block; position: absolute; content: ''; background: url(../../frontend/Hydac/nztheme/en_NZ/images/down-arrow.svg) no-repeat; background-size: 100%; width: 18px; height: 12px; top: 50%; right: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; margin-top: -6px; }
.faq-container ul li .question.active div:after, 
.no-touch .faq-container ul li .question div:hover:after { background: url(../../frontend/Hydac/nztheme/en_NZ/images/down-arrow-white.svg) no-repeat; background-size: 100%; }
.faq-container ul li .question.active div:after { transform: rotate(180Deg); margin-top: -6px; }
.faq-container ul li .answer { display: none; padding:18px; width: 100%; border: 1px solid #dddddd; border-radius: 0 0 6px 6px; overflow: hidden; }
.faq-container ul li .answer :last-child { margin: 0; }
.faq-container ul li .answer p { color: #666666; }
.faq-container ul li .answer p a { color: #ed1c24; text-decoration: underline; }
.faq-container ul li .answer p a:hover { text-decoration: none; }
.faq-container ul li .answer ul { margin: 0 0 15px; padding: 0; list-style: none; }
.faq-container ul li .answer ul li { margin-bottom: 12px; padding: 0 0 0 20px; position: relative; list-style: none; font-weight: 400; font-size: 14px; }
.faq-container ul li .answer ul li:before { content: ""; position: absolute; left: 0; top: 5px; width: 8px; height: 12px; background: url(../../frontend/Hydac/nztheme/en_NZ/images/arrow-red.svg) no-repeat 0 0; background-size:8px 12px; }
/*FAQ section*/

/****** 404 page *******/
.not-found-wrap { text-align: center; padding: 160px 0; position: relative; z-index: 1; overflow: hidden; }
h1.heading { margin: 0 0 10px; color: #1c1d20; font-size: 86px; font-weight: 600; line-height: 100px; }
.not-found-inner p { font-size: 20px; margin-bottom: 20px; color: #1c1d20; font-weight: 600; }
h1.heading span { color: #ed1c24; font-size: 120px; font-weight: 600; line-height: 80px; font-weight: 600; }
.not-found-wrap:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: block; content: "404"; font-size: 500px; line-height: 1; opacity: 0.1; color: #9c9c9c; z-index: -1; font-weight: 600; }

@media (max-width:991px) {
h1.heading { font-size: 60px; line-height: 1; }
h1.heading span { font-size: 110px; line-height: 1; }
.not-found-wrap:before { font-size: 340px; line-height: 480px; }
}

@media (max-width:767px) {
.not-found-wrap { padding: 100px 0; }
h1.heading span { font-size: 90px; line-height: 1; }
.not-found-inner p { font-size: 18px; }
.not-found-wrap:before { font-size: 300px; line-height: 378px; }
}

@media (max-width:639px) {
.not-found-wrap { padding: 80px 0; }
.not-found-inner p { font-size: 14px; }
h1.heading span { font-size: 50px; line-height: 1; }
.not-found-wrap:before { font-size: 140px; line-height: 300px; }
h1.heading { font-size: 30px; line-height: 1; }
}
/****** 404 page *******/

/****** CMS page *******/
.cms-page-view.page-layout-1column .custom-wrapper ul { margin: 0 0 15px; padding: 0; list-style: none; }
.cms-page-view.page-layout-1column .custom-wrapper ul li { margin-bottom: 12px; padding: 0 0 0 20px; position: relative; list-style: none; font-weight: 400; font-size: 14px; }
.cms-page-view.page-layout-1column .custom-wrapper ul li:before { content: ""; position: absolute; left: 0; top: 5px; width: 8px; height: 12px; background: url(../../frontend/Hydac/nztheme/en_NZ/images/arrow-red.svg) no-repeat 0 0; background-size:8px 12px; }

.cms-page-view.page-layout-1column .custom-wrapper p { color: #666666; font-size: 14px; font-weight: 400; margin: 0 0 15px; text-align: left !important; }
.cms-page-view.page-layout-1column .custom-wrapper ol { list-style: decimal; padding: 0 0 0 20px; margin: 15px 0; color: var(--rt-black); font-size: 14px; font-weight: 400; }
.cms-page-view.page-layout-1column .custom-wrapper ol li { margin: 0 0 5px; padding: 0; }
.cms-page-view.page-layout-1column .custom-wrapper ol li ol { list-style: decimal; margin: 5px 0; padding: 0 0 0 20px; }
.cms-page-view.page-layout-1column .custom-wrapper ol li ol li { margin: 0 0 5px; padding: 0; }

/****** CMS page *******/


.view-btn-con-more { position: relative; margin:0 0 80px; height: 100px; background: rgba(248,80,50,0); background: -moz-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(241,111,92,0) 0%, rgba(246,41,12,0) 0%, rgba(240,47,23,0) 0%, rgba(241,55,32,0) 4%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,0)), color-stop(0%, rgba(241,111,92,0)), color-stop(0%, rgba(246,41,12,0)), color-stop(0%, rgba(240,47,23,0)), color-stop(4%, rgba(241,55,32,0)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(241,111,92,0) 0%, rgba(246,41,12,0) 0%, rgba(240,47,23,0) 0%, rgba(241,55,32,0) 4%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(241,111,92,0) 0%, rgba(246,41,12,0) 0%, rgba(240,47,23,0) 0%, rgba(241,55,32,0) 4%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(241,111,92,0) 0%, rgba(246,41,12,0) 0%, rgba(240,47,23,0) 0%, rgba(241,55,32,0) 4%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(248,80,50,0) 0%, rgba(241,111,92,0) 0%, rgba(246,41,12,0) 0%, rgba(240,47,23,0) 0%, rgba(241,55,32,0) 4%, rgba(255,255,255,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f85032', endColorstr='#ffffff', GradientType=0);}
.view-btn-con-more { background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
height: 60px; margin-top: -60px; position: relative; }
.view-btn-con-more a { position: absolute; bottom: -60px; left:0; color: #e2001a; }
.view-btn-con-less .view-btn { margin:20px 0 30px; }

/****** Category page *****/
.catalog-category-view .page-main > .category-view .category-cms { margin: 0; }
.category-img-sec .product-image-photo { position: static; }

.catalog-category-main { margin: 0 -19px; font-size: 0; }
.catalog-category-main > div { width: 25%; padding: 0 19px; margin: 0 0 38px; vertical-align: top; display: inline-block; font-size:14px; }
.catalog-category-main .product-item-info .product-item-name { font-size: 14px; color: #1c1d20; }
.product-item-info .product-item-details .action.primary { width: 100%; background: #f5f5f5; color: #1c1d20; padding: 0 10px; }
.no-touch .product-item-info:hover .product-item-details .action.primary { background: #ed1c24; color: #ffffff; }
.download-pdf { text-align: right; margin: 0 0 20px; }

.category-description h4 { color: #1c1d20; font-size: 32px; margin: 0 0 20px; }

@media (max-width:1199px) {
.catalog-category-main { margin: 0 -10px; }
.catalog-category-main > div { width: 33.3%; padding: 0 10px; margin: 0 0 20px; }
    
.category-description h4 { font-size:28px; }
}

@media (max-width:1199px) {
.catalog-category-main { margin: 0 -10px; }
.catalog-category-main > div { width: 33.3%; padding: 0 10px; margin: 0 0 20px; }
}

@media (max-width:767px) {
    .category-description h4 { font-size:22px; }
}

@media (max-width:639px) {
.catalog-category-main { margin: 0 -5px; }
.catalog-category-main > div { width: 50%; padding: 0 5px; margin: 0 0 10px; }
.product-item-info .product-item-details .action.primary { font-size: 12px; }
.download-pdf { margin: 20px 0; text-align: left; }
}
/****** Category page *****/

/****** Our Companies *****/
.ourcompanies_list_view { padding: 0; margin: 0 -10px 40px; list-style: none; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
.ourcompanies_list_view > li { flex: 20%; max-width: 20%; padding: 0 10px; margin: 0 0 20px; }
.logo_img a { height: 84px; display: flex; justify-content: center; align-items: center; width: 100%; }
.logo_img img { width: auto; opacity: 1 !important; } 
.logo_img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; border: 1px solid #ccc; padding: 10px; }
.no-touch .logo_img:hover { -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3); box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3); }

@media (max-width:1100px) {
.ourcompanies_list_view > li { flex: 25%; max-width: 25%; }
}

@media (max-width:767px) {
    .ourcompanies_list_view { margin: 0 -5px 30px; }
    .ourcompanies_list_view > li { flex: 33.3%; max-width: 33.3%; padding: 0 5px; margin: 0 0 10px; }
}

@media (max-width:399px) {
    .ourcompanies_list_view > li { flex: 50%; max-width: 50%; padding: 0 5px; margin: 0 0 10px; }
}
/****** Our Companies *****/

/****** Our Industries *****/
.category-our-industries .page-main { padding-left: 0; padding-right: 0; }
.our-industries { padding: 0; margin: 0 -10px 40px; list-style: none; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
.our-industries > .services-box { flex: 25%; max-width: 25%; padding: 0 10px; margin: 0 0 20px; }
.services-box .box-title { margin: 0 0 15px; text-align: center; height: 50px; overflow: hidden; width: 100% }
.services-box .box-title a { font-size: 18px; font-weight: 700; color: #1c1d20; line-height: 24px; }
.services-box a.action.primary { width: 100%; max-width: 200px; }

.video-box-item .video-box-item-inner { position: relative; border-radius: 6px; background-color: #ffffff; border: 1px solid #dddddd; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.no-touch .video-box-item .video-box-item-inner:hover { -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); }

.services-box-item {  -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; border: 1px solid #dddddd; }
.services-box-item .services-box-info { padding:20px; display: flex; flex-wrap: wrap; justify-content: center; }
.home-img-cat-link { line-height: 0; }
.services-box-info a.action.primary { background: #f5f5f5; color: #1c1d20; }
.no-touch .services-box-item:hover a.action.primary { background: #ed1c24; color: #ffffff; }
.no-touch .services-box-item:hover { -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); }

@media (max-width:1100px) {
    .our-industries > .services-box { flex: 33.3%; max-width:33.3%; }
    .services-box-item .services-box-info { padding: 10px; }
    .services-box .box-title a { font-size: 16px; }
}

@media (max-width:767px) {
    .our-industries { margin: 0 -5px 30px; }
    .our-industries > .services-box { flex: 50%; max-width:50%; padding:0 5px; margin: 0 0 10px; }
}

@media (max-width:399px) {
    .our-industries { margin: 0 0 20px; }
    .our-industries > .services-box { flex: 100%; max-width:100%; padding: 0; }
}
/****** Our Industries *****/


/****** Video Listing page *******/
.video-list .video-list-wrap { margin: 0 -10px; font-size: 0; }
.video-list .video-box-item { width: 25%; vertical-align: top; display: inline-block; padding: 0 10px; margin-bottom: 20px; font-size: 14px }
.video-box-item .video-thumb { position: relative; line-height: 0; font-size: 0; }
.video-box-item .video-thumb a { display: block; }
.video-box-item .video-box-item-inner { position: relative; border-radius: 6px; background-color: #ffffff; border: 1px solid #dddddd; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.no-touch .video-box-item .video-box-item-inner:hover { -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); }
.video-box-item .video-date-info-box {  padding: 25px 20px; }

.video-box-item .video-thumb .video-item-photo { display: block !important; width: 100% !important; }
.video-box-item .video-thumb .video-image-container { display: inline-block !important; max-width: 100% !important; width: 100% !important; }
.video-box-item .video-thumb .video-image-wrapper { display: block; height: 0; overflow: hidden; position: relative; z-index: 1; padding-bottom: 66%; }
.video-box-item .video-thumb .video-image-photo { bottom: 0; display: block !important; height: auto; left: 0; margin: auto; max-width: 100% !important; position: absolute; right: 0; top: 0; }

.video-date-info-box .video-info { height: 50px; overflow: hidden; margin: 0 0 10px; }
.video-date-info-box .video-info a { font-size: 18px; font-weight: 700; color: #1c1d20; line-height: 24px; }
.video-date-info-box .date_box .video_date { color: #666666; font-size: 12px; font-weight: 500; display: inline-block; }

.video-box-item .video-thumb:before { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; width: 0px; height: 5px; background: #ed1c24; position: absolute; left: 0; bottom: 0; content: ""; visibility: hidden; opacity: 0; z-index: 2; }
.no-touch .video-box-item:hover .video-thumb:before { width: 100%; visibility: visible; opacity: 1; }

.media-video-index .toolbar { margin:18px 0 60px 0; }
.media-video-index .toolbar .pages { margin: 0; }


.video-box-item-inner .video-item-photo  { position: relative; } 
.video-box-item-inner .video-item-photo:after { content: ''; width: 50px; height: 50px; border-radius: 100%; display: inline-block; background:#ffffff url(../../frontend/Hydac/nztheme/en_NZ/images/video-play.png) no-repeat 54% center; background-size: 17px 20px; box-shadow: 0 0 0 0 rgba(255,255,255, 0.10); border-radius: 100%; -webkit-animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1); text-indent: 1000%; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; opacity: 0; visibility: hidden; }
.video-box-item-inner .video-item-photo:before { content: ''; width: 50px; height: 50px; display: inline-block; box-shadow: 0 0 0 0 rgba(255,255,255, 0.30); border-radius: 100%; -webkit-animation: pulse2 2s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulse2 2s infinite cubic-bezier(0.66, 0, 0, 1); text-indent: 1000%; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); visibility: hidden; opacity: 0; }

.no-touch .video-box-item-inner:hover .video-item-photo:after { opacity: 1; visibility: visible; }
.no-touch .video-box-item-inner:hover .video-item-photo:before { opacity: 1; visibility: visible; }

@keyframes pulse {
    to { box-shadow: 0 0 0 45px rgba(255,255,255, 0); }
}
@keyframes pulse2 {
    to { box-shadow: 0 0 0 20px rgba(255,255,255, 0); }
}

@media (max-width:1299px) {
.video-list .video-box-item { width: 33.3%; }
}

@media (max-width:767px) {
.video-list .video-list-wrap { margin: 0 -5px; }
.video-list .video-box-item { width: 50%; padding: 0 5px; margin-bottom: 15px; }
.video-box-item .video-date-info-box { padding: 15px 10px; }
.video-date-info-box .video-info a { font-size: 16px; }
.media-video-index .toolbar { margin: 20px 0 30px 0; }
}

@media (max-width:399px) {
.video-list .video-list-wrap { margin: 0; }
.video-list .video-box-item { width: 100%; padding: 0; }
.contactus-index-index .contact-box .three-filed-col .field.upload_file .inputfile-box small { display: block; }
}
/****** Video Listing page *******/

/****** Video Detail page *****/
.media-video-view .page-main { max-width: 800px; }
.media-video-view .page-main .custom-wrapper { padding: 0; }
.video-detail { margin: 0 0 50px; }
.video-detail .video-box { position: relative; margin-bottom: 15px; }
.video-detail .date_box { position: absolute; bottom: 0; left: 0;  color: #ffffff; font-size: 12px; font-weight: 500; display: inline-block; text-align: center; line-height: 25px; padding: 0 12px; border-radius: 0 6px 0 0; background: #1c1d20; }
.date_box span { display: block; }
html body .custom-wrapper .video-cont h1 { text-transform: inherit; font-size: 30px; margin-top: -3px; }
.video-cont p { text-align: justify; margin-bottom: 22px !important; }

.video-detail-inner:before, .video-detail-inner:after { content: ""; display: table; }
.video-detail-inner:after { clear: both; }
.video-detail-inner { zoom: 1; }
.video-detail-inner .video-cont ~ .social-share .sharing-icons {text-align:left; display:inline-block;}
.media-library-publication .page-wrapper iframe,  
.missionstatement-index-publication .page-wrapper iframe { position: fixed !important; height: 100% !important; display: block !important; }
/****** Video Detail page *****/

/*news list page*/
.post-list-body { display: flex; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; margin: 0 -10px; }
.post-list-body > .post-home-item { flex: 25%; max-width: 25%; margin: 0 0 20px; padding: 0 10px; }

.blog-subscriber { background: #f6f6f6; padding: 22px 10px; border-radius: 8px; display: flex; justify-content: center; margin: 0 0 20px; }
.blog-subscriber .block.newsletter { display: flex; -webkit-justify-content: center; justify-content: center;  -webkit-align-items: center; align-items: center; max-width: 100%; }
.blog-subscriber .block.newsletter .title { margin: 0; padding: 0 18px 0 0; }
.blog-subscriber .block.newsletter .title strong { font-size: 30px; color: #1c1d20; font-weight: 700; }
.blog-subscriber .field.newsletter input { width: 420px; }
.blog-subscriber .block.newsletter div.mage-error { position: absolute; left: 0; bottom: -25px; }
.no-touch .blog-subscriber .block.newsletter .action.subscribe:hover { background: #1c1d20; color: #ffffff; }

.category-news .inner-main-banner { margin: 0 0 20px; }
.news-filter-outer:before, 
.news-filter-outer:after { content: ""; display: table; }
.news-filter-outer:after { clear: both; }
.news-filter-outer { zoom: 1; }

.news-filter-outer { border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 10px 0; margin: 0 0 20px; }

.news-filter-outer .pager  { float: left; }
.news-filter-outer .pager .toolbar-amount { padding: 0; line-height: 45px; color: #1c1d20; font-size: 14px; }
.news-filter-outer .pager .pages,
.news-filter-outer .pager .limiter { display: none; } 

.news-filter-outer .mp-sidebar.mpcss { float: right; }
.news-filter-outer .mp-sidebar.mpcss.search-filter-box { float: right; margin-right: 20px; }
.news-filter-outer .search-filter-box-inner { display: flex; align-items: center; justify-content: flex-start; }
.news-filter-outer .search-filter-box-inner .block-title p { margin: 0; font-size: 14px; font-weight: 600; padding: 0 10px 0 0; color: #1c1d20; }
.news-filter-outer .search-filter-box-inner .input-box { width: 210px; }

.news-filter-outer .search-filter-box-inner.tag-search .input-box { width: 630px; }

.cms-hydac-podcast .custom-wrapper { margin: 0 0 40px; }
.cms-hydac-podcast .custom-wrapper p { margin: 0; }
.cms-hydac-podcast .custom-wrapper p iframe { display: block; border: 0; width: 100% }

.post-list-body + .pager { display: flex; justify-content: center; margin: 22px 0 60px; } 
.post-list-body + .pager > .toolbar-amount { display: none; }
.post-list-body + .pager > .limiter { display: none; }

.social-share { margin: 0 0 20px; }
.sharing-icons { margin: 0; padding: 0; list-style: none; font-size: 0; }
.sharing-icons li { display: inline-block; vertical-align: top; margin: 0 10px 0 0; }
.sharing-icons li:last-child { margin: 0; }
.sharing-icons li a { width: 45px !important; height: 45px !important; display: inline-flex; justify-content: center; align-items: center; background-color: #f5f5f5; border-radius: 100%; overflow: hidden; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; border: 2px solid #f5f5f5; }
.no-touch .sharing-icons li a:hover { background-color: var(--hyd-red); }
.no-touch .sharing-icons li a:hover svg path { fill: #ffffff; }
.sharing-icons li .fb-share-button svg { width: 11px; height: 21px; }
.sharing-icons li .twitter svg { width: 24px; height: 20px; }
.sharing-icons li:nth-child(3) svg { width: 21px; height: 21px; }

@media (min-width:768px) {
    .news-filter-outer .mp-sidebar.mpcss.search-filter-box { float: none; }
    .news-filter-outer .mp-sidebar.mpcss { float: none; }
    .news-filter-outer .pager {     position: absolute; left: 0; }
    .news-filter-outer { display: flex; position: relative; justify-content: flex-end; align-items: center; }
    .news-filter-outer .mp-sidebar.mpcss.search-filter-box { margin: 0 0 0 20px; }
}

@media (min-width:1500px) {
    .blog-subscriber { display: block; } 
    .blog-subscriber .block.newsletter { display: table; width: auto; margin: 0 auto; }
    .blog-subscriber .block.newsletter .title { display: table-cell; vertical-align: middle; }
}

@media (max-width:1299px) {
 .post-list-body > .post-home-item { flex: 33.3%; max-width: 33.3%; }
 .blog-subscriber .block.newsletter .title strong { font-size: 22px; }
 .blog-subscriber .block.newsletter .title { padding: 0 10px 0 0; }
 .blog-subscriber .field.newsletter input { width: 300px; }
 .news-filter-outer .search-filter-box-inner.tag-search .input-box { width: 530px; }
}

@media (max-width:1050px) {
.news-filter-outer .search-filter-box-inner.tag-search .input-box,
.news-filter-outer .search-filter-box-inner .input-box { width: 180px; }
}

@media (max-width:999px) {
    .blog-subscriber .block.newsletter .title { padding:0; margin: 0 0 10px; }
    .blog-subscriber .block.newsletter { flex-direction: column; }
}

@media (max-width:767px) {
.post-list-body { margin: 0 -5px; }
.post-list-body > .post-home-item { flex: 50%; max-width: 50%; padding: 0 5px; margin: 0 0 10px; }
.post-list-body + .pager { margin: 22px 0 30px; }
    
.news-filter-outer .pager { display: none; }
}

@media (max-width:539px) {
.news-filter-outer .mp-sidebar.mpcss { float: none; margin: 0 0 10px; }
.news-filter-outer .mp-sidebar.mpcss.search-filter-box { float: none; margin: 0; }
.news-filter-outer .search-filter-box-inner.tag-search .input-box,
.news-filter-outer .search-filter-box-inner .input-box { width: calc(100% - 80px); }
.news-filter-outer .search-filter-box-inner { justify-content: space-between; }
    
    .blog-subscriber { padding:10px; margin: 0 0 20px;}
	.blog-subscriber .content { display: none; }
    .block.newsletter .actions { display: block; width: 100%; }
    .block.newsletter .actions button { width: 100%; }
    .block.newsletter .content { width: 100%; }
    .block.newsletter .field .control { padding: 0; width: 100%; margin: 0 0 10px; }
    .blog-subscriber .field.newsletter input { width: 100%; }
    .blog-subscriber .block.newsletter div.mage-error { position: static; }
    .blog-subscriber .block.newsletter .title strong { font-size: 18px; }
    .blog-subscriber .block.newsletter .title { margin: 0; }
}

@media (max-width:499px) {
.post-list-body { margin: 0; }
.post-list-body > .post-home-item { flex: 100%; max-width: 100%; padding: 0; margin: 0 0 15px }
.post-list-body > .post-home-item .post-item-image img { width: 100%; }
}


/*news list page*/

/*news Detail page*/
.mpblog-post-view .page-main { padding-left: 0; padding-right: 0; }
.mpblog-post-view .page-main .column.main,
.industryapplication-index-view .page-main .column.main { max-width: 1000px; margin: 0 auto; padding-left: 15px; padding-right: 15px; }
.mpblog-post-view .page-main .sidebar.sidebar-main { margin-top: 50px; }

.post-list-content .post-view-image { position: relative; margin: 0 auto 30px; max-width: 100%; width: 100%; }
.post-list-content .post-view-image .post-image { border-radius: 0 0 10px 10px; overflow: hidden; line-height: 0; text-align: center; }
.post-list-content .post-view-image .post-image img { max-width: 100%; width: 100%; height: 100%;}
.mp-blog-view .mpcss.post-view .social-share {text-align: right;}
.mpblog-post-view .page-main .sidebar.sidebar-main .news-main-section { padding: 0 0 60px; }

.post-view-image .mp-post-category { position: absolute; right: 0; bottom: 0; z-index: 2; }
.post-view-image .mp-post-category a { color: #ffffff; font-size: 12px; font-weight: 500; display: inline-block; text-align: center; line-height: 25px; padding: 0 12px; border-radius: 6px 0 0 0; background: #ed1c24; }

.post-view-image .post-item-image { position: absolute; left: 0; bottom: 0; }
.post-view-image .post-item-image .mp-post-info { color: #ffffff; font-size: 12px; font-weight: 500; display: inline-block; text-align: center; line-height: 25px; padding: 0 12px; border-radius: 0 6px 0 0; background: #1c1d20; }

.post-post_content > :first-child { margin-top: 0; }
.post-post_content > :last-child { margin-bottom: 0; }
.post-post_content strong { font-weight: 700; color: #1c1d20; }
.post-post_content p:last-child { margin-bottom: 0; }
.post-post_content a,
.post-post_content p a { text-decoration: underline; color: #e3001b; }
.post-post_content p strong { font-size: 18px; color: #1c1d20; }
.no-touch .post-post_content a:hover,
.no-touch .post-post_content p a:hover { text-decoration: none; }
.post-post_content h1,
.post-post_content .h1,
.post-post_content h2,
.post-post_content .h2,
.post-post_content h3,
.post-post_content .h3,
.post-post_content h4,
.post-post_content .h4,
.post-post_content h5,
.post-post_content .h5,
.post-post_content h6,
.post-post_content .h6 { font-weight: 700; color: #1c1d20; margin: 0 0 15px; display: block; }
.post-post_content h1,
.post-post_content .h1 { font-size: 40px; }
.post-post_content h2,
.post-post_content .h2 { font-size: 30px; }
.post-post_content h3,
.post-post_content .h3 { font-size: 28px; }
.post-post_content h4,
.post-post_content .h4 { font-size: 26px; }
.post-post_content h5,
.post-post_content .h5 { font-size: 24px; }
.post-post_content h6,
.post-post_content .h6 { font-size: 20px; }
.post-post_content p { color: #666666; font-size: 14px; font-weight: 400; margin: 0 0 15px; text-align: left; /* text-align: left !important; */ }
.post-post_content ol { list-style: decimal; padding: 0 0 0 20px; margin: 15px 0; color: var(--rt-black); font-size: 16px; font-weight: 300; }
.post-post_content ol li { margin: 0 0 5px; padding: 0; }
.post-post_content ol li ol { list-style: decimal; margin: 5px 0; padding: 0 0 0 20px; }
.post-post_content ol li ol li { margin: 0 0 5px; padding: 0; }

.post-post_content ul { margin: 0 0 15px; padding: 0; list-style: none; }
.post-post_content ul li { margin-bottom: 12px; padding: 0 0 0 20px; position: relative; list-style: none; font-weight: 400; font-size: 14px; }
.post-post_content ul li:before { content: ""; position: absolute; left: 0; top: 5px; width: 8px; height: 12px; background: url(../../frontend/Hydac/nztheme/en_NZ/images/arrow-red.svg) no-repeat 0 0; background-size:8px 12px; }

.post-post_content blockquote { background: #f9f9f9; border-left: 10px solid #cccccc; margin: 15px 0; padding: 0.5em 10px; }
.post-post_content blockquote p { display: inline; margin-bottom: 0 !important; }
.post-post_content hr { margin: 20px 0; border-color: #f9f9f9; }
.post-post_content table { display: table; border-collapse: collapse; border-spacing: 0; margin: 25px 0; text-align: left; width: 100% !important; }
.post-post_content table p { margin: 0; }
.post-post_content thead { display: table-header-group; vertical-align: middle; border-color: inherit }
.post-post_content tbody { display: table-row-group; vertical-align: middle; border-color: inherit }
.post-post_content tbody tr:nth-child(even) { background: #f6f5f6; }
.post-post_content tbody tr:nth-child(odd) { background: #ffffff; }
.post-post_content tfoot { display: table-footer-group; vertical-align: middle; border-color: inherit }
.post-post_content table > tr { vertical-align: middle; }
.post-post_content col { display: table-column }
.post-post_content colgroup { display: table-column-group }
.post-post_content tr { display: table-row; vertical-align: inherit; border-color: inherit }
.post-post_content td,
.post-post_content th { display: table-cell; vertical-align: middle; padding: 20px 15px 18px; line-height: 17px; font-size: 14px; font-weight: 300; }
.post-post_content th { font-weight: 500; background: #f6f5f6; font-size: 16px; color: #000000; }
.post-post_content caption { display: table-caption; text-align: center; }
.post-post_content .table-responsive { overflow-x: auto; }

@media screen and (max-width: 767px) {
.post-post_content h1,
.post-post_content .h1 { font-size: 30px; }
.post-post_content h2,
.post-post_content .h2 { font-size: 24px; }
.post-post_content h3,
.post-post_content .h3 { font-size: 22px; }
.post-post_content h4,
.post-post_content .h4 { font-size: 20px; }
.post-post_content h5,
.post-post_content .h5 { font-size: 18px; }
.post-post_content h6,
.post-post_content .h6 { font-size: 16px; }
}
/*news Detail page*/

/* about us page */
.cms-about-us .page-main { max-width: 100%; padding-left: 0; padding-right: 0; }  
.cms-about-us .view-sidebar-link-wrapper { display: none; }
.cms-about-us .inner-main-banner { margin: 0 0 100px; }

.who-we-are-sec { background: #f5f5f5; padding: 74px 0; }
.about-wrapper { margin-left: auto; margin-right: auto; max-width: 1530px; padding-left: 15px; padding-right: 15px; width: 100%; }

.who-we-are-sec .about-cont { font-size: 0; }
.who-we-are-sec .about-left { width: 50%; display: inline-block; vertical-align: top; font-size: 14px; line-height: 0; }
.who-we-are-sec .about-left img { width: 100%; margin-top: -104px; }
.who-we-are-sec .about-right { width: 50%; display: inline-block; vertical-align: top; font-size: 14px; text-align: left; padding: 0 50px 0 78px; }
.who-we-are-sec .about-right .section_title { text-align: left; }
.who-we-are-sec .about-right .section_title:before { display: none; }

.hydac-service-program-sec { background: #ed1c24; background-image: none !important; }

.hydac-service-program-box .program-box { font-size: 0; }
.hydac-service-program-box .program-left { width: 49%; display: inline-block; vertical-align: middle; font-size: 14px; padding: 15px 50px 15px 0; }
.hydac-service-program-box .program-left .section_title { text-align: left; color: #ffffff; }
.hydac-service-program-box .program-left .section_title:before { display: none; }
.hydac-service-program-box .program-left .section_title:after { background: #ffffff; }
.hydac-service-program-box .program-left p { color: #ffffff;  }
.hydac-service-program-box .program-left p br { display: none; }
.hydac-service-program-box .program-left .action.primary { background: #f5f5f5; color: #1c1d20; margin-top: 25px; }
.no-touch .hydac-service-program-box .program-left .action.primary:hover { background: #1c1d20; color: #ffffff; }
.hydac-service-program-box .program-right { width: 51%; display: inline-block; vertical-align: middle; font-size: 14px; text-align: left; padding: 0; line-height: 0; position: relative; }
.hydac-service-program-box .program-right img { width: 100%; }

.video-popup { position: relative; display: block; line-height: 0; }
.video-popup:after { content: ''; width: 55px; height: 55px; border-radius: 100%; display: inline-block; background:#ffffff url(../../frontend/Hydac/nztheme/en_NZ/images/video-play.png) no-repeat center center; background-size: 17px 20px; box-shadow: 0 0 0 0 rgba(255,255,255, 0.10); border-radius: 100%; -webkit-animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1); text-indent: 1000%; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.video-popup:before { content: ''; width: 55px; height: 55px; display: inline-block; box-shadow: 0 0 0 0 rgba(255,255,255, 0.30); border-radius: 100%; -webkit-animation: pulse2 2s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulse2 2s infinite cubic-bezier(0.66, 0, 0, 1); text-indent: 1000%; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

@keyframes pulse {
    to { box-shadow: 0 0 0 45px rgba(255,255,255, 0); }
}
@keyframes pulse2 {
    to { box-shadow: 0 0 0 20px rgba(255,255,255, 0); }
}

.cms-about-us .block-static-block.widget { margin: 0; }

.about-mission-statement { padding: 74px 0; }
.about-mission-statement .mission-cont p { font-size: 16px; color: #1c1d20; max-width: 810px; font-weight: 600; margin: 0 auto 20px; text-align: center; }
.about-mission-statement .mission-cont { text-align: center; margin: 0 0 74px; }


.about-mission-statement-box .hydac-info-wrapper { font-size: 0; margin: 0 -10px; }
.about-mission-statement-box .hydac-info-wrapper > div { display: inline-block; vertical-align: top; width: 33.3%; padding: 0 10px; font-size: 14px; }

.hydac-info-wrapper .hydac-info-inner { border: 1px solid #dddddd; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;  }
.no-touch .hydac-info-wrapper .hydac-info-inner:hover { -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); cursor: pointer; }
.hydac-info-wrapper .hydac-media-box { padding-bottom: 59%; }
.hydac-info-wrapper .hydac-media-box img { bottom: 0; display: block !important; height: auto; left: 0; margin: auto; max-width: 100% !important; position: absolute; right: 0; top: 0; width: 100%; }
.hydac-info-wrapper .hydac-info-right { padding: 20px 15px; text-align: left;}


.hydac-info-wrapper .hydac-info-cont h4 { font-size: 18px; color: #1c1d20; font-weight: 700; margin: 0 0 10px; }
.hydac-info-wrapper .hydac-info-cont p { height: 40px; overflow: hidden; }
.hydac-info-wrapper .hydac-info-cont a.btn-border { font-weight: 700; text-transform: uppercase; color: #ed1c24; }

.hydac-info-wrapper .hydac-info-cont a.action.primary { position: relative; font-weight: 700; font-size: 14px; color: #1c1d20; text-transform: uppercase; padding: 0 17px 0 0; display: inline-block; background:none !important; height: auto; }
.hydac-info-wrapper .hydac-info-cont a.action.primary:before,
.hydac-info-wrapper .hydac-info-cont a.action.primary:after { content:""; position: absolute; right: 0; top: 50%; width: 7px; height: 12px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; margin-top: -6px; }
.hydac-info-wrapper .hydac-info-cont a.action.primary:before { background: url(../../frontend/Hydac/nztheme/en_NZ/images/arrow.svg) no-repeat right center; background-size: 7px 12px; }
.hydac-info-wrapper .hydac-info-cont a.action.primary:after { background: url(../../frontend/Hydac/nztheme/en_NZ/images/arrow-red.svg) no-repeat right center; background-size: 7px 12px; opacity: 0; visibility: hidden; }
.no-touch .hydac-info-inner:hover .hydac-info-cont a.action.primary { color: #ed1c24; }
.no-touch .hydac-info-inner:hover .hydac-info-cont a.action.primary:before { opacity: 0; visibility: hidden; }
.no-touch .hydac-info-inner:hover .hydac-info-cont a.action.primary:after { opacity: 1; visibility: visible; }


.hydac-info-wrapper .hydac-info-cont a.btn-border { position: relative; font-weight: 700; font-size: 14px; color: #1c1d20; text-transform: uppercase; padding: 0 17px 0 0; display: inline-block; }
.hydac-info-wrapper .hydac-info-cont a.btn-border:before,
.hydac-info-wrapper .hydac-info-cont a.btn-border:after { content:""; position: absolute; right: 0; top: 50%; width: 7px; height: 12px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; margin-top: -6px; }
.hydac-info-wrapper .hydac-info-cont a.btn-border:before { background: url(../../frontend/Hydac/nztheme/en_NZ/images/arrow.svg) no-repeat right center; background-size: 7px 12px; }
.hydac-info-wrapper .hydac-info-cont a.btn-border:after { background: url(../../frontend/Hydac/nztheme/en_NZ/images/arrow-red.svg) no-repeat right center; background-size: 7px 12px; opacity: 0; visibility: hidden; }
.no-touch .hydac-info-inner:hover .hydac-info-cont a.btn-border { color: #ed1c24; }
.no-touch .hydac-info-inner:hover .hydac-info-cont a.btn-border:before { opacity: 0; visibility: hidden; }
.no-touch .hydac-info-inner:hover .hydac-info-cont a.btn-border:after { opacity: 1; visibility: visible; }

.hydac-info-wrapper .hydac-media-box:before { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; width: 0px; height: 5px; background: #ed1c24; position: absolute; left: 0; bottom: 0; content: ""; visibility: hidden; opacity: 0; z-index: 2; }
.no-touch .hydac-info-inner:hover .hydac-media-box:before { width: 100%; visibility: visible; opacity: 1; }

.about-service-sec { padding: 74px 0; background: #f5f5f5; }

.about-service-sec .capabilities_cotent { font-size: 0;}
.about-service-sec .capabilities_cotent > .content_box { display:inline-block; vertical-align: top; width: 33.3%; padding: 0 40px; text-align: center; }
.about-service-sec .capabilities_cotent > .content_box:first-child { padding-left: 0; }
.about-service-sec .capabilities_cotent > .content_box:last-child { padding-right: 0; }

@media (min-width:992px) {
.post-list-content .post-view-image { position: relative; margin: 0 auto 30px; max-width: 600px; width: 100%; }
.post-list-content .post-view-image .post-image { border-radius: 0 0 10px 10px; overflow: hidden; line-height: 0; text-align: center; }
.post-list-content .post-view-image .post-image img { max-width: 600px; width: 100%; height: 600px;}
.mp-blog-view .mpcss.post-view .social-share {max-width: 600px; width: 100%; margin: 0 auto 20px auto;}
}
@media (min-width:1200px) {
	.navigation li.shop-by-category-menu-item .submenu.level2 { display: none!important; }
}
@media (min-width:1450px) {
.about-service-sec .capabilities_cotent > .content_box { padding: 0 102px; }
.about-service-sec .capabilities_cotent > .content_box:nth-child(2) { padding: 0 68px; }
}

.about-service-sec .capabilities_icon { display: flex; justify-content: center; align-items: center; width: 87px; height: 87px; border: 1px solid #ed1c24; border-radius: 100px; margin: 0 auto 28px; }
.about-service-sec .capabilities_cotent > .content_box h3 { font-size: 18px; color: #1c1d20; font-weight: bold; margin:0 0 20px; }
.about-service-sec .capabilities_cotent > .content_box h3 a { font-size: 18px; color: #1c1d20; font-weight: bold; display: inline-block; }
.no-touch .about-service-sec .capabilities_cotent > .content_box:hover h3 a { color: #ed1c24; }
.about-service-sec .capabilities_cotent .content_box { text-align: center; }
.about-service-sec .capabilities_cotent .content_box p:last-child { margin: 0; }

@media (max-width:1199px) {
    .who-we-are-sec .about-left img { margin-top: 0; }  
    .who-we-are-sec .about-right { padding: 0 0 0 25px; }
    .cms-about-us .inner-main-banner { margin: 0 0 40px;}  
    
    .who-we-are-sec,
    .about-service-sec,
    .about-mission-statement { padding: 50px 0; }
    .about-mission-statement .mission-cont { margin: 0 0 74px; }
}

@media (max-width:999px) {
    .hydac-service-program-box { padding: 30px 0; }
    .hydac-service-program-box .program-left { width: 100%; padding: 0; margin: 0 0 30px; }
    .hydac-service-program-box .program-right { width: 100%; padding: 0; }
    .hydac-service-program-box .program-left .action.primary { margin-top: 10px; }
    
    .hydac-info-wrapper .hydac-info-cont h4 { height: 40px;  }
    
    .who-we-are-sec .about-left { width: 100%; margin: 0 0 30px; }
    .who-we-are-sec .about-right { width: 100%; padding: 0; }
}

@media (max-width:767px) {
    .about-service-sec .capabilities_cotent > .content_box { width: 100%; padding: 0; margin-bottom: 20px; }
    .about-service-sec .capabilities_cotent > .content_box:last-child { margin: 0; }
    
    .about-mission-statement-box .hydac-info-wrapper > div { width:50%; margin: 0 0 20px; }
    
    .who-we-are-sec,
    .about-service-sec,
    .about-mission-statement { padding: 30px 0; }
    .about-mission-statement .mission-cont { margin: 0 0 30px; } 
    
    .about-mission-statement .mission-cont p { font-size: 14px; }

    div.products { margin: 0; }
}

@media (max-width:550px) {
    .about-mission-statement-box .hydac-info-wrapper { margin: 0; }
    .about-mission-statement-box .hydac-info-wrapper > div { width: 100%; padding:0; }
}

/* about us page */

body.loading_img img.loaded { background-size: auto; }
body.loading_img .lazyload { background-size: 30px auto; background-position: center center; background-repeat: no-repeat; overflow: hidden; }
.cookie-status-message { display: none; }


.cms-page-view .page-main .column.main .table-outer { overflow-x: auto; overflow-y: hidden; width: auto; }
.cms-page-view .page-main .column.main .table-outer table { border: 1px solid #dddddd; width: 100%; }
.cms-page-view .page-main .column.main .table-outer table tr:not(:first-child) { border-top: 1px solid #dddddd;}
.cms-page-view .page-main .column.main .table-outer table tr th { background: #1c1d20; font-weight: 700; color: #fff; text-transform: uppercase; padding: 19px; line-height: 1; font-size: 16px; vertical-align: middle; text-align: left; }
.cms-page-view .page-main .column.main .table-outer table tr td { vertical-align: middle; font-size: 14px; color: #1c1d20; padding: 9px 19px; text-align: left; }

@media (max-width:639px) {
.cms-page-view .page-main .column.main .table-outer table thead tr th { display: none; }
.cms-page-view .page-main .column.main .table-outer table tbody,
.cms-page-view .page-main .column.main .table-outer table tbody tr { display: block;}
.cms-page-view .page-main .column.main .table-outer table tbody tr:not(:last-child) { border-top: 1px solid #dddddd;}
.cms-page-view .page-main .column.main .table-outer table tbody tr td { border-bottom: none; display: block; padding: 10px; }
.cms-page-view .page-main .column.main .table-outer table tbody tr td[data-th]:before { padding-right: 10px; content: attr(data-th) ': '; display: inline-block; color: #111111; font-weight: 700; }
}

.cms-customised-training .custom-wrapper p img { max-width: 800px; }

.message.global.demo { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #fa292e; color: #ffffff; margin-bottom: 0; text-align: center; }
.message.global p { margin: 0; }

.page-layout-2columns-left .page.messages,
.contactus-index-index .page.messages { padding: 0 15px; max-width: 1530px; margin: 0 auto; } 


.customer-account-logoutsuccess .page-main p { text-align: center; }
.modal-popup.confirm.save-order-template .fieldset { margin: 0; }

.category-no-poa-option .catalog-topnav.amasty-catalog-topnav { display: none; }

.catalog-category-view .product-list-tab-main { margin-top: 30px; } 
.catalog-category-view .main_site_content:before, 
.catalog-category-view .main_site_content:after { content: ""; display: table; }
.catalog-category-view .main_site_content:after { clear: both; }

.category-list-page { text-align: center; }

.video-item .video-popup img { width: 100%; }

.checkout-onepage-success .column.main { min-height: inherit; }

.cms-page-view .custom-wrapper h5 br { display: none; }
.cms-page-view .custom-wrapper h5 { font-size: 22px; }

.securefields-wrapper { height: 45px !important; }
.eway-secure-field-form select { background: #ffffff url(../../frontend/Hydac/nztheme/en_NZ/images/down-arrow.svg) no-repeat calc(100% - 20px) center; -webkit-appearance: none; }

.modal-popup.confirm.airbag-products .modal-content { padding: 25px 20px; }
.modal-popup.confirm.airbag-products .modal-inner-wrap { max-width: 300px; width: 100% !important; margin: 0 auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.modal-content .airbag-popup-content-btn { border: 2px solid #1c1d20; padding: 15px; }
.modal-popup.confirm.airbag-products .airbag-popup-content-btn .action {  margin: 20px auto 0; }
.modal-popup.confirm.airbag-products .airbag-popup-content-btn  form > span { display: block; text-align: center; margin: 0 0 10px; font-weight: 700; color: #1c1d20; }
.no-touch .modal-popup.confirm.airbag-products .action-close:hover:before { color: #1c1d20; }

.amgdpr-modal-container .amgdpr-privacy-policy h5,
.amgdpr-html-content h5 { font-size: 24px; margin: 0 0 20px; }
.amgdpr-modal-container .amgdpr-privacy-policy p { color: #666666; font-size: 14px; font-weight: 400; margin: 0 0 15px; text-align: left !important; }
.amgdpr-modal-container .amgdpr-privacy-policy ol { list-style: decimal; padding: 0 0 0 20px; margin: 15px 0; color: var(--rt-black); font-size: 16px; font-weight: 300; }
.amgdpr-modal-container .amgdpr-privacy-policy ol li { margin: 0 0 5px; padding: 0; }
.amgdpr-modal-container .amgdpr-privacy-policy ol li ol { list-style: decimal; margin: 5px 0; padding: 0 0 0 20px; }
.amgdpr-modal-container .amgdpr-privacy-policy ol li ol li { margin: 0 0 5px; padding: 0; }

.amgdpr-modal-container .amgdpr-privacy-policy ul { margin: 0 0 15px; padding: 0; list-style: none; }
.amgdpr-modal-container .amgdpr-privacy-policy ul li { margin-bottom: 12px; padding: 0 0 0 20px; position: relative; list-style: none; font-weight: 400; font-size: 14px; }
.amgdpr-modal-container .amgdpr-privacy-policy ul li:before { content: ""; position: absolute; left: 0; top: 5px; width: 8px; height: 12px; background: url(../../frontend/Hydac/nztheme/en_NZ/images/arrow-red.svg) no-repeat 0 0; background-size:8px 12px; }

.category-quality .modal-cont-inner { max-height: 234px; overflow: auto; } 
.modal-cont-inner p { color: #666666; font-size: 14px; font-weight: 400; margin: 0 0 15px; text-align: left !important; }
.modal-cont-inner ol { list-style: decimal; padding: 0 0 0 20px; margin: 15px 0; color: var(--rt-black); font-size: 16px; font-weight: 300; }
.modal-cont-inner ol li { margin: 0 0 5px; padding: 0; }
.modal-cont-inner ol li ol { list-style: decimal; margin: 5px 0; padding: 0 0 0 20px; }
.modal-cont-inner ol li ol li { margin: 0 0 5px; padding: 0; }

.modal-cont-inner ul { margin: 0 0 15px; padding: 0; list-style: none; }
.modal-cont-inner ul li { margin-bottom: 12px; padding: 0 0 0 20px; position: relative; list-style: none; font-weight: 400; font-size: 14px; }
.modal-cont-inner ul li:before { content: ""; position: absolute; left: 0; top: 5px; width: 8px; height: 12px; background: url(../../frontend/Hydac/nztheme/en_NZ/images/arrow-red.svg) no-repeat 0 0; background-size:8px 12px; }

.amgdprjs-bar-template { z-index:8 !important; }

.no-touch .products-grids .owl-dots { display: none; }
.touch .products-grids .owl-nav { display: none; }

/*popup amasty*/
.modal-popup.amgdprcookie-groups-modal { -webkit-overflow-scrolling:touch; scroll-behavior: smooth; }
.amgdprcookie-modal-container .modal-content {
    padding: 0
}
.amgdprcookie-modal-container.modal-popup.modal-slide {
    left: 0;
    pointer-events: none
}

.amgdprcookie-modal-container .modal-inner-wrap {
    height: 100%;
    margin: 0;
    position: relative
}

.amgdprcookie-modal-container .modal-inner-wrap .modal-header {
    position: absolute;
    right: 0
}

.amgdprcookie-modal-container .modal-inner-wrap .action-close {
    margin: 5px;
    padding: 0
}

.amgdprcookie-modal-container .modal-inner-wrap .action-close:before {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI4IiBzdHJva2U9IiNDQUNBQ0EiLz48cGF0aCBkPSJNNS4yNSA1LjI1bDYuNSA2LjVtMC02LjVsLTYuNSA2LjUiIHN0cm9rZT0iI0NBQ0FDQSIvPjwvc3ZnPg==') no-repeat center;
    content: '';
    height: 25px;
    width: 25px
}

.amgdprcookie-modal-container .modal-inner-wrap .action-close:focus {
    box-shadow: 0 0 3px 1px #00699d
}

.amgdprcookie-modal-container .modal-inner-wrap .amgdprcookie-groups-container {
    overflow: auto;
    scrollbar-color: #e8e8e8 #fff;
    scrollbar-width: thin;
    scrollbar-face-color:#e8e8e8;scrollbar-highlight-color:#e8e8e8;scrollbar-shadow-color:#e8e8e8;scrollbar-track-color:#fff}

.amgdprcookie-modal-container .modal-inner-wrap .amgdprcookie-groups-container::-webkit-scrollbar {
    width: 4px
}

.amgdprcookie-modal-container .modal-inner-wrap .amgdprcookie-groups-container::-webkit-scrollbar-track {
    background-color: #fff;
    box-shadow: none
}

.amgdprcookie-modal-container .modal-inner-wrap .amgdprcookie-groups-container::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #e8e8e8
}
.amgdprcookie-modal-container .amgdprcookie-modal-template {
    width: 20%;
    min-width: 400px;
    margin-left: 0;
    height: 100%;
    pointer-events: auto;
    z-index: 900;
    background-color: #E8E8E8;
    position: relative
}
.amgdprcookie-groups-container {
    box-shadow: 0 -2px 18px rgba(0,0,0,0.06);
    direction: rtl;
    height: auto;
    overflow-y: scroll;
}
.amgdprcookie-cookie-container.-modal {
    margin: 20px;
    box-shadow: none;
    direction: ltr;
}
.amgdprcookie-main-wrapper .amgdprcookie-cookie-container {
	margin: 15px 0;
}
.amgdprcookie-cookie-container.-modal:first-child {
    padding-top: 20px;
}
.amgdprcookie-cookie-container .amgdprcookie-header {
    display: flex;
    justify-content: space-between;
}
.amgdprcookie-cookie-container .amgdprcookie-caption {
    margin: 0 0 15px;
    font-weight: bold;
    font-size: 16px;
    line-height: 27px;
}
.amgdprcookie-toggle-cookie {
    position: relative;
    padding-left: 50px;
}
.amgdprcookie-toggle-cookie .amgdprcookie-input {
    width: 0;
    height: 0;
    opacity: 0;
}
.amgdprcookie-toggle-cookie .amgdprcookie-label {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 29px;
    border-radius: 40px;
    background: #a5a5a5;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    cursor: pointer;
}
.amgdprcookie-toggle-cookie .amgdprcookie-input:not([checked])+.amgdprcookie-label {
    background: #a5a5a5;
}
.amgdprcookie-settings-form .amgdprcookie-toggle-cookie .amgdprcookie-input.disabled+.amgdprcookie-label {
    background: #ededed;
}
.amgdprcookie-toggle-cookie .amgdprcookie-label:before {display: none;}
.amgdprcookie-toggle-cookie .amgdprcookie-label:after {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 25px;
    height: 25px;
    border-radius: 40px;
    background: #fff;
    content: '';
    transition: all .4s ease;
}
.amgdprcookie-toggle-cookie .amgdprcookie-input:checked:not([disabled])+.amgdprcookie-label {
    background: #2b2b2b;
}
.amgdprcookie-toggle-cookie .amgdprcookie-input:disabled+.amgdprcookie-label:after {
    left: 2px;
}
.amgdprcookie-toggle-cookie .amgdprcookie-input:checked:disabled+.amgdprcookie-label {
	    background: #e8e8e8;
}
.amgdprcookie-toggle-cookie .amgdprcookie-input:checked:disabled+.amgdprcookie-label:after {
    left: 95%;
    transform: translateX(-100%);
}
.amgdprcookie-toggle-cookie .amgdprcookie-input:checked:not([disabled])+.amgdprcookie-label:after {
    left: 95%;
    transform: translateX(-100%);
}
.amgdprcookie-cookie-container .amgdprcookie-text {
    margin-bottom: 10px;
    color: #363636;
    font-size: 12px;
}
.amgdprcookie-cookie-container .amgdprcookie-link {
    float: right;
    text-transform: capitalize;
    letter-spacing: .3px;
    font-size: 12px;
    cursor: pointer;
}
.amgdprcookie-policy-container {
    box-shadow: 0 -2px 18px rgba(0,0,0,0.06);
    padding: 24px;
    position: absolute;
    bottom: 0;
}
.amgdprcookie-buttons-block {
    display: flex;
    flex-direction: column;
}
.amgdprcookie-buttons-block .amgdprcookie-button {
    border: none;
    box-shadow: none;
    font-weight: 700;
    margin-top: 15px;
    padding: 10px 36px;
    text-transform: uppercase;
    transition: opacity .3s ease,color .3s ease-out,background-color .3s ease-out,border .3s ease-out;
}
.amgdprcookie-groups-modal .modal-inner-wrap .modal-content {padding: 20px;}
.amgdprcookie-modal-container .action-close {width: 30px; height: 30px;}
.amgdpr-modal-container .modal-inner-wrap .modal-content,
.amgdprcookie-groups-modal .modal-inner-wrap .modal-content {overflow: auto;height: 100%;padding: 20px;max-height: 650px;}
.amgdpr-modal-container .modal-inner-wrap .modal-content .amgdpr-html-content ul { margin: 0 0 15px; padding: 0; list-style: none;}
.amgdpr-modal-container .modal-inner-wrap .modal-content .amgdpr-html-content ul li { margin-bottom: 12px; padding: 0 0 0 20px; position: relative; list-style: none; font-weight: 400; font-size: 14px; }
.amgdpr-modal-container .modal-inner-wrap .modal-content .amgdpr-html-content ul li:before { content: ""; position: absolute; left: 0; top: 5px; width: 8px; height: 12px; background: url(../../frontend/Hydac/nztheme/en_NZ/images/arrow-red.svg) no-repeat 0 0; background-size:8px 12px; }
.amgdprcookie-groups-modal .modal-inner-wrap .action-close:before,
.amgdpr-modal-container .modal-inner-wrap .action-close:before {color: #fff;}
.amgdpr-modal-container .modal-inner-wrap .modal-footer {text-align: center;}
.amgdprcookie-groups-modal .modal-inner-wrap .modal-footer {text-align: center;}
.amgdprcookie-groups-modal .modal-inner-wrap .modal-content .modal-component .amgdprcookie-main-wrapper .amgdprcookie-buttons-block {text-align: center; width: auto; display: block;}
.ammodals-overlay {
    background-color: rgba(51,51,51,0.55);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 899;
}
.amgdprcookie-groups-modal .modal-inner-wrap {
	    border-radius: 4px;
    box-shadow: 0 -2px 18px rgba(0,0,0,0.06);
    max-width: 740px;
}
.amgdprjs-bar-template {
    display: block !important;
    position: fixed;
    position: sticky
}
.amgdprcookie-bar-container {
    background: #e6e7e8;
    box-shadow: 0 -2px 18px rgba(0,0,0,0.06);
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 30px 10px;
    z-index: 10;
}
.amgdprcookie-bar-container.modal-popup {
    right: unset;
    pointer-events: auto;
    left: unset;
    top: unset;
    bottom: unset;
    overflow-y: unset;
    transition: unset;
    position: unset
}
.amgdprcookie-bar-container .amgdprcookie-policy {
    margin-bottom: 20px;
    max-height: 30vh;
    max-width: 640px;
    overflow-y: auto;
    text-align: center;
}
.amgdprjs-bar-template .amgdprcookie-buttons-block .amgdprcookie-button {
    margin: 0 0 10px 15px;
}

.amgdprjs-bar-template .amgdprcookie-buttons-block .amgdprcookie-button:first-child {
    margin-left: 0;
}

.amgdprcookie-groups-modal .modal-inner-wrap .modal-header {height: 100%; min-height: 50px;}

.amgdprjs-bar-template.-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    max-width: 740px;
    transform: translate(-50%, -50%);
}
.amgdprjs-bar-template.-popup .amgdprcookie-bar-container {
    padding: 30px;
}
.amgdpr-modal-container .modal-inner-wrap {max-width: 50%;}

@media only screen and (min-width: 768px) {
.amgdprcookie-cookie-container {
    margin-bottom: 10px;
    padding: 20px 0;
}
.amgdprcookie-cookie-container .amgdprcookie-caption {
    margin-bottom: 15px;
    font-size: 20px;
}
.amgdprcookie-cookie-container .amgdprcookie-toggle-cookie {
    padding-left: 0;
}
.amgdprcookie-cookie-container .amgdprcookie-text {
    font-size: 14px;
}

.amgdprcookie-bar-container .amgdprcookie-buttons-block {
    flex-direction: row;
    margin-bottom: 5px; 
	justify-content: center;
}
}
@media only screen and (max-width: 767px) {
	.amgdprjs-bar-template.-popup {
		max-width: 90%;
		width: 100%;
	}
 .amgdprcookie-modal-container .amgdprcookie-modal-template {
        width: unset;
        min-width: unset
    }

    .amgdprjs-bar-template .amgdprcookie-buttons-block .amgdprcookie-button { margin-left: 0; }
    .amgdprcookie-bar-container.modal-popup { padding: 50px 15px 15px; }
}
@media only screen and (max-width: 639px) {
	.amgdpr-modal-container .modal-inner-wrap,		
	.amgdprcookie-groups-modal .modal-inner-wrap {
		max-width: 90%;
		width: 100%;
	}
	.content-tab-main .address-data p span.address {
		    margin-top: 10px;
	}
	.content-tab-main .address-data p span.address strong { display: block; }
}

@media only screen and (max-height: 414px) {
	.modal-popup.amgdprcookie-groups-modal .modal-inner-wrap { height: 314px; }
    .modal-popup.amgdprcookie-groups-modal .modal-inner-wrap .modal-header { height: auto; }
}

/* cms-procee-tab */
.cms-procee-tab h3 { line-height: 1.1; font-size: 44px; margin: 0 0 15px; text-transform: uppercase; color: #000; font-weight: 600; }
.tab-content-box h4 { line-height: 1.1; font-size: 22px; color: #000; font-weight: 400; margin: 0 0 15px; }
.cms-procee-tab { padding: 30px 0 30px; background: #e7e5e5; text-align: center; border-radius: 20px; margin-bottom: 20px; }
.cms-procee-tab .nav-tabs { margin: 0 -5px; border-bottom: 0; padding: 0; }
.cms-procee-tab .nav-tabs .owl-carousel { display: block; }
.cms-procee-tab .nav-tabs .owl-carousel .item { display: inline-block; width: 100%; box-sizing: border-box; vertical-align: top; }
.cms-procee-tab .nav-tabs .owl-carousel .owl-item .item { width: 100%; }
.cms-procee-tab .nav-tabs li { padding: 0 5px; list-style: none; }
.cms-procee-tab .nav-tabs a { background-color: #f2f2f2; padding: 15px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; margin-bottom: 12px; height: 120px; text-align: center; color: #000; border-radius: 10px; }
.cms-procee-tab .nav-tabs a .main-number-text { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%;  margin-bottom: 0; position: relative; }
.cms-procee-tab .nav-tabs a .number { font-size: 45px; font-weight: 600; line-height: 1.2; }
.cms-procee-tab .nav-tabs a .text { font-size: 13px; font-weight: 400; width: 100%; line-height: 15px; text-align: center; }
.cms-procee-tab .tab-content {margin-top: 20px; background: #fff; padding: 10px; border-radius: 5px; }
.tab-content>.tab-pane {display: none;}
.tab-content>.current { display: block; }
.tab-content-box { text-align: left; }
.tab-content-box p { margin: 0; }
.tab-content-box ul { padding-left: 25px; }
.tab-content-box .requirements-main .requirements-left { display: inline-block; width: 40%; vertical-align: top; box-sizing: border-box; }
.tab-content-box .requirements-main .requirements-right { display: inline-block; width: 59%; vertical-align: top; box-sizing: border-box; padding-left: 20px; }
.tab-content-box .requirements-main .requirements-right p { text-align: left; }
.tab-content-box .requirements-main .requirements-text-left { display: inline-block; width: 59%; vertical-align: top; box-sizing: border-box; padding-right: 20px; }
.tab-content-box .requirements-main .requirements-img-right { display: inline-block; width: 40%; vertical-align: top; box-sizing: border-box; }
.cms-procee-tab .nav-tabs .nav-link:before { display: block; position: absolute; content: ""; background: #e2001a; height: 100%; width: 0; top: 0; bottom: 0; left: 0; right: 0; border-radius: 10px; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; transition: all .1s ease; }
.cms-procee-tab .nav-tabs .nav-link:hover:before,.cms-procee-tab .nav-tabs .nav-link.current:before { width: 100%; }
.cms-procee-tab .nav-tabs .nav-link:hover,.cms-procee-tab .nav-tabs .nav-link.current { color: #fff; }
.cms-procee-tab .owl-carousel .owl-nav button.owl-next,.cms-procee-tab .owl-carousel .owl-nav button.owl-prev { width: 24px; height: 24px; background-color: #e2001a !important; color: #fff; top: auto; border-radius: 0;  transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); bottom: -18px; text-indent: inherit; }
.cms-procee-tab .owl-carousel .owl-nav button.owl-next span,.cms-procee-tab .owl-carousel .owl-nav button.owl-prev span { display: block; font-size: 20px; line-height: normal; }
.cms-procee-tab .owl-carousel .owl-nav button.owl-next:before,.cms-procee-tab .owl-carousel .owl-nav button.owl-prev:before,.cms-procee-tab .owl-carousel .owl-nav button.owl-next:after,.cms-procee-tab .owl-carousel .owl-nav button.owl-prev:after { display: none; }
.cms-procee-tab .owl-carousel .owl-nav button.disabled { pointer-events: none; opacity: .5; }
.hydraulic-products-accessories { display: inline-block; width: 100%; }
.hydraulic-products-accessories h2,.hydraulic-products-accessories h3 { margin: 0; }
.hydraulic-products-accessories h3 { font-size: 24px; margin-top: 25px; }
.hydraulic-products-accessories p { margin-bottom: 15px; text-align: justify; line-height: 20px; }

@media (min-width: 1024px) {
	.cms-procee-tab .nav-tabs .owl-carousel .item { display: inline-block; width: 15.8%; box-sizing: border-box; margin: 0 5px 0 0; }
	.cms-procee-tab .nav-tabs a {background-color: #f2f2f2; padding: 15px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; margin-bottom: 12px; height: 120px; text-align: center; color: #000; border-radius: 10px; }
}
@media (min-width: 1380px) {
	.tab-content-box .requirements-main .requirements-right p { text-align: justify; }
}
@media (max-width: 1199px) {
	.cms-procee-tab h3 { font-size: 30px; }
}
@media (max-width: 1024px) {
	.cms-procee-tab .nav-tabs {margin-bottom: 30px;}
}
@media (max-width: 991px) {
	.cms-procee-tab h3 { font-size: 26px; }
	.homevideo-box-item .homevideo-date-info-box .homevideo-info .homevideo-title {font-size: 16px; line-height: 1.4; height: 40px;}
}
@media (max-width: 767px) {
	.cms-procee-tab h3 { font-size: 22px; }
	.homevideo-box-item .homevideo-date-info-box .homevideo-info .homevideo-title {font-size: 14px;}
	.requesttoregister-index-index .columns .form.register .field.blank-section {display: none;}
	.std.testimonials ~ .faq-container {padding-top: 30px;}
}
@media (max-width: 567px) {
	.cms-procee-tab h3 { font-size: 22px; }
	.tab-content-box .requirements-main .requirements-img-right { width: 100%; margin-top: 10px; }
	.tab-content-box .requirements-main .requirements-left { width: 100%; }
	.tab-content-box .requirements-main .requirements-text-left,.tab-content-box .requirements-main .requirements-right { width: 100%; padding: 0; }
}
/* cms-procee-tab *//*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 8px; height: 100%; background: red; opacity:0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.jspContainer:hover .jspVerticalBar {opacity:1;}
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #D8D8D8; position: relative; }
.jspDrag { background: #000; position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../../frontend/Hydac/nztheme/en_NZ/Dcs_Homebanner/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1),.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;overflow:auto;padding:50px 44px 25px;right:0;text-align:center;z-index:99996}.fancybox-caption--separate{margin-top:-25px;max-height:50vh}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-caption{padding-left:12px;padding-right:12px}.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}}@supports (padding:0px){.fancybox-caption{padding:50px calc(max(12px, env(safe-area-inset-right))) calc(max(12px, env(safe-area-inset-bottom))) calc(max(25px, env(safe-area-inset-left)))}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#0077B5}.fancybox-share__button--pt:hover{background:#0895de}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}.cms-home .columns .column.main { padding: 0; }

.banner-box-hydac-section .owl-nav { display: none; }
.banner-box-hydac-section .owl-dots { position: absolute; margin: 0; bottom: 40px; left: 0; width: 100%; }

.banner-box-hydac-section .owl-item .item { position: relative; overflow: hidden; }
.banner-box-hydac-section .owl-item .item:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.3); }
.banner-box-hydac-section .banner-content { position: absolute; left: 0; top:50%; text-align: center; transform: translateY(-50%); width: 100%; z-index: 2; padding: 0 15px; }
.banner-box-hydac-section .owl-item .video { position: relative; padding-bottom: 35%; padding-top: 30px; height: 0; overflow: hidden; }
.banner-box-hydac-section .owl-item .video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.banner-box-hydac-section .owl-item .iframe-video { position: relative; padding-bottom: 35%; padding-top: 30px; height: 0; overflow: hidden; }
.banner-box-hydac-section .owl-item .iframe-video > a { display: none; } 
.banner-box-hydac-section .owl-item .iframe-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

.youtube-slider .slide { position: relative; width: 100%; padding-top: 177.78%; overflow: hidden; }
.youtube-slider .slide iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.youtube-slider .slide .thumbnail { display: none; }

.banner-content .banner-discription { font-size: 25px; color: #ffffff; margin: 0 0 15px; }
.banner-content .banner-title { font-size: 48px; color: #ffffff; margin: 0 0 25px; max-width: 800px; display: inline-block; }
.banner-content .banner-button { display: none; }
.owl-item.active .banner-content .banner-button { display: block; }
.banner-content .banner-button .action.btn:last-child { background: #f5f5f5; color: #1c1d20; }
.banner-content .banner-button .action.btn:last-child:hover { background: #1c1d20; color: #ffffff; }
.banner-content .banner-button .action.btn:first-child { margin-right: 10px; }

@media (min-width:1500px) {
    .banner-box-hydac-section .banner-content { top: 150px; transform: none; }    
    .banner-box-hydac-section { min-height: 500px; }
}

.our-companies { padding: 74px 0; }
.brand-slider { font-size: 0; text-align: center; }
.brand-slider .brand-item { width: 14.2857%; display: inline-block; vertical-align: top; padding: 0 20px; margin-bottom: 12px; }
.brand-slider .brand-item a { height: 84px; display: flex; justify-content: center; align-items: center; width: 100%; }
.brand-slider .owl-item .brand-item { width: 100% !important; padding: 0 10px; }
.brand-slider .owl-item .brand-item img { width: auto; opacity: 1 !important; /* height: 100%; */ } 
.no-touch .brand-item { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
.no-touch .brand-item:hover { -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3); box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3); }

.browse_product { padding: 74px 0; text-align: center; }
.browse_product_main { display: flex; justify-content: space-between; align-items: center; margin: 7px 0 28px; }
.browse_product_main .browse_product_box { height: 170px; display: flex; justify-content: center; align-items: center; padding: 0 5px; }
.browse_product_main .browse_product_box a { display: block; }
.browse_product_box .icon { display: flex; justify-content: center; align-items: center; height: 65px; width: 65px; margin: 0 auto; }
.browse_product_box .icon img { width: auto; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.7; }
.no-touch .browse_product_box a:hover span svg path { fill: var(--hyd-red)}
.no-touch .browse_product_box a:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }
.browse_product_main .browse_product_box a h5 { color: #111111; font-size: 14px; font-weight: 700; margin: 30px 0 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.no-touch .browse_product_main .browse_product_box a:hover h5 { color: var(--hyd-red); }
.line_link { position: relative; font-size: 14px; color: #1c1d20; font-weight: 700; display: inline-block; padding-bottom: 2px; text-transform: uppercase; }
.line_link:before { content: ""; position: absolute; background-color: #1c1d20; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.no-touch .line_link:hover:before { width: 0px; }


.online-store-section { padding: 74px 0; text-align: center; }
.touch .online-store-main .owl-nav { display: none; }
.online-store-section .view-btn { margin: 13px 0 0; }

/* .home_our_podcasts { max-width: 1530px; padding:0 15px; margin: 0 auto; line-height: 0; } */
.home_our_podcasts { max-width: 100%; padding:0; margin: 0 auto; line-height: 0; }
.home_our_podcasts img { width: 100%; max-width: 100%; }
.home_our_podcasts img.pod_mobile { display: none; }

.order_by { background: url(../../frontend/Hydac/nztheme/en_NZ/images/gift-bg.jpg) no-repeat center center; background-size: cover; padding: 0 40px; }
.order_by > div { display: flex; justify-content: space-between; align-items: center; min-height: 130px; }
.order_by > div .orderby_left { display: flex; align-items: center; }
.order_by > div .orderby_left h3 { font-size: 32px; color: #fff; /*color: #1c1d20;*/ font-weight: 400; margin: 0; }
.order_by > div .orderby_icon { margin-right: 25px; }
.order_by > div .orderby_right .action.btn,
.card-content .btn {background: #fff; color: #000;}
.no-touch .order_by > div .orderby_right .action.btn:hover,
.no-touch .card-content .btn:hover {background:#ed1c24; color: #fff;}
.hydac_careers { padding: 74px 0; }
.careers_main { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.careers_main .careers_left { max-width: 42.4%; flex: 42.4%; }
.careers_main .careers_left .section_title { text-align: left; }
.careers_main .careers_left .section_title:before { display: none; }
.careers_left .careers_description { margin: 0 0 25px; } 
.careers_left .careers_description p { text-align: justify; }
.careers_left .careers_description :last-child { margin: 0; }
.careers_main .careers_right { max-width: 55.7%; flex: 55.7%; }
.careers_right .careers_list { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.careers_right .careers_list .careers_list_box { display: flex; justify-content: center; align-items: center; max-width: 25%; flex: 25%; text-align: center; border-left: 1px solid #dddddd; }
.careers_right .careers_list .careers_list_box:first-child { border: 0; }
.careers_list_box a { display: block; }
.careers_list_box .careers_icon { width: 87px; height: 87px; display: flex; align-items: center; justify-content: center; border-radius: 100%; overflow: hidden; border: 1px solid #ed1c24; margin: 0 auto; transition: all 0.5s ease; }
.careers_list_box h4 { margin: 30px 0 0; color: #1c1d20; font-weight: bold; font-size: 16px; }
.no-touch .careers_list_box a:hover .careers_icon { background-color: #ed1c24; }
.no-touch .careers_list_box a:hover .careers_icon svg path { fill:#ffffff; }
.no-touch .careers_list_box a:hover h4 { color: #ed1c24; }

.capabilities { background: #f5f5f5; padding: 74px 0; }
.capabilities_cotent { font-size: 0;}
.capabilities_cotent > .content_box { display:inline-block; vertical-align: top; width: 33.3%; padding: 0 40px; text-align: center; }
.capabilities_cotent > .content_box:first-child { padding-left: 0; }
.capabilities_cotent > .content_box:last-child { padding-right: 0; }

@media (min-width:1450px) {
.capabilities_cotent > .content_box { padding: 0 102px; }
.capabilities_cotent > .content_box:nth-child(2) { padding: 0 68px; }
}

.capabilities_icon { display: flex; justify-content: center; align-items: center; width: 87px; height: 87px; border: 1px solid #ed1c24; border-radius: 100px; margin: 0 auto 28px; }
.capabilities_cotent > .content_box h3 { font-size: 18px; color: #1c1d20; font-weight: bold; margin:0 0 20px; }

.capabilities_cotent .content_box h3 a { font-size: 18px; color: #1c1d20; font-weight: bold; display: inline-block; }
.no-touch .capabilities_cotent .content_box:hover h3 a { color: #ed1c24; }

.capabilities_cotent .content_box { text-align: center; }
.capabilities_cotent .content_box :last-child { margin: 0; }

.about-hydac { background-color: #f5f5f5; padding: 74px 0; }
.about-content .section_title { text-align: left; }
.about_content_main { display: flex; align-items: center; flex-wrap: wrap; }
.about_content_main .about_img { max-width: 50%; flex: 50%; margin-top: -94px; line-height: 0; } 
.about_content_main .about-content  { max-width: 50%; flex: 50%; padding: 0 50px 0 78px; }
.about_content_main .about-content .section_title:before { display: none; }
.about_description :last-child { margin: 0; }
.about_description p { font-size: 14px; color: #666666; text-align: justify;  }
.about_description { margin: 0 0 30px; scrollbar-width: thin; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch; max-height: 350px; overflow-y: auto; overflow-x: hidden; padding-right: 10px; }
.about_description::-webkit-scrollbar { background: #dddddd; }
.about_description::-webkit-scrollbar-thumb { background: var(--hyd-red); cursor: pointer; }
.about_description::-webkit-scrollbar-track { box-shadow: inset 0 0 5px var(--hyd-white); }
.about_description::-webkit-scrollbar { width: 5px;}
.about_description::-webkit-scrollbar-thumb { width: 5px; }
.about_description::-webkit-scrollbar-track { width: 5px; }

.why_hydac { background: #ed1c24; padding: 36px 0; }
.why_hydac .container { display: flex; align-items: center; flex-wrap: wrap; }
.why_hydac .container .why_hydac_left { max-width: 18%; flex: 18%; text-align: left; }
.why_hydac .container .why_hydac_left .section_title { text-align: left; color: #ffffff; }
.why_hydac .container .why_hydac_left .section_title:before, 
.why_hydac .container .why_hydac_left .section_title:after { background: var(--hyd-white); }
.why_hydac .container .why_hydac_left .section_title:before { display: none; }
.why_hydac .container .why_hydac_left p { color: #ffffff; }

.why_hydac .container .why_hydac_right { max-width: 82%; flex: 82%; text-align: left; padding-left: 60px; }
.why_hydac_right .choose-content-box { display: flex; flex-wrap: wrap; text-align: center;}
.why_hydac_right .choose-content-box .choose-box { display: flex; justify-content: center; align-items: center; width: 20%; padding: 0 10px; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; min-height: 210px; }
.why_hydac_right .choose-content-box .choose-box a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.no-touch .choose-content-box .choose-box:hover { background-color: #ba0d14; }
.choose-box-content span { margin: 0 auto; height: 60px; width: 62px; display: flex; justify-content: center; align-items: center; }
.choose-box-content h5 { color: #fff; font-size: 16px; margin: 15px 0 0; line-height: 20px; }
.why_hydac_right .choose-content-box .choose-box:nth-child(1) h5 { max-width: 110px; }
.why_hydac_right .choose-content-box .choose-box:nth-child(2) h5 { max-width: 130px; }
.why_hydac_right .choose-content-box .choose-box:nth-child(5) h5 { max-width: 170px; }

/*home tab*/
ul.tabs { margin: 0 auto; display: inline-block; padding: 0; list-style: none; text-align: center; border-bottom: 1px solid #dddddd; }
ul.tabs li { margin: 0 30px; cursor: pointer; color: #666666; position: relative; font-size: 16px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; display: inline-block; vertical-align: top; padding: 0 0 6px; }
ul.tabs li:before { width: 0px; height: 2px; content:""; position: absolute; left: 0; bottom: -1px; background: #ed1c24; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
ul.tabs li:hover { color: #1c1d20; }
ul.tabs li.active { color: #1c1d20; font-weight: bold; }
ul.tabs li:hover:before,
ul.tabs li.active:before { width: 100%; }
ul.tabs li:first-child { margin-left: 0; }
ul.tabs li:last-child { margin-right: 0; } 

.no-touch .tab_container .owl-dots { display: none; }
.touch .tab_container .owl-nav { display: none; }

.tab_container { border-top: none; clear: both; width: 100%; background: #fff; margin-top: 26px; }
.tab_content { padding:0; display: none; }


/*card*/
.hydac_card .container { max-width: 1562px; }
.two-col { font-size: 0; margin: 0 -15px; }
.two-col > div { width: 50%; display: inline-block; vertical-align: top; padding: 0 15px; }
.two-col .card-img { line-height: 0; }
.card-left,
.card-right { position: relative; }
.card-left .card-content { position: absolute; width: 100%; max-width: 355px; left: 50px; top: 50%; transform: translateY(-50%); }
.card-right .card-content { position: absolute; width: 100%; max-width: 355px; left: 50px; top: 50%; transform: translateY(-50%); }
.card-content h3 { font-weight: 700; font-size: 30px; margin: 0 0 20px; color: #ffffff; }
.card-content p { font-size: 14px; font-weight: 500; margin: 0 0 25px; color: #ffffff; }
.card-content .btn { max-width: 170px; }
.card-left .card-content .btn { background-color: #ffffff; color: #1c1d20; }
.card-left .card-content .btn:hover { background-color: #ed1c24; color: #ffffff; }
.card-right .card-content p { max-width: 305px; }

.two-col .card-img img.card_mobile { display: none;}

.touch .card-right .card-img { background: #484849; }

/* hydac_youTube */
.youtube-slider .slide iframe {width: 100%; height: 400px; object-fit: cover;}

/* hydac_youTube */

@media (min-width: 768px) and (max-width: 1200px)  {
    .banner-box-hydac-section .owl-item .video { padding-bottom: 43%; }
    .banner-box-hydac-section .owl-item .iframe-video { padding-bottom: 43%; }
}

@media (min-width:1500px) {
    .two-col .card-img { min-height: 300px; }
}

@media (min-width: 900px) and (max-width: 1299px) {
.card-content h3 { font-size: 22px; margin: 0 0 15px; }
.card-content p { font-size: 12px; margin: 0 0 10px; }
.card-left .card-content,
.card-right .card-content { left: 20px; }
    
.card-left .card-content .btn { height: 35px; }
}

@media (min-width: 768px) and (max-width: 899px) {
.card-content h3 { font-size: 20px; margin: 0 0 15px; }
.card-content p { font-size: 12px; display: none; }
.card-left .card-content,
.card-right .card-content { left: 20px; }
    
.card-left .card-content .btn { height: 35px; }
}

@media (max-width:767px) {
.card-content h3 { font-size: 22px; margin: 0 0 10px; }
.card-content p { font-size: 12px; margin: 0 0 10px; }
.card-left .card-content,
.card-right .card-content { left: 20px; }
}

@media (max-width:479px) {
.card-content h3 { font-size: 20px; margin: 0 0 10px; }
.card-content p { font-size: 12px; margin: 0 0 10px; }
.card-left .card-content,
.card-right .card-content { left: 15px; top: 15px; transform: none; max-width: 300px; }
.card-content .btn { min-width: 120px; max-width: 120px; font-size: 12px; }
.two-col .card-img { min-height: 200px; }
}

/*Home Responsive*/
@media (max-width:1399px) {
    .browse_product,
    .online-store-section,
    .capabilities,
    .about-hydac,
    .hydac_careers,
    .our-companies { padding: 50px 0; }
    
    .about_content_main .about-content { padding: 0 0 0 25px; }
    .about_description { max-height: 250px; }
}

@media (max-width:1249px) {
    .careers_main .careers_left { max-width: 100%; flex: 100%; }
    .careers_main .careers_right { max-width: 100%; flex: 100%; margin-top: 30px; }
    
    .why_hydac .container .why_hydac_left { max-width: 100%; flex: 100%; text-align: center; }
    .why_hydac .container .why_hydac_right { max-width: 100%; flex: 100%; padding-left: 0; }
    .why_hydac .container .why_hydac_left .section_title { text-align: center; }
    .why_hydac .container .why_hydac_left .section_title br { display: none; }
    .why_hydac .container .why_hydac_left .section_title:before { display: inline-block; }
    
    .banner-content .banner-title { font-size: 40px; }
    .order_by > div .orderby_left h3 { font-size: 20px; }
    .capabilities_cotent > .content_box h3 a { color: #1c1d20;}
}

@media (max-width:1079px) {
.capabilities_cotent > .content_box { padding: 0 20px; }
.careers_list_box h4 { margin: 20px 0 0; }
    
    .why_hydac_right .choose-content-box .choose-box { align-items:flex-start; min-height: inherit; padding:20px 10px; }
    .why_hydac_right .choose-content-box .choose-box a { align-items:flex-start; }
    .choose-box-content h5 { font-size: 14px; }
    
    .banner-content .banner-discription { font-size: 20px; }
    .banner-content .banner-title { font-size: 36px; }
    .banner-box-hydac-section .owl-dots { bottom:30px; }
}

@media (max-width:767px) {
    .browse_product,
    .online-store-section,
    .capabilities,
    .about-hydac,
    .hydac_careers,
    .our-companies,
    .why_hydac { padding: 30px 0; }
    .hydac_careers { padding-top: 0; }
    
    .careers_right .careers_list .careers_list_box { max-width: 50%; flex: 50%; }
    .careers_right .careers_list .careers_list_box:first-child,
    .careers_right .careers_list .careers_list_box:nth-child(2) { margin-bottom: 30px; }
    .careers_right .careers_list .careers_list_box:nth-child(3) { border: 0; }
    
    .banner-content .banner-discription { font-size: 18px; }
    .banner-content .banner-title { font-size: 22px; }
    .banner-box-hydac-section .owl-item .video,
    .banner-box-hydac-section .owl-item .iframe-video { padding-bottom: 93%; } 
    
    .why_hydac_right .choose-content-box { justify-content: center; }
    .why_hydac_right .choose-content-box .choose-box { width: 50%; }
    
    .about_content_main .about_img { max-width: 100%; flex: 100%; margin-top: -60px; } 
    .about_content_main .about-content { max-width: 100%; flex: 100%; margin-top: 20px; padding: 0; }
    .about_content_main .about-content .section_title br { display: none; }
    .about_content_main .about-content .section_title:after { display: none; }
    
    .browse_product_main .browse_product_box a h5 { margin: 15px 0 0; font-size: 12px; } 
    .browse_product_main { margin: 0; }
    .browse_product .line_link { display: none; }
    .browse_product_main .browse_product_box { height: auto; }
    
    .order_by > div { display: none; }
    
    .two-col { margin: 0; }
    .two-col > div {  display: block; width: 100%; padding: 0; }
    .two-col > div.left { margin: 0 0 30px; }
    
    ul.tabs li { margin:0 15px; font-size: 14px; }
    .online-store-section .view-btn { display: none; }
}

@media (max-width:639px) {
    .careers_list_box h4 { font-size: 14px; }
}

@media (max-width:450px) {
    .two-col .card-img img.card_mobile { display: block; width: 100%; }
    .two-col .card-img img.card_desktop { display: none; }
    
    .home_our_podcasts img.pod_mobile { display: block; }
    .home_our_podcasts img.pod_desktop { display: none; }
}

@media (max-width:400px) {
    .banner-content .banner-title { font-size: 20px; }
}

/*Home Responsive*/@media all and (min-width: 768px), print {
  .amskit-toolbar-wrap {
    left: 25px;
  }
  .amskit-toolbar-wrap.-open {
    width: 500px;
  }
  .amskit-headings-wrap {
    flex-wrap: initial;
  }
  .amskit-page-links .amskit-label {
    width: 45%;
  }
}
.amskit-toolbar-wrap {
  position: fixed;
  bottom: 25px;
  left: 3%;
  z-index: 9999;
  width: 300px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}
.amskit-toolbar-wrap.-open:after {
  content: '';
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  height: 25px;
  pointer-events: none;
  background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0) 35%, #fff);
}
.amskit-toolbar-wrap.-open {
  padding-bottom: 15px;
  width: 300px;
}
.amskit-toolbar-box {
  padding: 10px 20px;
  border-radius: 10px;
  background: #e4e4e4;
  box-sizing: border-box;
  cursor: pointer;
}
.amskit-toolbar-box.-open {
  border-radius: 10px 10px 0 0;
  cursor: auto;
}
.amskit-toolbar-box > .amskit-title {
  display: inline-block;
  line-height: 30px;
  font-size: 18px;
  font-weight: 600;
  color: #000;
}
.amskit-toolbar-box > .amskit-title:before {
  content: '';
  display: inline-block;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  vertical-align: top;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgcj0iMTUiIGZpbGw9IiNGRjk0MTYiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNyA3Ljc1MmMwIC40ODUuMDE4LjkxMS4wMTggMS4zOTZ2Ny43MDVsLjAwMSAzLjU5OGMwIC41ODktLjAxNSAxLjE4MiAwIDEuNzcydi4wMjZjMCAuNDA2LjM0Ny43NTEuNzU0Ljc1MWgxNC40NzJjLjM5NiAwIC43NzItLjM0NS43NTQtLjc1LS4wMi0uNDA2LS4zMzItLjc1Mi0uNzU0LS43NTJINy43OGwuNzU0Ljc1MXYtMS40NTNsLS4wMDEtMy40NFYxMy4xNCA5LjQ5M2MwLS41OS0uMDAzLTEuMTI1LS4wMTgtMS43MTR2LS4wMjdjMC0uMzk0LS4zMzYtLjc3LS43NDItLjc1MS0uNDE5LjAxOC0uNzczLjMzLS43NzMuNzUxeiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMC42MzYgMTguNzA2djMuNDk3YzAgLjQxOC4zMzUuODE2LjcyOC43OTZhLjc3OS43NzkgMCAwIDAgLjcyNy0uNzk2di0zLjA1Mi0uNDQ1YzAtLjQxOC0uMzM0LS44MTYtLjcyNy0uNzk2YS43NzYuNzc2IDAgMCAwLS43MjguNzk2ek0xNC4yNzMgMTUuMTF2Ny4wNTNjMCAuNDM5LjMzNC44NTcuNzI3LjgzNi4zOTMtLjAyLjcyNy0uMzY4LjcyNy0uODM2di02LjE3LS44ODNjMC0uNDM5LS4zMzQtLjg1Ny0uNzI3LS44MzYtLjM5My4wMi0uNzI3LjM2OC0uNzI3LjgzNnpNMTcuOTEgMTUuODV2Ni4yOTljMCAuNDQ3LjMzNC44NzEuNzI3Ljg1LjM5Mi0uMDIxLjcyNy0uMzc0LjcyNy0uODV2LTUuNTItLjc3OGMwLS40NDctLjMzNS0uODcyLS43MjctLjg1LS4zOTMuMDIxLS43MjguMzc0LS43MjguODV6TTIxLjU0NiAxMi44OTNWMjIuMTk4YzAgLjQyLjMzNC44MjEuNzI3LjgwMS4zOTMtLjAyLjcyNy0uMzUyLjcyNy0uODAxdi0zLjE0LTUuMDA2LTEuMTU5YzAtLjQyLS4zMzQtLjgyMS0uNzI3LS44MDEtLjM5My4wMi0uNzI3LjM1Mi0uNzI3LjgwMXpNOC4zODIgMTYuMDI3bDIuMDA4LTEuMzg2YzEuMDYyLS43MzIgMi4xMi0xLjQ2OCAzLjE4My0yLjJsLjczOS0uNTExYy4zMjQtLjIyMS41LS42NjguMjcxLTEuMDI5LS4yMDctLjMxOS0uNjg2LS41MS0xLjAzMi0uMjdsLTIuMDA4IDEuMzg1Yy0xLjA2My43MzMtMi4xMjIgMS40NjktMy4xODQgMi4ybC0uNzM4LjUxMWMtLjMyNS4yMjItLjUwMi42NjktLjI3MiAxLjAzLjIxMS4zMjIuNjg2LjUxIDEuMDMzLjI3eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMy43MzIgMTIuMDA5bDMuMjQ3LjYyLjQ2OC4wOWMuMzg0LjA3NS44MzItLjExLjkyNi0uNTI2LjA4My0uMzcyLS4xMTMtLjg0NS0uNTI3LS45MjRsLTMuMjQ4LS42Mi0uNDY3LS4wOWMtLjM4NC0uMDc0LS44MzMuMTEtLjkyNy41MjYtLjA4Ny4zNjguMTEzLjg0NS41MjguOTI0eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xOC4xNzcgMTIuNTI0YzEuMTA4LTEuMTk4IDIuMjE2LTIuMzkyIDMuMzIzLTMuNTkuMTU1LS4xNy4zMTMtLjMzOC40NjgtLjUwNy4yNjctLjI5LjMwOC0uNzgxIDAtMS4wNjMtLjI5LS4yNjYtLjc4LS4zMDgtMS4wNjcgMC0xLjEwNyAxLjE5OC0yLjIxNSAyLjM5Mi0zLjMyMyAzLjU5LS4xNTQuMTY5LS4zMTIuMzM4LS40NjcuNTA3LS4yNjcuMjg5LS4zMDkuNzggMCAxLjA2My4yOS4yNjYuNzguMzA3IDEuMDY2IDB6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIwLjY3NSA3Ljg5N3YyLjM1YzAgLjM5NS4zNDcuNzcuNzU0Ljc1Mi40MDctLjAxOS43NTMtLjMzLjc1My0uNzUxdi0yLjM1YzAtLjM5NS0uMzQ2LS43Ny0uNzUzLS43NTItLjQxLjAyLS43NTQuMzMtLjc1NC43NTF6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIxLjQyOSA3LjE0NmMtLjc1Ny4wMDgtMS41MTUuMDExLTIuMjcyLjAxOS0uMzk2LjAwNC0uNzcyLjM0Mi0uNzU0Ljc1LjAyLjQwNi4zMzIuNzU2Ljc1NC43NTIuNzU3LS4wMDggMS41MTUtLjAxMSAyLjI3Mi0uMDE5LjM5Ni0uMDA0Ljc3Mi0uMzQyLjc1My0uNzUtLjAxOC0uNDA2LS4zMzEtLjc1Ni0uNzUzLS43NTJ6Ii8+PC9zdmc+) no-repeat center;
}
.amskit-toolbar-box > .amskit-arrow {
  display: inline-block;
  float: right;
  width: 12px;
  height: 30px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIj48cGF0aCBzdHJva2U9IiNCMkIyQjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0xMyA3TDcgMSAxIDciLz48L3N2Zz4=) no-repeat center;
}
.amskit-toolbar-box.-open > .amskit-arrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  cursor: pointer;
}
.amskit-toolbar-content {
  padding: 10px;
  max-height: 650px;
  overflow: auto;
  box-sizing: border-box;
  font-size: 14px;
  color: #000;
  background: #fff;
}
.amskit-toolbar-content > .amskit-title {
  margin: 10px 10px ;
  padding: 0 0 10px;
  border-bottom: 1px solid #e4e4e4;
  font-weight: 600;
  font-size: 16px;
}
.amskit-toolbar-content > .amskit-background {
  margin: 5px -10px 25px;
  padding: 10px;
  background: #f6f6f6;
}
.amskit-toolbar-content .amskit-cell {
  word-break: break-word;
}
.amskit-toolbar-content .amskit-cell.-indent {
  padding-left: 35px;
}
.amskit-toolbar-content .amskit-description {
  font-size: 12px;
  color: #adadad;
}
.amskit-toolbar-content .amskit-description.-headings {
  padding-left: 25px;
}
.amskit-toolbar-content .amskit-icon {
  position: relative;
  padding-left: 25px;
}
.amskit-toolbar-content .amskit-icon:before {
  content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  width: 18px;
  height: 18px;
}
.amskit-toolbar-content .amskit-icon.-warning:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjkiIGZpbGw9IiNFQjU3NTciLz48cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNOSA0djYuNSIvPjxjaXJjbGUgY3g9IjkiIGN5PSIxNCIgcj0iMSIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) no-repeat center;
}
.amskit-toolbar-content .amskit-icon.-normal:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjkiIGZpbGw9IiMxNzg3RTAiLz48cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNNS41IDlsMy4xMjUgM0wxMi41IDciLz48L3N2Zz4=) no-repeat center;
}
.amskit-headings-wrap {
  display: flex;
  flex-wrap: wrap;
}
.amskit-headings-wrap > .amskit-item {
  margin-left: 8px;
  margin-bottom: 5px;
  text-align: center;
}
.amskit-headings-wrap .amskit-head {
  text-transform: uppercase;
}
.amskit-page-links {
  padding: 0;
  margin: 0;
  list-style: none;
}
.amskit-page-links > .amskit-item {
  position: relative;
  padding-left: 10px;
}
.amskit-page-links > .amskit-item:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #55b4ff;
  transform: translateY(-50%);
}
.amskit-page-links .amskit-label {
  display: inline-block;
  width: 80%;
}
.amskit-separator-wrap {
  position: relative;
  margin: 15px 0;
  height: 1px;
  background: #c4c4c4;
}
.amskit-separator-wrap ~ .amskit-url {
  display: none;
}
.amskit-separator-wrap > .amskit-button {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
  font-size: 10px;
  border: 1px solid #c4c4c4;
  border-radius: 20px;
  background: #fff;
  color: #c4c4c4;
  transform: translate(-50%, -50%);
  transition: all .3s ease;
  cursor: pointer;
}
.amskit-separator-wrap > .amskit-button:hover {
  border-color: #1787e0;
  color: #1787e0;
}
@media (min-width: 480px) {
  .amskit-toolbar-wrap.-open {
    width: 450px;
  }
  .amskit-page-links .amskit-label {
    width: 55%;
  }
}