@charset "UTF-8";
/*!
 * Master Bootstrap3 (http://www.masterbootstrap.com)
 * Copyright 2013-2016 gsuez.cl.
 * Licensed under GPL v2 (http://www.gnu.org/licenses/gpl-2.0.html)
 */
.align-left {
  text-align: left;
}

.bold {
  font-weight: bold;
}

.Hydraulic {
  background-color: #cc3333;
}

.Pneumatic {
  background-color: #0099cc;
}

.Electric {
  background-color: #669933;
}

.Fasteners {
  background-color: #f36e21;
}

.Tensioners {
  background-color: #663333;
}

.Pumps {
  background-color: #993399;
}

.equalHeight {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.row {
  margin-right: 10px;
  margin-left: 10px;
}

.container {
  padding-right: 0;
  padding-left: 0;
}

#showcase .row [class*=col-], #feature .row [class*=col-], #main.row [class*=col-] {
  margin: 0 -1px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-right: 10px;
  padding-left: 10px;
}

.navbar-collapse {
  padding-right: 20px;
  padding-left: 20px;
}

@media (min-width: 768px) {
  c .navbar-nav > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-5ths {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}
img.circle {
  border-radius: 50%;
}

.customcenter, .center, .customcenter div {
  text-align: center !important;
}

.master button:not(.navbar-toggle) {
  display: inline-block;
  background-color: #ffcb05;
  color: #222325;
  font-weight: bold;
  border-radius: 15px;
}

.master button:hover {
  background-color: #222325;
  color: #ffffff;
}

.dot {
  height: 15px;
  width: 15px;
  background-color: #4a4a4a;
  border-radius: 50%;
  display: inline-block;
}

.arrow {
  border: solid #4a4a4a;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.homeHeadline, .homeHeadlineOrange {
  color: #ffffff;
  text-align: center;
  padding: 10px 0;
}

.homeHeadline {
  background-color: #546670;
}

.homeHeadlineOrange {
  background-color: #f36e21;
}

.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.dot {
  height: 20px;
  width: 20px;
  background-color: #cc3333;
  border-radius: 50%;
  display: inline-block;
}

.caps {
  text-transform: uppercase;
}

h2.yellow, h3.yellow {
  color: #ffcb05;
  margin-top: 20px;
  margin-bottom: 20px;
}

.yellow {
  color: #ffcb05 !important;
}

.darkGold {
  color: #A7A284;
}

.lightGrey {
  color: #CCCCCC;
}

.coldBold {
  font-family: colt, serif;
  font-weight: 700;
  font-style: normal;
}

.oswaldRegular {
  font-family: oswald, sans-serif;
  font-weight: 400;
  font-style: normal;
}

/*CONTACT FORM*/
.accordion {
  margin-bottom: 20px;
}

.accordion-group {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  margin-bottom: 2px;
}

.accordion-heading {
  border-bottom: 0 none;
}

.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
}

.accordion-toggle {
  cursor: pointer;
}

.accordion-inner {
  border-top: 1px solid #e5e5e5;
  padding: 9px 15px;
}

.form-horizontal .control-label {
  /* float: left;*/
  padding-top: 5px;
  text-align: right;
  width: 160px;
}

.form-horizontal .control-label {
  margin-bottom: 0;
  padding-top: 7px;
  text-align: right;
}

.form-horizontal .form-actions {
  padding-left: 160px;
}

/*CONTACT FORM*/
.hm_blog_list .blog_grid_con .meta, .post_title_con .meta {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
  font-size: 13px;
  font-style: italic;
  margin-bottom: 17px;
  padding-bottom: 11px;
}

.clearfix::after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.clearfix {
  display: block;
}

/*LAYOUT BOXED*/
.layout-boxed {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  max-width: 1240px;
  background: #fff;
}

/*TITLE MODULE*/
.module-title .title {
  margin: 0 0 20px;
  padding-bottom: 9px;
}

/*LINK TRANS*/
a {
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

a:focus, a:hover {
  text-decoration: none;
}

/*TAGS CLUDS*/
.module-content .tagspopular ul li {
  display: inline-block;
}

.module-content > .tagspopular ul li::before {
  content: none;
}

/*CALENDARIO*/
.calendar {
  margin: 5px 0 0 1px !important;
}

.calendar table {
  border: 0 none !important;
}

.calendar .button {
  border: 0 none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: table-cell !important;
  margin: 0 !important;
  padding: 2px !important;
  text-align: center !important;
}

.calendar thead .hilite {
  padding: 1px !important;
}

table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
  border-top: 1px solid #ddd;
  line-height: 1.42857;
  padding: 8px;
  vertical-align: top;
}

.calendar, .calendar table {
  width: 100%;
}

/*LISTAS EN MODULOS*/
/*
.module-content ul li::before {
	content:"\e080";
    font-family: glyphicons halflings;
}*/
.module-content ul {
  margin: 0;
  padding: 0;
}

.module-content ul li {
  list-style: outside none none;
  margin: 0;
  padding: 2px 0;
}

.navbar-default .nav-header {
  padding: 5px 20px;
  display: block;
  font-weight: bold;
  line-height: 20px;
}

select, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ddd;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555;
  display: inline-block;
  font-size: 100%;
  /*height: 34px;*/
  line-height: 1.42857;
  min-width: 100px;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  /* width: 100%;*/
}

.manager.thumbnails li {
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  display: block;
  float: left;
  height: 80px;
  line-height: 18px;
  position: relative;
  text-align: center;
  width: 80px;
  padding: 4px;
}

.manager.thumbnails li .height-50 {
  height: 50px;
  margin-bottom: 4px;
  margin-top: 4px;
}

.thumbnails::before, .thumbnails::after {
  content: "";
  display: table;
  line-height: 0;
}

.thumbnails::after {
  clear: both;
}

.thumbnails::before, .thumbnails::after {
  content: "";
  display: table;
  line-height: 0;
}

.manager.thumbnails {
  list-style: outside none none;
  margin: 0 0 0 -20px;
  padding: 0;
}

.window .window-mainbody {
  padding: 20px;
}

.center, .table td.center, .table th.center {
  text-align: center;
}

#editor-xtd-buttons .btn, .toggle-editor .btn {
  background-color: #ffffff;
  border-color: #cccccc;
  text-shadow: 0 1px 0 #fff;
  margin: 5px;
}

.thumbnails > li {
  float: left;
  margin-bottom: 18px;
  margin-left: 20px;
}

.thumbnail {
  margin-bottom: 9px;
}

.height-80 {
  height: 80px;
}

.width-80 {
  width: 80px;
}

.center, .table td.center, .table th.center {
  text-align: center;
}

#wrap .element-invisible {
  display: none;
}

/*SEARCH PAGE*/
.search .phrases .phrases-box .controls label {
  display: inline-block;
  margin: 0 20px 20px;
}

.search .only label {
  display: inline-block;
  margin: 0 20px 20px;
}

html {
  overflow-y: scroll;
}

body {
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}

img {
  max-width: 100%;
}

#top {
  color: #ddd;
  font-size: 12px;
  line-height: 30px;
  padding-bottom: 4px;
  padding-top: 4px;
}

#top .container .separator {
  border-left: 1px solid #CCCCCC;
  display: inline-block;
  height: 10px;
  margin: 0 20px;
  width: 1px;
}

#navigation {
  /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);*/
}

.navbar {
  border-radius: 0 !important;
  margin-bottom: 0 !important;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  outline: medium none;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  outline: medium none;
}

.navbar-nav > li > a {
  line-height: inherit !important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  background-color: transparent !important;
}

.dropdown-menu {
  padding: 0px !important;
  border-radius: 0 !important;
}

.dropdown .dropdown-menu {
  display: block;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.3s ease 0s;
}

.dropdown.open .dropdown-menu {
  max-height: inherit;
  opacity: 1;
}

.navbar-right .dropdown-menu {
  left: 0 !important;
  right: auto !important;
}

#main-box {
  background: transparent none repeat scroll 0 0;
  border: 0px solid #E5E5E5; /* border 1, if you have front component*/
  margin-bottom: 20px;
  padding: 10px 0px;
}

#main {
  padding-top: 20px;
}

#breadcrumbs {
  background: #f5f5f5;
  padding: 20px 0 20px;
}

.breadcrumb {
  border-radius: 0px;
  margin-bottom: 0;
}

#breadcrumbs .moduletable {
  margin-bottom: 0;
  padding: 0;
}

.toppad {
  padding-top: 40px;
}

#fullwidth {
  /*margin-top: -20px;*/
  overflow: hidden;
}

#fullwidth .moduletable {
  border: 0;
  padding: 0;
  margin-bottom: 20px;
}

.black .moduletable {
  background: none repeat scroll 0 0 #222222;
  border-color: #222222;
  color: #AAAAAA;
}

.moduletable {
  /*margin-bottom: 20px;*/
  /*padding: 20px 10px;*/
}

.panel.moduletable {
  padding: 0;
}

.panel .moduletable {
  box-shadow: none;
  margin: 0px 10px;
  padding: 10px;
}

#brand {
  float: left;
  padding-left: 15px;
  padding-top: 5px;
}

#brand img {
  padding-bottom: 10px;
  padding-top: 20px;
}

.page-header {
  margin: 10px 0 20px !important;
}

.hasTooltip {
  display: inline !important;
}

.noMainbody {
  display: none !important;
}

ul.unstyled,
ol.unstyled {
  list-style: outside none none;
  margin-left: 0;
  padding: 0;
}

.checkbox label, .radio label {
  padding-left: 20px;
  padding-right: 10px;
}

label {
  display: block;
  margin-bottom: 5px;
}

label,
input,
button,
select,
textarea {
  font-size: 12px;
  font-weight: normal;
  line-height: 26px;
  font-family: arial;
}

label,
select,
button,
input[type=button],
input[type=reset],
input[type=submit],
input[type=radio],
input[type=checkbox] {
  cursor: pointer;
}

.control-group input, .control-group textarea, .control-group .uneditable-input { /*width: 100% !important */ }

.contact-form .control-group input, .contact-form .control-group textarea, .contact-form .control-group .uneditable-input {
  /*width: inherit;*/
}

input, textarea, .uneditable-input {
  /*width: 220px;*/
}

.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle {
  border-radius: 0 3px 3px 0;
}

.input-append .add-on, .input-append .btn, .input-append .btn-group {
  margin-left: -1px;
}

.input-append .add-on, .input-append .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .add-on, .input-prepend .btn, .input-prepend .btn-group > .dropdown-toggle {
  border-radius: 0;
  vertical-align: top;
}

.email-copy-input {
  float: left;
}

#pop-print {
  float: right;
  margin: 10px;
}

div#jform_catid_chzn.chzn-container, div#jform_catid_chzn.chzn-container div.chzn-drop, div#jform_state_chzn.chzn-container, div#jform_state_chzn.chzn-container div.chzn-drop, div#jform_featured_chzn.chzn-container, div#jform_featured_chzn.chzn-container div.chzn- drop, div#jform_access_chzn.chzn-container, div#jform_access_chzn.chzn-container div.chzn-drop, div#jform_metadata_tags_chzn.chzn-container, div#jform_metadata_tags_chzn.chzn-container div.chzn-drop, div#jform_language_chzn.chzn- container, div#jform_language_chzn.chzn-container div.chzn-drop, div#jform_language_chzn.chzn-container, div#jform_tags_chzn.chzn-container {
  width: 260px !important;
}

.control-group {
  margin-bottom: 15px;
}

.btn.modal {
  bottom: auto;
  display: inline;
  left: auto;
  position: relative;
  top: auto;
}

#imageForm .well {
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
  margin-bottom: 20px;
  min-height: 20px;
  padding: 19px;
}

#imageForm .pull-right {
  float: right;
}

#imageForm .row::before, #imageForm .row::after {
  content: "";
  display: table;
  line-height: 0;
}

#imageForm .row::after {
  clear: both;
}

#imageForm .row::before, #imageForm .row::after {
  content: "";
  display: table;
  line-height: 0;
}

body #overall {
  height: auto;
  overflow: hidden;
}

#print {
  height: auto;
  overflow: hidden;
}

/*MATERIAL DESIGN*/
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"), url("//fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2") format("woff2");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
}

.muted {
  color: #999;
}

html,
body {
  height: 100%;
}

/* Wrapper for page content to push down footer */
#wrap {
  height: auto !important;
  margin: 0 auto 0px;
  min-height: 100%;
}

body section {
  padding-top: 100px;
}

html.mm-background .mm-page.layout-boxed {
  background: #fff !important;
}

body #wrap {
  /*padding-top: 90px;*/
}

#copy.well {
  border-radius: 0;
  border: 0;
  margin: 0;
}

#footer .moduletable {
  border: 0;
}

#main #container {
  background-color: #fff;
}

#push {
  height: 60px;
}

/* LAYOUT */
/* Floats */
.float-left {
  float: left;
}

.float-right {
  float: right;
}

.group:before,
.group:after {
  content: "";
  display: table;
}

.group:after {
  clear: both;
}

.ie7 .group {
  zoom: 1;
}

/* JOOMLA */
.form-horizontal .control-label {
  text-align: inherit !important;
}

i.icon-calendar:before {
  content: "📅";
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  position: relative;
  top: 1px;
}

div.contact-form-field label,
div.message-label label {
  display: inline !important;
}

div#jform_tags_chzn.chzn-container ul.chzn-choices li.search-field input.default {
  padding: 0;
}

.control-group input[type=checkbox] {
  width: 10px !important;
}

.btn-toolbar {
  margin-bottom: 20px;
}

.nav.nav-tabs {
  margin-bottom: 20px;
}

/*ERROR*/
.error-page-inner {
  display: table;
  height: 100%;
  min-height: 100%;
  text-align: center;
  width: 100%;
}

.error-code {
  font-size: 96px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 10px;
  padding: 0;
}

.error-page-inner .fa.fa-exclamation-triangle {
  font-size: 96px;
  line-height: 1;
  margin-bottom: 10px;
}

/*MB STYLE*/
.title, .component-content h2 {
  text-shadow: none;
}

.title-line {
  background: none repeat scroll 0 0 #d1d1d1;
  height: 2px;
  margin-bottom: 20px;
  width: 100%;
}

.title-line span {
  display: block;
  height: 2px;
  width: 90px;
  background: #428bca;
}

