@charset "utf-8";
/* CSS Document */
:root {
  --red: #eb1f25;
  --lt-red: #fe7e82;
}
/* ====================
   Body
==================== */
* {outline: 0 !important;}
body, html {outline:none !important;  font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 1.5; color: #212121; margin: 0 !important; background-color: #ffffff; font-weight:400; letter-spacing:.5px}
p {line-height:1.5}
.grid-container {max-width: 1440px;}
a {color:var(--red)}
a:hover {color:var(--lt-red)}
a:hover h3 {color:#000000}
video {outline:none !important;}
.bg {animation:slide 6s ease-in-out infinite alternate;  background-image: linear-gradient(-60deg, black 50%, gray 50%); bottom:0; left:-50%; opacity:.15; position:absolute; right:-50%;
  top:0; z-index:1;}
.bg2 {animation-direction:alternate-reverse;  animation-duration:8s;}
.bg3 {animation-duration:10s;}
@keyframes slide {0% {transform:translateX(-25%);} 100% {transform:translateX(25%);}}
.overlay {mix-blend-mode:multiply}
.overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
hr {max-width:100%}

/*x.gradient-header {
	background: linear-gradient(0, rgba(18,18,18,.8) 0%, rgba(120,120,120,.9) 100% );
}*/

/* ====================
   Headings
==================== */
h1, h2, h3, h4, h5, h6 {font-family: 'Roboto Condensed', sans-serif; color:var(--red); line-height:1.05; margin:.5em 0 .3em 0}
h1 {color:#333333; text-transform:uppercase; font-size:55px; font-weight:300; margin:1em 0}
h2 {font-size:30px; font-weight:bold; position:relative;  }
h2.noline:after {borrder:none; top:0; }
h2.noline {margin-bottom:.4em}
h3 {font-size:33px}
h3.narrow {max-width:30vw; margin:0 auto}
h4 { }
h5 { }
h6 { }
.rapier {font-family:Rapier}
.subtitle {font-size:.8em}
.content-grid h1 {display:none}
.color-red {color:#ed1c24}
.hover-white:hover {color:#ffffff}
.cond {font-family: 'Roboto Condensed', sans-serif; }
.bold {font-weight:bold}
.h1-interior {color:#ffffff;z-index:2; position:relative; font-family:Roboto Condensed; text-transform:uppercase; margin:60px 0 0 0; font-size:70px; letter-spacing:.05em}
.h1-interior::before {color: #000;
      content: attr(data-text);
      margin-top: 0.875rem;
      opacity: 0.7;
      position: absolute;
      transform: perspective(200px) rotateX(40deg) scale(0.83);
      z-index: -1;}

.marketing-option {lineheight:1.1em}
[type="checkbox"] {margin-bottom:0}

.width-500 {max-width:500px}
.width-1920, .grid-container-xl {max-width: 1920px; margin-left:auto; margin-right:auto}
.width-1400-center {max-width:1400px; margin-left:auto; margin-right:auto}
.width-1200-center {max-width:1200px; margin-left:auto; margin-right:auto}
.width-1000-center {max-width:1000px; margin-left:auto; margin-right:auto}
.width-800-center {max-width:800px; margin-left:auto; margin-right:auto}
.width-1000 {max-width:1000px;}
.width-800 {max-width:800px;}
.fontsize-13 {font-size: 13px;}
.fontsize-14 {font-size: 14px;}
.fontsize-15 {font-size: 15px;}
.fontsize-16 {font-size: 16px;}
.fontsize-18 {font-size: 18px;}
.fontsize-20 {font-size: 20px;}
.fontsize-30 {font-size: 30px;}
.fontsize-40 {font-size: 40px;}
.fontweight-normal {font-weight:normal}

.bg-white {background-color:#ffffff}
.bg-dark {background-color:#212121}
.bg-black {background-color:#000000}
.bg-light {background-color:#cccccc}
.bg-accent {background-color:#eb2026}
.shade {background-color:#efefef}
.line-1-5 {line-height:1.5}
.line-2 {line-height:2}
.line-1 {line-height:1}
.color-blue {color:#333333}
.upper {text-transform:uppercase}
.color-yellow {color:#dcfd00}
.color-white, .white {color:#ffffff}
.color-accent {color: #eb2026}
.color-light {color:#cccccc}
.color-dark {color:#212121}
.color-gray {color:#cccccc}
.smaller{font-size:.8em}
.frac {font-family:Arial}
.shade {background:#efefef}
.landing-color {color:#212121}

.flex-direction-column {flex-direction: column}
.display-flex {display:flex}
.align-items-center {align-items: center}
.justify-content-center {justify-content:center}

/* ===================
Header
==================== */
header {background-color:#000000; border-bottom:1px solid #333333; border-top:1px solid #333333}


/* ====================
   HOME
==================== */
/* iFrame video */
.video-container {height: 37.5vw; width: 100vw; z-index:0; overflow:hidden} 
.video-container iframe {height: calc(37.5vw + 112px); width: 100vw; border:none; z-index:1;  margin-top:-56px; margin-bottom:-56px; } /* Negative margin adds margin (space) for the Youtube controls, but the video-container crops them to video size */
.video-block {position:absolute; height: 37.5vw; width: 100vw; z-index: 2; background-color:#333333; opacity:0; top:0; left: 0; } /* overlays video to avoid YouTube controls showing on hover */

/* Red Section */
#red {background-color: rgba(237,28,36,1); padding:50px}
.video-overlay-snippet {}
.video-overlay { height:400px; background:transparent url(/_assets/img/9_7_8_home.png?mode=max&height=400) no-repeat bottom right; background-size:contain; padding-top:70px}

/* About */
.about-wrap {background:#ffffff url(/_assets/img/oilfield-bg.jpg) no-repeat center center; height:450px; background-size:cover}
.about-snippet {padding:110px 0 0 30px}
.about-snippet .line1 {font-size:30px; font-family:"Roboto Condensed"; font-weight:bold; letter-spacing:1px; margin-left:30px} 
.about-snippet .line2 {font-size:43px; margin:10px 0 20px 0; line-height: 1.05em;}

/* Contact */
.contact-wrap {background:#282f7e url(/_assets/img/plans-overlay.png) no-repeat left center; background-size:cover; padding-top:50px; padding-bottom:40px}
.contact-snippet {background:transparent;}
.contact-snippet .line1 {font-size:30px; font-family:"Roboto Condensed"; font-weight:bold; letter-spacing:1px; margin-left:30px} 
.contact-snippet .line2 {font-size:43px; margin:10px 0 20px 0; line-height: 1.05em;}
.color-white label {color:#ffffff;}

/* Prod Tabs */
.prodtabs-wrap {}
.prodtabs-snippet {}
.prodtabs-snippet .line1 {font-size:30px; font-family:"Roboto Condensed"; font-weight:bold; letter-spacing:1px; }
.prodtabs-snippet .tabs-title {float:none !important;display:inline-block;margin-left:7px; margin-right:7px}
.prodtabs-snippet .tabs {border:none}
.prodtabs-snippet .tabs-title > a {padding: .5rem 1.5rem; font-family:"Roboto Condensed"; font-weight:normal; letter-spacing:1px; font-size:18px; border-radius:3px; background:#efefef}
.prodtabs-snippet .tabs-title > a:focus, .prodtabs-snippet .tabs-title > a[aria-selected="true"] {background: #ed1c24;color: #ffffff; background-image: linear-gradient(to bottom, var(--red), #8c0a0e);}
.prodtabs-snippet .tabs-content {border:none}
.prodtabs-snippet li:before {font-size:.8em; color:#ed1c24; }

/* Popout */
#popout {color: #ffffff; padding: 15px; position: fixed; bottom: -105px; right: 30px; text-align: center; width: 160px; height:200px; transition: bottom 1s ease-in-out; margin-bottom: 2px; z-index:999; font-size:16px; background-image: linear-gradient(to bottom, var(--red), maroon); border:3px solid var(--red); border-style: outset;}
#popout input {display:inline-block}
#popout.extended {bottom: -11px; color:gold}
.popout-toggle::before {content: "\f106"; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;font-family: "Font Awesome 5 Free";font-size: 2em; font-weight:bold; color:#ffffff}
#popout.extended .popout-toggle::before {content: "\f107"; }



/* ==============
PRODUCT PAGES
============== */
.table-scroll table {width:100%}
.no-bullets {margin:0 !important;}
.no-bullets li {list-style:none; text-transform:capitalize;}

.cm-product-detail .orbit-wrapper {height:500px}
.cm-product-detail .orbit-next:active, .cm-product-detail .orbit-next:focus, .cm-product-detail .orbit-next:hover, .cm-product-detail .orbit-previous:active, .cm-product-detail .orbit-previous:focus, .cm-product-detail .orbit-previous:hover {background-color: rgba(10, 10, 10, .2); border-radius:9px;}


/* ====================
   Buttons
==================== */
button, .button, .button a, button a, a.button {background-color:var(--red); color:#ffffff; font-weight:bold; border:3px solid var(--red); background-image: linear-gradient(to bottom, var(--red), #8c0a0e);  border-style: outset; border-radius:0}
.button.alt {background:#ffffff; color:#ed1c24; }
.button:focus, .button:hover, .button:focus a {background-color:var(--red); border:3px solid var(--red); background-image: none; color:gold}
.button.alt2:focus, .button.alt2:hover, .button.alt2:focus a {border:2px solid #ffffff; color:#ffffff}
.call-now-btn {font-size:30px !important;}
.button:hover {display: inline-block; position: relative; color: gold;}
.button::after {content: ''; position: absolute; width: calc(100% - 2em); transform: scaleX(0); height: 2px; bottom: 8px; left: 1em; background-color: white; transform-origin: bottom right; transition: transform 0.25s ease-out;}
.button:hover::after {transform: scaleX(1); transform-origin: bottom left;}
.c-prod-button {padding: .5rem 1.5rem; font-family: "Roboto Condensed"; font-weight: normal; letter-spacing: 1px; font-size: 18px; text-align:center; margin:0 3px;}
.c-prod-button:hover {color:#212121}


/* ====================
   SECURE DOCS
==================== */
.logout-button, a.logout-button {border:none; border-radius:5px; background-color:var(--red); color:#ffffff; background-image:linear-gradient(to bottom, var(--red), #8c0a0e); transition:none; transform:none; margin-bottom:0; padding: .6em 1.1em; z-index:99; position:relative}
.logout-button:hover, a.logout-button:hover {border:0}
.logout-button::after {width:0}

.secure-button,a.secure-button {border:none; border-radius:5px; background-color:var(--red); color:#ffffff; background-image:linear-gradient(to bottom, var(--red), #8c0a0e); transition:none; transform:none; margin-bottom:0; padding: .6em 1.1em; font-family:"Roboto Condensed" }
.secure-button:hover, a.secure-button:hover , a.secure-button:focus {border:0}
.secure-button::after {width:0}

.accordion-title {background-color:#666666; color:#ffffff; background-image: linear-gradient(to bottom, #555555, #666666);}
.accordion-title:focus, .accordion-title:hover {background-color: #282f7e; color:#ffffff; background-image: linear-gradient(to bottom, #ed1c24, #8c0a0e);}



/* .products :last-child:not(.is-active) > .accordion-title {border-bottom: none ; border-radius: 0 0 3px 3px;}
.products .accordion-title {position: relative; display: block; padding: none; border: none; border-bottom: 0; font-size: .75rem; line-height: 1; color: #666;}
.products .accordion-title:focus, .accordion-title:hover {background-color: #fff}*/

.tabs-panel .is-active {}
.tabs-panel {border:1px solid #cccccc; background-color:#ffffff; }
.tabs-title > a:focus, .tabs-title > a[aria-selected="true"] {background: #ffffff; color:#212121; }
.tabs-title > a {font-size: 20px; font-weight:normal; font-family:"Roboto Condensed"; color:#212121}
.tabs-title > a:hover {color:#212121}
.tabs-content {border: 0px solid transparent !important;}
.tabs-content .products h3 {font-size:20px;  }
.tabs-content .products h3::before {content:"\f023"; font-family:"Font Awesome 5 Free"; font-weight: 900; padding-right:9px; }
.tabs .tabs-title a {border-top:3px solid #cccccc; color:#666666; background-color:#efefef}
.tabs .is-active a {border-top:4px solid var(--red); color:var(--red); background-color:#ffffff; }
.tabs .tabs-title {border-left:1px solid #cccccc;border-right:1px solid #cccccc; margin-right:8px}
.tabs {border:none}
.pill {background: rgba(0,0,0,.1);font-size: 13px;font-weight: normal;	color: #666666;	border-radius: 5px;	padding: 3px 8px;	display: inline-block;}
.subtext {font-size:13px; font-weight:normal; }

/* =======================
Menus
======================= */
/* Main Menu */
nav a {font-size:15px; font-weight:bold; text-transform:uppercase;}
nav > ul > li > a {color:#ffffff }
.menu-button {margin-left: 30px; margin-right:2px; margin-top:.1em; margin-bottom:.1em; background-color:var(--red); color:#ffffff; font-weight:bold; border:3px solid var(--red); background-image: linear-gradient(to bottom, var(--red), maroon);  border-style: outset; }
.dropdown.menu .menu-button > a {padding:.5em 1em; line-height:16px}
.dropdown.menu .menu-button:hover, .dropdown.menu .social-button:hover {background-color:var(--red); border:3px solid var(--red); background-image: none}
.dropdown.menu .menu-button:hover a, .dropdown.menu .social-button:hover a {color:gold}
.dropdown.menu > .menu-button  ~ .menu-button {margin-left:3px}
.dropdown.menu .social-button {margin-left: 30px; margin-right:2px; margin-top:.1em; margin-bottom:.1em; background-color:var(--red); color:#ffffff; font-weight:bold; border:3px solid var(--red); background-image: linear-gradient(to bottom, var(--red), maroon);  border-style: outset;}
.dropdown.menu .social-button a {padding:5px 9px; font-size:20px}

.menu.submenu li:hover {background-color:rgba(0,0,0,.05); }
.menu.submenu li:hover a {color:#000000}


/* DROPDOWN */
/* Arrow after menu item */
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {display:none}
.dropdown.menu > li.is-dropdown-submenu-parent > a {padding-right: 1rem;}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {top: 100%; left: 0; right: auto;}
/* Menu - Dropdown slide up */
.dropdown.menu > li > ul.is-dropdown-submenu { margin-top:10px;  transform: translateY(30px); display:block; visibility: hidden; opacity:0; transition: all 0.3s ease 0s; }
.dropdown.menu > li > ul.is-dropdown-submenu.js-dropdown-active {transform: translateY(0); opacity:100; visibility: visible;}

/* Quick Links */
.conttech_quick_links li {border-bottom:1px solid var(--red)}
.conttech_quick_links li a {color:#212121; font-weight:normal; font-size:17px}

/* Tron Grid */
.tron-grid {width: 100%; position: absolute; bottom: 0; left: 0; }
.tron-grid:after { 
  -webkit-mask-image: -webkit-gradient(linear, left 90%, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
  mask-image: gradient(linear, left 90%, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
	transform: perspective(200px) rotateX(40deg) scale(2,1) translateZ(0);
  content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 100vh;
  padding: 1px; 
  -webkit-background-clip: content-box; 
  -webkit-backface-visibility: hidden;
  outline: 1px solid transparent;
  transform-origin: bottom center;
  will-change: transform; 
}

.tron-grid:after {
  background-position: center bottom;
  background-size: 40px 40px;
  background-image: 
  linear-gradient(to right, var(--red) 2px, transparent 2px), 
  linear-gradient(to bottom, var(--red) 1px, transparent 2px);
}

/* Typewriter */
.typewriter {
  color:#0000;
  background:
    linear-gradient(-90deg,var(--red) 5px,#0000 0) 10px 0,
    linear-gradient(var(--red) 0 0) 0 0;
  background-size:calc(var(--n)*1ch) 200%;
  -webkit-background-clip:padding-box,text;
  background-clip:padding-box,text;
  background-repeat:no-repeat;
  animation: 
   b .7s infinite steps(1),   
   t calc(var(--n)*.2s) steps(var(--n)) forwards;
}

@keyframes t{
  from {background-size:0 200%}
}
@keyframes b{
  50% {background-position:0 -100%,0 0}
}



/* =======================
Footer
======================= */
footer {font-family:"Roboto Condensed"}
footer a {color:#282f7e}
footer a:hover {color:#ed1c24}
.copyright {background:#e3e3e3; letter-spacing:2px; }
.disclaimer {background:#e3e3e3; }
.copyright a {letter-spacing:2px; color:#212121}
.copyright a:hover {color:#ed1c24}
.footer-wrap .cell:nth-of-type(2) {padding-left:60px}

/* =======================
Preventing FUOC
======================== */
.hide-on-load{
  display:none;
}

/* ======================
Lists
====================== */
.no-bullets {margin:0 !important;}
.no-bullets li {list-style:none; text-transform:capitalize;}

/* =======================f
Positioning
======================= */
.relative {position:relative}
.absolute {position:absolute}
.block {display:block}
.inline-block {display:inline-block}
.left {float:left;}
.right {float:right}

/* =======================
Spacing & Borders
======================= */
.padding {padding:30px!important ;}
.padding-top {padding-top:30px !important ;}
.padding-right {padding-right:30px !important ;}
.padding-bottom {padding-bottom:30px !important ;}
.padding-left {padding-left:30px !important ;}
.padding-top-bottom {padding-top:30px !important; padding-bottom:30px !important ;}
.padding-left-right {padding-left:30px !important; padding-right:30px !important ;}
.padding-none {padding:0 !important}

.padding-tiny {padding:6px !important ;}
.padding-top-tiny {padding-top:6px !important ;}
.padding-right-tiny {padding-right:6px !important ;}
.padding-bottom-tiny {padding-bottom:6px !important ;}
.padding-left-tiny {padding-left:6px !important ;}
.padding-top-bottom-tiny {padding-top:6px; padding-bottom:6px !important ;}
.padding-left-right-tiny {padding-left:6px; padding-right:6px !important ;}

.padding-small {padding:15px !important ;}
.padding-top-small {padding-top:15px !important ;}
.padding-right-small {padding-right:15px !important ;}
.padding-bottom-small {padding-bottom:15px !important ;}
.padding-left-small {padding-left:15px !important ;}
.padding-top-bottom-small {padding-top:15px !important; padding-bottom:15px !important ;}
.padding-left-right-small {padding-left:15px !important; padding-right:15px !important ;}

.padding-large {padding:60px !important ;}
.padding-top-large {padding-top:60px !important ;}
.padding-right-large {padding-right:60px !important ;}
.padding-bottom-large {padding-bottom:60px !important ;}
.padding-left-large {padding-left:60px !important ;}
.padding-top-bottom-large {padding-top:60px !important; padding-bottom:60px !important ;}
.padding-left-right-large {padding-left:60px !important; padding-right:60px !important ;}

.padding-mini {margin:3px !important ;}
.padding-top-mini {margin-top:3px !important ;}
.padding-right-mini {margin-right:3px !important ;}
.padding-bottom-mini {margin-bottom:3px !important ;}
.padding-left-mini {margin-left:3px !important ;}
.padding-top-bottom-mini {margin-top:3px; margin-bottom:3px !important ;}
.padding-left-right-mini {margin-left:3px; margin-right:3px !important ;}

.padding-none {margin:0 !important ;}
.padding-top-none {margin-top:0 !important ;}
.padding-right-none {margin-right:0 !important ;}
.padding-bottom-none {margin-bottom:0 !important ;}
.padding-left-none {margin-left:0 !important ;}
.padding-top-bottom-none {margin-top:0; margin-bottom:0 !important ;}
.padding-left-right-none {margin-left:0; margin-right:0 !important ;}

.margin {margin:30px !important ;}
.margin-top {margin-top:30px !important ;}
.margin-right {margin-right:30px !important ;}
.margin-bottom {margin-bottom:30px !important ;}
.margin-left {margin-left:30px !important ;}
.margin-top-bottom {margin-top:30px; margin-bottom:30px !important ;}
.margin-left-right {margin-left:30px; margin-right:30px !important ;}

.margin-tiny {margin:3px !important ;}
.margin-top-tiny {margin-top:3px !important ;}
.margin-right-tiny {margin-right:3px !important ;}
.margin-bottom-tiny {margin-bottom:3px !important ;}
.margin-left-tiny {margin-left:3px !important ;}
.margin-top-bottom-tiny {margin-top:3px; margin-bottom:3px !important ;}
.margin-left-right-tiny {margin-left:3px; margin-right:3px !important ;}

.margin-small {margin:15px !important ;}
.margin-top-small {margin-top:15px !important ;}
.margin-right-small {margin-right:15px !important ;}
.margin-bottom-small {margin-bottom:15px !important ;}
.margin-left-small {margin-left:15px !important ;}
.margin-top-bottom-small {margin-top:15px; margin-bottom:15px !important ;}
.margin-left-right-small {margin-left:15px; margin-right:15px !important ;}

.margin-large {margin:60px !important ;}
.margin-top-large {margin-top:60px !important ;}
.margin-right-large {margin-right:60px !important ;}
.margin-bottom-large {margin-bottom:60px !important ;}
.margin-left-large {margin-left:60px !important ;}
.margin-top-bottom-large {margin-top:60px; margin-bottom:60px !important ;}
.margin-left-right-large {margin-left:60px; margin-right:60px !important ;}

.margin-mini {margin:3px !important ;}
.margin-top-mini {margin-top:3px !important ;}
.margin-right-mini {margin-right:3px !important ;}
.margin-bottom-mini {margin-bottom:3px !important ;}
.margin-left-mini {margin-left:3px !important ;}
.margin-top-bottom-mini {margin-top:3px; margin-bottom:3px !important ;}
.margin-left-right-mini {margin-left:3px; margin-right:3px !important ;}

.margin-none {margin:0 !important ;}
.margin-top-none {margin-top:0 !important ;}
.margin-right-none {margin-right:0 !important ;}
.margin-bottom-none {margin-bottom:0 !important ;}
.margin-left-none {margin-left:0 !important ;}
.margin-top-bottom-none {margin-top:0; margin-bottom:0 !important ;}
.margin-left-right-none {margin-left:0; margin-right:0 !important ;}

.border {border:1px solid #cfcfcf!important ;}
.border-top {border-top:1px solid #cfcfcf !important ;}
.border-left {border-left:1px solid #cfcfcf !important ;}
.border-right {border-right:1px solid #cfcfcf !important ;}
.border-bottom {border-bottom:1px solid #cfcfcf !important;}
.border-none {border:none !important}

.border-top-white {border:1px solid #ffffff}

/* Bullets */
ul.fa-bullets, ul.fa-bullet {margin-left:1.7rem;}
ul.fa-bullet li, ul.fa-bullets li {text-indent:-1.7em; list-style:none;width:100%; line-height:1.1; margin-bottom:.2em; margin-top:.2em}
ul.checkmarks li::before { font-family:"Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; padding-right:.7em;}
ul.playcircle li::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f144'; padding-right:.7em;}

/* FORMS */
.line-form [type="date"], .line-form [type="datetime-local"], .line-for  [type="datetime"], .line-form [type="email"], .line-form [type="month"], .line-form [type="number"], .line-form [type="password"], .line-form [type="search"], .line-form [type="tel"], .line-form [type="text"], .line-form [type="time"], .line-form [type="url"], .line-form [type="week"], .line-form textarea {
	border-top:none;
	border-left:none;
	border-right:none;
	border-radius:0;
	background-color: transparent;
	box-shadow: none;
	transition: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color:white;
}
.line-form textarea {height:8em}
.line-form input::placeholder {color: white;}
.line-form label {display:none}

.line-form [type="color"]:focus, .line-form [type="date"]:focus, .line-form [type="datetime-local"]:focus, .line-form [type="datetime"]:focus, .line-form [type="email"]:focus, .line-form [type="month"]:focus, .line-form [type="number"]:focus, .line-form [type="password"]:focus, .line-form [type="search"]:focus, .line-form [type="tel"]:focus, .line-form [type="text"]:focus, .line-form [type="time"]:focus, .line-form [type="url"]:focus, .line-form [type="week"]:focus, .line-form textarea:focus {
	outline: 0;
	border-bottom: 2px solid #dcfd00;
	border-top:none;
	border-left:none;
	border-right:none;
	background-color: transparent;
	box-shadow: none;
	transition: border-color .25s ease-in-out;
	color:#ffffff;
	
}

/*========================
FOUNDATION OVERRIDES
==========================*/
.orbit-controls button {background-color:transparent; color:var(--red); background-image:none; border:none}

/* SLICK */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-initialized .slick-slide,.slick-slide img{display:block}.slick-arrow.slick-hidden,.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-next:hover::before, .slic-prev:hover::before {opacity:1}
.slick-prev:before,.slick-next:before{font-family: "Font Awesome 5 Free"; font-weight:900; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-prev{left: -25px;}
.slick-prev:before{content: '\f100'; color:var(--red)}
.slick-next{right: -25px;}
.slick-next:before{content: '\f101'; color:var(--red)}
.slick-prev, .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%);
	transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
/* =======================
RESPONSIVE
======================= */
@media only screen and (max-width: 1540px) {
    .video-wrap {height:auto;}
}

@media only screen and (max-width: 1440px) {
.products h2 {font-size:35px;}


}
@media only screen and (max-width: 1200px) {
#mega-menu-dropdown.enlarge {max-height:390px;}

}

@media only screen and (max-width: 1024px) {
    .mega-menu > ul.dropdown.menu > li > a {letter-spacing: 0;font-size: 18px; padding:.7rem .5rem}
    .video-overlay-snippet div {text-shadow:0 3px 12px #4d0000}
    .about-wrap {height:auto; padding-bottom:50px}

    .off-canvas {background:#212121; color:#ffffff}
    .small-menu {text-transform:uppercase}
    .small-menu a {color:#ffffff; font-weight:bold}
    .small-menu > ul >  li {border-bottom:1px solid rgba(255,255,255,.1)}
    .small-menu > ul > li > ul > li:not(:last-of-type) {border-bottom:1px dotted rgba(255,255,255,.1)}
    .small-menu > ul > li > ul {margin-left:30px; text-transform:capitalize}
    .small-text-left {text-align:left;}
    .small-menu .menu-button {background:transparent; border-top:none; border-left:none; border-right:none; margin-left:0}
    .small-margin-bottom-large {margin-bottom:60px}
    .small-padding-bottom-large {padding-bottom:60px}
    .small-padding-small {padding:30px!important}
    footer .logo {max-width:70%}
}

@media only screen and (max-width: 980px) {
.prodtabs-wrap {display:none}
.products h2 {font-size:30px;}
}

@media only screen and (max-width: 640px) {
    /* Responsive Media */
    .media-wrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0;}
    .media-wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
    .media-wrapper video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
    .orbit-previous, .orbit-next {padding:.5rem;}
    
    body, html {line-height: 2em;}
    .video-wrap .video-overlay { margin-top:0; background:transparent; height:auto}
    .video-wrap .red-wrap {background: rgba(237,28,36,1); height: auto; line-height:2em;}
    .video-wrap .video-overlay .intro-1 {padding-bottom:0 !important; text-align:center}
    .video-wrap .video-overlay .intro-2 {padding-bottom:40px !important}
    .video-wrap .video-overlay .intro-3 { text-align:center}
    .video-wrap .video-overlay .intro-3 ul { text-align:left}
    .video-wrap .video-overlay {padding-top: 0;}
    .video-wrap .red-wrap {position:relative}
    
    
    .about-snippet {text-align:center; padding:40px}
    .about-snippet .line1 {margin-left:0}
    .about-snippet .line2 {line-height:45px}
    

    
    .contact-snippet {text-align:center; padding:40px}
    .contact-snippet .line1 {margin-left:0}
    .contact-snippet .line2 {line-height:45px}
    .contact-snippet .grid-x {display:block;}
    
    .content-wrap.padding {padding:15px!important;}
    .content-wrap .padding {padding:15px !important;}
    

    footer {text-align:center}
    .footer-wrap .cell:nth-of-type(2) {padding-left:0; padding-top:50px; line-height:20px}
    .footer-wrap .cell:nth-of-type(4) {background:rgba(0,0,0,.05); padding:30px; margin-top:50px}
    
    .products h2 {font-size:20px;}
    
    .h1-interior {color:#ffffff;z-index:2; position:relative; font-family:Roboto Condensed; text-transform:uppercase; margin:60px 0 0 0; font-size:56px; letter-spacing:.05em}
}

@font-face {
    font-family: 'rapier';
    src: url('/_assets_c/css/rapier_let_plain-webfont.woff2') format('woff2'),
         url('/_assets_c/css/rapier_let_plain-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.grid-x.align-middle cell.large-6 a img {
    margin-right: 20px; /* Adjust this value as needed */
}

.grid-x.align-middle {
    justify-content: space-between; /* This will also help space them out */
}