.mobile-app-icon-bar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  background: #bd3430;
  position:fixed;
  bottom:-1px;
  width:100%;
  left:0;
  z-index:1;
}

.mobile-app-icon-bar li {
  padding: .5rem;
  cursor: pointer;
}

.mobile-app-icon-bar li svg,
.mobile-app-icon-bar li img {
  font-size: 1.5rem;
  max-height: 2.5rem;
  max-width: 2.5rem;
  align-items:center;
  justify-content:center;
  display:block;
  margin:0 auto;
}
.mobile-app-icon-bar li a span {
    display:block;
    font-size:13px;
    color:white;
    font-weight:700;
    font-family:'myriad-pro','sans serif';
    text-align:center;
}
#slider {
  -webkit-appearance: none;
  width: calc(100% - (73px));
  height: 10px;
  border-radius: 5px;
  background: #d7dcdf;
  outline: none;
  padding: 0;
  margin: 0;
}
#slider::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  transition: background .15s ease-in-out;
}
#slider::-webkit-slider-thumb:hover {
  background: #1abc9c;
}
#slider:active::-webkit-slider-thumb {
  background: #1abc9c;
}
#slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  transition: background .15s ease-in-out;
}
#slider::-moz-range-thumb:hover {
  background: #1abc9c;
}
#slider:active::-moz-range-thumb {
  background: #1abc9c;
}
#slider:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #1abc9c;
}
#breadcrumbs {
    padding: 1em;
    font-size:14px;
  }
  #breadcrumbs a {
      display: inline-block;
      /*line-height:200%;*/
      text-decoration:none;
  }
  #breadcrumbs a:visited {
text-decoration:none;
  }
  #breadcrumbs a:nth-last-child(1) {
    font-weight:900;
    color:#1d5f82!important;
    background: antiquewhite;
    padding: 0 .5em;
    border-radius: 12px;
}
.tpn-postcontent ul>li {
overflow-y:visible;
}
ul#menu-patch-design-viewers li {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
  flex-direction:column;
  flex-flow:nowrap;
    font-size: 90%;
  padding:1em;
}
ul#menu-patch-design-viewers li > ul.sub-menu {
        position: relative;
    display: none;
    color: black;
    top: 2em;
    right:10%;
    margin: 0;
    padding: 0;
    z-index: 3;
}
ul#menu-patch-design-viewers ul.sub-menu > li > ul.sub-menu{
    position: absolute;
    display: none;
  left:100%;
  width:100%;
}
ul#menu-patch-design-viewers ul.sub-menu > li {
  padding:.3em;
}
ul#menu-patch-design-viewers li.menu-item-has-children:after {
    content:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px'><path d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' /></svg>");
}
ul#menu-patch-design-viewers ul.sub-menu > li.menu-item-has-children:after {
  content:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' transform='rotate(-90)'><path d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' /></svg>");
}
ul#menu-patch-design-viewers li.menu-item-has-children:hover > ul.sub-menu, ul#menu-patch-design-viewers li.menu-item-has-children:focus > ul.sub-menu,ul#menu-patch-design-viewers li.menu-item-has-children > ul.sub-menu:hover {
    display: block;
}
ul#menu-patch-design-viewers li.menu-item-has-children:hover:after {
  content:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' fill='red'><path d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' /></svg>");
}
ul#menu-patch-design-viewers ul.sub-menu > li.menu-item-has-children:hover:after {
  content:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' transform='rotate(-90)' fill='red'><path d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' /></svg>");
}
h1,h2 {margin:10px auto;display:block;text-align:center;font-family:'myriad-pro','Open Sans', 'sans serif';}
a {text-decoration:none;}
    .subcatwrapper.tpn-postcontent h2 { font-size:24px;text-align:center;}
    h3 { text-align: center; color: #666; }
    h4 { font-size: 24px; text-align: center; color: #666; }
	.order_call table { margin: 10px 20px 0 0;}
	.order_call h3 { margin-bottom: 0; padding-bottom: 0; }
	.order_call td p { font-size: 16px !important; }
	#patch_main_image { margin: 20px; width: 400px; height: auto; }
	#patch_main_image img { width: 400px; height: auto; }
	.patch_thumb { margin-right: 10px; margin-bottom: 15px;}
	
	#slider { margin: 10px 10px; }
	
   
#patches_ul {margin-left:10px}
	.pagination { text-align: center; font-size: 1.5em; margin: 0 10px; }
	.pagination b { background: #039; color: #fff; border: 1px solid #fff; padding: 2px 6px; }
	.pagination a { background: #e1e1e1; border: 1px solid #fff; padding: 2px 6px; }
	.pagination a:hover { border: 1px solid #039; }
	
	img.patch_thumb { max-height: 120px; width: auto; vertical-align: middle; }
	img.patch_thumb.wide { max-width: 180px; height: auto; }
	.patch_thumb {max-height:180px;}
	#slider .ui-slider-range { background: #ef2929; }
	#slider .ui-slider-handle { border-color: #ef2929; }
	
	.patch_tool {
		text-align: center; font-size: 11px; font-weight:bold; padding: 0; margin: 0; color: #666;text-transform: uppercase;
    }
    
	.navbar {
        overflow: hidden;
        background-color: #333;
        position: fixed;
        bottom: 0;
        left:0;
        width: 100%;
      }
      
      .navbar a {
        float: left;
        display: block;
        color: #f2f2f2;
        text-align: center;
        padding: 10px 12px;
        text-decoration: none;
        font-size: 12px;
      }
      
      .navbar a:hover {
        background: #f1f1f1;
        color: black;
      }
      
      .navbar a.active {
        background-color: #4CAF50;
        color: white;
      }