.title1 .title-line, .title2 .title-line, .title3 .title-line, .title4 .title-line, .title6 .title-line, .box3 .title-line, .box4 .title-line {
  display: none;
}

.title1 .title {
  background: url(../images/bg-h3.gif) repeat-x scroll 0 100% transparent;
  border-bottom: none;
  padding-bottom: 20px;
}

.title2 .title {
  border-bottom: 1px dashed #e5e5e5;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.title3 .title {
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.title4 .title {
  background: url(../images/divider.png) repeat-x scroll center center transparent;
  border-bottom: none !important;
  margin-bottom: 25px;
}

.title4 .title span {
  background: #ffffff;
  padding-right: 15px;
}

#rt-footer .title4 .title span {
  background: #262626;
}

#rt-maintop .title4 .title span, #rt-bottom .title4 .title span {
  background: #f6f6f6;
}

.title5 .title {
  background: url(../images/cat-bg-repeat.png) repeat-x scroll center center transparent;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

.title > span {
  background: none repeat scroll 0 0 transparent;
}

span.fa {
  padding-right: 10px;
}

.title6 .title {
  border-bottom: 2px solid #1d6fa5;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.box1 .moduletable {
  background: #eee;
}

.box2 .moduletable {
  background: #363636;
  color: #adadad;
}

.blog-more {
  padding: 10px 5px;
}

/*TO TOP*/
.back-to-top {
  position: fixed;
  bottom: 2em;
  right: 0px;
  text-decoration: none;
  color: #000000;
  background-color: rgba(235, 235, 235, 0.8);
  font-size: 12px;
  padding: 1em;
  display: none;
}

.back-to-top:hover {
  background-color: rgba(135, 135, 135, 0.5);
}

.error .container {
  display: table;
  height: 100%;
  min-height: 100%;
  text-align: center;
  width: 100%;
  padding: 200px 0;
}

.error .container h1 {
  font-size: 140px;
}

.navbar-toggle {
  margin-top: 15px !important;
  padding: 15px !important;
  border: medium none !important;
  border-radius: 0important;
}

/*for headroom.js*/
.headroom {
  transition: transform 200ms linear;
}

.headroom--pinned {
  transform: translateY(0%);
}

/*MH added 200% to change for sub nav*/
.headroom--unpinned {
  transform: translateY(-200%);
}

.header {
  background-color: inherit;
  line-height: 60px;
}

.header__link {
  border: 0 none;
  color: #fff;
  text-decoration: none;
}

.header__link:focus {
  background-color: rgba(78, 205, 196, 0.1);
  outline: 0 none;
}

.header__link:hover .icon {
  color: #4ecdc4;
}

.header--fixed {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10;
}

/*OFFLINE*/
#frame input.inputbox {
  border: 1px solid #ccc;
  padding: 8px;
  width: 100%;
  border-radius: 4px;
}

#frame {
  margin-top: 100px;
}

/* Media Queries */
/* Retina */
/* Landscape phones and down */
/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
  .navbar-nav > li > a {
    line-height: 30px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
  }
  .layout-boxed .header--fixed {
    width: 100% !important;
    left: auto !important;
    right: auto !important;
  }
  body #wrap {
    /*padding-top: 70px!important;*/
  }
}
/* Portrait tablet to landscape and desktop */
/* Large desktop */
@media (min-width: 1200px) {
  section {
    margin-top: auto;
  }
  .layout-boxed .header--fixed {
    width: 1240px;
    left: auto;
    right: auto;
  }
}
/* Fix disappearing tabs on editor page - Added by Waseem Sadiq 8th March 2015*/
.icons .btn-group,
.icons .btn-group a[data-toggle=tab][aria-expanded=false],
ul.nav-tabs > li > a[data-toggle=tab][aria-expanded=false] {
  display: block !important;
}

.HTmainForm input,
.HTmainForm input[type=text],
.HTmainForm input[type=radio] + label,
.HTmainForm input[type=checkbox] + label:before,
.HTmainForm select option,
.HTmainForm input[type=email],
.HTmainForm select,
.HTmainForm textarea,
.timeSavingCalc select,
.timeSavingCalc select option {
  width: 100%;
  padding: 1em;
  line-height: 1.4;
  background-color: #f2f2f2;
  border: 1px solid #4a4a4a;
  border-radius: 3px;
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  -o-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  margin-bottom: 0px;
}

.HTmainForm input:focus, .HTmainForm textarea:focus {
  outline: 0;
  border-color: #cc3333;
}

.HTmainForm input:focus + .input-icon i {
  color: #cc3333;
}

.HTmainForm input:focus + .input-icon:after {
  border-right-color: #cc3333;
}

/*
.HTmainForm input[type="radio"] {
  display: none;
}*/
.HTmainForm input[type=radio] + label,
.HTmainForm select {
  display: inline-block;
  text-align: left;
  float: left;
  border-radius: 0;
}

.HTmainForm input[type=radio] + label:first-of-type {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.HTmainForm input[type=radio] + label:last-of-type {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.HTmainForm input[type=radio] + label i {
  padding-right: 0.4em;
}

.HTmainForm input[type=radio]:checked + label,
.HTmainForm input:checked + label:before,
.HTmainForm select:focus,
.HTmainForm select:active,
.timeSavingCalc select:focus,
.timeSavingCalc select:active {
  background-color: #f2f2f2;
  color: #cc3333;
  border-color: #4a4a4a;
}

.HTmainForm input[type=checkbox] {
  width: 50px;
}

.HTmainForm input[type=checkbox] + label {
  position: relative;
  display: block;
  padding-left: 1.6em;
}

.HTmainForm input[type=checkbox] + label:before {
  position: absolute;
  top: 0.2em;
  left: 0;
  display: block;
  width: 1em;
  height: 1em;
  padding: 0;
  content: "";
}

.HTmainForm input[type=checkbox] + label:after {
  position: absolute;
  top: 0.45em;
  left: 0.2em;
  font-size: 0.8em;
  color: #ffffff;
  opacity: 0;
  font-family: FontAwesome;
  content: "\f00c";
}

.HTmainForm input:checked + label:after {
  opacity: 1;
}

.HTmainForm select, .timeSavingCalc select {
  height: 3.8em;
  line-height: 2;
}

.HTmainForm select:first-of-type, .timeSavingCalc select:first-of-type {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.HTmainForm select:last-of-type, .timeSavingCalc select:last-of-type {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.HTmainForm select:focus,
.HTmainForm select:active,
.timeSavingCalc select:focus,
.timeSavingCalc select:active {
  outline: 0;
}

.HTmainForm select option, .timeSavingCalc select option {
  background-color: #f2f2f2;
  color: #222325;
}

.HTmainForm .input-group, .timeSavingCalc .input-group {
  margin-bottom: 1em;
  zoom: 1;
  display: block;
}

.HTmainForm .input-group:before,
.HTmainForm .input-group:after,
.timeSavingCalc .input-group:before,
.timeSavingCalc .input-group:after {
  content: "";
  display: table;
}

.HTmainForm .input-group:after, .timeSavingCalc .input-group:after {
  clear: both;
}

.HTmainForm input-group-icon {
  position: relative;
}

.HTmainForm .input-group-icon input {
  padding-left: 4.4em;
}

.HTmainForm .input-group-icon .input-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.4em;
  height: 3.4em;
  line-height: 3.4em;
  text-align: center;
  pointer-events: none;
}

.HTmainForm .input-group-icon .input-icon:after {
  position: absolute;
  top: 0.6em;
  bottom: 0.6em;
  left: 3.4em;
  display: block;
  border-right: 1px solid #f2f2f2;
  content: "";
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  -o-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.HTmainForm .input-group-icon .input-icon i {
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  -o-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.HTmainForm .row .row {
  margin-top: 20px;
}

#feature .row .HTmainForm [class*=col-] {
  margin-bottom: 1em;
}

.HTmainForm h4, .HTmainForm h3 {
  width: 100%;
}

#ToolsFeature div > .HTmainForm > .row > h4 {
  margin-top: 5px;
}

#ToolsFeature div > .HTmainForm > .row {
  display: block;
  margin-top: 0 !important;
}

.HTmainForm .row:before,
.HTmainForm .row:after {
  content: "";
  display: table;
}

.HTmainForm .row:after {
  clear: both;
}

/*
@include media-breakpoint-up(md) {
.HTmainForm .row label{width: 50%}
}*/
.HTmainForm .col-half {
  padding-right: 10px;
  float: left;
  width: 50%;
}

.HTmainForm .col-half:last-of-type {
  padding-right: 0;
}

.HTmainForm .col-third {
  padding-right: 10px;
  float: left;
  width: 33.33333333%;
}

.HTmainForm .col-third:last-of-type {
  padding-right: 0;
}

@media only screen and (max-width: 540px) {
  .HTmainForm .col-half {
    width: 100%;
    padding-right: 0;
  }
}
.HTmainForm input[type=submit] {
  width: 100%;
  border-radius: 0;
  padding: 10px 40px;
}

.HTmainForm table {
  width: 100%;
  margin-bottom: 20px;
}

.HTmainForm table th {
  text-align: center;
}

.HTmainForm table th:first-child {
  text-align: left;
}

.HTmainForm table tr:nth-child(even) {
  background-color: #f2f2f2;
}

div#jform_catid_chzn.chzn-container,
div#jform_catid_chzn.chzn-container div.chzn-drop,
div#jform_state_chzn.chzn-container,
div#jform_state_chzn.chzn-container div.chzn-drop,
div#jform_featured_chzn.chzn-container,
div#jform_featured_chzn.chzn-container div.chzn- drop,
div#jform_access_chzn.chzn-container,
div#jform_access_chzn.chzn-container div.chzn-drop,
div#jform_metadata_tags_chzn.chzn-container,
div#jform_metadata_tags_chzn.chzn-container div.chzn-drop,
div#jform_language_chzn.chzn-container div.chzn-drop,
div#jform_language_chzn.chzn-container,
div#jform_tags_chzn.chzn-container {
  width: 260px !important;
}

.chzn-container-single .chzn-single {
  width: 140px;
}

.chzn-container .chzn-drop {
  width: 100px;
}

/*
MH 2019 HYTORC MAIN STYLE SHEET
This is made with SASS 

YOU NEED TO COMPILE THIS FOR IT TO WORK WITH NEW CHANGES

command line
/var/www/html/joomla/templates/masterbootstrap
sass scss/template.scss css/template.min.css

*/
a {
  color: #cc3333;
}

a:focus {
  color: #ffffff;
}

.container {
  margin-top: 20px;
}

#main {
  padding: 0;
}

body {
  color: #222325;
  font-family: "europa", sans-serif;
}

body #wrap {
  position: relative;
}

html, body {
  scroll-behavior: smooth;
}

/*
@include media-breakpoint-down(md) {
	html, body{overflow-x: hidden;}
}*/
body {
  position: relative;
}

#wrap {
  min-height: inherit;
}

.grecaptcha-badge {
  visibility: collapse !important;
}

ul.list li {
  list-style: disc;
  margin-left: 20px;
}

.sidetosideButton div {
  padding-bottom: 0 !important;
  padding-top: 20px !important;
  height: inherit !important;
  min-height: inherit !important;
}

#showcase .row .block:first-child .moduletable .module-content .slide .sidetosideButton div:first-child {
  padding-left: 0 !important;
}

/*headings*/
h1, h2, h3, h4 {
  font-weight: bold;
  margin-top: 0;
}

h2 {
  font-size: 20px;
}

h4 {
  margin-bottom: 5px;
  color: #222325;
}

h3 {
  font-size: 16px;
}

.padding-top {
  padding-top: 20px;
}

.full {
  width: 100% !important;
}

.red {
  background-color: #cc3333;
  color: #ffffff;
}

.nomargin {
  margin: 0 !important;
}

.fullForm span {
  background-color: #fff;
}

button, .button {
  display: block;
  margin-top: 20px;
  background-color: #4a4a4a;
  color: #ffffff;
  border: none;
  padding: 10px 40px;
  text-align: center;
}

button:hover, .button:hover {
  opacity: 0.6;
  color: #ffffff;
}

button a, .blue {
  color: #ffffff;
}

button a:hover {
  color: #ffffff;
}

button.blue, .button.blue, .blue {
  background-color: #384562;
}

button.grey, .button.grey {
  background-color: #f2f2f2;
  color: #000000;
}

.buttonRow div:first-child {
  padding-left: 0;
  padding-right: 10px;
}

.buttonRow div:last-child {
  padding-left: 10px;
  padding-right: 0;
}

.buttonRow div:only-child {
  padding: 0;
}

.buttonRow.row .col-sm-12 {
  padding: 0;
}

.buttonRow div button {
  width: 100%;
}

.separator {
  border-bottom: 2px solid;
  margin: 40px 0 0 0;
}

table.lines td {
  border: 1px solid #ddd;
}

table.lines .noLines td {
  border: 0;
}

@media (min-width: 768px) {
  #showcase .row, #feature .row, #main.row {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 992px) {
  #main #sidebar, #main #middlebar {
    margin-bottom: 20px;
  }
  #main #sidebar {
    width: 100%;
  }
}
/********************Nav styles*******************/
#navigation .divider {
  margin: 0 10px;
}

#navigation .hideMenu {
  color: transparent;
  font-size: 0;
}

#navigation .sideMenu.fa-bars {
  width: 16px;
}

#navigation .sideMenu.fa-bars:before {
  content: "\f0c9";
  color: #ffffff;
  font-size: 16px;
}

@media (min-width: 768px) {
  #navigation .flagMenu:before {
    content: "\f024";
    color: #ffffff;
    font-size: 16px;
  }
  #navigation .flagMenu {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
  }
}
#navigation .sideMenu.fa-times-circle:before {
  content: "\f057";
  color: #ffffff;
  font-size: 16px;
}

@media (max-width: 768px) {
  #navigation .hideMenu.flagMenu {
    color: #ffffff;
    font-size: 12px;
  }
}
#navigation {
  z-index: 1;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

#brand img, #brand {
  padding: 0;
}

#brand {
  padding: 20px;
}

.navbar-default {
  background-color: #222325;
  border: 0;
}

