/* Search Result */
.mst-search__result-tabs { margin:8px 0 0; font-size: 0; padding: 0; list-style: none; text-align: center; border-bottom: 1px solid #dddddd; display: inline-block; position: relative; z-index: 1;}
.mst-search__result-tabs li { display: inline-block; vertical-align: top; margin: 0; padding: 0; }
.mst-search__result-tabs li a { margin: 0 20px; cursor: pointer; color: #666666; position: relative; font-size: 18px; -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; }
.mst-search__result-tabs li a: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; }
.no-touch .mst-search__result-tabs li a:hover  { color: #1c1d20; }
.mst-search__result-tabs li a.active { color: #1c1d20; font-weight: bold; }
.no-touch .mst-search__result-tabs li a:hover:before,
.mst-search__result-tabs li a.active:before { width: 100%; }
.mst-search__result-tabs li:first-child a { margin-left: 0; }
.mst-search__result-tabs li:last-child a { margin-right: 0; } 

.page-layout-1column ol.products.list { display: flex; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; margin: 0 -18px; }
.page-layout-1column ol.products.list > li.item { flex: 20%; max-width: 20%; padding: 0 18px; margin:0 0 36px; }

.catalogsearch-result-index .page-main .mst-search__index { margin: 20px 0; }
.catalogsearch-result-index .page-main .mst-search__index ul {list-style: none; margin: 0; padding: 0;}
.catalogsearch-result-index .page-main .mst-search__index ul .mst-search__index-image {display: none;}
.catalogsearch-result-index .page-main .mst-search__index ul .mst-search__index-title { box-shadow: 0 0 10px 0 rgb(23 23 23 / 25%); padding: 15px; margin: 0 0 15px; }
.catalogsearch-result-index .page-main .mst-search__index ul .mst-search__index-title i {font-size: 16px; line-height: 1.2; font-weight: 600; font-style: normal; padding: 0 5px;}
.catalogsearch-result-index .page-main .mst-search__index ul .mst-search__index-title a {font-size: 18px; font-weight: 700; line-height: 1.1; color: #1c1d20; position: relative;}
.no-touch .catalogsearch-result-index .page-main .mst-search__index ul .mst-search__index-title a:hover {color: #ed1c24;}
.catalogsearch-result-index .page-main .mst-search__index .mageplaza-post { box-shadow: 0 0 10px 0 rgb(23 23 23 / 25%); padding: 15px; margin: 0 0 15px; }
.catalogsearch-result-index .page-main .mst-search__index .post-title { font-size: 18px; margin: 0; }
.catalogsearch-result-index .page-main .mst-search__index .post-title a { color: #1c1d20; }
.no-touch .catalogsearch-result-index .page-main .mst-search__index .post-title a:hover { color: #ed1c24; }
.catalogsearch-result-index .mageplaza-post div.post-summary { margin: 10px 0 0; }
.catalogsearch-result-index .mageplaza-post div.post-summary.empty { display: none; }

.catalogsearch-result-index .page-main .search__result-index .items { margin: 40px 0; }
.catalogsearch-result-index .page-main .search__result-index .items div.item { box-shadow: 0 0 10px 0 rgb(23 23 23 / 25%); padding: 15px; margin: 0 0 15px; }
.catalogsearch-result-index .page-main .search__result-index .items div.item .post-title { font-size: 18px; margin: 0; }
.catalogsearch-result-index .page-main .search__result-index .items div.item .post-title a { color: #1c1d20; }
.no-touch .catalogsearch-result-index .page-main .search__result-index .items div.item .post-title a:hover { color: #ed1c24; }
.catalogsearch-result-index .page-main .search__result-index .items div.item div.post-summary { margin: 10px 0 0; }
.catalogsearch-result-index .page-main .search__result-index .items div.item div.post-summary.empty { display: none; }
.catalogsearch-result-index .page-main .search__result-index .items div.item div.post-summary :last-child { margin: 0; }


.catalogsearch-result-index .page-main .search__result-index .items div.item.video-item ul { margin: 0 0 15px; padding: 0; list-style: none; }
.catalogsearch-result-index .page-main .search__result-index .items div.item.video-item ul li { margin-bottom: 12px; padding: 0 0 0 20px; position: relative; list-style: none; font-weight: 400; font-size: 14px; }
.catalogsearch-result-index .page-main .search__result-index .items div.item.video-item ul li:before { content: ""; position: absolute; left: 0; top: 5px; width: 8px; height: 12px; background: url(../images/arrow-red.svg) no-repeat 0 0; background-size:8px 12px; }

.catalogsearch-result-index div.products { margin: 30px 0 0; }

.product-type-filter { display: flex; justify-content: flex-end; align-items: center; margin-top: -40px; }
.product-type-filter > h6 { margin: 0; padding-right: 5px; font-size: 14px; font-weight: 600; color: #1c1d20; }
.product-type-filter > h6:after { content: ":"; }
.product-type-filter .main-filter-content { position: relative; }
.main-filter-content .type-swich-text { display: flex; justify-content: space-between; align-items: center; padding: 0 15px 0 15px; background: #fff; border: 1px solid #dddddd; border-radius: 50px; -webkit-border-radius: 50px; width: 200px; text-align: center; height: 45px; cursor: pointer; }
.type-swich-text .select-arrow { line-height: 0; } 
.type-swich-text .select-arrow svg { width: 16px; height: 16px; }
.type-swich-text .select-arrow svg path { fill:#1c1d20; }
span.type-swich-text.active .select-arrow { transform: rotate(-180deg); }
.type-swich-text .full_name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.type-switcher { position: absolute; left: 0; top: 100%; width: 100%; background: #7d7d7d; border: solid 1px #7d7d7d; z-index: 3; border-radius: 7px; -webkit-border-radius: 7px; overflow: hidden; }
.type-switcher li { margin: 0; padding: 0; color: #ffffff; border-bottom: solid 1px #fff; font-size: 12px; line-height: 1; }
.type-switcher li a { display: block; font-size: 12px; color: #fff; padding: 10px; }
.type-switcher li a:hover { background: #ed1c24; color: #ffffff; }
.type-switcher li.selected { padding: 10px; background: #ed1c24; color: #ffffff; }
.type-switcher li:last-child { border: 0; }

.catalogsearch-result-index .products.wrapper~.toolbar-products .pages { margin: 30px 0 0; }
.online-store-section {padding: 20px 0;}

/* subscription page */
.catalog-product-view-subscription .product-info-main .box-action {margin: 0 0 30px; display: block; /* display: flex; justify-content: space-between; */}
.catalog-product-view-subscription .product-info-main .box-action .field.qty {display: inline-block; vertical-align: middle; margin-right: 10px;}
.catalog-product-view-subscription .product-info-main .box-action .actions {display: inline-block; vertical-align: middle;}
.catalog-product-view-subscription .product-info-main #recurring-help-radio p { background: none;   margin-bottom: 12px; padding: 0 0 0 20px; position: relative; list-style: none; font-weight: 400; font-size: 14px; }
.catalog-product-view-subscription .product-info-main #recurring-help-radio p:before { content: ""; position: absolute; left: 0; top: 5px; width: 8px; height: 12px; background: url(../images/arrow-red.svg) no-repeat 0 0; background-size: 8px 12px;}
/* subscription page */

/* popup */
.image-preview-popup.modal-popup.modal-slide .modal-inner-wrap { width: 30%; overflow: visible; top: 50%; transform: translateY(-50%);}
.image-preview-popup.modal-popup.modal-slide .modal-inner-wrap .modal-header {position: absolute; top: -10px; right: -10px; padding: 0;}
.image-preview-popup.modal-popup.modal-slide .modal-inner-wrap #popup-modal {font-size: 0;}
/* popup */

@media (max-width: 1399px) {    
.page-layout-1column ol.products.list { margin: 0 -10px; }
.page-layout-1column ol.products.list > li.item { flex: 25%; max-width: 25%; padding: 0 10px; margin: 0 0 20px; }
}

@media (max-width: 1079px) {    
.mst-search__result-tabs { display: block; }
.product-type-filter { margin-top: 20px; }
.catalogsearch-result-index div.products { margin-top: 20px; }
    
.page-layout-1column ol.products.list { margin: 0 -10px; }
.page-layout-1column ol.products.list > li.item { flex: 33.3%; max-width: 33.3%; padding: 0 10px; margin: 0 0 20px; }
}

@media (max-width: 767px) {
.mst-search__result-tabs li a { margin: 0 10px; font-size: 14px; }
.mst-search__result-tabs li { margin: 0 0 10px; }
.product-type-filter { justify-content: center; }
    
.page-layout-1column ol.products.list { margin: 0 -5px; }
.page-layout-1column ol.products.list > li.item { flex: 50%; max-width: 50%; padding: 0 5px; margin: 0 0 10px; }
    
.catalogsearch-result-index .page-main .mst-search__index .post-title { font-size: 14px; }
}

.page-layout-1column .page-main .view-sidebar-link-wrapper { display: none; }
.page-layout-1column .page-main .category-description { margin: 0; } 

.category-services .product-item-info .product-item-name a.product-item-link { font-size: 14px; color: #1c1d20; font-weight: 700; }
.category-services .product-item-info .product-item-name { margin: 0; }
/* Search Result */

.catalogsearch-result-index .page-main .search.results .product-type-filter { display: none; }
.catalogsearch-result-index .page-main .search.results .product-type-filter:first-child { display: flex; }

/* Industries */

/*tab us*/
ul.tabs { margin: 0; padding: 0; list-style: none; height: 57px; width: 100%; text-align: center; }
ul.tabs li { display: inline-block; margin: 0 -4px 0 0; cursor: pointer; padding: 0 38px; height: 57px; line-height: 56px; border: 1px solid #ededed; border-bottom: 7px solid #ededed; background-color: #ffffff; position: relative; color: #1c1d20; font-size: 15px; text-transform: uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; -webkit-box-shadow: 0 1px 7px rgba(0,0,0,.22); -moz-box-shadow: 0 1px 7px rgba(0,0,0,.22); box-shadow: 0 1px 7px rgba(0,0,0,.22); }
ul.tabs li:after { width: 0; height: 0; border-style: solid; border-width: 11px 10px 0 10px; border-color: #e1001a transparent transparent transparent; content: ""; position: absolute; left: 50%; bottom: -18px; margin-left: -10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; visibility: hidden; }
ul.tabs li:hover,  ul.tabs li.active { background-color: #ed1c24; border-bottom-color: #ed1c24; color: #fff; }
ul.tabs li:hover:after,  ul.tabs li.active:after { opacity: 1; visibility: visible; }
ul.store-tabs { margin: 0; padding: 0; list-style: none; height: 57px; width: 100%; text-align: center; }
ul.store-tabs li { display: inline-block; margin: 0 -4px 0 0; cursor: pointer; padding: 0 70px; height: 57px; line-height: 56px; border: 0; border-bottom: 7px solid #ededed; background-color: #ffffff; position: relative; color: #1c1d20; font-size: 14px; font-weight: 400; text-transform: uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; -webkit-box-shadow: 0 1px 7px rgba(0,0,0,.22); -moz-box-shadow: 0 1px 7px rgba(0,0,0,.22); box-shadow: 0 1px 7px rgba(0,0,0,.22); }
.mgs-search-box ul.store-tabs li {padding:0 60px;}
ul.store-tabs li:after { width: 0; height: 0; border-style: solid; border-width: 11px 10px 0 10px; border-color: #e1001a transparent transparent transparent; content: ""; position: absolute; left: 50%; bottom: -18px; margin-left: -10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; visibility: hidden; }
ul.store-tabs li:hover,  ul.store-tabs li.active { background-color: #ed1c24; border-bottom-color: #ed1c24; color: #fff; }
ul.store-tabs li:hover:after,  ul.store-tabs li.active:after { opacity: 1; visibility: visible; }
.product-list-tab-main .container { padding: 0; }
.product-list-tab-main .tab_container { margin: 0 0 34px;}
.product-list-tab-main ul.tabs { margin: 0; padding: 0; list-style: none; height: 35px; width: 100%; text-align: center; border: 0; border-bottom: 1px solid #dddddd; }
.product-list-tab-main ul.tabs li { display: inline-block; margin: 0 45px 0 0; cursor: pointer; padding: 0 10px 10px; height: auto; line-height: normal; border: 0; border-bottom: 3px solid #ededed; position: relative; color: #1c1d20; font-weight: 600; font-size: 20px; text-transform: uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.product-list-tab-main ul.tabs li:last-child { margin: 0; }
.product-list-tab-main ul.tabs li:after { width: 0; height: 0; border: 0; content: ""; position: absolute; left: 50%; bottom: -18px; margin-left: -10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; visibility: hidden; }
.product-list-tab-main ul.tabs li:hover,  .product-list-tab-main ul.tabs li.active { background-color: transparent; border-bottom-color: #ed1c24; color: #ed1c24; }
.product-list-tab-main ul.tabs li:hover:after,  .product-list-tab-main ul.tabs li.active:after { opacity: 1; visibility: visible; }
button.fancybox-button:hover { border: 0 !important; background: #ed1c24 !important; }
.tab-items-wrapper { margin: 0; text-align: left; padding: 0; font-size: 0; }
.tab-items-wrapper > div { font-size:14px; }
.tab-items-wrapper .tabing-details { display: inline-block; width: 33.3%; padding: 6px; vertical-align: top; text-align: left; font-size: 14px; }
.product-list-tab-main .tab_content { overflow: hidden; }
.product-list-tab-main .tab_container a.video-popup.video-text:after, .product-list-tab-main .tab_container a.video-popup.video-text:before {display:none;}
.product.info.detailed .tab-items-wrapper a.video-text {height: 60px; line-height: normal; background: #fff; display: flex; justify-content: center; align-items: center; font-weight: 600; color: #1c1d20; font-size: 14px; text-transform: uppercase; margin: 0; border:1px solid #ccc;  position: relative; padding: 0 10px;}
.product-list-tab-main .tab_container a.video-text {height: 60px; background: #fff; display: flex; justify-content: center; align-items: center; font-weight: 600; color: #1c1d20; font-size: 14px; text-transform: uppercase; line-height:normal; margin: 0; border:1px solid #ccc;  position: relative; padding: 0 10px;}
.product.info.detailed .tab-items-wrapper a.video-text:before, .product.info.detailed .tab-items-wrapper a.video-text:after {display:none;}
a.type.doc,  a.type.pdf,  a.type.xls,  a.type.docx { position: relative; padding: 0 0 0 35px; display: inline-block; vertical-align: top; color: #1c1d20; }
.no-touch a.type.doc:hover,  .no-touch a.type.pdf:hover,  .no-touch a.type.xls:hover,  .no-touch a.type.docx:hover { color: #ed1c24; }
a.type.pdf:before,  a.type.doc:before,  a.type.xls:before,  a.type.docx:before { width: 30px; height: 30px; content: ""; position: absolute; left: 0; top: 50%; background-repeat: no-repeat; background-position: 0 0; transform:translateX(0) translateY(-50%); -o-transform:translateX(0) translateY(-50%); -webkit-transform:translateX(0) translateY(-50%); -o-transform:translateX(0) translateY(-50%); -ms-transform:translateX(0) translateY(-50%); -moz-transform:translateX(0) translateY(-50%); }
a.type.pdf:before { background-image: url(../images/pdf.svg); }
a.type.doc:before { background-image: url(../images/document.svg); }
a.type.xls:before { background-image: url(../images/xls.svg); }
a.type.docx:before { background-image: url(../images/docx.svg); }
.tab_container { border-top: none; clear: both; float: left; width: 100%; background: #fff; overflow: auto; text-align: center; }
.tab_content { padding: 30px 0; display: none; }
.tab_drawer_heading { display: none; }
.tab_container #tab1 .tabing-details { margin-bottom: 10px; }

 @media (max-width: 767px) {
.tabs { display: none; }
.tab_drawer_heading { color: #fff; margin: 0; padding: 10px; display: block; cursor: pointer; border-bottom: 1px solid #fff; text-align: left; font-size: 18px; background: #7d7d7d url(../images/plus.svg) 97% center no-repeat; }
.tab_drawer_heading.d_active { color: #fff; background: #ed1c24 url(../images/minus.svg) 97% center no-repeat; }
.product-list-tab-main .tab_drawer_heading { text-align: left; font-size: 18px; font-weight: 600; }
ul.store-tabs { display: none; }
ul.store-tabs .tab_drawer_heading { color: #fff; margin: 0; padding: 10px; display: block; cursor: pointer; border-bottom: 1px solid #fff; background: #7d7d7d url(../images/plus.svg) 97% center no-repeat; font-size: 18px; }
ul.store-tabs .tab_drawer_heading.d_active { color: #fff; background: #ed1c24 url(../images/minus.svg) 97% center no-repeat; }
}


.readmore-content-inner { padding-bottom: 20px; }
.category-description { margin: 0 0 35px; }
.category-description p img { max-width: 600px; }

.main_site_content ul { margin: 0 0 15px; padding: 0; list-style: none; }
.main_site_content ul li { margin-bottom:3px; padding: 0 0 0 10px; position: relative; list-style: none; font-size: 14px; color: #1c1d20; }
.main_site_content ul li:before { content: ""; position: absolute; left: 0; top: 9px; width: 5px; height: 2px; background-color: #1c1d20; }

.category-description p { font-size: 14px; color: #666666; line-height: 22px; margin: 0 0 15px; text-align: justify; }
.category-description p:last-child { margin: 0; }
.category-description p strong { color: #1c1d20; }
.category-description h5 { font-size: 20px; }

@media (max-width: 767px) {
    .tab-items-wrapper { margin: 0; } 
    .tab-items-wrapper .tabing-details { width: 100%; padding: 6px 0; }
}
/* Industries */

/* Traning list page */
.trainingsearch-result-index .back-training { width: 100%; max-width: 1530px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; margin-bottom: 20px; text-align: right; }

.form.training-search { border: 1px solid #ededed; border-top: 0; padding: 20px 22px; margin: 0 0 20px; }
.form.training-search .input-text.hasDatepicker { background-image: url(../images/calender-icon.svg); background-position: calc(100% - 17px) center; background-repeat: no-repeat; background-size: 19px }
.form.training-search div.primary { padding: 11px 0 0 0; }
.form.training-search .primary button { width: 100%; height: 50px; line-height: 50px; }
.form.training-search .field { margin-bottom: 9px !important; }

.category-training .ui-datepicker-calendar { display: none; }

.category-training ol.products.list > li.item { flex: 33.3%; max-width: 33.3%; }
.category-training .product-image-photo { position: static; }
.category-training div.products { margin: 0; }

.category-training .product-item-info .product-item-details { text-align: left; padding: 20px 18px; }
.category-training .product-item-info .product-item-name { height: auto; overflow: inherit;  }
.category-training .product-item-info .product-item-name a { font-weight: 700; color: #1c1d20; font-size: 18px; padding: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.category-training .botton-price-content { display: flex; justify-content: space-between; align-items: center; } 
.category-training .product-item-info .price-label { display: none !important; }
.category-training .product-item-info span.price { color: #ed1c24; font-size: 20px; font-weight: 700; }
.category-training .product-item-info .prod-short-desc { margin: 0 0 15px; height:62px; overflow: hidden; }
.category-training .product-item-info .prod-short-desc p { font-size:14px; color: #1c1d20; font-weight: 400; text-align: left !important; margin: 0; }
.category-training .product-item-info .product-item-details .price-box { margin: 0; min-height: inherit; }

.category-training .botton-price-content div.stock.unavailable span { font-weight: 700; font-size: 14px; color: #1c1d20; text-transform: uppercase; }
.category-training .ui-datepicker-title select { background: #ffffff url('../images/down-arrow.svg') no-repeat calc(100% - 10px) center; background-size: 12px;  }


.read-more-link { position: relative; font-weight: 700; font-size: 14px; color: #1c1d20; text-transform: uppercase; padding: 0 17px 0 0; display: inline-block; }
.read-more-link:before,
.read-more-link: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; }
.read-more-link:before { background: url(../images/arrow.svg) no-repeat right center; background-size: 7px 12px; }
.read-more-link:after { background: url(../images/arrow-red.svg) no-repeat right center; background-size: 7px 12px; opacity: 0; visibility: hidden; }
.no-touch .product-item-info:hover .read-more-link { color: #ed1c24; }
.no-touch .product-item-info:hover .read-more-link:before { opacity: 0; visibility: hidden; }
.no-touch .product-item-info:hover .read-more-link:after { opacity: 1; visibility: visible; }
.no-touch .product-item-info:hover .stock.unavailable.read-more-link span { color: #ed1c24; }

.category-training .pro-img-sec { position: relative; }
.category-training .pro-img-sec: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 .category-training .product-item-info:hover .pro-img-sec:before { width: 100%; visibility: visible; opacity: 1; }

.std.testimonials { background: #f5f5f5; padding: 74px 0; }
.testimonial_item { text-align: center; padding: 0 15px; }
.testimonial_item span.quote_icon { display:inline-block; margin: 0 auto 30px; width: 87px; height: 87px; border-radius: 100%; overflow: hidden; border: 1px solid #ed1c24; background-image: url(../images/quote-icon.png); background-position: center center; background-repeat: no-repeat; }
.testimonial_item .name { font-size: 18px; font-weight: bold; color: #1c1d20; margin: 0 0 20px; display: block; text-align: center; }
.testimonial_item p { font-size: 14px; color: #1c1d20; font-weight: 400; max-width: 392px; margin:0 auto; }

.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next { top: 8px; }
.category-training .ui-datepicker .ui-datepicker-buttonpane { min-width: 220px; }
.category-training .ui-datepicker { margin-left: -15px; padding: 6px; }
.ui-datepicker .ui-datepicker-buttonpane button { height: 35px; font-size: 12px; padding: 0 20px; }
.ui-datepicker .ui-datepicker-title .ui-datepicker-month,
.ui-datepicker .ui-datepicker-title .ui-datepicker-year{ padding-left: 12px; height: 35px; }


/*training*/
.category-training .category-description .main_site_content { padding: 74px 0; }
.category-training .category-description { margin: 0; }
.category-training .main_site_content h5 { font-size: 18px; font-weight: 700; color: var(--hyd-black); margin: 0 0 17px; }

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

.training-tp-video iframe { width: 100% !important; }  
.training {
	background-color:#f5f5f5;
    padding: 40px 0;
}
.training .training_content_main {
    font-size: 0;
    display: flex;
    align-items: center;
	flex-wrap:wrap;
}
.training .training_content_main:not(:last-child){margin-bottom:103px;}
.training .training_content_main .media-box {
    display: inline-block;
    vertical-align: middle;
    
	
}
.training .training_content_main:nth-child(odd) .media-box{padding:0 80px 0 0; order:0;} 
.training .training_content_main:nth-child(even) .media-box{padding:0; order:1;} 

.training .training_content_main .media-box .training-tp-video a {
    position: relative;
	    display: inline-block;

}
.training .training_content_main .media-box .training-tp-video a span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.training .training_content_main .media-box .training-tp-video a span:after {
    content: '';
    width: 55px;
    height: 55px;
    display: inline-block;
    background: url(../images/video-play.svg) no-repeat center center;
    background-size: 60px;
    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;
	
}
.training .training_content_main .media-box .training-tp-video a span: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;
}
@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); }
}
.training .training_content_main:nth-child(odd) .media-box{width: 55.4%;} 
.training .training_content_main:nth-child(even) .media-box{width: 44.6%;}
.training .training_content_main:nth-child(odd) .training_content_box{width: 44.6%; padding:0;} 
.training .training_content_main:nth-child(even) .training_content_box{width: 55.4%; padding:0 80px 0 0;}
.training .training_content_main .training_content_box{ display: inline-block; vertical-align: middle; }
.training .training_content_main .training_content_box p{font-size:14px; font-weight:400; color: var(--hyd-text); line-height:20px; text-align:justify; }
.training .training_content_main:not(:first-child) .training_content_box p:not(:last-child){margin-bottom: 20px;}
.training .training_content_main .training_content_box p a{ color: var(--hyd-red);}

/*Award*/
.awards_main { padding: 70px 0 82px; background-color: var(--hyd-red); }
.awards_main p { font-size: 14px; font-weight: 400; line-height: 20px; }
.awards_main p:not(:last-child){margin-bottom:15px;}
.awards_main p, .awards_main p a { color: var(--hyd-white); }
.awards_content_box {font-size:0; }
.awards_content_box .left_content{ width: 66.8%; display: inline-block; vertical-align: top; padding-right:65px; }
.awards_content_box .award_img { width: 33.2%; display: inline-block; vertical-align: top; }

@media (max-width: 1399px){
.std.testimonials,
.category-training .category-description .main_site_content { padding: 50px 0; }
}

@media (max-width: 1200px){
.training .training_content_main:nth-child(odd) .media-box { padding: 0 40px 0 0; }	
.training .training_content_main:nth-child(even) .training_content_box { padding: 0 40px 0 0; }
.training .training_content_main:not(:last-child) { margin-bottom: 53px; }
.awards_main { padding: 30px 0 42px;}
}

@media (max-width: 1025px){
.training .training_content_main:not(:last-child) { margin-bottom: 40px; }
.awards_content_box .left_content { padding-right: 40px; }
}

@media (max-width: 999px){
    .category-training ol.products.list > li.item { flex: 50%; max-width: 50%; }
}

@media (max-width: 821px){
.training .training_content_main:nth-child(n) .media-box,
.training .training_content_main:nth-child(n) .training_content_box{width:100%; padding:0;}
.training .training_content_main:nth-child(even) .media-box{order:0;}
.training .training_content_main .media-box{margin-bottom:40px;}
.awards_content_box .left_content,.awards_content_box .award_img { width: 100%; padding:0; }
.awards_content_box .left_content{margin-bottom:40px; }
}

@media (max-width: 767px){
.training { padding: 30px 0; }
.training .training_content_main .media-box { margin-bottom: 20px; }
.training .training_content_main:not(:last-child) { margin-bottom: 20px; }
.awards_main { padding: 30px 0; }
.awards_content_box .left_content { margin-bottom: 20px; }
    
.std.testimonials,
.category-training .category-description .main_site_content { padding: 30px 0; }  
.category-training .category-description img{ width:98% !important;}
}

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

/* Traning list page */



/*Detail css*/
.catalog-product-view .page-main { max-width: 100%; padding-left: 0; padding-right: 0; }
.catalog-product-view .page-main .column.main { max-width: 1530px; padding-left: 15px; padding-right: 15px; margin: 0 auto; margin-top: 40px; }
.page-layout-1column .product.media { width: 41.3%; float: left; }
.page-layout-1column .product-info-main { width: 58.7%; padding: 0 0 0 40px; float: right; }
.product.info.detailed { clear: both; width: 100%; margin: 70px 0 30px; float: left; }

@media (max-width: 1150px){
.page-layout-1column .product-info-main { padding: 0 0 0 20px; }    
}

@media (max-width: 1023px){
.catalog-product-view .column.main { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.catalog-product-view .product.media { -ms-flex-order: -1; -webkit-order: -1; order: -1; }
    
.page-layout-1column .product.media { width: 100%; float: none; margin: 0 0 20px; }
.page-layout-1column .product-info-main { width: 100%; padding: 0; float: right; }
.catalog-product-view .page-main .column.main { margin-top: 20px; }
}

.page-layout-1column .page-main .column.main:before, 
.page-layout-1column .page-main .column.main:after { content: ""; display: table; }
.page-layout-1column .page-main .column.main:after { clear: both; }
.page-layout-1column .page-main .column.main { zoom: 1; }

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

.quote-popup .modal-inner-wrap { max-width:750px; }
.quote-popup .modal-inner-wrap .fieldset { margin: 0; }
.quote-popup .modal-inner-wrap .fieldset .field { margin: 0 0 15px; }
.quote-popup .modal-inner-wrap .actions-toolbar .primary { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.quote-popup .modal-inner-wrap .actions-toolbar .primary p { margin: 0; }

.quote-popup .modal-inner-wrap .field.region_id .control { display: flex; flex-wrap: wrap; }
.quote-popup .modal-inner-wrap .field.region_id .control div.mage-error { order: 4; }

.training-popup .modal-inner-wrap { max-width:750px; }
.training-popup .modal-inner-wrap .fieldset h5 { font-size: 18px; color: #1c1d20; font-weight: 700; margin: 0 0 15px; }
.training-popup .modal-inner-wrap .fieldset .field { margin: 0 0 15px; }
.quote-popup .modal-inner-wrap .fieldset .field.region .control,
.training-popup .modal-inner-wrap .field.region_id .control { display: flex; flex-wrap: wrap; }
.training-popup .modal-inner-wrap .field.region_id .control div.mage-error { order: 4; }
.quote-popup .modal-inner-wrap .fieldset .field.region div.mage-error {order: 3;}
.training-popup .container { padding-left: 0; padding-right: 0; }
.form.askquestion .fieldset { margin: 0; }
.form.askquestion .fieldset h3 { margin: 0 0 15px; }

.form.askquestion .three-filed-col { margin: 0 -10px; font-size: 0; }
.form.askquestion .three-filed-col > div { width: 50%; display: inline-block; vertical-align: top; padding: 0 10px; font-size: 14px; }

.product-info-main .page-title { font-size: 40px; color: #1c1d20; margin: 0 0 20px; }
.product-info-main .product-info-price { margin: 0 0 20px; }
.product-info-main #recurring-help-radio .product-info-price h5.initial-fee {margin: 0;}
.product-info-main #recurring-help-radio .product-info-price h5.initial-fee span {font-size: 14px;}
.product-info-main .product-info-price .special-price span.price { font-size: 30px; font-weight: 700; color: #ed1c24; }
.product-info-main .product-info-price .special-price .price-label { font-size: 14px; font-weight: 400; color: #666666; }
.product-info-main #recurring-help-radio .product-info-price h5 > span, .product-info-main #recurring-help-radio .product-info-price h5 > span > span {margin-left: 0}
.product-info-main #recurring-help-radio .product-info-price h5 > .old-price {padding-left: 10px;}

.product-info-main .product-info-price .old-price { padding: 0 0 0 18px; } 
.product-info-main .product-info-price .old-price span.price { color: #666666; font-size: 20px; font-weight: 400; text-decoration: line-through; }
.product-info-main .product-info-price .old-price .price-label { display: none; }

.product-info-main .product-info-price .normal-price span.price { font-size: 30px; font-weight: 700; color: #ed1c24; }
.product-info-main .product-info-price .normal-price .price-label { font-size: 14px; font-weight: 400; color: #666666; }

.catalog-product-view .product-info-main .product-info-price .price-label { display: none !important; }
.catalog-product-view .product-info-main .product-info-price .special-price .price-container .from-price { display: inline-block !important; }
.product-info-main .product-info-price .special-price .price-label:after { content: ': '; }
.catalog-product-view .product-info-main .product-info-price .price-label { color: #9c9c9c; font-size: 1.4rem;}

.catalog-product-view .product-add-form .box-tocart { margin: 0; }
#validation-message-box div.mage-error { margin: 0; }

.page-product-configurable .product-info-main .product-add-form { border:1px solid #dddddd; margin: 0 0 15px; }
.product-info-main .product-options-wrapper .fieldset > .field { padding: 0 20px; }
.product-info-main .product-options-wrapper .fieldset > .field.configurable { margin: 20px 0 40px 0; }
.product-info-main .product-options-wrapper .fieldset > .field.configurable .mage-error { position: absolute; bottom: -24px; }
.product-info-main .product-options-wrapper .fieldset > .field > .label { height: 45px; display: flex; justify-content: flex-start; align-items: center; font-size: 16px; color: #ffffff; margin: 0; background: #ed1c24; padding: 0 20px; margin: 0 -21px 20px; }
.product-info-main .product-options-bottom { padding: 0 20px; }
.product-info-main .product-options-bottom .fieldset { margin: 0 0 20px; display: flex; justify-content: space-between; }
.product-info-main .product-options-bottom .fieldset .field.qty { margin: 0; }
.product-info-main #product_addtocart_form .fieldset .field.qty .qty-updown,
.product-info-main .product-options-bottom .fieldset .field.qty .qty-updown { width: 160px; }
.product-info-main #product_addtocart_form .fieldset .field.qty .qty-updown input,
.product-info-main .product-options-bottom .fieldset .field.qty .qty-updown input { width: 100% !important; }
.product-info-main .product-options-wrapper .fieldset > .training-date { padding-right: 60px; }


/* 13-2-24 */
.subscription-options.sub-opt-radio { list-style: none;margin: 0;display: inline-block;width: 100%;font-size: 0;border-bottom: 1px solid #e1e1e1;}
.subscription-options.sub-opt-radio li {display: inline-block;width: 50%;float: none;padding: 0;vertical-align: top;font-size: 20px;/* border: 1px solid #ccc; */padding: 0px 0 15px 0;}
.subscription-options.sub-opt-radio.allow-width li:last-child {margin-bottom: 0;}
.subscription-options.sub-opt-radio li input.input-radio[type="radio"] { opacity: 0;}
.subscription-options.sub-opt-radio li input.input-radio[type="radio"] + label { padding-left: 30px; font-weight: normal; line-height: normal; height: auto;}
.subscription-options.sub-opt-radio li input.input-radio[type="radio"] + label .validation-error {bottom: -30px;}
.subscription.allow-height.radiodesign { width: 100%; padding: 0 15px; max-width: 60%; border: 1px solid #dddddd; height: auto; display: inline-block;}
.subscription.allow-height.radiodesign .wait-loader img {display: block; width: 40px; margin-top: 80px;}
.subscription.allow-height.radiodesign .subscription-label {width: 100%;}
.subscription.allow-height.radiodesign .subscription-label h4 {margin: 0;}
.subscription.allow-height.radiodesign .subscription-label h4 strong { height: 45px; display: flex; justify-content: flex-start; align-items: center; font-size: 16px; color: #ffffff; margin: 0; background: #ed1c24; padding: 0 20px; margin: 0 -15px 15px;}

.subscription.formdesign {box-shadow: none; padding: 10px; margin-top: 20px;}
.subscription.formdesign #allow-subscription-options {margin-left: 0; margin-right: 0; padding-top: 22px;}
.subscription.formdesign #recurring-help p {width: 100%; margin: 0; background-position: 10px 5px; padding-left: 30px;}
.subscription.formdesign .sub-opt-form ._active { background: #ed1c24; }
.subscription.formdesign .sub-opt-form ._active input.input-form[type="radio"] + label {color: #fff;}
.subscription.formdesign .sub-opt-form li {padding: 10px;}
.subscription.formdesign .sub-opt-form li input.input-form[type="radio"] + label {background-image: none; padding-left: 30px; text-align: left; height: auto; font-weight: normal; line-height: normal;}
.subscription.formdesign .subscription-label {margin: 0;}
.subscription.formdesign .subscription-options.sub-opt-form.sub-width {width: 100%;}
.subscription.formdesign .subscription-options.sub-opt-form.sub-width li {width: 50%;}
.subscription.formdesign .subscription-label h4 {margin-top: 0;}
.subscription.formdesign input.input-form[type="radio"] {display: none;}
/* 13-2-24 */

.product-info-main .enroll-submit button { display: none; width: 230px; }
.page-product-configurable .product-info-main .product-options-bottom .box-tocart .actions #product-addtocart-button { display: inline-block; width: 230px; }
.product-options-wrapper .label { color: #1c1d20; font-weight: 600; display: inline-block; }

.page-product-configurable .scroll-location  { cursor: pointer; padding: 0 20px 0 0; text-align: right; position: absolute;  right: 0; bottom: 3px; opacity: 0.5; pointer-events: none; }
.page-product-configurable .scroll-location.active { opacity: 1; pointer-events: auto; }
.page-product-configurable .product-options-wrapper { position: relative; }
.page-product-configurable div.training-date .select2-selection__rendered { background-image: url(../images/calender-icon.svg); background-position: calc(100% - 18px) center; background-repeat: no-repeat; background-size: 20px; }
.page-product-configurable div.training-date .select2-selection__arrow { display: none; }

.training-location iframe { width: 100%; display: block; border: 0; height: 500px; }

.training-info-attachment { margin: 30px 0; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; }
.training-info-attachment div.ask-question { margin: 0 0 0 10px; }
.training-info-attachment .action.primary { background: #f5f5f5; color: #1c1d20; }
.training-info-attachment .action.primary svg { margin: 0 7px 0 0; }
.training-info-attachment .action.primary svg path { fill:#1c1d20; }
.training-info-attachment .action.primary span { display: flex; align-items: center; }
.no-touch .training-info-attachment .action.primary:hover svg path { fill:#ffffff; }

.product.attribute.overview  { margin: 0 0 25px; }
.product.attribute.overview p { font-size: 14px; color: #666666; margin: 0 0 15px; }
.product.attribute.overview p:last-child { margin: 0; }
.product.attribute.overview p:empty { display: none; }

.product.attribute.overview ul { margin: 0 0 15px; padding: 0; list-style: none; }
.product.attribute.overview ul li { margin-bottom: 12px; padding: 0 0 0 20px; position: relative; list-style: none; font-weight: 400; font-size: 14px; }
.product.attribute.overview ul li:before { content: ""; position: absolute; left: 0; top: 5px; width: 8px; height: 12px; background: url(../images/arrow-red.svg) no-repeat 0 0; background-size:8px 12px; }
.product.attribute.overview ul li strong { color: #1c1d20; font-weight: 700; }

.product-add-form { clear: both; width: 100%; }
.product-table-wrapper table { border: 1px solid #dddddd; width: 100%; }
.product-table-wrapper .product-table tr { border-top: 1px solid #dddddd; }
.product-table-wrapper .product-table tr:nth-child(even) { background: #e6e6e6; }
.product-table-wrapper .product-table tr:first-child { border-top: 0; }
.product-table-wrapper .product-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; }
.product-table-wrapper .product-table tr td { vertical-align: middle; font-size: 14px; color: #1c1d20; padding: 9px 19px; text-align: left; }
.product-table-wrapper .product-table tr td.drawing, 
.product-table-wrapper .product-table tr th.drawing { text-align: center; }
#super-product-table thead tr th { text-transform: capitalize; font-size: 18px; }
.product-table-wrapper .product-table tr td.login-stock-quantity { min-width: 200px; }

.no-touch .product-table-wrapper .product-table tr th:nth-child(3) { min-width: 130px; }
.no-touch .product-table-wrapper .product-table tr th:nth-child(4) { min-width: 140px; }
.table.grouped .col.qty { width: 10%; text-align: center; }
.product-table-wrapper .table.grouped .col.item { width: auto; }
.no-touch .product-table-wrapper .product-table tr td button { width: 100%; max-width: 236px; }
.product-table-wrapper .product-table tr td button { background: #f5f5f5; color: #1c1d20; padding: 0; min-width:200px; }
.product-table-wrapper .product-table tr td button svg { margin-right: 5px; }
.no-touch .product-table-wrapper .product-table tr td button:hover { background: #ed1c24; color: #ffffff; }
.no-touch .product-table-wrapper .product-table tr td button:hover svg path { fill:#ffffff; }

.product-table-wrapper .stock { position: relative; padding: 0 0 0 18px; }
.product-table-wrapper .stock:before { content: ""; width: 8px; height: 8px; background: #25950f; position: absolute; left: 0; top: 6px; border-radius: 100%; }
.product-table-wrapper .stock.unavailable:before { background: #ed1c24; }
.product-table-wrapper .stock-location { padding: 0 0 0 18px; }

.table-info { margin: 20px 0 20px 0; font-size: 12px; line-height: 1;}
.no-touch .product-table-wrapper .product-table tr td.drawing:hover svg path { fill: #e2001a; }

.product-table-wrapper .stock-quantity-wrapper { font-size: 0; margin: 5px 0 0;}
.product-table-wrapper .stock-quantity-wrapper div { padding: 2px 5px; width:50%; display: inline-block; vertical-align: top; font-weight: 600; color: #1c1d20; font-size: 12px; text-align: center; }
.product-table-wrapper .stock-quantity-wrapper span { display: inline-block; padding-right: 2px; }


.fotorama__arr, .fotorama__thumb__arr { background: none; } 
.fotorama__arr.fotorama__arr--prev,
.fotorama__arr.fotorama__arr--next { display: none !important; }

.fotorama__stage__frame .fotorama__img { width: 100%; }

.product.media .fotorama__stage__shaft { position: relative; border: 1px solid #dddddd; }
.fotorama__stage__shaft .fotorama__stage__frame:after { position: absolute; top: 19px; right: 16px; width: 29px; height: 29px; display: block; content: ""; box-sizing: border-box; z-index: 2; cursor: pointer; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; background-image: url(../images/zoom-in.svg); background-repeat: no-repeat; background-position: center center; background-size: 23px; }
.fotorama__fullscreen .fotorama__stage__shaft .fotorama__stage__frame:after { display: none; }
.fotorama__fullscreen #tidio-chat { display: none; }

.fotorama__stage__frame .fotorama__img { height: auto; left: 50%; max-height: 100%; max-width: 100%; position: absolute; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); transition-duration: 0.3s; transition-property: width, height, top, left; vertical-align: middle; width: auto; }

.page-layout-1column .product.media .fotorama__thumb-border { border: 1px solid #ed1c24 !important; margin: 0 !important; background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.80), rgba(64, 64, 64, 0.1)) !important;  }
.fotorama__thumb { border: 1px solid #dddddd; }
.fotorama__nav-wrap--vertical .fotorama__nav__shaft .fotorama__nav__frame--thumb { width: 80px !important; height: 80px !important; padding-top: 0 !important; padding-bottom: 10px !important; }


.fotorama__stage.fotorama__shadows--left:before, 
.fotorama__nav.fotorama__shadows--left:before,
.fotorama__stage.fotorama__shadows--right:after, 
.fotorama__nav.fotorama__shadows--right:after { display: none !important; }

.fotorama__stage.fotorama__shadows--bottom:after, 
.fotorama__nav.fotorama__shadows--bottom:after { display: none !important;}

.fotorama__nav-wrap--vertical .fotorama__thumb__arr--right { background-color: rgba(255, 255, 255, 0.9) !important; }
.fotorama__nav-wrap--vertical .fotorama__thumb__arr--left { background-color: rgba(255, 255, 255, 0.9) !important; }

.nogallery .fotorama__stage { left: 0 !important; }
/*.nogallery .fotorama__stage__shaft { width: 100% !important; max-width: 100% !important; pointer-events: none; }*/
.nogallery .fotorama__stage__shaft .fotorama__stage__frame:after { display: none; }


@media (max-width:767px) {
html body .fotorama__dot { width: 10px!important; height: 10px!important; border-radius: 50%!important; background: rgba(255,255,255,.3)!important; border: solid 1px #303030!important; margin: 2px; box-sizing: border-box; top: inherit!important; left: inherit!important; }
html body .fotorama__nav--dots .fotorama__nav__frame { width: 18px!important; height: 18px!important; border: solid 2px transparent!important; border-radius: 50%!important; box-sizing: border-box!important; text-align: center!important; margin: 0!important; }
.fotorama__nav__frame.fotorama__active { border-color: #ed1c24!important; }
.fotorama__nav__frame.fotorama__active .fotorama__dot { border-color: #ed1c24!important; background: #ed1c24!important; }

.fotorama__stage__shaft .fotorama__stage__frame:after { display: none; }
.fotorama__nav-wrap.fotorama__nav-wrap--horizontal { margin: 10px 0 0; }
}

.data.item.content p { color: #1c1d20; margin: 0 0 15px; }
.data.item.content p:last-child { margin: 0; }
.data.item.content p a { color: #ed1c24; text-decoration: underline; }
.data.item.content p a:hover { text-decoration: none; }
.data.item.content ul { margin: 0 0 15px; padding: 0; list-style: none; }
.data.item.content ul li { margin-bottom: 12px; padding: 0 0 0 20px; position: relative; list-style: none; font-weight: 400; font-size: 14px; }
.data.item.content ul li:before { content: ""; position: absolute; left: 0; top: 5px; width: 8px; height: 12px; background: url(../images/arrow-red.svg) no-repeat 0 0; background-size:8px 12px; }
.vacancy-popup .modal-inner-wrap .modal-content {padding: 20px;}


#load-sap-content { position:relative;}
#load-sap-content .loading-mask, 
#load-sap-content .loading-mask .loader > img {position: relative;text-align: center;}
#load-sap-content .loading-mask .loader > p{display:block;}
#load-sap-content .sap_price_info p { margin:0;}


.product.info.detailed .description { text-align:left !important; }
.product.info.detailed .description h1, 
.product.info.detailed .description h2, 
.product.info.detailed .description h3, 
.product.info.detailed .description h4, 
.product.info.detailed .description h5, 
.product.info.detailed .description h6 { margin-bottom: 1rem; line-height: 1.2; text-transform: none !important; margin-top:2.5rem; }
.product.info.detailed .description h2 { font-size:28px; } 
.product.info.detailed .description h3 { font-size:24px; }
.product.info.detailed .description h4 { font-size:22px; }
.product.info.detailed .description h5 { font-size:20px; } 
.product.info.detailed .description h6 { font-size:18px; }
.product.info.detailed .description ol { list-style: decimal; margin: 0; padding: 0 0 0 20px; margin: 0 0 20px; }
.product.info.detailed .description ol li { margin: 0; padding: 0; font-size:15px; line-height:24px; color:#1c1d20; }
.product.info.detailed .description ol li ol { list-style: decimal; margin: 0; padding: 0 0 0 20px; }
.product.info.detailed .description ol li ol li { margin: 0; padding: 0; }
.product.info.detailed .description  b, 
.product.info.detailed .description strong { font-weight: bold; color:#1c1d20; }
.product.info.detailed .description img  { max-width:100%; }

.content-box { margin:30px -15px 0; padding:30px 0 0; border-top:1px solid #ccc; }
.content-box .content-col { width:70%; float:left; padding:0 15px; text-align:left; }
.content-box .image-col { width:30%; float:right; padding:0 15px; }
.content-box:nth-child(even) .content-col { float:right; }
.content-box:nth-child(even) .image-col { float:left; }


.catalog-product-view .page-bottom { max-width: 100%; padding-left: 0; padding-right: 0; }
.catalog-product-view .page-bottom .training-location,
.catalog-product-view .page-bottom .block.related.category-training { margin-left: auto; margin-right: auto; max-width: 1530px; width: 100%; }

.catalog-product-view .page-bottom .training-description-detail { background: #f5f5f5; padding: 74px 0; }
.catalog-product-view .page-bottom .training-location { padding: 74px 15px; }
.catalog-product-view .page-bottom .block.related.category-training { padding: 0 15px 54px; margin-bottom: 0; }

.catalog-product-view .page-bottom .training-description-detail .container { display: flex; justify-content: space-between; align-items: flex-start; }
.catalog-product-view .page-bottom .training-description-detail .container .desciption-left-img { width: 50%; }
.catalog-product-view .page-bottom .training-description-detail .container .desciption-left-img img { width: 100%; }
.catalog-product-view .page-bottom .training-description-detail .container .desciption-right-content { width: 50%; padding: 0 0 0 78px; }

.desciption-right-content .desciption-content-box p:first-child { color: var(--hyd-black); font-size: 40px; margin: 0 0 20px; text-align: left; }
.desciption-right-content .desciption-content-box p:first-child:before,
.desciption-right-content .desciption-content-box p:first-child:after { content: ''; width: 20px; height: 2px; display: inline-block; vertical-align: middle; background: var(--hyd-red); }
.desciption-right-content .desciption-content-box p:first-child:before { margin-right: 16px; }
.desciption-right-content .desciption-content-box p:first-child:after { margin-left: 16px; }

.training-description-detail ul { margin: 10px 0 15px; padding: 0; list-style: none; }
.training-description-detail ul li { font-size: 18px; color: #1c1d20; font-weight: 700; margin: 0 0 12px; }
.training-description-detail ul ul li { margin-bottom: 12px; padding: 0 0 0 20px; position: relative; list-style: none; font-weight: 400; font-size: 14px; }
.training-description-detail ul ul li:before { content: ""; position: absolute; left: 0; top: 5px; width: 8px; height: 12px; background: url(../images/arrow-red.svg) no-repeat 0 0; background-size:8px 12px; }

.training-popup .contact-form-wrap { background: none; padding: 0; }
.training-popup .contact-form-wrap .container { padding: 0; }
.training-popup .ask-question-box .field { margin: 0 0 20px; }
.training-popup .field.btn-wrap .primary { display: flex; justify-content: space-between; align-items: center; }
.training-popup .field.btn-wrap .primary p { margin: 0; font-size: 12px; }
.modal-popup.training-popup .modal-content { padding: 20px 15px; }

.enrollment-form-wrap .form.enrollment .enrollment-box div div .student-info { padding-bottom: 15px; text-align: left; position: relative; }
.enrollment-form-wrap .form.enrollment .enrollment-box div div .student-info:before { position: absolute; content: ''; display: block; top: 18px; width: 100%; height: 2px; background: #1c1d20; border-radius: 30px; }
.enrollment-form-wrap .form.enrollment .enrollment-box div div .student-info span { display: inline-block; margin: 0 auto; text-align: center; background: #1c1d20; padding: 10px 30px; position: relative; font-size: 14px; text-transform: uppercase; font-weight: 700; color: #fff; margin-left:0; border-radius: 30px; }
.enrollment-form-wrap .form.enrollment .enrollment-box div div { font-size: 0; }
.enrollment-form-wrap .form.enrollment .enrollment-box div div .field { display: inline-block; width: 50%; padding: 0 15px 0 0; font-size: 14px; vertical-align: top; }
.enrollment-form-wrap .form.enrollment .enrollment-box div div .field.comment { display: block; width: 100%; padding: 0; }

.catalog-product-view .gallery-placeholder .loading-mask .loader > img {width: 50%; opacity: 0.3;}

.training-price-btn-box { display: flex; justify-content: space-between; align-items: center; }
.training-price-btn-box .price-box { margin: 0 !important; }
.training-price-btn-box .price-box > span { display: block; }
.training-price-btn-box a.action.tocart { position: relative; font-weight: 700; font-size: 14px; color: #1c1d20 !important; text-transform: uppercase; padding: 0 17px 0 0 !important; display: inline-block; background: none !important; height: auto !important; }
.training-price-btn-box a.action.tocart:before,
.training-price-btn-box a.action.tocart: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; }
.training-price-btn-box a.action.tocart:before { background: url(../images/arrow.svg) no-repeat right center; background-size: 7px 12px; }
.training-price-btn-box a.action.tocart:after { background: url(../images/arrow-red.svg) no-repeat right center; background-size: 7px 12px; opacity: 0; visibility: hidden; }
.no-touch .product-item-info:hover a.action.tocart { color: #ed1c24 !important; }
.no-touch .product-item-info:hover a.action.tocart:before { opacity: 0; visibility: hidden; }
.no-touch .product-item-info:hover a.action.tocart:after { opacity: 1; visibility: visible; }
.page-product-configurable .fotorama__stage__shaft .fotorama__stage__frame:after { display: none; }



/* detail tab content*/
.tab-video-box { margin: 0 -15px 0; font-size: 0; }
.tab-software-inner {background-color: #f4f4f4; padding:10px; font-size: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.tab-software-inner:hover {box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.37);}
.tab-video-box .tab-video { width: 33.3%; display: inline-block; padding: 0 15px; box-sizing: border-box; vertical-align: top; margin-right: -4px; margin: 15px 0; font-size: 14px }
.tab-video-box.video_sec .tab-video { width: 25%; }
.tab-video-box.video_sec .tab-video a.video-popup:after { width: 51px; height: 51px; background-size: 17px 20px; }
.tab-video-box .tab-video a { display: block; line-height: 0; font-size: 0; }
.tab-video-box .tab-video .tab-video-inner.tab-software-inner a.type, .software-item .tab-video .tab-video-inner.tab-software-inner a.software-img { display: inline-block; line-height: 0; font-size: 14px;  vertical-align:middle; width:20%;  }
.tab-casestudy-box .tab-casestudy .tab-casestudy-inner.tab-software-inner a.action.primary, 
.tab-video-box .tab-video .tab-video-inner.tab-software-inner a.action.primary, .software-item .tab-video .tab-video-inner.tab-software-inner a.action.primary {display: block;line-height: normal;height:auto;font-size: 12px;vertical-align:top;background: transparent;color: #000;border: 0;text-align: left;padding: 0;}
.tab-casestudy-box .tab-casestudy .tab-casestudy-inner.tab-software-inner a.action.primary:before,
.tab-video-box .tab-video .tab-video-inner.tab-software-inner a.action.primary:before, .software-item .tab-video .tab-video-inner.tab-software-inner a.action.primary:before {content: "";width: 12px;height: 8px;background-image: url(../images/breadcrumb-black-arrow.svg);background-repeat: no-repeat;background-position: -3px 0px;display: block;float: right;right: -6px;position: relative;top: 4px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.tab-casestudy-box .tab-casestudy .tab-casestudy-inner.tab-software-inner a.action.primary:hover:before,
.tab-video-box .tab-video .tab-video-inner.tab-software-inner a.action.primary:hover:before {right: -20px;}
.tab-video-box .tab-video .tab-video-inner.tab-software-inner h4, .software-item .tab-video .tab-video-inner.tab-software-inner h4 { display: block; line-height: normal; font-size: 16px; margin-bottom:5px; margin-top: 0; }
.tab-video-inner img { width: 100%; height: auto;}
.tab-software-inner .tab-video-inner img { width: 100%; height: 100%; max-width: 50px; max-height: 33px;}
.tab-video-inner.tab-software-inner .software-title { display:inline-block; vertical-align:middle; padding-left:10px; text-align:left; width:80%; font-size: 14px;}
.software-item .tab-video-inner.tab-software-inner .software-title {width:78%;}
.tab-casestudy-box .tab-casestudy .tab-casestudy-inner.tab-software-inner .software-button,
.tab-video-inner.tab-software-inner .software-button { display:inline-block;}

.tab-table-wrapper table { border-collapse: collapse; }
.tab-table-wrapper table tr td { width:50%; }
.video_sec .tab-video-inner a:before { background: rgba(0,0,0,0.40); position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; transform: none; display: none; }
.no-touch .video_sec .tab-video-inner a:hover:after { opacity: 1; visibility: visible; }

.tab-casestudy-box {
    margin: 0 -15px 0;
    font-size: 0;
}
.tab-casestudy-box .tab-casestudy {
    width: 20%;
    display: inline-block;
    padding: 0 15px;
    box-sizing: border-box;
    vertical-align: top;
    margin-right: -4px;    
    font-size: 14px;
}


/* detail tab content*/

@media (min-width: 1024px) and (max-width: 1249px) { 
    .training-info-attachment { flex-direction: column; align-items: center; margin: 10px 0; }
    .training-info-attachment .product-attachment { margin: 0 0 10px; }
    .training-info-attachment .action.primary { padding: 0 10px; width: 200px; }
    .training-info-attachment div.ask-question { margin: 0; }
}

@media (max-width: 1249px){
    .catalog-product-view .page-bottom .training-description-detail { padding: 50px 0; }
    .catalog-product-view .page-bottom .training-location { padding: 50px 0; }
    .catalog-product-view .page-bottom .training-description-detail .container .desciption-right-content { padding: 0 0 0 20px; }
	.tab-casestudy-box .tab-casestudy { width: 25%; }
}
 
@media (max-width: 1100px){
    .product-info-main .page-title { font-size: 30px; }
    .product.info.detailed { margin: 30px 0; }
    .desciption-right-content .desciption-content-box p:first-child { font-size: 30px }
}

@media (max-width: 1023px){
.training-info-attachment { justify-content: center; }
.training-info-attachment .action.primary { padding: 0 10px; width: 200px; }
.tab-casestudy-box .tab-casestudy { width: 33.33%; margin-bottom: 15px; }
}

@media (min-width: 768px){
.mission-sec-box .box-two {margin: 0 -10px; font-size: 0; }
.catalog-product-view .product-info-main .product-info-price .price-label { color: #9c9c9c; font-size: 21px;}
}

@media (max-width: 767px){
.training-info-attachment { flex-direction: column; align-items: center; margin: 10px 0; }
.training-info-attachment .product-attachment { margin: 0 0 10px; }
.training-info-attachment div.ask-question { margin: 0; }
    
.product-info-main .page-title { font-size: 22px; }
.desciption-right-content .desciption-content-box p:first-child { font-size: 22px }
    
.tab-table-wrapper table td { display: block; }
.tab-table-wrapper table tr td { width:100%; }
    
.tab-video-box.video_sec .tab-video { width: 49%; }
.tab-video-box .tab-video { padding: 0 5px; margin-top: 10px; width:49%; }
.tab-video-box { margin: -10px -5px 0; }
    
.catalog-product-view .page-bottom .training-location { padding: 30px 15px; }
.training-location iframe { height: 300px; }
    
.catalog-product-view .page-bottom .training-description-detail { padding: 30px 0; }    
.catalog-product-view .page-bottom .training-description-detail .container .desciption-right-content { padding: 0 0 0 20px; }
.catalog-product-view .page-bottom .training-description-detail .container { flex-direction: column; }
.catalog-product-view .page-bottom .training-description-detail .container .desciption-left-img { width: 100%; margin: 0 0 20px; }
.catalog-product-view .page-bottom .training-description-detail .container .desciption-right-content { width: 100%; padding: 0; }
    
.page-product-configurable .product-info-main .product-options-bottom .box-tocart .actions #product-addtocart-button,
.catalog-product-view-subscription .product-info-main .box-action .actions button { width: 120px; height: 45px }
.product-info-main .product-options-bottom .fieldset .field.qty .qty-updown { width: 120px;}
.catalog-product-view .page-bottom .block.related.category-training { padding-bottom: 30px; }
.product-options-wrapper .label { font-size: 14px !important; }
    
.enrollment-form-wrap .form.enrollment .enrollment-box div div .field { display: block; width: 100%; padding: 0; }
    
    .product-info-main .product-options-wrapper .fieldset > .field > .label { margin: 0 -11px 15px; }
    .product-info-main .product-options-wrapper .fieldset > .field { padding: 0 10px; }
    .product-info-main .product-options-wrapper .fieldset > .training-date { padding-right: 60px; }
    .product-info-main .product-options-bottom { padding: 0 10px; }
    .product-info-main .product-options-bottom .box-tocart { margin: 0 0 15px; }
    .product-info-main .enroll-submit button { width: auto; height: 45px; }
    
    .form.askquestion .three-filed-col { margin: 0; }
    .form.askquestion .three-filed-col > div { width: 100%; display: block; padding: 0; }
		.tab-casestudy-box .tab-casestudy { width: 50%; }
}

@media (min-width: 640px){
.product-table-wrapper { overflow-x: auto; overflow-y: hidden; }
.product-table-wrapper table { min-width: 1000px; }
}

@media (max-width: 767px){
.training-info-attachment .product-attachment { width: 100%; }
.training-info-attachment .action.primary { width: 100%; }
.training-info-attachment div.ask-question { width: 100%; }
    
    .product-info-main .product-info-price .normal-price span.price { font-size: 22px; }
    .product-info-main .product-info-price .old-price span.price { font-size: 18px; }
    .product-info-main .product-info-price .special-price span.price { font-size: 22px; }
	.subscription.allow-height.radiodesign {max-width: 100%;}
}

@media (max-width: 639px){
.product-table-wrapper .product-table tr td.drawing, 
.product-table-wrapper .product-table tr th.drawing { text-align: left; }
.product-table-wrapper .stock { display: inline-block; }
.subscription-options.sub-opt-radio li {width: 100%;     padding: 10px 0;}
.subscription-options.sub-opt-radio li input.input-radio[type="radio"] + label .validation-error { bottom: 0; position: relative;}
.subscription  #recurring-help-radio p {width: 100%;}
}

@media (max-width: 499px){
.tab-video-box .tab-video { width:100%; }
.tab-video-box.video_sec .tab-video { width: 100%; }
}

/*Detail css*/

.category-careers .modal-popup._inner-scroll .modal-content .field div.mage-error { position: absolute !important; bottom: -23px; left: 0; }
.category-careers .modal-popup._inner-scroll .modal-content .field { margin: 0 0 25px; }
/*careers*/
.cms-page-view .custom-wrapper h5 { font-size: 22px; margin-top: 0; margin-bottom: 1rem; color: #000; }
.cms-page-view .custom-wrapper ul,
.cms-page-view .custom-wrapper ol { padding-left: 30px; }
.modal-popup.modal-slide .modal-inner-wrap,
.vacancy-popup.modal-popup .modal-inner-wrap { width: 45%; }
.modal-content .content .description ul { padding-left: 2.5rem; margin: 0; }
.modal-content .content .description p img { display: block; margin: 0 auto; }
.modal-content .btn-wrap { margin: 0; }
.modal-content .vacancy-form-wrap .container { padding: 0; }
.three-filed-col .field:not(:last-child) { margin-bottom: 20px; }
.three-filed-col .field.captcha { display: inline-block; }
.three-filed-col .field.btn-wrap { float: right; }
.three-filed-col .field.btn-wrap .required .field-inner .primary .submit { min-width: 150px; }
.categorypath-about-us-careers .page-footer,
.category-graduate-programe .page-footer { margin-top: 40px; }
.categorypath-about-us-careers .page-main,
.category-graduate-programe .page-main,
.category-apprenticeship-program .page-main,
.mission-index-index .page-main { max-width: 100%; padding: 0px; }
.peralex-box { background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; }
.career-program .short_description { margin-bottom: 30px; text-align: justify; }
.career-program .career_process .owl-nav .owl-next { right: 20px }
.career-program .career_process .owl-nav .owl-prev { left: 20px }
.career-information-section { padding: 50px 0; }
.career-information-section .product.info.detailed { margin: 0; }
.vacancy-title > div { background: #2b2b2b; padding: 15px 40px 15px 20px; cursor: pointer; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; position: relative; border-radius: 10px; }
.vacancy-title:not(:first-child) { margin-top: 20px; }
.no-touch .vacancy-title>div:hover { background: #e2001a; }
.vacancy-title.active>div { background: #e2001a; border-radius: 10px 10px 0 0; }
.vacancy-title>div span { font-size: 16px; color: #fff; font-weight: 600; text-transform: uppercase; }
.vacancy-title>div:after { display: block; content: ""; position: absolute; top: 50%; right: 15px; height: 28px; width: 28px; background: url(../images/plus-icon.svg) no-repeat center center; transform: translateY(-50%); background-size: 22px; }
.vacancy-title.active>div:after { background: url(../images/minus-icon.svg) no-repeat center center; background-size: 22px; }
.vacancy-content { display: none; border: solid 1px #dddddd; border-top: none; padding: 20px; border-radius: 0 0 10px 10px; }
.vacancy-content .send-resume { text-align: right; padding: 0 0 20px; }
.career-program .career_process { background: rgba(255,255,255,.9); padding: 30px; }
.vacancy .fieldset { margin: 0; }
.js .inputfile-box .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.inputfile-box label { max-width: 100%; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: block; overflow: hidden; padding: 0 150px 0 0; text-align: left; position: relative; }
.inputfile-box label span { width: 100%; height: 50px; line-height: 48px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: top; border: 1px solid #b8b9bb; background-color: #fff; border-radius: 50px 0 0 50px; -webkit-border-radius: 50px 0 0 50px; border-right: 0; color: #000; padding: 0 18px; }
.inputfile-box label strong { text-align: center; line-height: 50px; 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; color: #fff; }
.no-touch .inputfile-box label:hover strong { background-color: #1c1d20; }
.scroll-box.mission-scroll { max-height: 550px; overflow-x: hidden; overflow-y: auto; }
.custom-wrapper { display: block; margin: 0 auto; width: 100%; box-sizing: border-box; max-width: 1530px; }
.mission-info { background: rgba(255,255,255,.93); padding: 50px; }
.sign-box { text-align: right; margin-top: 10px; }
.sign-img { margin: 0 0 20px; padding: 0; font-size: 0; line-height: 0; }
.sign-box span { display: block; margin: 0; padding: 0; line-height: 1; }
.name-box span.mane { color: #000; text-transform: uppercase; font-size: 18px; }
.name-box span.position-name { font-size: 15px; margin-top: 10px; }
.mission-sec-box.bottom-box { padding: 40px 0 0px 0; }
.scroll-box.mission-scroll::-webkit-scrollbar {
background: var(--rt-gray);
width: 5px;
}
.scroll-box.mission-scroll::-webkit-scrollbar-thumb {
background: var(--hyd-red);
width: 5px;
cursor: pointer;
}
.scroll-box.mission-scroll::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px var(--hyd-white);
width: 5px;
}
.mission-sec-box.top-box { background-image: url(../images/mission-bg.jpg); background-size: cover; }
/*careers*/


/*industries detail*/
.description-top:before,
.description-top:after { content: ""; display: table; }
.description-top:after { clear: both; }
.description-top { zoom: 1; }
.description-top { font-size: 0; }
.description-top .industry-img-left img { width: 100%; }
.industry-detail-content h4,
.industry-info-right h4 { font-size: 22px; color: #1c1d20; font-weight: 700; margin: 0 0 15px; }
.industry-detail-content ul { padding: 0 0 0 20px; }
.industry-info-right ul { margin: 0 0 25px; padding: 0; list-style: none; }
.industry-info-right ul li { margin-bottom: 12px; padding: 0 0 0 20px; position: relative; list-style: none; font-weight: 400; font-size: 14px; }
.industry-info-right ul li:before { content: ""; position: absolute; left: 0; top: 5px; width: 8px; height: 12px; background: url(../images/arrow-red.svg) no-repeat 0 0; background-size: 8px 12px; }
.industry-application { margin: 0 -10px; font-size: 0; }
.industry-application .services-box { width: 25%; vertical-align: top; display: inline-block; padding: 0 10px; margin-bottom: 20px; font-size: 14px }
.industry-application .services-box .services-box-item { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; border: 1px solid #dddddd; }
.product-list-tab-main .container { padding: 0; }
.product-list-tab-main .tab_content { overflow: hidden; padding: 30px 0; font-size: 0; opacity: 1 !important; }
.ourcompanies-index-view .tab-items-wrapper .tabing-details { width: 25%; padding: 15px; font-size: 14px; vertical-align: top; text-align: left; display: inline-block; }
.industryapplication-index-view .page-main { margin-bottom: 40px; }
.ourcompanies-index-view .content-top { margin: 0 0 40px; }
.ourcompanies-index-view .content-top .left { width: 50%; float: left; padding-right: 15px; }
.ourcompanies-index-view .content-top .left .title { font-size: 36px; margin: 0 0 22px; color: #000; font-weight: 600; text-transform: uppercase; }
.ourcompanies-index-view .content-top .left h4 { line-height: 1.1; font-size: 22px; margin: 0 0 15px; font-weight: 600; }
.ourcompanies-index-view .content-top .right { width: 50%; float: right; padding-left: 15px; }
.ourcompanies-index-view .content-top .right .image { background-color: #fff; -webkit-box-shadow: inset 1px 1px 13px rgba(0,0,0,.18); -moz-box-shadow: inset 1px 1px 13px rgba(0,0,0,.18); box-shadow: inset 1px 1px 13px rgba(0,0,0,.18); padding: 12px; line-height: 0; text-align: center; }
.industryapplication-main { padding: 74px 0 54px; }
.services-box a.action.primary { background: #f5f5f5; color: #1c1d20; }
.no-touch .services-box:hover a.action.primary { background: #ed1c24; color: #fff; }

.tab_drawer_heading { display: none; }

a.type.doc,
a.type.pdf,
a.type.xls,
a.type.docx { position: relative; padding: 0 0 0 35px; display: inline-block; vertical-align: top; color: #000; }
a.type.pdf:before,
a.type.doc:before,
a.type.xls:before,
a.type.docx:before { width: 30px; height: 30px; content: ""; position: absolute; left: 0; top: 50%; background-repeat: no-repeat; background-position: 0 0; transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); }
a.type.pdf:before { background-image: url(../images/pdf.svg); }
a.type.doc:before { background-image: url(../images/document.svg); }
a.type.xls:before { background-image: url(../images/xls.svg); }
a.type.docx:before { background-image: url(../images/docx.svg); }
.no-touch a.type.doc:hover,
.no-touch a.type.pdf:hover,
.no-touch a.type.xls:hover,
.no-touch a.type.docx:hover { color: #ed1c24; }
/*industries detail*/


.checkout-success p { font-size: 16px; }
.checkout-success .actions-toolbar { display: block; }
/**/
.quality-box { display: block; margin: 0 auto; width: 100%; padding: 0 15px; box-sizing: border-box; text-align: center; }
.quality-box p { margin: 0 auto; font-size: 14px; line-height: 1.5; color: #000; font-weight: 400; margin-bottom: 20px; }
.hydac-quality-wrapper { margin-top: 47px; font-size: 0; display: flex; flex-wrap: wrap; }
.box-two>div { font-size: 14px; vertical-align: top; width: 25%; padding: 0 15px; box-sizing: border-box; display: inline-block; margin-bottom: 40px; }
.hydac-quality-inner { display: inline-block; width: 100%; font-size: 0; background: #fff; -webkit-box-shadow: 0 1px 13px rgba(0,0,0,.18); -moz-box-shadow: 0 1px 13px rgba(0,0,0,.18); box-shadow: 0 1px 13px rgba(0,0,0,.18); }
.hydac-quality-inner>div { display: inline-block; vertical-align: middle; position: relative; width: 100%; }
.hydac-media-box { font-size: 0; line-height: 0; text-align: center; padding-bottom: 100%; height: 100%; height: 0; overflow: hidden; position: relative; z-index: 1; }
.hydac-quality-cont { padding: 15px 10px; box-sizing: border-box; z-index: 1; text-align: center; }
.hydac-quality-cont h4 { font-size: 20px; color: #000; text-transform: uppercase; font-weight: 600; line-height: 1.3; height: 46px; margin-bottom: 11px; margin-top: 0; overflow: hidden; }
.info-box { font-size: 14px; color: #000; font-weight: 400; line-height: 2; margin-bottom: 10px; min-height: 84px; }

/**/

.description ul,
.industry-detail-content ul {margin: 0 0 25px; padding: 0; list-style: none;}
.description ul li,
.industry-detail-content ul li { margin-bottom: 12px; padding: 0 0 0 20px; position: relative; list-style: none; font-weight: 400; font-size: 14px; }
.description ul li:before,
.industry-detail-content ul li:before { content: ""; position: absolute; left: 0; top: 5px; width: 8px; height: 12px; background: url(../images/arrow-red.svg) no-repeat 0 0; background-size: 8px 12px; }

.industry-detail-content { margin: 0 0 40px; }

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

.industry-detail-content div img {padding-left: 20px;}

.industry-detail-content p a { text-decoration: underline; color: #1c1d20; }
.industry-detail-content p strong { font-size: 18px; color: #1c1d20; }
.no-touch .industry-detail-content a:hover,
.no-touch .industry-detail-content p a:hover { text-decoration: none; }
.industry-detail-content h1,
.industry-detail-content .h1,
.industry-detail-content h2,
.industry-detail-content .h2,
.industry-detail-content h3,
.industry-detail-content .h3,
.industry-detail-content h4,
.industry-detail-content .h4,
.industry-detail-content h5,
.industry-detail-content .h5,
.industry-detail-content h6,
.industry-detail-content .h6 { font-weight: 700; color: #1c1d20; margin: 0 0 15px; display: block; }
.industry-detail-content h1,
.industry-detail-content .h1 { font-size: 40px; }
.industry-detail-content h2,
.industry-detail-content .h2 { font-size: 36px; }
.industry-detail-content h3,
.industry-detail-content .h3 { font-size: 32px; }
.industry-detail-content h4,
.industry-detail-content .h4 { font-size: 26px; }
.industry-detail-content h5,
.industry-detail-content .h5 { font-size: 24px; }
.industry-detail-content h6,
.industry-detail-content .h6 { font-size: 20px; }
.industry-detail-content p { color: #666666; font-size: 14px; font-weight: 400; margin: 0 0 15px; text-align: left !important; }
.industry-detail-content ol { list-style: decimal; padding: 0 0 0 20px; margin: 15px 0; color: var(--rt-black); font-size: 16px; font-weight: 300; }
.industry-detail-content ol li { margin: 0 0 5px; padding: 0; }
.industry-detail-content ol li ol { list-style: decimal; margin: 5px 0; padding: 0 0 0 20px; }
.industry-detail-content ol li ol li { margin: 0 0 5px; padding: 0; }

@media screen and (max-width: 767px) {
.industry-detail-content h1,
.industry-detail-content .h1 { font-size: 30px; }
.industry-detail-content h2,
.industry-detail-content .h2 { font-size: 24px; }
.industry-detail-content h3,
.industry-detail-content .h3 { font-size: 22px; }
.industry-detail-content h4,
.industry-detail-content .h4 { font-size: 20px; }
.industry-detail-content h5,
.industry-detail-content .h5 { font-size: 18px; }
.industry-detail-content h6,
.industry-detail-content .h6 { font-size: 16px; }
}


 @media all and (min-width: 768px) {
span.no-record { display: block; text-align: center; padding: 30px 0 30px 0; font-size: 40px; color: #dedede; font-weight: 600; }
.career-description h3 { margin: 0 0 30px; font-size: 36px; color: #000; text-align: center; text-transform: uppercase; }
.career-program .career_process { width: 766px; background: rgba(255,255,255,.9); padding: 75px; }
.career-information-section .product.data.items { margin: 0; border-bottom: 1px solid #dddddd; padding-bottom: 2px; }
.career-information-section .career-category .category-content { text-align: left; }
.career-information-section .career-category { text-align: center; }
.product-list-tab-main ul.tabs { margin: 0; padding: 0; list-style: none; height: 30px; width: 100%; text-align: center; border: 0; border-bottom: 3px solid #ededed; }
.product-list-tab-main ul.tabs li { 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; opacity: 1 !important; }
.product-list-tab-main ul.tabs li: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; }
.product-list-tab-main ul.tabs li.active:before,
.product-list-tab-main ul.tabs li:hover:before { width: 100%; opacity: 1; visibility: visible; }
}
@media all and (min-width: 1024px) {
.ourcompany-view-section .industry-img-left { float: left; }
.ourcompany-view-section .industry-info-right { overflow: hidden; text-align: left; }
.description-top .industry-img-left { display: inline-block; vertical-align: top; width: 30%; }
.description-top .industry-info-right { display: inline-block; vertical-align: top; width: 70%; padding: 0 0 0 40px; font-size: 14px; }
.ourcompanies-index-view .industry-detail p img { width: 100%; max-width: 570px; vertical-align: top; margin-right: 30px; }
.ourcompanies-index-view .industry-detail p img:last-child { margin-right: 0px; }
.categorypath-services #amasty-shopby-product-list ol {display: block; text-align: center;}
.categorypath-services #amasty-shopby-product-list ol li {display: inline-block; text-align: center;}
}
 @media all and (max-width: 1200px) {
.box-two>div { width: 33.3%; }
     
.industryapplication-main { padding: 50px 0 34px; }
}
 @media all and (max-width: 1024px) {
.ourcompanies-index-view .tab-items-wrapper .tabing-details,
.industry-application .services-box { width: 33.3%; }
}
 @media all and (max-width: 991px) {
.box-two>div { width: 50%; }
.modal-popup.modal-slide .modal-inner-wrap,
.vacancy-popup.modal-popup .modal-inner-wrap { width: 70%; }
.industryapplication-main { margin-top: 30px; }
.vacancy-title>div span { font-size: 14px; }
.vacancy-title>div:after { height: 22px; width: 22px; background-size: 18px; }
.info-box { line-height: 1.5; }
.industry-detail-content h4, .industry-info-right h4 {font-size:20px;}
.image-preview-popup.modal-popup.modal-slide .modal-inner-wrap { width: 50%; }
}
@media all and (max-width: 767px) {
.industry-application .services-box { width: 50%; }
.ourcompanies-index-view .tab-items-wrapper .tabing-details { width: 50%; padding: 10px; }
.product-list-tab-main .tab_content { padding-top: 15px; }
.product-list-tab-main ul.tabs { margin: 0; }
.product-list-tab-main ul.tabs li { position: relative; 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-list-tab-main ul.tabs li: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; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
.product-list-tab-main ul.tabs li.active { background: #ed1c24; color: #ffffff; text-decoration: none; padding-bottom: 1px; }
.product-list-tab-main ul.tabs li.active:after { content: '\e621'; }
.vacancy-title:not(:first-child) { margin-top: 10px; }
.ourcompanies-index-view .content-top .left { width: 100%; float: none; margin: 0 0 20px; padding: 0; }
.ourcompanies-index-view .content-top .right { width: 100%; float: none; margin: 0; padding: 0; }
.mission-info { padding: 20px; }
.sign-img img { max-width: 150px; height: auto; }
.sign-img { margin: 0 0 10px; }
.name-box span.mane { font-size: 15px; }
.name-box span.position-name { font-size: 13px; }
.description-top .industry-img-left img {margin-bottom: 20px;}
.ourcompanies-index-view .industry-detail img {    margin: 0 0 20px;}
.industry-detail-content h4, .industry-info-right h4 {font-size:18px;}
.industry-info-right ul li {font-size: 13px;}
    
.tab_drawer_heading  { display: block; }
.industryapplication-main { padding: 30px 0; }

.career-description h3 { margin: 0 0 20px; }

}
@media all and (max-width: 479px) {
.image-preview-popup.modal-popup.modal-slide .modal-inner-wrap { width: 90%; }
.industry-info-right ul li {font-size: 12px;}
.box-two>div { width: 100%; }
.vacancy-title>div span { font-size: 13px; }
.three-filed-col .field.btn-wrap { float: none; }
.ourcompanies-index-view .tab-items-wrapper .tabing-details,
.industry-application .services-box { width: 100%; }
.modal-popup.modal-slide .modal-inner-wrap,
.vacancy-popup.modal-popup .modal-inner-wrap { width: 96%; }
.modal-popup.modal-slide .modal-inner-wrap .modal-header,
.vacancy-popup.modal-popup .modal-inner-wrap .modal-header { padding-right: 40px; }
}

.category-apprenticeship-program .two-col {
    display: flex;
    gap: 14px;
}