/******************************************************************
Theme Name: Trius Inc.
Theme URI: 
Description: This is child theme that uses the Bones theme as it's parent but strips out all the unnecessary gunk it comes with and also includes some extra goodies of my own.  
Author: Tom Bove 
Author URI:
Version: 1.7
Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support
Template: bones

License: WTFPL
License URI: http://sam.zoy.org/wtfpl/

------------------------------------------------------------------ */

/*********************************************
FONTS

using google fonts

**********************************************/
html, body { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; }

.titillium, .montserrat { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 400; }

/*********************************************
HTML5 
**********************************************/
article, aside, figure, footer, header, nav, section { display: block; }

/*********************************************
GENERAL
**********************************************/
html, body { height: 100%; width: 100%; margin: 0; padding: 0; }
body { background-color: #fff; overflow-x: hidden; }

a, a .fa  { -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -webkit-transition: all 300ms ease; transition: all 300ms ease; }  /* button, .wpcf7-form-control.wpcf7-submit,  */

a:hover { text-decoration: underline; } 
a:focus, button:focus,input:focus, optgroup:focus, select:focus, textarea:focus { outline: 0px none !important; }

hr { clear: both; border-top: solid 1px #848f8f; border-bottom: solid 1px #e6e0da; height: 3px; border-left: 0; border-right: 0; width: 100%; margin: 40px auto; }
 
h1 { font-weight: 700; color: #ffffff; font-size: 43px; }
h2, .h2 { font-weight: 700; color: #26BAD5; font-size: 33px; }
h3, .h3 { font-weight: 700; color: #26BAD5; font-size: 22px; }
h4, .h4 { font-weight: 700; color: #4ABDE2; font-size: 18px; }
h5, .h5 { font-weight: 400; color: #203962; font-size: 18px; }
h6, .h6 { font-weight: 700; color: #203962; font-size: 16px; } 
strong, b { font-weight: 700; }
p, .entry-content li  { font-size: 20px; font-weight: 400; color: #727272; }
 p.leading { font-size: 30px !important; line-height: 37px !important; font-weight: 400; }
 p.leading.light { font-weight: 300 !important; } 

.entry-content.section_content.about-us h2 { font-size: 25px; }
 
.entry-content ul { margin-top: 36px; margin-bottom: 36px; }
.entry-content li { list-style-type: none; position: relative; padding-left: 20px; line-height: 24px; margin: 16px 0; }
.entry-content li:before { content: ''; display: inline-block; background: url(/wp-content/themes/trius/images/arrow-right.png) no-repeat center / 16px; line-height: 24px; width: 20px; height: 24px; position: absolute; top: 0; left: -6px; } 
	/*content: "\f061"; color: #26BAD5; font: normal normal normal 15px/1 FontAwesome; font-size: 15px;	 margin: auto; text-rendering: auto; -moz-osx-font-smoothing: grayscale;*/
.noPadL { padding-left: 0 !important; }
.noPadR { padding-right: 0 !important; }
.noPad { padding-left: 0 !important; padding-right: 0 !important; }
.noPadC { padding-left: 7px !important; padding-right: 8px !important; }
.xPad { padding-left: 30px !important; padding-right: 30px !important; }
.xPadR { padding-right: 30px !important;  }
.xxPadR { padding-right: 60px !important;  }

.text-uppercase { text-transform:uppercase; }
.grey-text { color: #727272 !important; }
.blue-text { color: #26BAD5 !important; }

a.preload { background-position:-99999px -99999px; background-repeat:no-repeat; }

.flex { display: flex; }

.page-template-default .entry-content h1 { color: #26BAD5; }

.margin-auto { margin:0 auto; }

.noScroll { overflow:hidden; }

.fixed { position:fixed; }
.absolute { position:absolute; }
.relative { position:relative; }
.static { position:static; }

.vcentered { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; }
.clear { clear: both; }

@keyframes hop {
  0%, 50%,100% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-10px);
  }
  75% {
    transform: translateY(-16px);
  }
}

/*********************************************
NAVIGATION

Good for main navs, footer navs, etc...
**********************************************/
#mobile_menu { display: none; }

nav { background-color: rgba(0, 0, 0,0.69); z-index: 999; position: relative; }
nav .container { position: relative; }

#menu-main-navigation-1 { padding-left: 0 !important; padding-right: 0 !important; margin-top: 0; }
#menu-main-navigation-1 li { display: inline-block; position: relative; }
#menu-main-navigation-1 li a { display: block; line-height: 50px; padding: 10px 20px 14px; color: #fff; font-size: 17px; }
 #menu-main-navigation-1 li a:focus, #menu-main-navigation > li a:active { text-decoration: none; outline: 0 none !important; } 	
 #menu-main-navigation-1 li a:hover { opacity: 1; }
 #menu-main-navigation-1 li.menu-item-has-children > a:after  { content: "\f0dd"; color: #26BAD5; font: normal normal normal 15px/1 FontAwesome; font-size: 15px;
	 			margin: auto; text-rendering: auto; -moz-osx-font-smoothing: grayscale; display: inline-block; padding-left: 8px; position: absolute; 
	 			line-height: 46px; }
#menu-main-navigation-1 > li.current_page_item a, #menu-main-navigation-1 > li.current_page_ancestor > a { color: #33a569; }
#menu-main-navigation-1 > li .sub-menu { display: none; position: absolute; padding: 5px 0; margin: 0; min-width: 284px; top: 100%; left: -4px; z-index: 999; background: #fff; }
#menu-main-navigation-1 > li:last-of-type .sub-menu { left: auto; right: -4px; }
#menu-main-navigation-1 > li:hover > a:before { content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: calc(100% - 36px); background: #26BAD5; height: 5px; }
#menu-main-navigation-1 > li .sub-menu li { display: block; background-color: #fff; }
#menu-main-navigation-1 > li .sub-menu li a { font-size: 15px; border-bottom: 0.75px solid #ddd; padding: 0 32px 0 24px; color: #333; text-align: left; line-height: 40px; transition: all 0.3s ease; }
#menu-main-navigation-1 > li .sub-menu li:last-child a { border-bottom: 0; }
#menu-main-navigation-1 > li .sub-menu li:hover a, #menu-main-navigation-1 > li .sub-menu li a:hover { background: #26BAD5; color: #fff; text-decoration: none; }
#menu-main-navigation-1 > li .sub-menu li a i, #menu-main-navigation-1 > li .sub-menu li a i, #menu-main-navigation-1 > li .sub-menu li a img.arrow-right { color: #fff; position: absolute; right: 10px; height: 16px; top: 0; bottom: 0; margin: auto; line-height: 40px; }
#menu-main-navigation-1 > li a:hover + .sub-menu, #menu-main-navigation-1 > li:hover .sub-menu, #menu-main-navigation-1 > li .sub-menu:hover  { display: block; }

.search_btn { position: absolute; right: 15px; top: 0; height: 60px; width:60px; line-height:60px; text-align:center;
				background-color: rgba(13,150,72,0.6); color: #fff; font-size: 22px; cursor: pointer; } 
.search_btn:hover { color: #fff; }
#search { right: 15px; position: absolute; min-width: 350px; height: 60px; padding: 12px; background-color: #0d9648; 
		text-align: right; display: none; }
 #searchform { position: relative; }
 #searchform:before { content:"\f002";display:inline-block;line-height:36px !important;color:#fff;position:absolute;
		left: 3px; top: 0; font: normal normal normal 20px/1 FontAwesome; text-rendering: auto; 
		-moz-osx-font-smoothing: grayscale; } 
#search input#s { background-color: #fff; border: 0; line-height: 36px; min-width: 252px; padding: 0 12px; }
#search #searchsubmit { background: transparent; color: #fff; border: 0; font-size: 22px; }

#hinfo .btn.contact-us, a.btn { font-size: 15px; border: 1px solid #26BAD5; color: #fff; line-height: 40px; padding: 0 16px; transition: all 0.3s ease; }
#hinfo .btn.contact-us:hover, a.btn:hover { background-color: #26BAD5; color: #fff; }

.sub-menu::-webkit-scrollbar { width: 8px; }
.sub-menu::-webkit-scrollbar-track { background-color: transparent; }
.sub-menu::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 3px; } 
.sub-menu::-webkit-scrollbar-button { background-color: transparent; } 
.sub-menu::-webkit-scrollbar-corner { background-color: black; }

/*********************************************
PAGE STRUCTURE
**********************************************/
/* HEADER */
header { position: fixed; z-index: 9999; top: 0; left: 0; width: 100vw; height: 185px; background-color: #000; transition: all 333ms ease-in-out; }
header #inner-header { height: 100%; }
header #hinfo { height: 99px; transition: all 333ms ease-in-out; }
header #hmenu { height: 86px; padding-top: 12px; transition: all 333ms ease-in-out; }

header.sticky { height: 145px; }
header.sticky #hinfo { height: 69px; }
header.sticky #hmenu { height: 76px; padding-top: 2px; }

header #logo { height: 44px; position: relative; z-index: 9999; }
header #logo a { display: block; }
header #hinfo { position: relative; z-index: 2222; padding: 32px 0 0; }

header #logo img { height: 44px; }
header .infowrap { position: absolute; margin: auto 0; top: 0; bottom: 0; right: 0; height: 96px; width: auto; }
 header .loc-info { font-weight: 700; color: #26BAD5; font-size: 20px; line-height: 1; text-transform: uppercase; }
header .mid_col { height: 150px; display: table-cell; vertical-align: middle; }
 header .loc-info span { padding: 6px; }
 header .contact-info, header .contact-info a { font-weight: 700; color: #4e4e4e; font-size: 25px; line-height: 30px; }
 header .contact-info a { padding-left: 16px; margin-left: 12px; position: relative; }
  header .contact-info a:before { content: "\f0c8"; color: #26BAD5; font: normal normal normal 6px/1 FontAwesome; font-size: 6px; margin: auto; height: 3px;
	  			text-rendering: auto; -moz-osx-font-smoothing: grayscale; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; }
.mobi-contact { line-height:60px; width: 100%; text-align: center; color: #fff; font-size: 22px; text-transform: uppercase; font-weight: 900; }
.mobi-contact .fa { padding-left: 0.8em; }
.mobi-contact:hover { text-decoration: none; }
#menu-main-navigation-1 #menu-item-search a.opended:before { content: ""; width: 0; height: 0; border-style: solid; 
	border-width: 6px 5px 0 5px; position: absolute; top: 0; border-color: rgba(248,216,113,0.9) transparent transparent transparent; }
	
#s::-webkit-input-placeholder { font-size: 14px; font-weight: 300; color: #344343; }
#s::-moz-placeholder { font-size: 14px; font-weight: 300; color: #344343; }
#s:-ms-input-placeholder { font-size: 14px; font-weight: 300; color: #344343; }
#s:-moz-placeholder { font-size: 14px; font-weight: 300; color: #344343; }

.mc4wp-form-fields ::-webkit-input-placeholder { font-size: 12px; font-weight: 300; color: #344343; }
.mc4wp-form-fields ::-moz-placeholder { font-size: 13px; font-weight: 300; color: #344343; }
.mc4wp-form-fields :-ms-input-placeholder { font-size: 13px; font-weight: 300; color: #344343; }
.mc4wp-form-fields :-moz-placeholder { font-size: 13px; font-weight: 300; color: #344343; }
.mc4wp-form.mc4wp-form-691 { padding-right: 0 /*16%*/; }
.mc4wp-form-fields { padding: 8px 12px; text-align: left; z-index: 9990; border: 1px solid #dfdfdf; /*background-color: #dfdfdf; display: none;*/  margin-top: 8px; }
.mc4wp-form-fields h3 { display: block; line-height: 1em; margin: 0; text-transform: uppercase; 
		font-size: 15px; font-weight: 700; color: #4e4e4e;  white-space: nowrap; overflow: hidden;}
.mc4wp-form-fields h3 span {display:none;}
.mc4wp-form-fields input { font-size: 13px; line-height: 27px; height: 27px; background: #fff; }
.mc4wp-form-fields input[type="submit"] { width: 26.75%; padding: 0 6px; border: 1px solid #444; color: #fff; background: #444; text-transform: uppercase; line-height: 27px; height: 29px; vertical-align: top; }
.mc4wp-form-fields input[type="email"] { width: 100%; padding: 0 6px; border: 0; border-bottom: 1px solid #bbb; line-height: 27px; height: 27px; background: transparent none; }
.mc4wp-form-fields label { position: relative; width: 70%; margin: 0; line-height: 20px; vertical-align: top; }
.mc4wp-form-fields label:before { content: ''; display: block; width: 1px; height: 8px; 
		background: #bbb; position: absolute; left: 0; bottom: 0; }
.mc4wp-form-fields label:after { content: ''; display: block; width: 1px; height: 8px; background: #bbb; position: absolute; right: 0; bottom: 0; }
.mc4wp-alert.mc4wp-success p { line-height: 1.1; margin-top: 4px; }

@media (min-width: 1600px) {
    .container { width: 1560px !important; }
}
@media (min-width: 1450px) {
    .container { width: 1410px !important; }
}

/* MAIN CONTENT SECTIONS */
.page-template-default #main,
    .single #main, .search #main { margin-top: 174px; padding-bottom: 60px; }

.distro.type-distro .feature, 	
.home #banner_underlay, .equipment-template-default.single-equipment #banner_underlay,
   .page-template-default #banner_underlay.prts_serv { position: relative; top: 0; height: 48vw; z-index: 998; max-height: calc(100vh - 150px); }  
#banner_underlay #slideshow, #banner_underlay #slideshow .cycle-slide { height:100%; width:100%;}
#banner_underlay #pager, #banner_underlay #pspager { width: 100%; text-align: right; padding-right: 10%; position: absolute; bottom: 20px; z-index: 9996; }
#banner_underlay #pager span, #banner_underlay #pspager span { height: 13px; width: 13px; background: #fff; display: inline-block; margin: 4px; border: 1px solid #fff; color: transparent; cursor: pointer; }
#banner_underlay #pager span.cycle-pager-active, #banner_underlay #pspager span.cycle-pager-active { background: transparent; }

.page-template-default #banner_underlay, 
  .post-template-default #banner_underlay, 
  .equipment-template-default.single-equipment #banner_underlay { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; top: 0; height: 44vw; z-index: 998; background: #000; margin-bottom: 48px; } 
.page-template-default #banner_underlay.prts_serv, .page-template-default #banner_underlay, .equipment-template-default.single-equipment #banner_underlay { height: 36vw; }

.distro.type-distro .feature video { height: 108%; width: 100%; position: absolute; top: -8%; left: 0; z-index: 33; }
.distro.type-distro .feature #banner, 
.page-template-default #banner_underlay #banner, .post-template-default #banner_underlay #banner, .equipment-template-default.single-equipment #banner_underlay #banner { height: 100%; width: 100%; position: absolute; z-index: 22; top: 0; left: 0; }
.post-template-default #banner_underlay h1.page-title { /*position: absolute; top:0; bottom:0; left:0; right:0; height: 170px; */
			max-width: 918px; padding-bottom: 8%; margin: auto; line-height: 103px; color: #fff; text-align: center; font-size: 85px; z-index: 9998; text-shadow: -1px -1px 12px rgba(51, 51, 51, 0.25), 1px 1px 12px rgba(51, 51, 51, 0.25); }
.page-template-default #banner_underlay h1.page-title, .equipment-template-default.single-equipment #banner_underlay h1.page-title { position: absolute; bottom: 0.75em; left: 0; right: 0; padding-bottom: 2%;
			margin: auto; line-height: 1.275em; height: auto; color: #fff; text-align: left; font-size: 70px; z-index: 9998; text-shadow: -1px -1px 12px rgba(51, 51, 51, 0.25), 1px 1px 12px rgba(51, 51, 51, 0.25); }			
.home.page-template-default #banner_underlay h1.page-title { bottom: unset; text-align: center; }
.page-template-default #banner_underlay h1.page-title span, .post-template-default #banner_underlay h1.page-title span, .equipment-template-default.single-equipment #banner_underlay h1.page-title span { display: block; font-size: 27px; line-height: 1.2; font-weight: 500; margin-top: 1.25em; padding: 0 54px; text-transform: none; }
.page-template-default #banner_underlay i.fa { position: absolute; bottom: 7.5%; left:0; right:0; margin: auto; color: #26BAD5; font-size: 24px; text-align: center; z-index: 9997; animation: hop 2s ease-in-out infinite; }	
.page-template-default #banner_underlay .arrow-down { position: absolute; bottom: 7.5%; left:0; right:0; margin: auto; z-index: 9997; animation: hop 2s ease-in-out infinite; }
.page-template-default #banner_underlay .arrow-down img { display: block; width: auto; height: 26px; margin: auto; }

.page-id-695.page-template-default #banner_underlay, .page-id-695.post-template-default #banner_underlay { height: 220px; }
.page-id-695.page-template-default #banner_underlay #banner, .page-id-695.post-template-default #banner_underlay #banner { background: none !important; }
.page-id-695.page-template-default #banner_underlay h1.page-title, .page-id-695.post-template-default #banner_underlay h1.page-title { top:60px; color: #000;text-shadow: unset; }

.single-equipment .entry-content p, .single-equipment .entry-content li {
    font-size: 30px; font-weight: 300; color: #727272; padding-right: 18%;
}
.single-equipment .distros-content h2, .single-equipment .distros-content h3 { font-size: 20px; line-height: 24px; color: #727272; margin-bottom: 2em; }

.single-equipment .additional_content { background: #F2F2F2; margin-top: 60px; }
.single-equipment .additional_content .col-sm-12 figure { height: 36vw; overflow: hidden; }
.single-equipment .additional_content .col-sm-12 img { object-fit: cover; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); }
.single-equipment .additional_content img { max-width: 100%; }
.single-equipment .additional_content .adcontent { display: flex; flex-direction: column; justify-content: center; padding: 4rem calc(5vw + 1rem) 2rem 2rem; }
.single-equipment .additional_content h3 { font-size: 20px; line-height: 26px; color: #727272; margin-bottom: 0; }
.single-equipment .additional_content p { font-size: 18px; line-height: 26px; color: #727272; margin-bottom: 1em; }

.distro.type-distro .entry-content .row { margin-top: 1rem; margin-bottom: 1rem; }
.secondary_img img, .tertiary_img img { max-width: 100%; }

.distro_logos.container, .distro_logos.slider_block { padding-top: 62px; padding-bottom: 68px; padding-left: 64px; padding-right: 64px; position: relative; height: 276px; overflow: hidden; }
.distro_logos.slider_block a { height: 132px; }
.distro_logos.slider_block a img { height: 100%; width: 100%; }

.slick-slider.marquee-logo { padding: 0 60px; height: 137px; overflow: hidden; }
.slider-logo { display: inline-block; border: 1px solid #e8e8e8; margin: 2px; }
.slider-logo img { max-width: 100%; }
#prev_slick, #next_slick, #rtg_prev, #rtg_next { background-color: #26BAD5; width: 38px; height: 38px; 
		line-height: 38px; text-align: center; color: #fff; position: absolute; top: -8%; bottom: 0; margin: auto 0; }
#prev_slick, #rtg_prev { left: 15px; } 
#next_slick, #rtg_next { right: 15px; }

#makeMeScrollable { width: 100%; position: relative; margin-top: 0; margin-bottom: 20px; height: 132px; }
#makeMeScrollable div.scrollableArea a { position: relative; float: left; padding: 2px 6px; display: block;  }
#makeMeScrollable div.scrollableArea a img { border: 1px solid #e8e8e8; 
	/* -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; */ }
#makeMeScrollable:before { content: ""; background: #26BAD5 url(images/arrow-left-white.png) no-repeat center / 20px; width: 38px; height: 38px; position:absolute; top:0; bottom:0; left:-64px;  	
	margin:auto; text-align: center; color: #fff; opacity: 1; }
#makeMeScrollable:after { content: ""; background: #26BAD5 url(images/arrow-right-white.png) no-repeat center / 20px; width: 38px; height: 38px; position:absolute; top:0; bottom:0; right:-64px;
	margin:auto; text-align: center; color: #fff; opacity: 1; } 

.timeline { margin-top: 8rem; }
.tlrow { display: flex; gap: 1.5rem; margin-bottom: 1.5rem; }
.tlrow.align-right { flex-direction: row-reverse; }
.tlrow .item { width: calc(25% - 1.125rem); padding: 1.75rem 2.5rem; position: relative; }
.tlrow .item:after { content: ''; display: flex; position: absolute; z-index: 99; right: -27px; top: 0; bottom: 0; margin: auto; background: #fff url(/wp-content/themes/trius/images/arrow-right.png) no-repeat center / 20px; width: 38px; height: 38px; }
.tlrow.align-right .item:after { right: auto; left: -27px; transform: rotate(180deg); }
.tlrow .item:last-child:after { right: 0; left: 0; top: auto; bottom: -27px; transform: rotate(90deg); }
.tlrow:last-child .item:last-child:after { display: none; }

.tlrow .item h3 { color: #fff; font-size: 54px; margin: 0; }
.tlrow .item p { color: #fff; font-size: 18px; }

.col-lg-3.col-md-6.grey-block.grey-block { padding-left: 8px; padding-right: 8px; }
.col-sm-3.grey-block > div, .col-md-3.grey-block > div, .col-lg-3.grey-block > div { background: #F2F2F2; min-height: 244px; margin-bottom: 30px; }
.col-sm-3.grey-block > div h5, .col-md-3.grey-block > div h5, .col-lg-3.grey-block > div h5 { 
	background: #EDEAEA;    
	font-size: 18px;
    font-weight: 700;
    margin: 0 0 0.5em;
    padding: 1rem 2rem; 
}

.col-sm-3.grey-block > div p, .col-md-3.grey-block > div p, .col-lg-3.grey-block > div p { font-size: 17px; line-height: 1.25; margin: 0; padding: 0.5rem 2rem; }
.col-sm-3.grey-block > div p strong, .col-sm-3.grey-block > div p b, .col-md-3.grey-block > div p strong, .col-md-3.grey-block > div p b, .col-lg-3.grey-block > div p strong, .col-lg-3.grey-block > div p b { font-size: 18px; }



 
#our-family-wrapper { position: relative; margin-top: 30px; margin-bottom: 20px; height: 132px; overflow: hidden; box-sizing: content-box !important; }
.logo-wrapper { display: inline-block; zoom: 1; float: left; width: auto; position: relative; cursor: pointer; margin-right: 20px; }

.tagline { background-color: #26BAD5; }
.tagline h1 { color: #fff; font-weight: 900; font-size: 43px; padding: 1.3em 15px; line-height: 1.25em; /* line-height: 164px; */ text-transform: uppercase; margin: 0 auto; text-align: center; }
.tagline img { max-width: 100%; height: auto; }

.product_highlights { background-color: #e7e7e7; text-align: center; padding: 60px 0 84px; margin-top: 8px; }
.product_highlights h2 { color: #26BAD5; font-size: 33px; font-weight: 900; text-align: center; text-transform: uppercase; margin-top: 0; }
.product_highlights .row { margin-left: -8px; margin-right: -8px; }
.product_highlights .col-sm-4 { padding-left: 8px; padding-right: 8px; }
.product_highlights .phwrap { background-color: #fff; min-height: 500px; position: relative; }
.product_highlights h3 { color: #26BAD5; font-size: 22px; margin-top: 1.25em; margin-bottom: 0.5em; text-transform: uppercase; }
.product_highlights p { font-size: 19px; line-height: 24px; max-height: 72px; padding: 0 25px; margin: 0; }
.product_highlights .pimg { width: 100%; height: 0; padding-bottom: 64%; }

.product_highlights .phlinks { position: absolute; bottom: 0; width: 100%; height: auto; background-color: #26BAD5; padding: 8px 0; } 
.product_highlights .phlinks a { width: 100%; display: block /* table */; color: #fff; font-weight: 700; font-size: 18px; text-transform: uppercase; line-height: 32px; padding: 0px; background-color: #26BAD5; text-align: center; } 

.product_highlights a span { display: table-cell; vertical-align: middle; }
.product_highlights a .fa { line-height: 32px; font-size: 20px; padding-left: 12px; /*position: absolute;*/ }
.product_highlights a:hover { text-decoration: none; color: #fff; opacity: 0.8; }


.equipment-block { margin-bottom: 48px; position: relative; min-height: 444px; }
.entry-content .equipment-block:first-of-type { margin-bottom: 0; }

.equip-bg { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 0; padding-bottom: 30%; border-radius: 46px; overflow: hidden; background-blend-mode: multiply; }
.equip-bg:before { content: ''; background: #4B4B4B; opacity: 0.8; position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: multiply;  }
.equipment-block-inner { text-align: center; position: relative; z-index: 11; padding: 1.5rem 1.5rem 0.75rem; }
.equipment-block-inner h2 { color: #fff; font-size: 40px; line-height: 48px; font-weight: 700; }
.equipment-block-inner p { color: #fff; font-size: 18px; line-height: 22px; max-width: 920px; margin: 0.5em auto 1.125em; } 

.distro-list { width: 88%; max-width: 1024px; margin: 1.5rem 0; display: flex; flex-wrap: wrap; /*justify-content: center;*/ gap: 1rem; }
.equipment-block .distro-list { margin: 1.5rem auto; justify-content: center; }
.distro-block { width: calc(33.33% - 1rem); aspect-ratio: 32 / 29.4; border-radius: 25px; overflow: hidden; }
.distro-list.dc-1 .distro-block { width: 66.67%; aspect-ratio: 95 / 43; }
.distro-list.dc-8 { width: 88%; max-width: 1200px;}
.distro-list.dc-2 .distro-block, .distro-list.dc-4 .distro-block, .distro-list.dc-8 .distro-block { width: calc(25% - 1rem); aspect-ratio: 32 / 29.4; }
.distro-list.dc-2, .distro-list.dc-4, .distro-list.dc-2 { width: 88%; max-width: 1200px; }


.distro-block a { display: block; width: 100%; height: 100%; position: relative; }
.distro-block a div { display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; bottom: 0; left: 0; width: 100%; min-height: 62px; text-align: center; padding: 0.5rem; background: rgba(38, 186, 213, 0.87); transition: all 333ms ease-in-out; }
.distro-block a div span { color: #fff; font-size: 18px; font-weight: 600; }
.distro-block a div span small { font-size: 80%; line-height: 1.125; display: block; }
.distro-block a div img.arrow-right { display: block; color: #fff; max-height: 0; opacity: 0; transition: all 333ms ease-in-out; }

.distro-block a:hover div span { margin: 0.75em auto 0.5em; }
.distro-block a:hover div img.arrow-right { max-height: 22px; margin: 0.75rem 0 1.25rem; opacity: 1; }

.distros-content .distro-list { width: 100%; }

.readytogo { padding: 104px 0 178px; position: relative; }
#rtg { margin-left: 60px;}
#rtg .cycle-slide { height: 425px; width: 100%; }
#rtg .cycle-slide .rtg_info { background: rgba(255,255,255,0.9); top: 425px; position: absolute; padding: 10px; }
.rtg_copy { margin-right: -60px; height: 425px; }
.rtgwrap { height: 200px; width: 78%; position: absolute; top: 0; bottom: 0; margin: auto 0; right: 60px; }
.rtg_copy h4 { color: #26BAD5; font-weight: 900; font-size: 30px; line-height: 1; text-transform: uppercase; margin-bottom: 0.5em; }
.rtg_copy p { color: #4e4e4e; line-height: 24px; margin-top: 0; margin-bottom: 1.2em; }
.rtg_copy .btn.grey { color: #4e4e4e; font-weight: 900; font-size: 18px; background-color: #e1e1e1; padding: 0 24px; line-height: 48px; text-transform: uppercase;  }
.rtg_copy .btn.grey .fa { color: #26BAD5; padding-left: 18px; }

.job_posting { padding: 2rem 0; }
.job_posting h2 { font-size: 40px; margin-bottom: 0.5em; }
.job_posting h3 { font-size: 25px; font-weight: 700; margin-top: 0; }
.entry-content .job_posting ul { padding-left: 0.5rem; margin: 1rem 0; }
.entry-content .job_posting li:before { 
	content: "• "; background: none transparent;
    display: inline-block; 
    line-height: 18px;
    width: 20px;
    height: 24px;
    position: absolute;
    top: 0;
    left: -6px; 
	font-size: 4rem;
}
.section_content.contact-us { padding-top: 0px; padding-bottom: 0px; }
.contact-us .team_contact { display: flex; border-top: 1px solid #e8e8e8; padding-top: 44px; padding-bottom: 44px; }
.contact-us .team_contact:first-child { border: 0; }
.contact-us .team_contact .ci_ { /*border: solid 1px rgb(10, 86, 64); background-color: rgb(161, 161, 161); 
		box-shadow: 2.5px 4.33px 27px 0px rgba(0, 0, 0, 0.35); height: 266px;  */
		width: 100%;  aspect-ratio: 38 / 30;
		/* height: 0; padding-bottom: 86%; */ }
.contact-us .team_contact img.rmap { width: 100%; /*height:266px; aspect-ratio: 59.5 / 35;*/ }
.contact-us .team_contact .contacnt {     
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;     
	min-height: 100%;
	padding-left: 40px; padding-right: 0; position: relative;
}
.contact-us .team_contact h2 { font-size: 25px; line-height: 1.125; margin: 0 0 0.35em; }
.contact-us .team_contact h2 span { text-transform: uppercase; color: #727272; font-size: 16px; display: block; }
.contact-us .team_contact h3 { color: #727272; font-size: 22px; margin: 0.5em 0 0; line-height: 1.25em; }
.contact-us .team_contact p { font-size: 17px; margin-top: 0; line-height: 1.5em; }
.contact-us .team_contact p strong { padding-right: 0.65em; } 
/*.contact-us .team_contact .contacnt a { color: #fff; background-color: #26BAD5; font-size: 18px; 
			font-weight: 900; text-transform: uppercase; position: absolute; line-height: 52px; 
			bottom: 0; padding: 0 24px; width:248px; }
.contact-us .team_contact .contacnt a .fa { position: absolute; right: 18px; line-height: 52px; } */
.contact-us .team_contact .contacnt a { color: #727272; }
.contact-us .team_contact .contacnt a:hover { color: #fff; }
.contact-us .team_contact .contacnt a img.fa-arrow-right, .distro.type-distro .logo-block img.fa-arrow-right { margin-left: 24px; width: auto; height: 16px; display: inline-block; margin-bottom: 1px; }

.section_content.about-us { padding-top: 88px; padding-bottom: 80px; }
.sidebar .text_block { background-color:#e7e7e7; margin:36px 0 12px; padding:8px 36px 104px; position:relative; }
.sidebar .text_block p { color: #26BAD5; font-weight: 700; font-size: 25px; line-height: 30px; }
.sidebar .text_block a { position: absolute; bottom: 0; left: 0; width: 100%; line-height: 80px; 
			background: #26BAD5; color: #fff; padding: 0 36px; font-size: 18px; text-transform: uppercase; }
.sidebar .text_block a:after { content: ''; display: inline-block; background: url(/wp-content/themes/trius/images/arrow-right-white.png) no-repeat center / 20px; line-height: 80px; width: 20px; height: 80px; position: absolute; right: 36px; } 
	/* content: "\f061"; color: #fff; font: normal normal normal 15px/1 FontAwesome; font-size: 20px;	 margin: auto; text-rendering: auto; -moz-osx-font-smoothing: grayscale; */

.sidebar iframe  { width: 100%; height: 190px; margin-top: 18px; }

.thpager { text-align: center; margin-top: 24px; padding-bottom: 54px; }
.thpager a { width: 108px; height: 82px; overflow: hidden; opacity: 0.2; padding: 2px; display: inline-block; }
.thpager a img { max-height: 82px; width: auto; }
.thpager a.cycle-pager-active { opacity: 1; }
.section_content.equipment .prod_block .distro_logos { text-align: center; height: auto; margin-left: -60px; margin-right: -60px; padding-top: 12px; padding-bottom: 0; }
.section_content.equipment .prod_block .distro_logos img { width: auto; height: 118px; border: 1px solid #e8e8e8; margin: 5px; }

.eprev, .enext { position: relative; top: 38%; background-color: #26BAD5; width: 38px; height: 38px; line-height: 38px; text-align: center; color: #fff; } 


.section_content.parts-service h2, .section_content.parts-service h3 { margin: 2rem 0; }
.section_content.parts-service p + h2, .section_content.parts-service p + h3, .section_content.parts-service p + h4 { padding-top: 3rem; }
.section_content.parts-service { padding-top: 48px; padding-bottom: 92px; }
.section_content.parts-service h5 { font-size: 17px; font-weight: 700; color: #26BAD5; }
.section_content.parts-service .leading + h5 { margin-top: 2.5em; }
.section_content.parts-service p { font-size: 20px; margin-top: 0.25em; line-height: 24px; } 
.section_content.parts-service p strong + strong, 
   .section_content.parts-service p strong + br + strong { margin-top: 8px; display: inline-block; }

.section_content.equipment { padding-top: 88px; padding-bottom: 80px; }
.section_content.equipment h2 { color: #4e4e4e; text-transform: none; font-weight: 700; margin-bottom: 0; }
.section_content.equipment h2 + p { margin-top: 0; }
.section_content.equipment h2 + p em { font-size: 16px;  text-align: center; }
.equip_btns  { margin-left: -1px; margin-right: -1px; }
.equip_btns > div  { padding: 1px; }
.equip_btns a { display: block; color: #4e4e4e; background: #f2f2f2; line-height: 60px; text-align: center; font-weight: 700; font-size: 16px; cursor: pointer; }
.equip_btns a.active { background: #26BAD5; color: #fff; }
.equip_btns a:hover { background-color: #c8c8c8; text-decoration: none; color: #4e4e4e; }
.prod_block { margin: 24px 60px; position: relative;  }
.prod_block.ehidden { display: none; }
.section_content.equipment .prod_block h2 { text-align: center; color: #26BAD5; text-transform: uppercase; font-weight: 900; margin: 1.25em auto 0.25em; }
.section_content.equipment .prod_block h2 + #slideshow { margin-top: 1.5em; } 
.prod_block img { width: 100%; }

.prod_block .cycle-slideshow  { margin-bottom: 1em; }
.prod_block .cycle-slideshow .slide { padding-top: 1.5em; }
.prod_block .cycle-slideshow .slide span  { position: absolute; top: 0; left: 0; }


.distro.type-distro .prod_block {
    margin: 0;
    position: relative;
}
.distro.type-distro .prod_block .cycle-slideshow .slide {
    padding-top: 0;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16 / 8;
}
.distro.type-distro .prod_block .slide img {
	width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.distro.type-distro .distros-content { background: #f2f2f2; margin-top: 12rem; }
.distro.type-distro .distros-content .distro-block { opacity: 0.25; }
.distro.type-distro .distros-content .distro-block.current-distro, 
	.distro.type-distro .distros-content .distro-block:hover { opacity: 1; }
.distro.type-distro .distros-content .container { padding: 8rem; }
.distro.type-distro .distros-content .distro-list { justify-content: center; margin: auto; }
.distro.type-distro .distros-content .distro-list .distro-block { width: calc(25% - 1rem); }

.distro.type-distro .snav { display: flex; }
.distro.type-distro .thnav, .distro.type-distro .thpager { height: 140px; }
.distro.type-distro .thnav { display: flex; gap: 0.75em; width: 140px; }
.distro.type-distro .thnav .eprev, .distro.type-distro .thnav .enext { display: block; background-color: #26BAD5; width: 38px; height: 38px; line-height: 38px; text-align: center; color: #fff; }
.distro.type-distro .thnav .eprev img, .distro.type-distro .thnav .enext img { width: 22px; transform: translateY(-2px); }
.distro.type-distro .thpager { display: flex; flex: 1; gap: 10px; margin-top: 0; padding-bottom: 0; }
.distro.type-distro .thpager a { flex: 1; height: 140px; }
.distro.type-distro .thpager a img { height: 140px; max-height: 140px; width: auto; position: relative; left: 50%; transform: translateX(-50%); }

.distro.type-distro .logo-block { display: flex; flex-direction: column; gap: 2rem; justify-content: center; }
.distro.type-distro .logo-block img { display: block; width: 60%; max-width: 320px; margin: 0 0 -18px; }
.distro.type-distro .logo-block p { font-size: 20px; line-height: 24px; width: 85%; color: #727272; }
.distro.type-distro .logo-block p a.btn { display: inline-block; margin-top: 0.5em; }
.secondary_img { height: 100%; aspect-ratio: 16 / 10; position: relative; overflow: hidden; }
.secondary_img img { height: 100%; width: auto; max-width: 150%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.post-template-default header h2.entry-title  { font-size: 36px; line-height: 48px; margin-bottom: 12px; }
.post-template-default header p.byline.entry-meta.vcard { margin-top: 0; } 

.blog_item { border-bottom: 1px solid #ccc; } 
.blog_item h3 { text-transform: uppercase; font-size: 24px; margin-bottom: 12px; color: #26BAD5; }
.blog_item h3 span { font-size: 18px; text-transform: none; padding-left: 8px; color: #000; display: block; }
.blog_item p { margin-top: 0; }
.blog_item img { width: 20%; height:auto; margin-right: 15px; float: left;  }

.section_content p a { color: #4e4e4e; }

.search #main { padding-bottom: 44px; min-height: 480px; }
	.search .hentry { display: block; padding-top: 20px; padding-bottom: 24px; border-top: 1px solid #e4e8e8;}
	.search .search-title.entry-title { margin-bottom: 0.2em; }
	.search .search-title.entry-title a { color: inherit; }
    .search .archive-title { color: #61727a; }
	.archive-title { text-transform: capitalize; margin-top: 72px; margin-bottom: 44px; }
	.search-everything-highlight { font-weight: 600; }
	.container.search-results h4 a, .container.search-results a h4 { color: #040707; text-decoration: none; }
	.search .entry-content p, .container.search-results p a,
			 .container.search-results a p  { color: #61727a; text-decoration: none; }
	 .container.search-results p a:hover,
	 		 .container.search-results a:hover p { color: #61727a; text-decoration: none ; }
	 .container.search-results h4.search-title.entry-title a:hover,
	    .container.search-results .hentry a:hover h4.search-title.entry-title { color: #040707; text-decoration: none !important; }
	 .search .hentry:hover  { text-decoration: underline !important; } 
	 .excerpt-read-more { display: none; }
	
	.error404 { background: #f6f6f6 url(images/error404_comb.png) no-repeat top -50px center; }
	.error404 #main { min-height: 79%; }
	.error404 .article-header { font-size: 0;  height: 375px; }
	.error404 .article-header h1 { font-size: 0; }
	.error404 .entry-content { text-align: center; }
	.error404 .entry-content h4 { font-size: 36px; text-transform: capitalize; font-weight: 400; text-align: center; margin-top: 0; } 
	.error404 .entry-content p { font-size: 18px; font-weight: 300; color: #61727a; }
	.btn404 { background-color: #1d889d; border: 1px solid #1d889d; color: #f6f6f6; border-radius: 6px; font-weight: 400; 
				display: inline-block; font-size: 14px; text-transform: uppercase; padding: 0 32px; line-height: 50px; 
				transition: all .3s ease; margin: 18px auto 0; }
	.btn404:hover { background: #105f6e; color: #b5e2eb; text-decoration: none; }
	

	.full-msite { text-align: center; color: #fff; font-weight: 900; text-transform: uppercase; display: block; font-size: 16px; 
		line-height: 44px; background-color: #26BAD5; position: absolute; width: 100%; left: 0; top: -40px; }
	.full-msite .fa { padding-left: 4px; }

/* FOOTER */

footer .footer_content { background-color: #000; padding: 28px 0; position: relative; } 
footer .footer_content .row .location_block .limg { height: 0; padding-bottom: 60%; }
footer .footer_content h5 { font-size: 16px; font-weight: 900; line-height: 18px; color: #26BAD5; text-transform: uppercase; }
footer .footer_content h5 span { display: block; color: #4e4e4e; }
footer .footer_content p { font-size: 16px; line-height: 18px; }

footer .locations { background-color: #F0F0F0; padding: 2rem 0; position: relative; } 
/*footer .locations .container { max-width: 1200px; margin: 0 auto; }*/
footer .locations .col-sm-6.col-md-3.location_block { display: block; padding: 8px !important; }
footer .locations .row .location_block .limg { height: 0; padding-bottom: 60%; }
footer .locations h5 { font-size: 16px; font-weight: 700; line-height: 18px; color: #26BAD5; }
footer .locations h5 span { display: block; color: #4e4e4e; }
footer .locations p { font-size: 16px; line-height: 18px; }

.footer-menu { display: flex; padding: 0; margin: 36px 0 18px; gap: 2rem; }
.footer-menu li { margin: 0; padding: 0; } 
.footer-menu li a { display: block; color: #fff; font-size: 16px; line-height: 1.125em; margin: 0; font-weight: 700; }
.footer-menu li .sub-menu { margin: 0; padding: 0; }
.footer-menu li .sub-menu li a { font-size: 15px; line-height: 1.125em; margin: 8px 0; font-weight: 400; }

.footer-cta-menu { padding: 0; margin: 36px 0 0; }
.footer-cta-menu li { margin: 0; padding: 0; }
.footer-cta-menu li a { display: block; font-size: 15px; border: 1px solid #26BAD5; color: #fff; line-height: 40px; padding: 0 16px; margin: 0 0 10px 10px; transition: all 0.3s ease; }
.footer-cta-menu li a:hover { background-color: #26BAD5; color: #fff; text-decoration: none; }

.col-sm-3.static { position: static !important; }
.swrap { position: absolute; bottom: 44px; /*right: 0;*/ display: flex; gap: 16px; width: 25%; margin-left: 10px; }
.swrap a { display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50%; color: #000; background: #ACACAC; }
.swrap a i { font-size: 2.75rem; }
.swrap a img { width: 50%; max-width: 100%; max-height: 100%; }
.swrap a:hover { background-color: #26BAD5; color: #000; text-decoration: none; }

.location_block a { display: block; height: 100%; }
.location_block:hover { text-decoration: none; background-color: rgba(255,255,255,0.2); } 


footer .copyr { background-color: #ffffff; padding: 32px 0; }
footer .copyr .social img { padding: 0 4px; max-width: 40px; }
footer .copyr .social .swrap { padding: 20px 0 0 0; display: inline-block; } 
footer .copyr .social p { margin: 0; font-size: 16px; color: #26BAD5; font-weight: 600;
     display: inline-block; line-height: 36px;  vertical-align: bottom; }
footer .copyr .affl a { width: 18%; display: inline-block; text-align: center; }
footer .copyr .affl img { padding: 0 6px; max-width: 100%; max-height: 80px; }
				    
footer .social_btns, footer .cemail  { margin-top: 0; }
footer .social_btns a { display: inline-block; background-color: #F6880A; border-radius: 50%; width: 30px; height: 30px; 
							text-align: center; margin:10px; }
footer .social_btns a:first-child { margin-left: 0; }
footer .social_btns a .fa { color: #203962; width: 30px; height: 30px; line-height: 30px; vertical-align: top; }
footer .social_btns a:hover { background-color: #FF9E32; }

footer .contact-info { width: 100%; text-align: right; height: 80px; padding: 22px 0; }
footer .contact-info a { font-size: 24px; font-weight: 600; line-height: 36px; color: #000; text-decoration: none; display: inline-block; vertical-align: middle; }
footer .contact-info a:hover { text-decoration: underline; }
footer .contact-info .vhr { width: 1px; height: 36px; background-color: #26BAD6; display: inline-block; vertical-align: middle; margin: 0 10px; }


/*********************************************
RESPONSIVE
**********************************************/

@media (min-width: 768px){ 
	#inner-header.container, #inner-footer.container, .copyr .container, #banner_underlay .page-title.container { width: 90%; }
	#banner_underlay .page-title.container { padding-left: 0; padding-right: 0; }
}
@media (min-width: 992px){
	#menu_btn, #srch_btn { display: none; } 
}

@media screen and (max-width: 1450px) {
	.equip-bg { padding-bottom: 36%; }

}

@media screen and (max-width: 1300px) {
	#menu-main-navigation-1 { margin-left: -5%; }
	#menu-main-navigation-1 li a { padding: 10px 16px 14px; font-size: 16px; }
	#menu-main-navigation-1 li.menu-item-has-children > a:after { padding-left: 6px; font-size: 14px; }
}

@media (max-width: 1200px) {
	header #logo.col-sm-3 { width: 22%; }
	header nav.col-sm-9 { width: 78%; }

	.page-template-default #banner_underlay h1.page-title, .equipment-template-default.single-equipment #banner_underlay h1.page-title { font-size: 64px; line-height: 1.125em; }
	.page-template-default #banner_underlay h1.page-title span, .post-template-default #banner_underlay h1.page-title span, .equipment-template-default.single-equipment #banner_underlay h1.page-title span { font-size: 24px; }

	.section_content.about-us { padding-top: 48px; padding-bottom: 60px; }
	.equip-bg { padding-bottom: 42%; }

	p.leading { font-size: 24px !important; line-height: 32px !important; }

	.tlrow .item h3 { font-size: 32px; }
	.tlrow .item p { font-size: 16px; }

	.col-lg-3.grey-block.noPadL + .col-lg-3.grey-block { padding-right: 0 !important; }
	.col-lg-3.grey-block.noPadL + .col-lg-3.grey-block + .col-lg-3.grey-block { padding-left: 0 !important; }

	footer .contact-info a { font-size: 20px; }
}

@media screen and (max-width: 1100px) {	
	header #logo img { height: 36px; }
	header #logo a { margin-top: 6px; }
	#menu-main-navigation-1 li a { padding: 10px 14px 14px; font-size: 15px; }
	#menu-main-navigation-1 li.menu-item-has-children > a:after { padding-left: 4px; }
	.page-template-default #banner_underlay.prts_serv, .page-template-default #banner_underlay, .equipment-template-default.single-equipment #banner_underlay { height: 40vw; }
	.page-template-default #banner_underlay .arrow-down { bottom: 2.5%; }
}

@media screen and (max-width: 1024px) {	
	ul#menu-main-navigation-1 li.menu-item { display: none; margin: 0; border: 0; padding-top: 0; width: 100%; text-align: left; padding-left: 30px; }
	ul#menu-main-navigation-1 li.showhide { display: block; margin: 0; border: 0; padding-top: 0; width: 100%; text-align: right; }
	 ul#menu-main-navigation-1 li.showhide .fa { line-height: 66px; width: 66px; text-align: center; font-size: 36px; color: #fff; }
     .search_btn { display: none; }


	.locations .container .row { display: flex; flex-wrap: balance; }

	#inner-footer .col-md-9.noPadL, #inner-footer .col-md-3.static.noPadR { padding-left: 0 !important; padding-right: 0 !important; }
	.footer-menu { flex-direction: column; align-items: center; text-align: center; gap: 2.5rem; margin: 44px 0 0; }
	.footer-menu li a { font-size: 15px; }
	.footer-cta-menu { margin: 44px 0 0; }
	.footer-cta-menu li a { margin: 10px auto; max-width: 258px; text-align: center; }
	#inner-footer .col-md-9.noPadL, #inner-footer .col-md-3.static.noPadR { padding-left: 0 !important; padding-right: 0 !important; }
}

@media screen and (max-width: 991px) {
	body, .home  { overflow-x: hidden; overflow-y: auto; }
	
	header, header.sticky { height: 96px; }
	header #hinfo, header.sticky #hinfo { height: 0; padding: 0; overflow: hidden; }
	header #hmenu, header.sticky #hmenu { height: 96px; padding: 15px 30px; }

	header #logo { max-width: 75%; height: 66px; line-height: 66px; }
	header #logo a { margin: auto; display: inline-block; height: 66px; left: 0; right: 0; }	
	header #logo a img { height: 32px; } 
	#hmenu nav { position: absolute; top: 15px; right: 5%; }
	.page-template-default #main, .single #main, .search #main { margin-top: 88px; margin-bottom: 0; padding-bottom: 0; }
	
	.page-template-default #banner_underlay h1.page-title, .equipment-template-default.single-equipment #banner_underlay h1.page-title { font-size: 54px; }
	.page-template-default #banner_underlay h1.page-title span, .post-template-default #banner_underlay h1.page-title span, .equipment-template-default.single-equipment #banner_underlay h1.page-title span { font-size: 22px; margin-top: 0.5em; }

	.equipment-block-inner h2 { margin: 2rem 0; }
	.equip-bg { padding-bottom: 48%; }

	.tlrow, .tlrow.align-right { flex-direction: column; }
	.tlrow .item { width: 100%; }
	.tlrow .item:after, .tlrow.align-right .item:after { right: 0; left: 0; top: auto; bottom: -27px; transform: rotate(90deg); }
	
}

@media (min-width: 769px) and (max-width: 991px) {	
	 #join_bar h4 { padding-right: 210px; line-height: 1.3em; margin: 28px 0; }
	 
	 #home_content .events > div { margin-bottom: 15px; }
	 #sponsors_list h4 { line-height: 1em; margin: 1em 0 0; }
	 #sponsors_list .text-right.stiff { text-align: center; }
	 #sponsors_list a { margin: 0 2% 14px; line-height: 92px; }
	 #sponsors_list a img { width: 88%; }

	 .product_highlights .phwrap { min-height: 475px; }
	 .product_highlights a { font-weight: 700; font-size: 16px; line-height: 19px; padding: 0 48px 0 24px; }
	 .readytogo { padding: 92px 0 178px; }

	 #rtg { margin-left: 52px; }
	 #rtg .cycle-slide { height: 325px; }
	 #rtg .cycle-slide .rtg_info { top: 325px; }
	 .rtg_copy { height: 325px; }
	 .rtgwrap { height: 238px; width: 73%; }
	 .rtg_copy .btn.grey { font-size: 16px; padding: 0 15px; }
	 
	 .sidebar .text_block { padding: 8px 15px 60px; }
	 .sidebar .text_block a { line-height: 24px; padding: 15px; }
	 .sidebar .text_block a:after { line-height: 24px; right: 15px; }
	
}

@media screen and (max-width: 768px) {
		 
	#menu_btn { color: #fff; }
	 #menu_btn:hover {  text-decoration: none; }
	
	#mobile_menu { position: absolute; z-index: 9999; top: 0; right: 0; width: 100%; height: 100%; background-color: #fff; 
						display: none; overflow-x: hidden; }
	 #mobile_menu .closeMobileMenu { line-height:67px; text-align:center; padding-right:15px; cursor:pointer; 
	 						text-transform:uppercase; color: #ffffff; background: #FA8809; }
	 #mobile_menu li { line-height: 44px; position: static !important; } 
	 #mobile_menu li a { color: #203962; display: block; padding: 0 30px; border-bottom: 1px solid #E9E7DE; position: relative; }
	 #mobile_menu li.menu-item-has-children > a:after {content:"";display:inline-block;position:absolute;right:15px;width:4px;height:46px; 
	 					background: url(../img/mar.png) no-repeat center;  }
	 #mobile_menu li .sub-menu { list-style:none; margin:0; padding:0; position:absolute; top:67px; background:#f6f6f6; width:100%; 
	 				height: 90%; right: -100%; min-height: 320px; z-index: 999; }
     #mobile_menu li .sub-menu li a { background: #f6f6f6; border-bottom: 1px solid #FFFFFF; } 
	 #mobile_menu li a:hover { text-decoration: none;  }
	
	 nav { position: absolute; width: 100%; }
	 ul#menu-main-navigation-1 li.menu-item { display: none; margin: 0; border: 0; padding-top: 0; width: 100%; }
	 ul#menu-main-navigation-1 li.showhide { display: block; margin: 0; border: 0; padding-top: 0; width: 100%; }
	 ul#menu-main-navigation-1 li.showhide .fa { line-height: 54px; font-size: 36px; color: #fff /*0d9648*/; }
     .search_btn { display: none; }
	
	/*#inner-header nav { display: none; }*/
	#menu_btn { display: block; line-height: 90px; font-size: 24px; font-weight: 600; text-transform: uppercase; 
						position: absolute; right: 25px; }
	 #menu_btn:hover {  text-decoration: none; }
	 
	.error404 { background-size: cover !important; }


	.logged-in.mm #wpadminbar { top: -46px; }
	
	/* 	.home.page-template-default #banner_underlay, .page-template-default #banner_underlay.prts_serv, .equipment-template-default.single-equipment #banner_underlay { 
		height: 54vw;  max-height: 200px; margin-top: 96px; }
	*/

	.page-template-default #banner_underlay i.fa { display: none; }
	
	.slick-slider.marquee-logo { height: 96px; overflow: hidden; }
	.slick-initialized .slick-slide { width: 33vw !important; }
	#prev_slick, #next_slick { top: -4%; }
	
	.tagline h1 { padding: 1.3em 0; font-size: 30px; line-height: 1.25em; }
	
	.product_highlights { padding: 36px 15px 44px; margin-top: 4px; }
	.product_highlights h2 { font-size: 28px; }
	.product_highlights .phwrap { min-height: 490px; margin-top: 15px; }
	
	.readytogo.container { padding: 70px 0 0; }
	.readytogo:before { content: ""; position: absolute; display: inline-block; background-color: #26BAD5; 
			height: 10px; width: 100px; margin: auto; top: 30px; left: 0; right: 0; }
	#rtg { margin-left: 0; }
	#rtg .cycle-slide { height: 235px; width: 100vw; background-size: 110% !important; 
			/* background-position: top center !important; */ }
	#rtg .cycle-slide .rtg_info { /* display: none; */ top: 235px; padding: 10px 55px; font-size: 15px; line-height: 20px; 
			text-align: center; left: 0; right: 0; margin: auto; max-height: 100px; overflow: hidden; }
	#rtg .cycle-slide .rtg_info br { display: none; }
	.rtg_copy { margin-right: 0; height: 300px; text-align: center; margin-top: 30px; }
	#rtg_next { right: 10px; top: 325px; bottom: auto; z-index: 999; }
	#rtg_prev { left: 10px; top: 325px; bottom: auto; z-index: 999; }
	 .rtgwrap { width: 100%; margin: auto; right: 0; left: 0; bottom: auto; padding: 35px; }
	
	.leadin > div, #inner-footer > div { padding-left: 0 !important; padding-right: 0 !important; }
	.leadin h2 { font-size: 32px; }
	.home .events { margin: 32px 0; }
	.home .events .event_box { padding-left: 0 !important; padding-right: 0 !important; }
	.home .events .block_wrap { min-height: auto; padding-bottom: 30px; margin-bottom: 15px; }
	.home .events .block_wrap.sponsored  { min-height: 350px; }
	
	 #banner { height: 288px; }
	 h1 { font-size: 48px; } 

	 .distros-content .distro-list { margin: 1.5rem auto; }
	 
	.page-template-default #banner_underlay h1.page-title  { font-size: 44px; }
	.equipment-template-default.single-equipment #banner_underlay h1.page-title { font-size: 32px; line-height: 44px; height: auto; }
	.page-template-default #banner_underlay h1.page-title span, .post-template-default #banner_underlay h1.page-title span, .equipment-template-default.single-equipment #banner_underlay h1.page-title span { font-size: 20px; margin-top: 0.5em; }

	.section_content.contact-us, .section_content.about-us, .section_content.equipment, .section_content.parts-service { padding-top: 12px; padding-bottom: 24px; }
	.contact-us .team_contact .contacnt { padding-left: 0; text-align: center; height: auto; }
	.contact-us .team_contact .ci_ { width: 60%; height: 0; padding-bottom: 55%; margin: 0 auto 36px; }
	.contact-us .team_contact h2 { padding: 0 5%; }
	.contact-us .team_contact .contacnt a { position: relative; width: 60%; display: inline-block; text-align: left; }
	
	.entry-content.cf.container.section_content.home-2 { padding-left: 0; padding-right: 0; }

	.page-template-default #banner_underlay.prts_serv, .page-template-default #banner_underlay, .equipment-template-default.single-equipment #banner_underlay {
        height: 69vw;
    }

	.equip-bg { width: 100%; padding-bottom: 84%; /*height: 84%; aspect-ratio: 43 / 36; padding-bottom: 0;*/ }
	.equipment-block-inner h2 { font-size: 25px; line-height: 1.25em; margin: 1rem 0; }
	.equipment-block-inner p { font-size: 16px; line-height: 22px; }
	.distro-list { width: 80% !important; }
	.distro-list .distro-block, .distro-list.dc-1 .distro-block, .distro-list.dc-2 .distro-block, .distro-list.dc-4 .distro-block, .distro-list.dc-8 .distro-block { width: 100%; aspect-ratio: 32 / 29.4; }

	.entry-content .distro_logos.slider_block { padding: 42px; height: 224px; }
	 
	#makeMeScrollable::before { left: -42px; }
	#makeMeScrollable::after { right: -42px; } 
	div.scrollingHotSpotLeft { left: -42px !important; }
	div.scrollingHotSpotRight { right: -42px !important; }

	section { overflow-x: hidden; }
	.equipment.type-equipment .entry-content { text-align: center; padding: 0 30px; }
	.single-equipment .entry-content p, .single-equipment .entry-content li { font-size: 20px; line-height: 24px; font-weight: 300; padding-right: 0; }
	.distros-content.container { text-align: center; padding: 0 30px; }
	.additional_content .adcontent { text-align: center; }

	section.entry-content.section_content { /*padding: 0 !important;*/ }
	.distro.type-distro .dwrapper .feature { height: 70vw; }
	.dwrapper { display: flex; flex-direction: column-reverse; margin-top: 96px; }
	.dwrapper .row.flex { flex-direction: column; }
	.dwrapper .row.flex .col-sm-6 { width: 100%; gap: 0; text-align: center; }
	.dwrapper .row.flex .col-sm-6.logo-block { padding: 20px 40px 30px; }
	.dwrapper .row.flex .col-sm-6.logo-block + .col-sm-6 { padding: 0; }
	.distro.type-distro .logo-block img { width: 70%; margin: 0 auto; }
	.distro.type-distro .logo-block p { font-size: 20px; line-height: 24px; width: 100%; }

	.distro.type-distro .snav { display: flex; position: relative; }
	.distro.type-distro .thnav { display: block; width: 100%; position: absolute; height: 0; }
	.distro.type-distro .thnav .eprev { position: absolute; z-index: 99; top: 52px; left: 0; }
	.distro.type-distro .thnav .enext { position: absolute; z-index: 99; top: 52px; right: 0; }
	.distro.type-distro .thpager { display: inline-block; overflow-x: auto; white-space: nowrap; margin-top: 0; padding-bottom: 0; margin: 0 44px; height: 146px; }
	.distro.type-distro .thpager a { height: 140px; width: 38vw; margin-left: 4px; margin-right: 4px; padding: 0; }

    
	.distro.type-distro .distros-content { display: none; }

	.entry-content .col-sm-8.noPadL { padding-left: 6vw !important; padding-right: 6vw !important;  }
	.entry-content .col-sm-4.noPadR.sidebar { padding-left: 12vw !important; padding-right: 12vw !important; } 
	.entry-content h2 { text-align: center; }
	 p.leading { font-size: 24px !important; line-height: 30px !important; }
	
	.entry-content ul { padding-left: 0 !important; }   
	.sidebar .text_block { padding: 8px 30px 104px; }
	
	.section_content.equipment { padding-left: 0 !important; padding-right: 0 !important; }
	.section_content.equipment h2 { font-size: 25px; line-height: 27px; margin-top: 1.5em; padding: 0 5%; }
	.section_content.equipment h2 + p { font-size: 16px; line-height: 21px; margin-top: 1em; margin-bottom: 2em; padding: 0 5%; }
	.prod_block { margin: 8px 0 0 0; }
	.prod_block.ehidden { display: block; }
	.prod_block.ehidden .cycle-slideshow, .prod_block.ehidden .eprev, .prod_block.ehidden .enext, .thpager { display: none; }
	.section_content.equipment .prod_block h2 { color: #4e4e4e; text-transform: none; font-size: 22px; font-weight: 600; background-color: #f2f2f2; 
					line-height: 60px; text-align: center; margin: 0; cursor: pointer; }
	 .section_content.equipment .prod_block.evisible h2:after { content: "\f068"; color: #26BAD5; display: inline-block; font: normal normal normal 24px/1 FontAwesome; 
		 			text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 30px; top: 0; line-height: 60px; }
	 .section_content.equipment .prod_block.ehidden h2:after { content: "\f067"; color: #26BAD5; display: inline-block; font: normal normal normal 24px/1 FontAwesome;
    				text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 30px; top: 0; line-height: 60px; }
	.prod_block.evisible h2 { /* margin-bottom: 16px !important; */ }
	.prod_block.evisible .cycle-slideshow { border-bottom: 90px solid #fff; border-top: 16px solid #fff; }
	.eprev, .enext { bottom: 24px; top: auto; }
	.eprev { left: 35%; } 
	.enext { right: 35%; }
	
	.section_content.parts-service { text-align: center; padding-left: 6vw !important; padding-right: 6vw !important; }
	.section_content.parts-service .col-sm-3 { border-top: 1px solid #dfdfdf; padding-left: 0 !important; padding-right: 0 !important; margin: 0 auto 28px; 
						padding-top: 24px; width: 100%; }
	.section_content.parts-service .col-sm-3:first-of-type, .section_content.parts-service h5 + .col-sm-3 { border-top: 0; }
	.section_content.parts-service .leading + h5 { margin-top: 2.5em; margin-bottom: 2em; }
	.section_content.parts-service p + h2 { position: relative; }
	.section_content.parts-service p + h2:before { content: ""; position: absolute; display: inline-block; background-color: #26BAD5; 
			height: 10px; width: 100px; margin: auto; top: -66px; left: 0; right: 0; }
	
	.section_content.employment-opportunities { padding-left: 0 !important; padding-right: 0 !important; }
	.job_posting { padding-left: 6vw !important; padding-right: 6vw !important; padding-bottom: 22px !important; }
	.job_posting h2 { margin-top: 0; }
	.job_posting h3 { text-align: center; }
	.job_posting + p, .job_posting + p + p { text-align: center; font-size: 28px; line-height: 36px; font-weight: 300; padding-left: 6vw; padding-right: 6vw;  }
	
	footer .locations .col-sm-6.col-md-3.location_block { width: 100%; }

	.location_block { border-top: 1px solid #d5d5d5; display: block; width: 100%; padding-bottom: 5px; }
	.location_block:first-child { border-top: 0; }
	.location_block h5 { margin-top: 22px; }
	.location_block .limg { display: none; }
	
	#inner-footer.container { padding-left: 0 !important; padding-right: 0 !important; }
	
	.full-site { text-align: center; color: #fff; font-weight: 900; text-transform: uppercase; 
			font-size: 16px; line-height: 44px; background-color: #26BAD5;  }
	.full-site .fa { padding-left: 4px; }
	footer .footer_content .row { margin-left: 0; margin-right: 0; }
	footer .footer_content .row .col-sm-3 { padding-left: 15px; padding-right: 15px; }
	footer .cemail, footer .social_btns   { margin-top: 0; margin-bottom: 2em; }
	footer .social_btns a { margin: 10px 6px; }
	

	.swrap { position: relative;  bottom: unset;  display: flex; justify-content: center; gap: 16px; width: 100%; margin: 0; padding: 30px 15px 15px; }


	footer .footer_content { padding-top: 0 !important; }
	footer .copyr { position: relative; padding: 8px 0; }
	footer .copyr .col-sm-5.noPadR { padding-left: 15px !important; padding-right: 15px !important; }
	footer .copyr .affl { top: unset;
        left: 0;
        text-align: center;
        position: relative;
        width: 100%;
        height: auto;
        background: #fff;
        padding: 0 15px !important; }
	footer .copyr .affl img { padding: 20px 5px; /* width: 24%; */ }
	footer .copyr .social { top: 115px; left: 0; position: absolute; width: 100%; padding: 20px 0; 
		background: #d5d5d5; text-align: center; }
	footer .copyr .social img { padding: 0 8px; height: 32px; width: auto; max-width: 100px; }	
	footer .contact-info { width: 100%; text-align: center; height: auto; padding: 12px 0; }
	footer .contact-info a { font-size: 18px; line-height: 32px; }
	footer .contact-info .vhr { width: 2px; height: 30px; }
}
 

@media (max-width: 667px){
	#nirioc_video, #bg_video { width: auto; max-height: 375px !important; min-height: 360px !important; }
}

@media (max-width: 435px) {
	.error404 { background: url(../img/error404_comb_mobi.png) no-repeat top center / contain !important; }
	.error404 .article-header {  height: 211px; }
	.error404 .entry-content h4 { font-size: 28px; }
	.error404 .entry-content p { font-size: 16px; line-height: 1.2em; }
}

@media (max-width: 480px) { 
	.home.page-template-default #banner_underlay /*.page-template-default #banner_underlay.prts_serv, .page-template-default #banner_underlay, .equipment-template-default.single-equipment #banner_underlay*/ { height: 96vw; }
	.page-template-default #banner_underlay h1.page-title { font-size: 34px; padding-bottom: 6%; }
	.page-template-default #banner_underlay h1.page-title span, .post-template-default #banner_underlay h1.page-title span, .equipment-template-default.single-equipment #banner_underlay h1.page-title span { font-size: 18px; padding: 0 15px; }
	
	.equip-bg { width: 100%; padding-bottom: 92%; }

	#mobile_menu li .sub-menu { right: -480px; }
	#nirioc_video, #bg_video { width: auto; max-height: 320px !important; min-height: 310px !important; }
}

@media (max-width: 375px) {
	#nirioc_video, #bg_video { width: auto; max-height: 300px !important; min-height: 280px !important; }
	#mobile_menu li .sub-menu { right: -375px; }
}

@media (max-width: 360px) {
	#mobile_menu li .sub-menu { right: -360px; }
}

@media (max-width: 320px) {
	#join_bar a { position: relative; right: 0; width: 86%; display: block; }
	#mobile_menu li .sub-menu { right: -320px; }
	#nirioc_video, #bg_video { width: auto; max-height: 280px !important; min-height: 260px !important; }	
}


/*********************************************
BLOCKS

I like to use this for speciality items
ex: blockquotes, highlights, lowlights, etc 
**********************************************/
blockquote  { color: #1d889d !important; font-size: 24px !important; padding: 0 !important; margin: 40px -60px !important; border-left: none !important; line-height: 37px !important; }
blockquote p { margin: 0 !important; padding: 0 !important; color: #1d889d !important; font-size: 24px !important; line-height: 37px !important; }
blockquote:before { height: 1px; width: 5%; display: block; background: #1d889d; margin: 20px auto; }
blockquote:after { height: 1px; width: 5%; display: block; background: #1d889d; margin: 20px auto; }



/*********************************************
SPECIALTY

Optional stuff I've found useful.. maybe you
will too...?
**********************************************/
/* Style placeholder text */
::-webkit-input-placeholder { color: #fff; } /* WebKit browsers */
:-moz-placeholder { color: #fff;  opacity: 0.7; } /* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color: #fff; opacity: 0.7; } /* Mozilla Firefox 19+ */
:-ms-input-placeholder { color: #fff; } /* Internet Explorer 10+ */

/* Add a RED asterisk to placeholder text with "required" class - WIN */
.required::-webkit-input-placeholder:after { content:'*'; color: red; }
.required:-moz-placeholder:after { content:'*'; color: red; } /* Firefox 18- */
.required::-moz-placeholder:after { content:'*'; color: red; } /* Firefox 19+ */
.required:-ms-input-placeholder:after { content:'*'; color: red; } /* IE Fail */

/* This will hide all share this stuff except for the "ShareThis" text */
span.sharethis { background:none !important;}
.stButton .chicklets { font-family:inherit !important; padding-left:0 !important; }
.st_facebook, .st_twitter, .st_linkedin, .st_pinterest, .st_email { display:none; }