.navbar-default .navbar-collapse {
  border: none;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span {
  color: #ffffff;
}

.navbar-nav > li {
  font-weight: bold;
}

@media (min-width: 1200px) {
  .navbar-nav > li {
    font-size: 16px;
  }
}
@media (max-width: 1200px) {
  .navbar-nav > li {
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  #brand {
    padding-left: 0;
    padding-right: 0;
  }
  #brand img {
    width: 160px !important;
    height: auto !important;
  }
}
@media (min-width: 992px) {
  #brand {
    padding-left: 20px;
    padding-right: 20px;
  }
  #brand img {
    width: 330px !important;
  }
}
.navbar > .container {
  margin-top: 0;
}

/*****full width sub menu***/
.dropdown .dropdown-menu {
  -webkit-transform: translate3d(0, 0, 0);
}

.nav > li.dropdown.open {
  position: static;
}

.nav > li.dropdown.open .caret {
  transform: rotateZ(-180deg);
}

@media (max-width: 768px) {
  .nav > li.dropdown.open .dropdown-menu {
    display: block;
    position: relative;
  }
}
.nav > li.dropdown.open .dropdown-menu {
  line-height: normal;
  display: table;
  width: 100%;
  text-align: center;
  left: 0;
  right: 0;
  border: 0;
  z-index: 1000;
}

.dropdown-menu > div > li > a {
  color: #ffffff;
  display: block;
}

.dropdown-menu > div > li {
  display: table-cell;
  vertical-align: middle;
  background-color: #4a4a4a;
  text-align: center;
  padding: 20px 0;
}

.dropdown-menu {
  background-color: #4a4a4a;
}

.dropdown-menu > div.container {
  margin-top: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
  max-width: 1540px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
  background-color: #222325;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
}

.navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > li > a:hover {
  color: #cc3333;
}

.nav > li.dropdown.open .dropdown-menu li img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
}

/**** language flags*/
.mod-languages {
  display: none;
}

@media (min-width: 768px) {
  .mod-languages {
    float: right;
    margin-top: 18px;
    margin-right: -160px;
  }
  .mod-languages .caret, .mod-languages .dropdown-toggle {
    color: transparent;
  }
  .mod-languages .dropdown-menu {
    right: 200px;
    left: inherit;
    right: 155px;
    top: 40px;
    width: 100%;
    max-width: 1540px;
  }
}
.mod-languages .dropdown-menu > li > a {
  color: #ffffff;
  padding: 5px 0;
}

div.mod-languages a {
  color: #ffffff;
}

/*********** Right side menu ***************************/
#navsidebar {
  position: fixed;
  z-index: 1;
  margin-top: 106px;
  color: #000;
  left: 50%;
  transform: translate(-50%, 0);
  height: 100%;
}

#navsidebar .nav {
  width: 300px;
  float: right;
  background-color: #222325;
  height: 100%;
  font-weight: bold;
}

#navsidebar .nav a {
  color: #ffffff;
}

#navsidebar .nav > li.dropdown.open {
  position: relative;
}

#navsidebar .nav > li {
  padding-bottom: 10px;
}

#navsidebar .dropdown-menu > div > li {
  text-align: left;
  display: inherit;
  padding: 5px 0 5px 20px;
  background-color: transparent;
}

#navsidebar .nav > li > a:focus, #navsidebar .nav > li > a:hover, #navsidebar a:focus, #navsidebar .nav a:hover {
  background-color: transparent;
  color: #cc3333;
}

#navsidebar .dropdown > a::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f067";
  float: right;
  padding-top: 5px;
}

#navsidebar .dropdown > a.minus::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f068";
  float: right;
  padding-top: 5px;
}

#navsidebar .dropdown > a b {
  display: none;
}

#navsidebar .nav > li > a > img {
  display: inline;
  margin-right: 10px;
  max-width: 20px;
}

#navsidebar .nav > li.dropdown.open .dropdown-menu {
  position: relative;
  background-color: transparent;
  margin-bottom: 20px;
}

#navsidebar .dropdown-menu > div > li > a {
  display: inline;
  color: rgba(255, 255, 255, 0.8);
}

#navsidebar ul.nav-child li::before {
  content: "•";
  color: #ffffff;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin: 5px;
}

#navsidebar .nav .open > a {
  background-color: transparent;
}

/*********** Mobile nav styles***************************/
.nav > li > a > img {
  display: none;
}

@media (max-width: 768px) {
  .dropdown .dropdown-menu {
    -webkit-transform: none;
  }
  #header.mobilenav, #header.mobilenav #navigation, #header.mobilenav .navbar navbar-default, #header.mobilenav .navbar navbar-default div {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9000;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
  }
  /*#header,#header #navigation,.navbar navbar-default,.navbar navbar-default div{position: absolute;height: 100%;}*/
  .nav > li.dropdown.open .dropdown-menu li img {
    display: inline-block;
    margin-right: 10px;
  }
  .dropdown-menu > div > li {
    display: block;
    text-align: left;
  }
  .nav > li.dropdown.open .dropdown-menu {
    position: relative;
    left: 0;
    background-color: #4a4a4a;
    width: auto;
    display: block;
  }
  .dropdown-menu > div.container {
    padding: 0 20px;
  }
  #brand {
    float: none;
  }
  #brand img {
    width: 70%;
    padding: 0 20px;
  }
  #brand a {
    text-align: right;
  }
  .navbar-toggle {
    float: left;
    margin-right: 0;
    margin-left: 20px;
    margin-top: 30px !important;
  }
  .navigation {
    padding: 0 10px;
  }
  /*2021 vertical nav*/
  .nav-pills > li {
    float: none;
  }
  .nav > li > a > img {
    display: inline-block;
    padding: 10px;
  }
  #navsidebar .nav > li > a > img {
    padding: 0;
    display: none;
  }
}
/******************* Sub Menu ***********************************/
#SubMenu {
  background-color: #4a4a4a;
  color: #ffffff;
}

#SubMenu .container {
  margin-top: 0;
}

#SubMenu ul, #SubMenu li {
  font-size: 16px;
}

#SubMenu li {
  padding: 20px 0;
  font-weight: bold;
}

#SubMenu li a {
  color: #ffffff;
}

#SubMenu ul {
  text-align: center;
}

#SubMenu ul li {
  display: inline-block;
  white-space: nowrap;
  margin-right: 40px;
}

#SubMenu ul li:after {
  content: " ·";
  margin-left: 40px;
}

#SubMenu ul li:last-child {
  margin-right: 0;
}

#SubMenu ul li:last-child:after {
  content: "";
  margin-left: 0;
}

#SubMenu aside {
  display: none;
}

/***************** Sub menu mobile styles*********************/
@media (max-width: 768px) {
  #SubMenu aside {
    padding: 10px 20px;
  }
  #SubMenu aside h1 {
    font-size: 1.4em;
    margin-bottom: 0;
  }
  #SubMenu aside h2 {
    font-size: 1em;
    margin-bottom: 0;
    margin-top: 10px;
  }
  #SubMenu aside i {
    float: right;
    font-size: 1.8em;
  }
  #SubMenu aside, #SubMenu aside h1, #SubMenu aside h2 {
    display: block;
  }
  #SubMenu .container, #ToolsFeature .container h1, #ToolsFeature .container h2 {
    display: none;
  }
  #SubMenu ul {
    padding-top: 10px;
    padding-bottom: 20px;
  }
  #SubMenu ul li {
    display: block;
    padding: 5px;
    font-size: 0.75em;
    margin: 0;
    text-align: left;
    padding-left: 20px;
  }
  #SubMenu ul li:after {
    content: "";
    margin-left: 0;
  }
  #SubMenu ul li:hover {
    opacity: 0.6;
  }
}
/**************** Sub menu fixed on scroll for all device ********************/
@media (max-width: 768px) {
  #SubMenu, #header {
    position: fixed;
    z-index: 10;
    top: 0;
    width: 100%;
  }
  #SubMenu {
    z-index: 8;
  }
  #SubMenu {
    top: 100px;
  }
}
/******************* Banner styles*******************************/
#showcase {
  margin-top: 20px;
}

#showcase .row .block:first-child .moduletable {
  height: 100%;
}

#showcase .row .block:first-child .moduletable .module-content {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  background-color: #f2f2f2;
}

#showcase .row .block:first-child .moduletable .module-content .row {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

#showcase .row .block:first-child .moduletable .module-content .slide .row div:first-child {
  padding: 20px;
}

#showcase .row .block:first-child .moduletable .module-content .slide .row div:nth-child(2) {
  min-height: 294px;
}

/******* Mobile banner styles*********/
@media (max-width: 768px) {
  #showcase .row .block:first-child .moduletable .module-content {
    display: block;
  }
  #showcase .row .block:first-child .moduletable .module-content .row {
    display: table;
  }
  body section {
    padding: 0;
    padding-top: 100px;
  }
  #showcase .slide .row div:first-child {
    min-height: 294px;
    background: rgba(255, 255, 255, 0.8);
    display: table-cell;
    vertical-align: bottom;
  }
  #showcase .slide {
    max-height: 294px;
  }
  .mobilenav ~ section {
    margin-top: 155px;
  }
  section #SubMenu + #ToolsFeature {
    margin-top: 100px;
  }
}
@media (max-width: 992px) {
  #showcase .slide .row div:first-child {
    background: rgba(255, 255, 255, 0.8);
  }
  #showcase .row .block:first-child .moduletable .module-content .slide .row div:nth-child(2) {
    min-height: 0px;
  }
}
/************** Home page styles**********************/
.block.homeBanner .moduletable {
  background: #f2f2f2 url(https://hytorc-prod-hytorc-webassets.s3.us-east-1.amazonaws.com/homepage/750x294-slashed_homepage_banners_awards-040522.png) no-repeat 0 0;
}

@media (max-width: 768px) {
  .block.homeBanner .moduletable {
    background: #f2f2f2 url(https://hytorc-prod-hytorc-webassets.s3.us-east-1.amazonaws.com/homepage/j_washer-otc_spotlight_award_2021-2-450x300.png) no-repeat 0 0;
  }
  #showcase .row .block.homeBanner .moduletable .module-content {
    padding-top: 0 !important;
  }
}
#showcase .row .block.homeBanner .moduletable .module-content {
  background-color: transparent;
  padding-top: 87px;
}

#showcase .slide:before {
  opacity: 0.4;
}

#showcase .slide .row div {
  padding: 0;
}

#showcase .slide .row div:nth-child(2) {
  text-align: right;
}

#showcase .row .customcol-md-8.homeBanner {
  width: 100%;
}

#showcase .slide .row div .button {
  width: 50%;
}

@media (max-width: 768px) {
  #showcase .slide .row div .button {
    width: 100%;
  }
}
#showcase .customcol-xs-12 {
  min-width: 100%;
}

#sidebar div, #middlebar div, #sidebar-2 div {
  height: 100%;
}

#sidebar .block .custom, #middlebar .block .custom, #sidebar-2 .block .custom {
  background-color: #f2f2f2;
}

#darkmiddle {
  background-color: #222325;
}

#darkmiddle .block {
  padding: 40px;
}

#darkmiddle .block .module-content {
  height: 100%;
  color: #ffffff;
}

#darkmiddle .block.locationBanner {
  padding: 0 10px;
  min-height: 300px;
}

@media (max-width: 768px) {
  #darkmiddle .block.locationBanner {
    min-height: inherit;
  }
  #darkmiddle .block.locationBanner .col-md-6 {
    position: inherit;
    min-height: 3.8rem;
  }
}
#darkmiddle .block.locationBanner {
  background-image: url("https://hytorc-prod-hytorc-webassets.s3.amazonaws.com/homepage/homepage-location_graphic.png");
}

#darkmiddle ul, .list ul {
  padding-left: 20px;
}

#darkmiddle ul li, .list ul li {
  list-style-type: disc;
}

.list h4:not(:first-child) {
  padding-top: 10px;
}

#feature article .homepageFeature span {
  margin: 0;
}

#feature article .homepageFeature img {
  width: 100%;
}

/****** YT button on home page ***/
.ytsubscribe {
  text-align: right;
}

.customcol-xs-2.ytsubscribe {
  padding-right: 3px;
}

/*******************Location finder styles********************/
#darkmiddle .block.locationBanner .module-content {
  color: #000000;
}

#darkmiddle .block.locationBanner .module-content .worldLocator h2 {
  color: #ffffff;
  padding-left: 10px;
}

#darkmiddle .block.locationBanner input {
  padding: 10px;
}

/*******************Home Page Events styles **** training courses *******************/
.homeEvents h4, .courses h4 {
  border-bottom: solid 1px black;
  margin-top: 0;
  margin-bottom: 10px;
}

.homeEvents .social a, .courses a {
  color: #4a4a4a;
}

.homeEvents h3, .courses h3 {
  margin: 0;
}

.homeEvents span, .courses span {
  display: block;
}

.homeEvents time, .courses time {
  display: block;
  color: #4a4a4a;
  font-size: 0.9em;
}

.homeEvents .fab, .courses fab {
  font-size: 45px;
}

.homeEvents .row, .courses row {
  margin-bottom: 20px;
}

.homeEvents .moduletable, .courses moduletable {
  padding-top: 0;
}

.homeEvents .webinar h4, .courses .webinar h4 {
  margin-top: 10px;
}

.customcol-md-4.homeEvents .event > div, .customcol-md-4.homeEvents .webinar > div {
  padding: 5px 0;
}

.homeEvents .webinar .row div:hover {
  cursor: pointer;
}

.homeEvents .webinar .row div {
  overflow: hidden;
  max-height: 70px;
  min-height: 70px;
  background-color: #ffffff;
}

.homeEvents .webinar .row div:nth-child(2) {
  min-height: 54px;
  max-height: 54px;
}

.homeEvents .webinar .row div.show {
  position: absolute;
  right: 0;
  overflow: hidden;
  max-height: 100%;
  z-index: 10;
  box-shadow: 0px 0px 8px 0px #4a4a4a;
}

@media (max-width: 768px) {
  #showcase .row .homeEvents {
    margin-top: 20px;
  }
}
.homeEvents time.icon, .courses time.icon {
  font-size: 1em; /* change icon size */
  display: block;
  position: relative;
  background-color: #ffffff;
  border-radius: 0;
  overflow: hidden;
}

.homeEvents time.icon *, .courses time.icon * {
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

.homeEvents time.icon strong, .courses time.icon strong {
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: #4a4a4a;
  background-color: #f2f2f2;
  font-size: 1.2em;
}

.homeEvents time.icon em, .courses time.icon em {
  position: absolute;
  bottom: 0;
  color: #4a4a4a;
}

.homeEvents time.icon span, .courses time.icon span {
  font-size: 1.9em;
  letter-spacing: -0.05em;
  padding-top: 1.2em;
  color: #4a4a4a;
  background-color: #f2f2f2;
}

/*********************feature styles*********************/
#feature .block .moduletable {
  height: 100%;
  background-color: #f2f2f2;
  position: relative;
}

/****************** courses styles**********************/
@media (max-width: 768px) {
  #ToolsFeature .row .courses .row {
    display: block;
  }
}
/*******************Home locator styles********************/
.worldLocator {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 100px;
}

@media (max-width: 768px) {
  .worldLocator {
    width: 100%;
    padding: 40px 0;
  }
  #darkmiddle .row .worldResults div {
    display: block;
  }
}
#darkmiddle .block .moduletable .customcol-xs-12 h2 {
  margin-top: 0;
}

#darkmiddle .worldResults {
  display: table;
  width: 100%;
  table-layout: fixed;
}

#darkmiddle .worldResults div { /*display: table-cell;*/
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px;
}

#darkmiddle .fa-times {
  display: none;
  cursor: pointer;
  color: #cc3333;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 2.5em;
  padding: 5px 30px;
}

/***********block grid styles*******************************/
article {
  background-color: #f2f2f2;
}

article span {
  display: inline-block;
  padding: 20px;
  width: 100%;
}

article span figure button {
  width: 100%;
}

article span h4 {
  margin-top: 0;
}

article a {
  color: #4a4a4a;
}

article button a {
  color: #ffffff;
}

article figure img {
  width: 60%;
}

article figure div {
  text-align: center;
}

article img {
  width: 100%;
}

article aside {
  position: absolute;
  bottom: 0;
  left: 20px;
}

article aside input[type=checkbox] {
  margin-right: 5px;
  margin-left: 0 !important;
  width: inherit;
}

.container .row .block.col-md-4:nth-child(n+4) {
  margin-top: 20px !important;
}

@media (max-width: 768px) {
  .container .row .block.col-md-4 {
    margin-top: 20px !important;
  }
  .container .row .block.col-md-4:nth-child(1) {
    margin-top: 0 !important;
  }
}
#feature .container .row .block div, #feature .container .row .block div article {
  height: 100%;
}

#feature article span {
  margin-bottom: 100px;
}

#feature article .row > span {
  width: 100%;
}

.row .row {
  margin: 0;
}

.container .row .block a figure, .container .row .block figure {
  position: absolute;
  bottom: 10px;
  width: 100%;
  padding: 0 20px;
  margin: 10px 0 40px 0;
}

.container .row .block a button {
  width: 100%;
  margin: 0;
}

/**************Grid with no compare button*******************/
.container .row .block.nocompare a figure, .container .row .block.nocompare figure {
  margin: 10px 0 10px 0;
}

#feature .block.nocompare article span {
  margin-bottom: 80px;
}

/**************Grid with no learn button **********************/
#feature .container .row .block.nobutton article span {
  margin-bottom: 0;
}

#feature .block.nobutton article span {
  margin-bottom: 80px;
}

/**************Form styles*******************************/
input, input[type=text], input[type=email], select, textarea {
  width: 100%;
  padding: 10px 15px;
  border: 0;
}

input[type=submit] {
  background-color: #4a4a4a;
  color: #ffffff;
}

input[type=submit]:hover {
  background-color: #cc3333;
}

form input, form textarea {
  margin-bottom: 10px;
}

form input[type=submit] {
  background-color: #cc3333;
  color: #ffffff;
  width: 50%;
  float: right;
}

input[type=submit]:hover {
  background-color: #4a4a4a;
}

#footer h4 {
  color: #ffffff;
}

#footer form textarea {
  height: 135px;
}

#footer img {
  margin: 10px 0 20px 0;
}

#footer form input[type=submit] {
  margin-top: 10px;
}

#footer form select {
  color: #555;
}

#footer form input[type=checkbox] {
  width: 10%;
  margin-top: 10px;
}

#footer form label {
  line-height: inherit;
}

#footer .container .moduletable .module-content form a {
  display: inline;
  margin: 0;
}

select {
  border: solid 1px;
  -webkit-appearance: none;
}

#footer .container .moduletable .module-content .social a {
  display: inline-block;
  font-size: 2em;
}

/***************** Full width Top style**************************************************/
#fullwidth {
  display: none;
}

@media (max-width: 768px) {
  #fullwidth {
    display: block;
    background-color: #cc3333;
    color: #ffffff;
  }
  #fullwidth .moduletable {
    margin-top: 10px;
  }
  #fullwidth .moduletable {
    margin-bottom: 10px;
  }
  #fullwidth .moduletable a {
    color: #ffffff;
    display: block;
    width: 100%;
  }
}
/***************** Full width bottom style**************************************************/
#fullWidthBottom .video article span {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

#fullWidthBottom .video article span iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#fullWidthBottom .fullBottom .row {
  background-color: #f2f2f2;
}

#fullWidthBottom .fullBottom .row div[class*=col-] {
  padding: 20px;
}

/***************** site map style*************************/
#bottom {
  background-color: #f2f2f2;
}

#bottom .block .moduletable .module-content {
  padding: 20px 0;
}

#bottom .block .moduletable .module-content span {
  display: block;
  text-align: center;
  font-weight: bold;
}

#bottom .block .moduletable .module-content span h4 {
  display: inline-block;
  cursor: pointer;
}

#bottom .block .moduletable .module-content span i {
  cursor: pointer;
  padding-left: 10px;
}

#bottom .block .moduletable .module-content ul li {
  list-style-type: none;
  padding: 0;
  margin: 10px 0;
}

#bottom .block .moduletable .module-content i {
  padding-right: 10px;
}

#bottom .block .moduletable .module-content a {
  color: #222325;
}

#bottom .block .moduletable .module-content a:hover {
  color: #cc3333;
}

#bottom .block .moduletable .module-content .row {
  display: none;
}

/*************** Footer styles***********************/
#footer {
  background-color: #222325;
  color: #ffffff;
}

#footer .container {
  margin-top: 0;
}

#footer .container .moduletable .module-content {
  padding: 20px 0;
}

#footer .container .moduletable .module-content i {
  padding-right: 10px;
}

#footer .container .moduletable .module-content a {
  display: block;
  color: #ffffff;
  margin-top: 10px;
}

#footer .container .moduletable .module-content a:hover {
  color: #cc3333;
}

/*************** Compare Styles ********************************/
.compareBanner {
  position: fixed;
  width: 100%;
  bottom: 0;
  background-color: #222325;
}

.compareBanner button {
  width: 100%;
  margin-bottom: 20px;
  margin-top: 0;
}

.compareBanner .row div:first-child {
  text-align: right;
  display: table;
}

.compareBanner .row div:first-child div {
  display: table-row;
}

@media (max-width: 768px) {
  .compareBanner .row div:first-child div {
    display: table-cell;
    padding-right: 20px;
  }
}
.compareBanner .row div:first-child button {
  display: table-cell;
}

.compareBanner .row div li, .compareBanner .row div ul {
  list-style-type: none;
  color: #ffffff;
}

.compareBanner .row div ul {
  display: inline-block;
}

.compareBanner .row div h3 {
  margin-top: 0;
}

.compareBanner .close {
  float: right;
  padding: 15px;
  color: #fff;
  font-size: 2em;
  opacity: 1;
}

/********************* Tool Page Styles ****************************/
.techMini {
  display: table;
  width: 100%;
}

.techMini div {
  display: table-row;
}

.techMini span {
  display: table-cell;
}

.techMini span:first-child {
  font-weight: bold;
}

.techMini span:last-child {
  text-align: right;
}

.infoText {
  margin-top: 40px;
}

.infoText h4 {
  border-bottom: 2px solid;
}

.infoText span li {
  list-style-type: circle;
  margin-left: 20px;
}

.infoText.infoPic span {
  display: table;
}

.infoText.infoPic span div:first-child {
  padding-left: 0;
}

#ToolsFeature .col-md-5 h1 {
  margin-top: 0;
}

#ToolsFeature .row .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  #ToolsFeature .row .row {
    display: block;
  }
}
#ToolsFeature .container .row .col-md-7 .row div, #ToolsFeature .container .row .col-md-7 div article {
  min-height: 100%;
}

#ToolsFeature .container img {
  width: 100%;
}

#ToolsFeature .container .row .col-md-7 .row:nth-child(n+2) {
  margin-top: 20px;
}

#ToolsFeature .container .row .col-md-7 .techDataContainer h3 {
  display: inline-block;
  margin-right: 20px;
  cursor: pointer;
  color: #4a4a4a;
}

#ToolsFeature .container .row .col-md-7 .techDataContainer h3:first-child {
  color: #cc3333;
}

#ToolsFeature .container .row .col-md-7 .techDataContainer h3:hover {
  opacity: 0.6;
}

@media (max-width: 768px) {
  #ToolsFeature .container .row .col-md-7 .techDataContainer {
    overflow: auto;
  }
  #ToolsFeature .container .row .col-md-7 .techDataContainer table {
    width: 600px;
  }
}
.torqueCharts {
  padding: 0;
}

.torqueCharts.infoText {
  margin-top: 20px;
  margin-bottom: 20px;
}

.youtube-embed {
  width: 100%;
  height: 355px;
}

.youtube-embed iframe {
  width: 100%;
  height: 100%;
}

.module-content ol {
  padding-left: 20px;
}

.internationalRepPage {
  margin-top: 20px;
}

.imgtext {
  position: relative;
  text-align: center;
}

.imgtext img {
  opacity: 0.3;
}

.imgtext h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/************************ Case Study Styles **************************/
.Case_Study strong, .overview strong {
  display: block;
  padding-bottom: 10px;
}

.Case_Study span div, .overview span div {
  padding: 0;
}

.Case_Study article, .overview article {
  position: relative;
}

.Case_Study article span:not(.button), .overview article span:not(.button), .LearnMore article span:not(.button) {
  margin-bottom: 50px;
}

.Case_Study article .button, .overview article .button {
  position: absolute;
  width: 100%;
  bottom: 0px;
  padding-left: 0;
  padding-right: 0;
}

.Case_Study article .button strong, .overview article .button strong {
  display: block;
}

/********************** Sales rep locations pages styles*******************/
/********************** Sales rep bottom bar *******************/
#repBar {
  background-color: #4a4a4a;
  color: #ffffff;
  text-align: center;
  padding: 20px 0;
}

#repBar .container h4 {
  color: #ffffff;
}

#repBar .container a {
  color: #ffffff;
}

#repBar .container a:hover {
  color: #cc3333;
}

#repBar .container {
  margin-top: 0;
}

#repBar .container .module-content div {
  display: inline;
}

#repBar .container .module-content div:nth-child(3):after, #repBar .container .module-content div:nth-child(3):before {
  content: " • ";
  padding: 0 20px;
}

/*********************** Time savings calculator ********************/
.timeSavingCalc em {
  background-color: #f2f2f2;
  padding: 20px;
  display: none;
  margin-top: 20px;
}

.timeSavingCalc .calcbutton {
  margin-bottom: 10px;
}

.timeSavingCalc .calcbutton .btn {
  margin-top: 10px;
}

/************************** GDPR Styles ***************************/
#copy {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 999;
  padding: 0;
  border-radius: 20px;
  width: 500px;
  margin-right: 15px;
  background-color: #4a4a4a;
  color: #ffffff;
}

@media (max-width: 768px) {
  #copy {
    width: auto;
  }
  #copy.well {
    margin-right: 20px;
  }
}
#copy .container {
  width: inherit;
  margin: 0;
  padding: 20px;
}

#copy a {
  width: 100%;
  text-align: center;
  cursor: pointer;
}

/******************* Regional Locations**************************/
.countries .row {
  background-color: #f2f2f2;
  margin-bottom: 20px;
  padding: 20px;
}

.countries .row div {
  margin: 10px 0;
}

.countries .row div article {
  padding: 10px;
  border: solid 1px #4a4a4a;
}

.countries .row div article a {
  color: #cc3333;
}

/******************* HYTORC Nut custom styles **********************/
.hytorc-nut .selected, .offset .selected {
  background-color: #f2f2f2;
}

.hytorc-nut [class^=col-], .offset [class^=col-] {
  padding-top: 20px;
  padding-bottom: 20px;
}

.hytorc-nut .center [class^=col-], .offset [class^=col-] {
  cursor: pointer;
}

/****************** Language Switcher styles ***********************/
.langSwitchMobile {
  line-height: 0;
  padding-bottom: 10px;
}

.langSwitchMobile a {
  padding: 0;
}

.navbar-collapse.in {
  overflow-y: visible;
}

.langSwitchMobile .btn-group > .btn:first-child {
  margin-left: -5px;
  padding: 20px 10px;
}

@media (min-width: 768px) {
  .langSwitch {
    position: relative;
  }
  .langSwitch .mod-languages {
    position: absolute;
    top: 18px;
    left: 154px;
  }
}
@media (min-width: 992px) {
  .langSwitch .mod-languages {
    position: absolute;
    top: 18px;
    left: 335px;
  }
}
@media (min-width: 1200px) {
  .langSwitch .mod-languages {
    position: absolute;
    top: 18px;
    left: 445px;
  }
}
.langSwitch .dropdown-menu > li > a, .langSwitchMobile .dropdown-menu > li > a {
  color: #ffffff;
  padding: 5px 0;
}

.langSwitch .dropdown-toggle, .langSwitch .caret, .langSwitchMobile .dropdown-toggle, .langSwitchMobile .caret {
  color: transparent;
}

/********************Social styles*******************/
.social h4 {
  border-bottom: solid 1px black;
  margin-top: 0;
  margin-bottom: 10px;
}

.social span {
  display: block;
}

.social time {
  display: block;
  color: #4a4a4a;
  margin-bottom: 5px;
  font-size: 0.9em;
}

.social .fab {
  font-size: 45px;
}

.homeEvents .social .fab {
  font-size: 32px;
}

.social .row {
  margin-bottom: 20px;
}

.social .moduletable {
  padding-top: 0;
}

.customcol-md-4.social > div {
  padding: 20px 0;
}

@media (max-width: 768px) {
  #showcase .row .social {
    margin-top: 20px;
  }
}
/******************** full bottom ****/
.fullBottom .row {
  margin-bottom: 20px;
}

.fullBottom .row div:first-child {
  padding-left: 0;
}

/*********** Careers Feed *********************/
#feature .careersFeed .row .col-xs-12 {
  margin-top: 20px;
}

.container .careersFeed .row .block.col-md-4,
#feature .careersFeed .row,
.container .careersFeed .row .block.col-md-4:nth-child(n+4)[class*=col-],
#feature .careersFeed .row [class*=col-] {
  margin-bottom: 20px;
  margin-top: 0 !important;
}

#feature .container .careersFeed .row .block div em, #feature .container .careersFeed .row .block div article em {
  height: 300px;
  overflow: hidden;
  display: block;
}

/*
MH 2020 HYTORC MAIN STYLE SHEET
This is made with SASS 

YOU NEED TO COMPILE THIS FOR IT TO WORK WITH NEW CHANGES

command line
/var/www/html/joomla/templates/HYTORC_masterbootstrap
sass scss/template.scss css/template.min.css

*/
.master {
  line-height: 1.8em;
}

/*
.master #SubMenu,.master #header{position: inherit;z-index: 10;top:0;width: 100%;}
#navigation.masterRev{
	position: absolute;
	left: auto;
	transform: inherit;
}*/
#navigation.masterRev .navbar-default {
  background-color: #ffffff;
}

#navigation.masterRev .navbar-nav > li > a, #navigation.masterRev .flagMenu:before, #navigation.masterRev .dropdown-menu > div > li > a {
  color: #222325;
}

@media (max-width: 768px) {
  #navigation.masterRev .navbar-default .navbar-collapse {
    background-color: #222325;
  }
  #navigation.masterRev .navbar-nav > li > a {
    color: #ffffff;
  }
}
#navigation.masterRev .dropdown-menu {
  background-color: rgba(242, 242, 242, 0.8);
}

#navigation.masterRev .flagMenu .caret {
  display: none;
}

#navigation.masterRev .navbar-nav > li > a,
#navigation.masterRev .flagMenu:before,
#navigation.masterRev .dropdown-menu > div > li > a,
#navigation.masterRev .dropdown-menu > div > li {
  background-color: transparent;
}

.homeText {
  max-width: 550px;
}

.homeText, .homeText h1, .homeText h2 {
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
}

.homeText, .homeText h2 {
  margin-left: auto;
  margin-right: auto;
}

.homeText h2 {
  font-weight: normal;
  max-width: 400px;
  margin-top: 20px;
}

.homeText button + p {
  margin-top: 20px;
  font-weight: bold;
}

/*
#Top_Banner{ 
	display: grid;
    grid-template-columns: 1fr;
    grid-template-rows:1fr; 
    grid-template-areas: "overflow";
	margin:0;
	width: 100%;
    max-height: 660px;
    overflow: scroll;
	-ms-overflow-style: none; 
  	scrollbar-width: none; 
}
#Top_Banner::-webkit-scrollbar {
	display: none; 
}
#Top_Banner_Image{
    grid-area: overflow;
}

#Top_Banner_Image img{width: 100%}

#Top_Banner .row{
	grid-area: overflow;
    color: $black;
    margin: 150px auto 0 auto;
    font-size: 2rem;
    line-height: 3rem;
}
@include media-breakpoint-down(md) {
	#Top_Banner .row{
		margin: 85px auto 0 auto;
	}
}

#Top_Banner_Feature_Bar{
	background:rgba(34,35,37,0.3);
	backdrop-filter: blur(5px);
	color:$white;
	padding:$blockSpace $halfBlockSpace;
	margin-top:-59px;
	position: relative;
}*/
.master #Alternating_Content .container, .master .container, #bottom.master .container {
  margin-top: 0;
}

/*
.master #Alternating_Content .block{
	background-color:$darkGrey;
	color:$white;
}*/
/*
.master #Alternating_Content .block .container{	padding:$doubleBlockSpace 0;}
.master #Alternating_Content .block:nth-child(even){background-color:$lightGrey;color:$black;}
.master #Alternating_Content .block .container .row div:first-child{margin-bottom: $blockSpace;}
@include media-breakpoint-up(lg) {
.master #Alternating_Content .block .container .row div:first-child{margin-bottom: 0;}
}*/
.master #Alternating_Content .block.spacer {
  padding: 0;
}

.master #Alternating_Content .circle img {
  max-height: 150px;
  padding-bottom: 20px;
}

.master section {
  padding-top: 0;
}

@media (min-width: 992px) {
  .youtube-embed.featureVideo {
    height: 100%;
  }
  .youtube-embed.featureVideo iframe {
    height: 650px;
  }
}
.container.testimonial div .row {
  min-height: 175px;
}

.testimonial div .row {
  display: none;
}

.testimonial div .row:first-child {
  display: block;
}

.carousel {
  margin-top: 10px;
}

.carousel span, .carousel i {
  margin: 10px;
}

.master #Alternating_Content .block.homeNewsLetter .container {
  padding: 10px 0;
}

.master #Alternating_Content .homeNewsLetter {
  background-color: #222325;
}

.master .homeNewsLetter button, .master .homeNewsLetter button a {
  padding: 0 20px;
  color: #222325;
}

.master .homeNewsLetter button:hover, .master .homeNewsLetter button a:hover {
  background-color: #f2f2f2;
  color: #222325;
}

/* CSS Document 
command line
cd /var/www/html/joomla/templates/HYTORC_4x
sudo sass scss/template.scss css/template.min.css

*/
h1, h2 {
  font-weight: normal;
  font-size: 1.7em;
}

body {
  font-family: europa, sans-serif;
  font-weight: 400;
  font-style: normal;
}

p {
  line-height: normal;
}

#wrap.master .container:not(#navigation .container) {
  width: 100%;
  overflow: hidden;
}

#Top_Banner {
  margin-top: 100px;
}

#navigation.masterRev {
  z-index: 2;
}

#navigation.masterRev .dropdown-menu {
  background-color: #ffffff;
}

.master #toolCarousel {
  scroll-margin-top: 250px;
}

.master #newsevents, .master #support {
  scroll-margin-top: 200px;
}

/*****Home page banner****/
.master #Top_Banner > .row {
  margin-left: 0;
  margin-right: 0;
}

.master #Top_Banner [class*=col-] {
  padding: 10px 10px;
}

.master #Top_Banner [class*=col-] h2 {
  font-family: europa, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16pt;
}

@media (min-width: 768px) {
  .master #Top_Banner [class*=col-] p {
    max-width: 570px;
  }
  .master #Top_Banner [class*=col-] {
    padding: 40px 40px 0 0;
  }
}
.master #Top_Banner [class*=col-] p {
  font-family: oswald, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 2.5vw;
  border-top: 3px solid #cc3333;
  border-bottom: 2px solid #cc3333;
  text-transform: uppercase;
  line-height: 1.2;
  padding: 10px 0;
}

@media (min-width: 992px) {
  .master #Top_Banner [class*=col-] p {
    font-size: 40px;
  }
}
@media (max-width: 768px) {
  .master #Top_Banner [class*=col-] h1, .master #Top_Banner [class*=col-] h2.np {
    font-size: 4vw;
  }
  .master #Top_Banner [class*=col-] p {
    font-size: 4.5vw;
    line-height: 1.5;
  }
}
@media (min-width: 2400px) {
  .master #Top_Banner [class*=col-] p {
    font-size: 40pt;
  }
}
@media (max-width: 768px) {
  .master #Top_Banner [class*=col-] h2 {
    font-size: 12pt;
  }
}
/*home page banner css*/
.master #Top_Banner .row:not(:first-child) {
  display: none;
}

.master #Top_Banner .row.hideSlide {
  display: none;
  transition: visibility 0s, opacity 0.5s linear;
}

.master #Top_Banner .row.showSlide {
  display: block;
  transition: all 0.2s;
}

.master #Top_Banner .customhomeslider {
  position: relative;
}

.master #Top_Banner .dots {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

.master #Top_Banner .dots span {
  margin: 10px;
}

@media (max-width: 768px) {
  .master #Top_Banner .dots span {
    margin: 0 10px;
  }
}
.master #Top_Banner .dots .dot.outline, .master #Top_Banner .dots .dot:first-child {
  border: 2px solid #ffffff;
}

.master #Top_Banner .text:not(.mike-slider .text) {
  position: absolute;
  top: 0;
  right: 0;
}

/***************************************************************************/
.master #Alternating_Content .block .container {
  padding: 20px 0;
}

.master #Alternating_Content .container > .row, .master #support .container > .row, .master #newseventscontainer .container > .row {
  margin-left: 0;
  margin-right: 0;
}

.master .newsevents .row {
  margin-right: 10px;
  margin-left: 10px;
}

.faddedHeadline [class*=col-]:first-child {
  padding-left: 0;
}

.faddedHeadline [class*=col-]:nth-child(2) {
  padding-left: 5px;
  padding-right: 5px;
}

.faddedHeadline [class*=col-]:last-child {
  padding-right: 0;
}

.faddedHeadline .container [class*=col-] aside {
  position: relative;
}

.faddedHeadline .container [class*=col-] h2 {
  position: absolute;
  font-family: europa, sans-serif;
  font-weight: 700;
  font-style: normal;
  padding: 10px 0;
  width: 100%;
  text-align: center;
  color: #ffffff;
  line-height: 1.2;
}

.faddedHeadline .container [class*=col-]:first-child h2 {
  background: rgba(102, 102, 51, 0.8);
}

.faddedHeadline .container [class*=col-]:nth-child(2) h2 {
  background: rgba(163, 198, 217, 0.8);
}

.faddedHeadline .container [class*=col-]:nth-child(3) h2 {
  background: rgba(243, 110, 33, 0.8);
}

@media (max-width: 768px) {
  .faddedHeadline .container [class*=col-] {
    padding-bottom: 20px;
  }
}
.faddedHeadline .customfaddedHeadline .container [class*=col-]:hover {
  opacity: 0.5;
  transition: opacity 0.4s;
}

/*Home page carousel*/
.toolCarousel {
  position: relative;
  margin-bottom: 20px;
  padding: 40px 10px;
  background: rgb(214, 214, 214);
  background: linear-gradient(90deg, rgb(214, 214, 214) 0%, rgb(255, 255, 255) 50%, rgb(214, 214, 214) 100%);
  overflow: hidden;
}

.toolCarousel > .moduletable {
  position: relative;
}

/*.toolCarousel > .moduletable:before { font-family: "Font Awesome 5 Pro"; pointer-events: all;content:"\f053";z-index: 1; position: absolute;left:$blockSpace;top:50%;font-size:10em;}
.toolCarousel > .moduletable:after  { font-family: "Font Awesome 5 Pro"; pointer-events: all;content:"\f054";z-index: 1; position: absolute;right:$blockSpace;top:50%;font-size:10em;}
.toolCarousel > .moduletable:hover::before{opacity: .5}
.toolCarousel > .moduletable:hover::after{opacity: .5}*/
.toolCarousel .rowgrid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 20px;
  align-items: baseline;
}

.toolCarousel .rowgrid div {
  position: relative;
  padding: 20px;
}

@media (max-width: 768px) {
  .toolCarousel .rowgrid div {
    position: relative;
    padding: 0;
  }
}
.toolCarousel .rowgrid div:not(.toolCarousel .rowgrid div:nth-child(4)) {
  opacity: 40%;
}

.toolCarousel .rowgrid div:nth-child(4) div {
  opacity: 1 !important;
}

.toolCarousel .rowgrid:nth-child(2) {
  text-align: center;
}

.toolCarousel .rowgrid:nth-child(2) div {
  margin-top: 20px;
  padding: 10px 20px;
  color: #ffffff;
}

.toolCarousel .rowgrid div > div {
  position: absolute;
  bottom: -40px;
  text-align: center;
  left: 50%;
  transform: translate(-50%, 0);
  padding: 10px 20px;
  color: #ffffff;
  font-size: 2em;
}

@media (max-width: 768px) {
  .toolCarousel .rowgrid div > div {
    padding: 5px 20px;
    font-size: 1.5em;
  }
}
.toolCarousel .rowgrid div > div:not(.toolCarousel .rowgrid > div:nth-child(4) > div) {
  display: none;
}

.toolCarousel > .moduletable > .module-content {
  width: 160%;
  margin-left: 60%;
  transform: translateX(-50%);
}

.toolCarousel .rowgrid div a {
  color: #ffffff;
}

.toolCarousel .row {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  margin: 0;
}

.toolCarouselArrow {
  position: relative;
}

.toolCarouselArrow i {
  position: absolute;
  font-size: 10em;
  font-weight: normal;
  top: -200px;
  transform: translateY(-50%);
}

@media (max-width: 1200px) {
  .toolCarouselArrow i {
    top: -180px;
  }
}
@media (max-width: 992px) {
  .toolCarouselArrow i {
    top: -130px;
    font-size: 6em;
  }
}
@media (max-width: 768px) {
  .toolCarouselArrow i {
    top: -90px;
    font-size: 3em;
  }
}
.toolCarouselArrow i:hover {
  color: #CCCCCC;
  cursor: pointer;
  transition: all 0.2s;
}

.toolCarouselArrow i {
  left: 20px;
}

.toolCarouselArrow i:last-child {
  right: 20px;
  left: inherit;
}

.master #support {
  background-color: #ffffff;
  margin-top: 20px;
  margin-bottom: 20px;
}

.master #support .custom > .homeHeadline:first-child, .master #newseventscontainer .custom > .homeHeadline:first-child {
  margin-left: 10px;
  margin-right: 10px;
}

/*customer service*/
@media (min-width: 768px) {
  .master .customerService :first-child {
    padding-left: 0;
  }
  .master .customerService [class*=col-]:not(:first-child):not(:last-child) {
    padding-left: 5px;
    padding-right: 5px;
  }
  .master .customerService [class*=col-]:last-child {
    padding-right: 0;
  }
}
.master .customerService, .master .customerService a {
  color: #ffffff;
}

.master .customerService aside {
  position: relative;
  background: #222325;
}

.master .customerService aside h1, .master .customerService aside h2.np {
  font-family: oswald, sans-serif;
  font-weight: 600;
  font-style: normal;
}

.master .customerService aside h2 {
  border-bottom: 2px solid #ffffff;
  font-family: europa, sans-serif;
  font-weight: 700;
  font-style: normal;
  padding-bottom: 10px;
}

.master .customerService aside h2 {
  font-size: 2em;
}

.master .customerService aside > img.fadedBG {
  -webkit-filter: brightness(50%) !important;
  filter: brightness(50%) !important;
  transition: all 0.2s;
}

@media (max-width: 768px) {
  .master .customerService aside > img {
    -webkit-filter: brightness(50%) !important;
    filter: brightness(50%) !important;
  }
  .master .customerService [class*=col-] aside {
    margin-bottom: 20px;
  }
}
.master .customerService aside div h2 img:nth-child(2) {
  padding-left: 20px;
}

.master .customerService aside div {
  position: absolute;
  padding: 20px;
  bottom: -20px;
  height: 0;
  overflow: hidden;
  transition: all 0.2s;
  width: 100%;
}

@media (max-width: 768px) {
  .master .customerService aside div {
    bottom: 0px;
    height: auto;
  }
}
.master .customerService aside div.slideUp {
  bottom: 0px;
  height: 200px;
  transition: all 0.2s;
}

.master .customerService aside div.slideUp > img {
  display: block;
}

.master .customerService aside div > img {
  display: none;
}

/*news and events*/
.master .newsevents {
  margin-top: 20px;
  color: #ffffff;
}

.master #newsevents {
  margin: 0;
}

.master #newsevents > [class*=col-] {
  padding: 0;
}

@media (min-width: 768px) {
  .master #newsevents .row [class*=col-] {
    padding: 20px;
  }
}
master .newsevents aside span {
  font-size: 2em;
}

@media (max-width: 768px) {
  .master .newsevents .row:nth-child(3) {
    margin-top: 20px;
  }
}
.master .newsevents aside {
  position: relative;
  background: #222325;
}

.master .newsevents aside div.slideup {
  height: 100%;
}

.master .newsevents aside h1, .master .newsevents aside h2.np {
  font-size: 4em;
}

.master .newsevents aside p {
  font-size: 2em;
}

@media (max-width: 768px) {
  .master .newsevents aside h1, .master .newsevents aside h2.np {
    font-size: 2.5em;
  }
  .master .newsevents aside p {
    font-size: 1.4em;
    margin-bottom: 0;
  }
  .master .newsevents aside span {
    display: none;
  }
}
.master .newsevents a {
  color: #ffffff;
}

.master .newsevents aside h1, .master .newsevents aside h2.np {
  border-bottom: 2px solid #ffffff;
  font-family: oswald, sans-serif;
  font-weight: 600;
  font-style: normal;
  padding-bottom: 10px;
}

.master .newsevents aside img {
  -webkit-filter: brightness(50%);
  filter: brightness(50%);
}

.master .newsevents aside div {
  position: absolute;
  padding: 20px;
  bottom: 18px;
  height: 140px;
  overflow: hidden;
  transition: all 0.2s;
  width: 100%;
}

@media (max-width: 768px) {
  .master .newsevents aside div {
    bottom: 0px;
    height: auto;
    padding-bottom: 20px;
  }
  .master #newsevents .row [class*=col-]:nth-child(odd) {
    margin-bottom: 20px;
  }
}
.master .newsevents aside div.slideUp {
  bottom: 0px;
  height: 200px;
  transition: all 0.2s;
}

.master #Full_Width_Feature {
  background-color: #1b1b1b;
  margin: 20px 0 0 0;
  padding: 80px;
  background-attachment: fixed;
  background-position: center;
  background-image: url(https://hytorc-prod-hytorc-webassets.s3.us-east-1.amazonaws.com/homepagev4/HYTORC_Standard_bg.png);
}

@media (max-width: 768px) {
  .master #Full_Width_Feature {
    padding: 40px;
  }
}
.master #Full_Width_Feature img {
  max-width: 800px;
  width: 100%;
}

#bottom.master {
  background-color: #ffffff;
}

#bottom.master span h4 {
  width: 100%;
  text-align: center;
  border-bottom: 2px solid #cc3333;
  line-height: 0em;
}

#bottom.master span h4 span {
  background-color: #ffffff;
  padding: 10px;
}

#bottom.master .block .moduletable .module-content span {
  display: inline;
}

#bottom.master .block .moduletable .module-content {
  padding-top: 0;
}

#bottom.master .arrow, #bottom.master .block .moduletable .module-content span i {
  padding-left: 3px;
  padding-right: 3px;
  display: inline-block;
}

/******************* Locator styles **********************/
.master .worldLocator {
  width: 70%;
}

.master #darkmiddle .block.locationBanner {
  background-image: none;
  background-color: #000000;
}

.master #darkmiddle .block.locationBanner {
  min-height: 0;
}

.master .worldLocator {
  padding: 20px;
}

.master address h2 {
  text-align: center;
  padding-bottom: 10px;
}

.master #darkmiddle .block.locationBanner input, .master #darkmiddle .block.locationBanner select {
  height: inherit;
  line-height: inherit;
  font-size: 1.2em;
  padding: 10px;
}

.master #darkmiddle .block.locationBanner input,
.master #darkmiddle .block.locationBanner select,
.master #darkmiddle .block.locationBanner input::placeholder {
  color: #ccb599;
  border-radius: 15px;
  font-weight: bold;
}

.master #darkmiddle .block.locationBanner input[type=submit] {
  background-color: #ccb599;
  color: #ffffff;
}

/******************************/
#footer .container {
  margin-top: 20px;
  width: 100%;
}

#footer {
  background-color: #ffffff;
  color: #222325;
}

#footer .container .moduletable .module-content a {
  color: #222325;
  font-weight: bold;
}

#footer .container .moduletable .module-content a:hover {
  color: #cc3333;
}

#footer h4 {
  color: rgb(102, 102, 51);
  border-bottom: 2px solid #cc3333;
  padding-bottom: 10px;
  text-align: center;
  font-family: europa, sans-serif;
  font-weight: 700;
  font-style: normal;
}

#footer div {
  text-align: center;
  display: block;
}

#footer .corpOffice {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 768px) {
  #footer .corpOffice {
    grid-template-columns: repeat(2, 1fr);
  }
}
#footer .container .moduletable .module-content .corpOffice a {
  font-weight: normal;
}

#footer .container .moduletable .module-content a {
  margin-top: 0;
}

#footer .container .moduletable .module-content i {
  padding-right: 5px;
  padding-left: 5px;
}

/******* Interior page styles ******/
.master #Alternating_Content .faddedHeadline:nth-child(even) {
  background-color: #e5e5e5;
}

.master #Alternating_Content h1, .master #Alternating_Content h2.np {
  text-transform: uppercase;
}

.master #Alternating_Content h2.np {
  all: revert;
}

.master #Alternating_Content .customproduct_feature h2.np {
  all: initial;
}

.master #Alternating_Content .product_feature .customproduct_feature h2.np {
  position: relative;
}

.master #Top_Banner .customproduct_page {
  background: rgb(217, 212, 197);
  background: linear-gradient(90deg, rgb(217, 212, 197) 0%, rgb(255, 255, 255) 35%, rgb(217, 212, 197) 100%);
}

.master #Top_Banner .customproduct_page {
  color: #707070;
}

.master #Top_Banner .customproduct_page h1, .master #Top_Banner .customproduct_page h2.topBnr {
  font-size: 8vw;
  margin-bottom: 0;
  font-family: oswald, sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.2;
}

.master #Top_Banner .customproduct_page .smallerHeadline h1, .master #Top_Banner .customproduct_page .smallerHeadline h2.np {
  font-size: 6vw;
}

@media (max-width: 768px) {
  .master #Top_Banner .customproduct_page h1, .master #Top_Banner .customproduct_page h2.topBnr {
    font-size: 50px;
  }
  .master #Top_Banner .customproduct_page .smallerHeadline h1, .master #Top_Banner .customproduct_page .smallerHeadline h2.np {
    font-size: 40px;
  }
}
.master #Top_Banner .customproduct_page h2, .master #Top_Banner .customproduct_page h1.topBnr {
  font-size: 1.5vw;
  border-bottom: 2px solid #cc3333;
  padding: 5px 0;
  text-transform: uppercase;
  font-family: europa, sans-serif;
  font-weight: 700;
  font-style: normal;
}

@media (max-width: 768px) {
  .master #Top_Banner .customproduct_page h2, .master #Top_Banner .customproduct_page h1.topBnr {
    font-size: 14px;
  }
}
.master #Top_Banner .customproduct_page ul {
  width: 100%;
  font-size: 2.5vw;
  list-style-type: none;
  padding: 0;
  font-family: oswald, sans-serif;
  font-weight: 200;
  font-style: normal;
}

@media (max-width: 768px) {
  .master #Top_Banner .customproduct_page ul:not(.master #Top_Banner .customproduct_page li:nth-child(5) > ul:nth-child(1)) {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .master #Top_Banner .customproduct_page ul {
    width: 100%;
    font-size: 48px;
  }
}
.master #Top_Banner .customproduct_page ul li {
  position: relative;
  text-transform: uppercase;
  padding: 20px 0;
}

@media (max-width: 768px) {
  .master #Top_Banner .customproduct_page ul li {
    padding: 5px 0 0 0;
    position: inherit;
  }
}
.master #Top_Banner .customproduct_page ul li:hover {
  font-weight: 400;
  transition: font-weight 0.2s ease-in-out;
  cursor: pointer;
}

.master #Top_Banner .customproduct_page ul li ul li {
  display: none;
  position: absolute;
  top: -20px;
  left: 325px;
  font-size: 14px;
  font-family: europa, sans-serif;
  font-weight: 700;
  font-style: normal;
}

@media (max-width: 768px) {
  .master #Top_Banner .customproduct_page ul li ul li {
    top: 100px;
    left: 155px;
    font-size: 11px;
    line-height: 1.5em;
  }
  .master #Top_Banner .customproduct_page .smallerHeadline ul li ul li {
    top: 135px;
  }
  .master #Top_Banner .customproduct_page ul li:nth-child(1) li {
    display: list-item;
  }
  .master #Top_Banner .customproduct_page ul:nth-child(3) > li:nth-child(1) {
    font-weight: bold;
  }
}
@media (min-width: 1200px) {
  .master #Top_Banner .customproduct_page ul li ul li {
    left: 400px;
  }
}
.master #Top_Banner .customproduct_page ul li ul li:hover {
  font-weight: 700;
}

.master #Top_Banner .customproduct_page .show {
  transition: all 0.2s;
}

.master #Top_Banner .customproduct_page [class*=col-] p {
  border-top: 0;
  max-width: 100%;
  font-size: 1.3em;
  font-family: europa, sans-serif;
  font-weight: 700;
  font-style: normal;
}

@media (max-width: 768px) {
  .master #Top_Banner .customproduct_page [class*=col-] p {
    color: #222325;
    font-size: 12px;
    padding-bottom: 0;
  }
}
.master #Top_Banner .customproduct_page [class*=col-] {
  padding: 40px;
}

@media (min-width: 1200px) {
  .master #Top_Banner .customproduct_page > .row > [class*=col-]:first-child > img {
    padding: 0 120px;
  }
}
@media (max-width: 768px) {
  .master #Top_Banner .customproduct_page [class*=col-]:first-child {
    padding-bottom: 0;
    padding: 20px;
  }
  .master #Top_Banner .customproduct_page [class*=col-]:nth-child(2) {
    padding: 10px 10px 10px 20px;
  }
  .master #Top_Banner .customproduct_page [class*=col-]:nth-child(3) {
    padding: 10px 20px 10px 10px;
  }
}
.master #Top_Banner .customproduct_page [class*=col-] .row [class*=col-] {
  padding: 5px 20px;
}

@media (max-width: 768px) {
  .master #Top_Banner .customproduct_page [class*=col-] .row [class*=col-] {
    padding: 5px;
  }
}
.master #Top_Banner .customproduct_page [class*=col-] .row [class*=col-]:first-child {
  margin-left: -20px;
}

@media (max-width: 768px) {
  .master #Top_Banner .customproduct_page [class*=col-] .row [class*=col-]:first-child {
    margin-left: 0;
  }
}
.master #Top_Banner .customproduct_page [class*=col-] .row [class*=col-].fade {
  opacity: 1;
}

.master #Top_Banner .customproduct_page [class*=col-] .row [class*=col-] {
  opacity: 0.7;
}

.master #Top_Banner .customproduct_page [class*=col-] .row [class*=col-]:hover {
  opacity: 1;
  cursor: pointer;
  transition: all 0.2s;
}

.master #Top_Banner .customproduct_page .row:not(:first-child) {
  display: inherit;
}

/**** BG image product page ***/
.master #Top_Banner .customproduct_page.bgImage {
  background: none;
}

.master.bgImage {
  background-size: cover;
}

.master.bgImage div {
  color: #ffffff;
}

.master #Alternating_Content .customproduct_feature .row [class*=col-] h1, .master #Alternating_Content .customproduct_feature .row [class*=col-] h2.np {
  text-align: center;
  font-size: 3.5vw;
  font-family: oswald, sans-serif;
  font-weight: 200;
  font-style: normal;
  margin-top: 20px;
  position: static;
}

.master #Alternating_Content .customproduct_feature .row [class*=col-] h1:hover, .master #Alternating_Content .customproduct_feature .row [class*=col-] h2.np:hover {
  font-weight: 400;
}

.master #Alternating_Content .customproduct_feature .row [class*=col-] img {
  width: 100%;
}

@media (max-width: 768px) {
  .master #Alternating_Content .customproduct_feature .row [class*=col-] h1, .master #Alternating_Content .customproduct_feature .row [class*=col-] h2.np {
    font-size: 30px;
    border-bottom: 2px solid #cc3333;
  }
  .master #Alternating_Content .customproduct_feature [class*=visible-] .row:nth-child(odd) [class*=col-]:nth-child(even) {
    padding-right: 20px;
  }
  .master #Alternating_Content .customproduct_feature [class*=visible-] .row:nth-child(even) [class*=col-]:nth-child(odd) {
    padding-left: 20px;
  }
}
.master #Alternating_Content .customtool_specs_v4 {
  background-color: #e5e5e5;
  position: relative;
  padding: 20px 100px;
  padding-top: 0;
}

.master #Alternating_Content .customtool_specs_v4 h1, .master #Alternating_Content .customtool_specs_v4 h2.np {
  text-align: center;
  font-size: 2vw;
  font-family: europa, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: rgb(102, 102, 51);
}

@media (max-width: 768px) {
  .master #Alternating_Content .customtool_specs_v4 {
    padding: 0 5px;
  }
  .master #Alternating_Content .customtool_specs_v4 h1, .master #Alternating_Content .customtool_specs_v4 h2.np {
    font-size: 30px;
  }
}
.master #Alternating_Content .customtool_specs_v4 .units p {
  display: inline-block;
  padding: 10px;
  font-size: 17px;
}

@media (max-width: 768px) {
  .master #Alternating_Content .customtool_specs_v4 .units p {
    display: inline;
  }
}
.master #Alternating_Content .customtool_specs_v4 .units p:first-child {
  color: #cc3333;
}

.master #Alternating_Content .customtool_specs_v4 .units p:hover {
  color: #cc3333;
  cursor: pointer;
}

.master #Alternating_Content .customtool_specs_v4 table {
  width: 100%;
  font-size: 13px;
  table-layout: fixed;
  font-family: oswald, sans-serif;
  font-weight: 200;
  font-style: normal;
  text-align: center;
}

.master #Alternating_Content .customtool_specs_v4 table th {
  text-align: center;
  letter-spacing: 1.5px;
}

.master #Alternating_Content .customtool_specs_v4 table tr td:first-child, .master #Alternating_Content .customtool_specs_v4 table tr th:first-child {
  text-align: left;
}

@media (max-width: 768px) {
  .master #Alternating_Content .customtool_specs_v4 table {
    margin: 0;
    table-layout: inherit;
  }
}
.master #Alternating_Content .customtool_specs_v4 table th {
  border-top: 0;
  border-bottom: 2px solid #cc3333;
  padding-bottom: 0;
  padding-left: 0;
  font-family: europa, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}

.master #Alternating_Content .customtool_specs_v4 table tbody tr td {
  vertical-align: middle;
  border-top: 0;
}

.master #Alternating_Content .customtool_specs_v4 table tbody tr td {
  font-size: 2em;
  font-weight: 300;
}

.master #Alternating_Content .customtool_specs_v4 table tbody tr td:first-child {
  color: rgb(102, 102, 51);
  font-family: oswald, sans-serif;
  font-weight: 700;
  font-style: normal;
}

@media (max-width: 768px) {
  .master #Alternating_Content .customtool_specs_v4 table tbody tr td {
    font-size: 1em;
  }
}
.master #Alternating_Content .product_feature.faddedHeadline .customproduct_feature .container [class*=col-] div {
  text-align: center;
}

.master #Alternating_Content .product_feature.faddedHeadline .customproduct_feature .container [class*=col-] h1, .master #Alternating_Content .product_feature.faddedHeadline .customproduct_feature .container [class*=col-] h2.np {
  padding-bottom: 7px;
  display: inline-block;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 0;
  border-bottom: 2px solid #ffffff;
}

@media (max-width: 768px) {
  .master #Alternating_Content .product_feature.faddedHeadline .customproduct_feature .container [class*=col-] h1, .master #Alternating_Content .product_feature.faddedHeadline .customproduct_feature .container [class*=col-] h2.np {
    text-align: left;
  }
}
.master #Alternating_Content .product_feature.faddedHeadline .customproduct_feature .container [class*=col-] div:hover h1,
.master #Alternating_Content .product_feature.faddedHeadline .customproduct_feature .container [class*=col-] div:hover h2.np,
.master #Alternating_Content .product_feature.faddedHeadline .customproduct_feature .container [class*=col-]:hover div h1,
.master #Alternating_Content .product_feature.faddedHeadline .customproduct_feature .container [class*=col-]:hover div h2.np {
  border-bottom: 2px solid #cc3333;
  transition: all 0.2s;
  cursor: pointer;
}

.master #Alternating_Content .product_feature.faddedHeadline .customproduct_feature .container [class*=col-] h1 + p, .master #Alternating_Content .product_feature.faddedHeadline .customproduct_feature .container [class*=col-] h2.np + p {
  padding: 7px 20px 0 20px;
  visibility: hidden;
  font-size: 17px;
}

@media (max-width: 768px) {
  .master #Alternating_Content .product_feature.faddedHeadline .customproduct_feature .container [class*=col-] h1 + p, .master #Alternating_Content .product_feature.faddedHeadline .customproduct_feature .container [class*=col-] h2.np + p {
    display: block;
    padding: 0;
    visibility: visible;
    font-size: 12px;
  }
}
.master #Alternating_Content h1, .master #Alternating_Content h2.np {
  text-align: center;
  font-size: 2vw;
  font-family: europa, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.master #Alternating_Content .customaccessoriesV4 h1, .master #Alternating_Content .customaccessoriesV4 h2.np {
  color: #08396b;
}

.master #Alternating_Content .customaccessoriesV4 .container > .row > .col-md-2 > div {
  padding: 40px;
  position: relative;
}

@media (max-width: 768px) {
  .master #Alternating_Content .customaccessoriesV4 h1, .master #Alternating_Content .customaccessoriesV4 h2.np {
    font-size: 30px;
  }
  .master #Alternating_Content .customaccessoriesV4 .container > .row > .col-md-2 > div {
    padding: 0;
  }
}
.master #Alternating_Content .customaccessoriesV4 .container > .row > .col-md-2 > div > div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  background: rgba(8, 57, 107, 0.4);
  border-radius: 50%;
  padding: 20px;
  font-family: oswald, sans-serif;
  font-weight: 700;
  font-style: normal;
}

@media (max-width: 768px) {
  .master #Alternating_Content .customaccessoriesV4 .container > .row > .col-md-2 > div > div {
    opacity: 1;
  }
}
.master #Alternating_Content .customaccessoriesV4 .row:nth-child(2) {
  padding: 0 40px;
}

.master #Alternating_Content .customaccessoriesV4 .container > .row > .col-md-2 > div:hover > div {
  opacity: 1;
  cursor: pointer;
}

.master #Alternating_Content .customaccessoriesV4 .container > .row > .col-md-2 > div > div > div {
  color: #ffffff;
  font-size: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
}

.master #Alternating_Content .customaccessoriesV4 .container > .row > .col-md-2 > div > div > div a {
  color: #ffffff;
}

@media (max-width: 768px) {
  .master #Alternating_Content .customaccessoriesV4 .container > .row > .col-md-2 > div > div > div {
    font-size: 14px;
  }
}
.master #Alternating_Content .customdocumentationV4 {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.master #Alternating_Content .customdocumentationV4 h1, .master #Alternating_Content .customdocumentationV4 h2.np {
  color: #cc3333;
}

@media (max-width: 768px) {
  .master #Alternating_Content .customdocumentationV4 h1, .master #Alternating_Content .customdocumentationV4 h2.np {
    font-size: 30px;
  }
}
.master #Alternating_Content .customdocumentationV4 .row {
  padding: 0 80px;
  text-transform: uppercase;
}

.master #Alternating_Content .customdocumentationV4 .row div a {
  font-family: europa, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 14px;
  display: block;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  background-color: #707070;
  color: #ffffff;
  border-radius: 15px;
  padding: 5px 10px;
}

.master #Alternating_Content .customdocumentationV4 .row div a:hover {
  background-color: #cc3333;
}

@media (max-width: 768px) {
  .master #Alternating_Content .customdocumentationV4 .row div a {
    width: 100%;
  }
  .master #Alternating_Content .customdocumentationV4.faddedHeadline .container [class*=col-] {
    padding-left: 0;
    padding-right: 0;
  }
  .master #Alternating_Content .customdocumentationV4 .row:nth-child(2) div select {
    width: 100%;
  }
}
.master #Alternating_Content .customdocumentationV4 .row:nth-child(2) div select {
  font-family: europa, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  border: 0;
  background-color: #707070;
  color: #ffffff;
  padding: 5px 10px;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 15px;
  -webkit-appearance: listbox;
  appearance: listbox;
}

@media (max-width: 768px) {
  .master #Alternating_Content .customdocumentationV4 .row:nth-child(2) div select {
    width: 100%;
  }
}
.master #Alternating_Content .customdocumentationV4 .row:nth-child(2) div select:focus-visible {
  outline-width: 0;
}

.master #Alternating_Content .customcontactUsv4 {
  background: repeating-linear-gradient(-63.29deg, #f2f2f2, #f2f2f2 8px, #ffffff 8px, #ffffff 15px);
}

.master #Alternating_Content .customcontactUsv4 div {
  padding: 0;
}

.master #Alternating_Content .customcontactUsv4 a {
  font-family: "halogen-slab", serif;
  font-weight: 700;
  font-style: normal;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
  font-size: 25px;
  background-color: #669933;
  color: #ffffff;
  padding: 8px 18px;
  border-radius: 15px;
  line-height: 1;
  letter-spacing: 2px;
}

/*Mike home page slider */
.mike-slider {
  position: relative;
  height: 100vh;
  margin-top: -100px;
}

@media only screen and (min-width: 850px) {
  .mike-slider .slideshow .slide .text {
    margin: 0 auto;
    max-width: 1000px;
    font-size: 16pt;
    line-height: 1.4;
  }
  .mike-slider .slideshow .slide .image {
    width: 100%;
    height: 100%;
    background-image: url("https://hytorc-prod-hytorc-webassets.s3.us-east-1.amazonaws.com/homepage/mike-slider/LST_background.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  .mike-slider .slideshow .slide .image2 {
    width: 100%;
    height: 100%;
    background-image: url("https://hytorc-prod-hytorc-webassets.s3.us-east-1.amazonaws.com/homepage/mike-slider/simultorc_background.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  .mike-slider .slideshow .slide .image3 {
    width: 100%;
    height: 100%;
    background-image: url("https://hytorc-prod-hytorc-webassets.s3.us-east-1.amazonaws.com/homepage/mike-slider/vector_background.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
}
@media only screen and (max-width: 850px) {
  .mike-slider .slideshow .slide .text {
    margin: 0 auto;
    max-width: 1000px;
    font-size: 12pt;
    line-height: 1.4;
  }
  .mike-slider .slideshow .slide .image {
    width: 100%;
    height: 100%;
    background-image: url("https://hytorc-prod-hytorc-webassets.s3.us-east-1.amazonaws.com/homepage/mike-slider/LST_mobile.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
  .mike-slider .slideshow .slide .image2 {
    width: 100%;
    height: 100%;
    background-image: url("https://hytorc-prod-hytorc-webassets.s3.us-east-1.amazonaws.com/homepage/mike-slider/simultorc_mobile.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
  .mike-slider .slideshow .slide .image3 {
    width: 100%;
    height: 100%;
    background-image: url("https://hytorc-prod-hytorc-webassets.s3.us-east-1.amazonaws.com/homepage/mike-slider/vector_mobile.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
}
.mike-slider .btn {
  display: inline-block;
  padding: 13px 20px;
  color: #fff;
  text-decoration: none;
  position: relative;
  background: transparent;
  border: 1px solid #e1e1e1;
  font: 12px/1.2 "Oswald", sans-serif;
  letter-spacing: 0.4em;
  text-align: center;
  text-indent: 2px;
  text-transform: uppercase;
  transition: color 0.1s linear 0.05s;
}

.mike-slider .btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #e1e1e1;
  z-index: 1;
  opacity: 0;
  transition: height 0.2s ease, top 0.2s ease, opacity 0s linear 0.2s;
}

.mike-slider .btn::after {
  transition: border 0.1s linear 0.05s;
}

.mike-slider .btn .btn-inner {
  position: relative;
  z-index: 2;
}

.mike-slider .btn:hover {
  color: #cc3333;
  transition: color 0.1s linear 0s;
}

.mike-slider .btn:hover::before {
  top: 0;
  height: 100%;
  opacity: 1;
  transition: height 0.2s ease, top 0.2s ease, opacity 0s linear 0s;
}

.mike-slider .btn:hover::after {
  border-color: #373737;
  transition: border 0.1s linear 0s;
}

.mike-slider .mike-slider .slideshow {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100vh;
  z-index: 1;
}

.mike-slider .slideshow .mike-slider .slideshow-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mike-slider .slideshow .slides {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.mike-slider .slideshow .slide {
  display: none;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.mike-slider .slideshow .slide.is-active {
  display: block;
}

.mike-slider .slideshow .slide.is-loaded {
  opacity: 1;
}

.mike-slider .slideshow .slide .caption {
  padding: 0 100px;
}

.mike-slider .slideshow .slide .image-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  z-index: 1;
  background-size: cover;
  image-rendering: optimizeQuality;
}

.mike-slider .slideshow .slide .image-container::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.mike-slider .slideshow .slide-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mike-slider .slideshow .slide .title {
  margin: 0 auto 15px;
  max-width: 1000px;
  font: 300 4.5em/1.2 "Europa", sans-serif;
  font-weight: bold;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .mike-slider .slideshow .slide .title {
    font: 300 2.5em/1.2 "Europa", sans-serif;
  }
}
.mike-slider .title:after {
  content: " ";
  display: block;
  height: 4px;
  margin-top: 15px;
  background: #cc3333;
}

.mike-slider .slideshow .slide .btn {
  margin: 15px 0 0;
  border-color: #fff;
}

.mike-slider .slideshow .slide .btn::before {
  background: #fff;
}

.mike-slider .slideshow .pagination {
  position: absolute;
  bottom: 35px;
  left: 18px;
  width: 100%;
  height: 12px;
  cursor: default;
  z-index: 2;
  text-align: center;
}

.mike-slider .slideshow .pagination .item {
  display: inline-block;
  padding: 15px 5px;
  position: relative;
  width: 46px;
  height: 32px;
  cursor: pointer;
  text-indent: -999em;
  z-index: 1;
}

.mike-slider .slideshow .pagination .item + .page {
  margin-left: -2px;
}

.mike-slider .slideshow .pagination .item::before {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  left: 5px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  transition: background 0.2s ease;
}

.mike-slider .slideshow .pagination .item::after {
  width: 0;
  background: #fff;
  z-index: 2;
  transition: width 0.2s ease;
}

.mike-slider .slideshow .pagination .item:hover::before, .mike-slider .slideshow .pagination .item.is-active::before {
  background-color: #cc3333;
}

.mike-slider .slideshow .arrows .arrow {
  margin: -33px 0 0;
  padding: 20px;
  position: absolute;
  top: 50%;
  cursor: pointer;
  z-index: 3;
  border: 0;
}

.mike-slider .slideshow .arrows .prev {
  left: 30px;
}

.mike-slider .slideshow .arrows .prev:hover .svg {
  left: -10px;
}

.mike-slider .slideshow .arrows .next {
  right: 30px;
}

.mike-slider .slideshow .arrows .next:hover .svg {
  left: 10px;
}

.mike-slider .slideshow .arrows .svg {
  position: relative;
  left: 0;
  width: 14px;
  height: 26px;
  fill: #fff;
  transition: left 0.2s ease;
}

/****Interior page styles HY-Care and Hub****/
@media (min-width: 1200px) {
  .master #Top_Banner .customproduct_page.containedWidth > .row > [class*=col-]:first-child > img {
    padding: 0 0;
  }
}
.master #Alternating_Content .customproduct_feature.containedWidth {
  font-family: europa, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.master #Alternating_Content .customproduct_feature.containedWidth .container {
  padding: 0;
}

.master .containedWidth {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.master #Alternating_Content .customproduct_feature.containedWidth .benefitsGrid .row,
.master #Alternating_Content .customproduct_feature.containedWidth .col-xs-4 > .row {
  margin: 0;
}

.master #Alternating_Content .customproduct_feature.containedWidth .col-xs-4:nth-child(2) .col-xs-12:nth-child(2),
.master #Alternating_Content .customproduct_feature.containedWidth .col-xs-4:nth-child(3) .col-xs-12:nth-child(2) {
  margin-top: 20px;
}

.master #Alternating_Content .customproduct_feature .benefitsGrid .row:nth-child(even) {
  border-top: 2px solid #ffcb05;
  border-bottom: 2px solid #ffcb05;
}

.master #Alternating_Content .customproduct_feature .benefitsGrid .row div:nth-child(odd) {
  border-right: 2px solid #ffcb05;
}

.master #Alternating_Content .customproduct_feature .benefitsGrid .row div {
  font-family: oswald, sans-serif;
  font-weight: 400;
  font-style: normal;
}

@media (max-width: 768px) {
  .master #Alternating_Content .customproduct_feature .benefitsGrid .row:nth-child(even) {
    border-top: 0;
    border-bottom: 0;
  }
  .master #Alternating_Content .customproduct_feature .benefitsGrid .row {
    border-bottom: 2px solid #ffcb05;
  }
  .master #Alternating_Content .customproduct_feature .benefitsGrid .row div {
    border-bottom: 2px solid #ffcb05;
  }
  .master #Alternating_Content .customproduct_feature .benefitsGrid .row div:nth-child(odd) {
    text-align: center;
    border-right: 0;
  }
  .master #Alternating_Content .customproduct_feature .benefitsGrid .row div:nth-child(even) {
    text-align: center;
  }
}
.master #Alternating_Content .customproduct_feature .benefitsGrid .row div {
  padding: 40px;
  line-height: 1;
  font-size: 1.4em;
  text-transform: uppercase;
}

.master #Alternating_Content .customproduct_feature.containedWidth .row {
  margin: 20px 0;
}

.master #Alternating_Content .customproduct_feature.containedWidth div {
  font-size: 1.1em;
}

.master #Alternating_Content .customproduct_feature .line {
  position: relative;
  text-align: center;
}

.master #Alternating_Content .customproduct_feature .line span {
  position: relative;
  background-color: #ffcb05;
  color: #222325;
  padding: 5px 10px;
  margin: 0 10px;
  z-index: 1;
}

.master #Alternating_Content .customproduct_feature .line:after {
  position: absolute;
  content: "";
  height: 2px;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  transform: translateX(-50%);
  background: #ffcb05;
}

.master #Alternating_Content .customproduct_feature .line:before {
  position: absolute;
  content: "";
  height: 2px;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  transform: translateX(50%);
  background: #ffcb05;
}

.master #Alternating_Content .customproduct_feature.containedWidth .row i {
  font-size: 2em;
}

.master #Alternating_Content .customproduct_feature.containedWidth .row i.fa-times {
  color: #cc3333;
}

.master #Alternating_Content .customproduct_feature.containedWidth .row i.fa-check {
  color: #ffcb05;
}

/**** Search icon***/
@media (min-width: 768px) {
  #navigation .searchMenu.flagMenu:before {
    content: "\f002";
    font-size: 16px;
  }
  #navigation .searchMenu.flagMenu {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
  }
}
/***** Static feature page ****/
.mike-slider.main-content.static .slide.is-active {
  display: block;
  opacity: 1;
}

.mike-slider.main-content.static .caption {
  padding: 0 20px 0 20px;
}

.cd-headline span {
  text-align: center;
}

.cd-headline {
  font-size: 3rem;
  line-height: 1.2;
}

@media only screen and (min-width: 768px) {
  .cd-headline {
    font-size: 4.4rem;
    font-weight: 300;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-headline {
    font-size: 6rem;
  }
}
.cd-headline.zoom .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}

.cd-headline.zoom b {
  opacity: 0;
}

.cd-headline.zoom b.is-visible {
  opacity: 1;
  -webkit-animation: zoom-in 0.8s;
  -moz-animation: zoom-in 0.8s;
  animation: zoom-in 0.8s;
}

.cd-headline.zoom b.is-hidden {
  -webkit-animation: zoom-out 0.8s;
  -moz-animation: zoom-out 0.8s;
  animation: zoom-out 0.8s;
}

#Alternating_Content .block .container.featurePage {
  padding: 0;
  text-align: left;
}

#Alternating_Content .featurePage .row:nth-child(odd) .col-md-6:first-child,
#Alternating_Content .featurePage .row:nth-child(even) .col-md-6:nth-child(2) {
  padding: 70px 90px 70px 90px;
}

#Alternating_Content .featurePage .row:nth-child(odd) .col-md-6:nth-child(2),
#Alternating_Content .featurePage .row:nth-child(even) .col-md-6:first-child {
  padding: 0;
}

@media (max-width: 768px) {
  #Alternating_Content .featureSection .featurePage .row .col-md-6:first-child {
    padding: 70px 45px 70px 45px;
  }
  #Alternating_Content .featurePage .row:nth-child(even) .col-md-6:nth-child(2) {
    padding: 0;
  }
}
#Alternating_Content .featurePage h1, #Alternating_Content .featurePage h2.np {
  color: #4b4e53;
  font-family: oswald, sans-serif;
  font-weight: 300;
  font-style: normal;
  border-bottom: 3px solid #cc3333;
  text-align: left;
  font-size: 45px;
  padding-bottom: 25px;
  margin-bottom: 30px;
}

#Alternating_Content .featurePage {
  color: #7e8082;
}

p {
  font-size: 16px;
  line-height: 25px;
}

#Alternating_Content .block .container.featurePage a.featureButton {
  display: inline-block;
  padding: 8px 35px 8px 35px;
  color: #7a7b80;
  border: 2px solid #c5c2c2;
  margin-top: 30px;
}

#Alternating_Content .featurePage img {
  height: 100%;
  object-fit: cover;
}

#Alternating_Content .block .container.featurePage a.featureButton:hover {
  color: #ffffff;
  background-color: #4b4e53;
  border: 2px solid #4b4e53;
}

#Alternating_Content .featureSpecs {
  max-width: 1170px;
  font-family: europa, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #4b4e53;
  margin-left: auto;
  margin-right: auto;
  padding: 130px 0 130px 0;
}

@media (max-width: 768px) {
  #Alternating_Content .featureSpecs {
    padding: 50px 0 50px 0;
  }
}
#Alternating_Content .featureSpecs .row:first-child [class*=col-] {
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  #Alternating_Content .featureSpecs .row [class*=col-] {
    margin-bottom: 50px;
  }
  #Alternating_Content .featureSpecs .row .col-md-12 {
    margin-bottom: 0;
  }
}
#Alternating_Content .featureSpecs h3 {
  font-size: 18px;
  display: inline-block;
  vertical-align: text-bottom;
  padding-left: 20px;
}

#Alternating_Content .featureSpecs .fes4-box-icon {
  display: inline-block;
  padding-bottom: 15px;
}

#Alternating_Content .featureSpecs h2 {
  font-family: oswald, sans-serif;
  font-weight: 300;
  font-style: normal;
  border-left: 2px solid #cc3333;
  padding: 22px 25px 24px 25px;
  font-size: 30px;
}

#Alternating_Content .featureProducts {
  background-color: #f2f2f2;
}

#Alternating_Content .featureSpecs .fa {
  display: inline;
  color: rgb(102, 102, 51);
  font-size: 45px;
}

#Alternating_Content .featureSpecs a {
  color: rgb(102, 102, 51);
}

#Alternating_Content .featureSpecs.featureProducts {
  padding-bottom: 0;
}

#Alternating_Content .fullWidthLinkHeadline .row {
  margin: 0;
}

#Alternating_Content .fullWidthLinkHeadline .row a {
  font-family: oswald, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  display: block;
  text-align: center;
  padding: 55px 0 55px 0;
  background-color: #546670;
  color: #ffffff;
  letter-spacing: 4px;
}

#Alternating_Content .fullWidthLinkHeadline .row a:hover {
  background-color: #101010;
}

.page-title-cont {
  padding-top: 135px;
  padding-bottom: 65px;
}

.marketing-banner {
  max-width: 1150px;
  margin-right: auto;
  margin-left: auto;
}

.marketing-selections {
  max-width: 1170px;
  margin-right: auto;
  margin-left: auto;
}

.page-title-cont.grey-dark-bg a {
  color: rgba(255, 255, 255, 0.8);
}

.page-title-cont.grey-dark-bg a:hover {
  color: rgb(255, 255, 255);
}

.page-title-cont.grey-dark-bg .bread-current {
  color: #fff;
}

.pt-250 {
  padding-top: 250px;
}

.grey-dark-bg, .header.no-transparent .header-wrapper.grey-dark-bg {
  background-color: #303236;
}

.grey-dark-bg .page-title, .grey-dark-bg .page-title-big {
  color: #fff;
}

.grey-dark-bg .page-sub-title {
  color: #fff;
}

.page-title-cont.grey-dark-bg a {
  color: rgba(255, 255, 255, 0.8);
}

.page-title-cont.grey-dark-bg a:hover {
  color: rgb(255, 255, 255);
}

.page-title-cont.grey-dark-bg .bread-current {
  color: #fff;
}

.page-title-img {
  width: 100%;
  display: block;
  position: relative;
  background-size: cover;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
}

.relative {
  position: relative;
}

.container .port-grid-3 .port-item {
  width: 33.2%;
}

.container .port-grid-5 .port-overlay-cont {
  padding: 20px;
  padding-right: 10px;
}

.container .port-grid-5 .port-item:hover .port-overlay-cont, .container .port-grid-5 .lightbox-item:hover .port-overlay-cont {
  padding-top: 30px;
}

.page-title {
  margin-bottom: 20px;
  font-size: 34px;
  line-height: 25px;
  letter-spacing: 2px;
  font-weight: 600;
  text-transform: uppercase;
}

.grey-dark-bg .page-title, .grey-dark-bg .page-title-big {
  color: #fff;
}

.grey-dark-bg .page-sub-title {
  color: #fff;
}

.page-sub-title {
  margin-bottom: 15px;
  letter-spacing: 2px;
  font-size: 14px;
  line-height: 15px;
  text-transform: uppercase;
  font-weight: 600;
}

.page-section {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.p-140-cont {
  padding-top: 30px;
  padding-bottom: 0px;
}

.member h3 {
  font-family: "europa", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  margin: 0;
  padding-top: 20px;
  padding-bottom: 5px;
  position: relative;
  color: #4b4e53;
}

.member span {
  font-size: 14px;
  font-style: normal;
}

.member {
  text-align: center;
  margin-bottom: 60px;
}

.mt-30 {
  margin-top: 30px;
}

button {
  border: none;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.button.medium.thin {
  padding: 8px 35px 8px 35px !important;
}

.button.thin, .button.small.thin, .button.medium.thin, .button.large.thin {
  position: relative;
  display: inline-block;
  padding: 13px 17px 13px 17px;
  background-color: transparent;
  color: #7a7b80;
  border: 2px solid #c5c2c2;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.button.medium {
  padding: 10px 37px 10px 37px;
  display: inline-block;
}

.button {
  background-color: #ffea00;
  color: #4b4e53;
  border: none;
  border-radius: 2px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  outline: none;
  position: relative;
}

/*	#CLEARFIX
============================================================*/
.clearfix:before, .clearfix:after, .row:before, .row:after {
  content: " ";
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.row:after, .clearfix:after {
  clear: both;
}

.row, .clearfix {
  zoom: 1;
}

@media (min-width: 1025px) {
  .side-content .container {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .p-140-cont {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .page-title-cont, .page-title-small {
    padding-top: 10px;
    padding-bottom: 40px;
  }
  .page-title-cont.page-title-large {
    padding-top: 30px;
  }
  .page-title-cont.page-title-large.blog-single-fullwidth-img {
    padding-top: 480px;
  }
  .page-title-img {
    background-attachment: scroll;
  }
}
@media only screen and (max-width: 992px) {
  .container-p-75-2 .container {
    width: 820px;
  }
  .port-item, .port-grid-3 .port-item, .container .port-grid-3 .port-item, .port-grid-5 .port-item, .port-item.port-item-width-2 {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .p-140-cont {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .page-title {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 24px;
  }
  .page-title-cont.page-title-large.blog-single-fullwidth-img {
    padding-top: 220px;
  }
}
@media only screen and (max-width: 480px) {
  .p-140-cont {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .port-item, .port-grid-2 .port-item, .port-grid-3 .port-item, .container .port-grid-3 .port-item, .port-grid-5 .port-item, .port-item.port-item-width-2 {
    width: 100%;
  }
}
@media (max-width: 599px) {
  .container-p-75-2 .container {
    width: 600px;
  }
}
@media (min-width: 768px) {
  .container-p-75-2 .container {
    width: 600px;
  }
}
@media (min-width: 991px) {
  .wow {
    visibility: visible !important;
    -webkit-animation: none !important;
    animation: none !important;
  }
}
@media (min-width: 1200px) {
  .container-p-75-2 .container {
    width: 1020px;
  }
}

/*# sourceMappingURL=template.min.css.map */