/*
==============================================================
Updated on: 03 - 10 - 2020
Copyright ITO All Rights Reserved.
==============================================================
*/
/*
==============================================================
INDEX

01 Fonts
02 Buttons, Special Link Classes
03 Bucket Classes
04 Pagination Classes
05 Navigation Classes
06 Carousel Classes
07 Google Translate
08 Utility Classes
09 Media Queries
10 Tag Styles
11 Print Styles

==============================================================
*/

/*
==============================================================
01 Fonts
==============================================================
*/

/*
==============================================================
05 Navigation Classes
==============================================================
*/

/* Header Top Bar */
#header-nav-bar {z-index: 20; border-bottom: 10px solid #8A1538;}
#header-nav-bar .foreground-layer {position: relative;}
#header-nav-bar .background-layer {/*background: #D1CDC6; opacity: 0.8;*/ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}

/* */
.navbar {margin: 0 0; min-height: 0; border: 0; border-radius: 0;}
.navbar .navbar-nav {}
.navbar .navbar-nav li {}
.navbar .navbar-nav li a {padding-top: 16px !important; padding-bottom: 16px !important; padding-left: 13px !important; padding-right: 13px !important;}
.navbar .navbar-nav li a .bullet {display: block; text-align: center; line-height: 20px; padding-top: 0; opacity: 0; font-size: 1.2em;}
.navbar .navbar-nav li a .title {display: block; text-align: center; line-height: 20px; padding-bottom: 0; opacity: 1;}
.navbar .navbar-nav li a,
.navbar .navbar-nav li a:focus,
.navbar .navbar-nav li a:hover,
.navbar .navbar-nav li a:active {opacity: 1;}
.navbar .navbar-nav li a.selected {}
.navbar .navbar-nav li a:hover .bullet {opacity: 0.5;}
.navbar .navbar-nav li a.selected .bullet {opacity: 1}
.navbar .navbar-nav li a.selected:hover .bullet {opacity: 0.5;}
.navbar .navbar-nav li a:hover .title {opacity: 0.5;}
.navbar .navbar-nav li a.selected .title {opacity: 1}
.navbar .navbar-nav li a.selected:hover .title {opacity: 0.5;}
.navbar .navbar-nav li ul {margin-left: 0; padding-left: 0;}
.navbar .navbar-nav li ul li {display: block;}
.navbar .navbar-nav li ul li .a,
.navbar .navbar-nav li ul li a {display: block; line-height: 1.1em !important; padding-top: 0.5615em !important; padding-bottom: 0.5615em !important;}
.navbar .navbar-nav li ul li .a,
.navbar .navbar-nav li ul li a,
.navbar .navbar-nav li ul li a:focus,
.navbar .navbar-nav li ul li a:hover,
.navbar .navbar-nav li ul li a:active {}
.navbar .navbar-nav li.open a.dropdown-link,
.navbar .navbar-nav li.open a.dropdown-link:focus,
.navbar .navbar-nav li.open a.dropdown-link:hover,
.navbar .navbar-nav li.open a.dropdown-link:active {background-color: transparent; color: #CCC; opacity: 1;}
.navbar .navbar-nav li.open a.dropdown-link span {}
/*.navbar .navbar-nav li.open a.dropdown-link .sub-arrow {position: absolute; bottom: 0; display: none; left: 50%; width: 0; height: 0; opacity: 1;
	border-bottom: 10px solid #009CDE; border-left: 15px solid transparent; border-right: 15px solid transparent; margin-left: -15px; z-index: 50;}*/
.navbar-default {background-color: transparent;}
#mobile-collapse {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
.jump-links li a {}
.jump-links li a span {display: block;}
.dropdown-menu {z-index: 20; background: #009CDE; font-size: inherit; border: 0; padding: 0 !important;}

/*
==============================================================
06 Carousel Classes
==============================================================
*/

/* Bootstrap Carousel - Inside Each Slide */
.carousel-inner {-webkit-transform-style: preserve-3d; width: 100%; height: 100%;}
.carousel-inner .item {width: 100%; height: 100%; /*background-size: cover; background-position: 68% center; background-repeat: no-repeat;*/
	overflow: hidden; /* position: relative; - taken out becuase it produced problems upon slide transition */}
.carousel-inner .item img {/*width: 100%;*/ display: inline !important; max-width: none !important; min-width: 1000%; min-height: 1000%;
	position: absolute; left: -10000%; right: -10000%; top: -10000%; bottom: -10000%; margin: auto; transform: scale(0.1);}
.carousel-inner .item a.slide-link {position: relative; top: 0; bottom: 160px; z-index: 15; float: right;}
.carousel-inner .item a:hover {opacity: 1;}

/* Bootstrap Carousel - Inside Each Slide - Carousel Caption Control */
.carousel-inner .item .carousel-caption {left: 0; width: 100%; right: auto; bottom: 0; padding: 0; height: 160px; text-align: left; text-shadow: none;}
.carousel-inner .item .carousel-caption .foreground-layer {position: relative;}
.carousel-inner .item .carousel-caption .foreground-layer .carousel-caption-copy {margin-top: 15px;}
.carousel-inner .item .carousel-caption .foreground-layer .carousel-caption-copy .carousel-caption-copy-content {font-size: 1em; /* 18 / 18 */}
.carousel-inner .item .carousel-caption .foreground-layer .carousel-caption-learn-more-float {float: right; height: 46px; width: 135px;}
.carousel-inner .item .carousel-caption .foreground-layer .carousel-caption-learn-more {margin: 0; padding: 0; font-size: 1em; /* 18 / 18 */}
.carousel-inner .item .carousel-caption .foreground-layer .carousel-caption-learn-more .carousel-caption-learn-more-link-button {position: absolute; top: 0;
	right: 30px; text-transform: uppercase;}
.carousel-inner .item .carousel-caption .foreground-layer .carousel-caption-learn-more .carousel-caption-learn-more-link-button .icomoon {font-size: 56px;}
.carousel-inner .item .carousel-caption .foreground-layer .carousel-caption-learn-more .carousel-caption-learn-more-link-button span {line-height: 56px; vertical-align: middle;}
.carousel-inner .item .carousel-caption .background-layer {position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: -1;
	border-top: 4px solid; padding-top: 0;}

/* Bootstrap Carousel - Inside Each Slide - Learn More Control */
.carousel-inner .item .carousel-overlay-button-link-container {bottom: 95px; z-index: 20; position: absolute; width: 100%;}
.carousel-inner .item .carousel-overlay-button-link-container .carousel-overlay-button-link a {/*text-shadow: 3px 3px 2px #0C283D;*/}
.carousel-inner .item .carousel-overlay-button-link-container .carousel-overlay-button-link a .icomoon {font-size: 56px;}
.carousel-inner .item .carousel-overlay-button-link-container .carousel-overlay-button-link a span {line-height: 56px; vertical-align: middle;}

/* Bootstrap Carousel - Inside Each Slide - Heading Title Control -- Note: media queries are applied */
.carousel-inner .item .carousel-header {position: absolute; top: 0; left: 0; padding-right: 33px; height: 65px; background: url(../images/ITWcarousel-wedge65.png) right top no-repeat;}
.carousel-inner .item .carousel-header .carousel-header-bg {background: linear-gradient(to right,rgba(205,46,75,0.8) 0%,rgba(138,21,56,0.8) 100%);}
.carousel-inner .item .carousel-header .heading-title {font-size: 1em; font-weight: 300; transition: padding-left ease 0.5s;}

/*.carousel-link-only {display: none; width: 100%; height: 100%;}
.carousel-link-only a {display: block; width: 100%; height: 100%;}
.carousel-link-0 {display: block;}
.carousel-links {position: absolute; top: 0; left: 0; right: 0; bottom: 160px; z-index: 10;}*/

/* Bootstrap Carousel - Dot Indicators */
.carousel-indicators {padding-left: 0; display: inline-block; margin-bottom: 0; position: relative; width: auto; left: 0; margin-left: 0; bottom: 0;}
.carousel-indicators-wrapper {position: absolute; top: auto; bottom: 10px; left: 0; right: auto; width: 100%; text-align: center;}
.carousel-indicators li {width: 12px; height: 12px; margin-right: 19px; margin-left: 19px;}
.carousel-indicators li.active {width: 12px; height: 12px; margin-right: 19px; margin-left: 19px;}

/* Bootstrap Carousel - In General */
.carousel {width: 100%; height: 100%; position: relative; padding-left: 0 !important; padding-right: 0 !important;}
.carousel {height: 39.16666666666667vw;/* transition: height 2s;*/}
.carousel-logo {z-index: 100; position: absolute; top: 0; left: 0; background: red; width: 200px; height: 200px;}
.carousel-control {z-index: 10;}
.carousel-overlay {/*position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 0; padding-bottom: 32%; background: url(../images/pub/carousel-base-curve.png) 0 100% no-repeat; background-size: contain;*/}

/*
==============================================================
08 Utility Classes
==============================================================
*/

.product_sheet {border: 2px solid #8A1538; padding: 10px; display: block; transform: skew(-20deg); text-transform: uppercase; font-family: Oswald; text-align: center;}
.product_sheet span {display: block; transform: skew(20deg);}
.product_sheet:hover {opacity: 1 !important; border-color: transparent; background: linear-gradient(35deg,#CD2E4B 0%,#8A1538 100%) !important; color: #FFF;}

.product-tabs li {width: 50%; background: #333;}
.product-tabs li a, .product-tabs li a:focus, .product-tabs li a:hover,
.product-tabs li.active a, .product-tabs li.active a:focus, .product-tabs li.active a:hover {color: #FFF; background-color: transparent; border: 0; font-family: Oswald; text-transform: uppercase;}
.product-tabs li a .bullet {visibility: hidden;}
.product-tabs li.active {background: linear-gradient(35deg,#CD2E4B 0%,#8A1538 100%);}
.product-tabs li.active a, .product-tabs li.active a:focus, .product-tabs li.active a:hover {opacity: 1;}
.product-tabs li.active a .bullet {visibility: visible;}
.product-tabs li a {display: block; text-align: center;}
.product-tabs li a span {display: block;}

.product-tab-content ul {padding-left: 10px; font-size: 0.777777777777777777777em;}
.product-tab-content .size-smaller {font-size: 0.666666666666666666666666em;}
.product-tab-content ul li {color: #8A1538;}
.product-tab-content ul li span {color: #000;}

.product-info-heading-back {line-height: 1.1em; padding: 10px 0;}
.product-info-heading {font-size: 0.777777777777777777777em;}
.product-heading-title {font-size: 1.5em;}

.product-description-border-first {border-bottom: 2px solid #000; border-right: 1px solid #000; border-left: 2px solid #000;}
.product-description-border {border-bottom: 2px solid #000; border-right: 1px solid #000; border-left: 1px solid #000;}
.product-description-border-last {border-bottom: 2px solid #000; border-right: 2px solid #000; border-left: 1px solid #000;}
.product-drawing-border {padding-top: 10px; border-bottom: 2px solid #000; border-right: 2px solid #000; border-left: 2px solid #000;}

.row-border-left-bottom {border-bottom: 2px solid #000; border-left: 2px solid #000;}
.col-border-right {border-right: 2px solid #000;}

.weld-heading {height: 40px; line-height: 40px; font-size: 0.75em; background: linear-gradient(35deg,#CD2E4B 0%,#8A1538 100%); text-align: center; color: #FFF; font-family: Oswald; padding-left: 0; padding-right: 0;}
.weld-types {clear: both; height: 40px; text-align: center; border-right: 1px solid #000; border-bottom: 1px solid #000; background: #FFF;}
.weld-legend {display: inline-block; margin-right: 15px;}
.weld-legend .weld-legend-text {font-size: 0.75em; position: relative; top: -5px; left: 3px; font-family: Oswald; color: #000; text-transform: uppercase;}
.weld-type {width: 1.5em; height: 1.5em; border-radius: 50%; text-align: center; color: #FFF; font-family: Oswald; font-size: 0.65em; float: left; margin-right: 2px;}
.weld-type-W {background: #CEA556;}
.weld-type-R {background: #135379;}
.weld-type-H {background: #9C9C9C;}
.weld-type-I {background: #8A1538;}
.weld-type-U {background: #000000;}

.application-heading-bar {background: #CCC; margin-top: 20px;}
.application-heading-bar .application-title {text-transform: uppercase; background: #000; padding: 15px; width: 60%; position: relative; height: 59px;}
.application-heading-bar .application-title .smaller-application-title {font-size: 0.6em; font-weight: 300; font-family: Lato;}
.application-heading-bar .application-title .application-title-wedge {position: absolute; width: 0; height: 0; border-top: 59px solid #000;
	border-right: 20px solid transparent; top: 0; left: 100%;}
.application-heading-bar .application-title p {margin: 0; font-size: 1em;}
.application-heading-bar .product_sheet {background: #FFF; margin-top: 5px; margin-right: 15px;}
.application-text {margin-bottom: 0; font-size: 0.85em;}

.inverse h1, .inverse p, .inverse label {color: #FFF !important;}

.img-cover {display: inline !important; max-width: none !important; min-width: 1000%; min-height: 1000%;
	position: absolute; left: -10000%; right: -10000%; top: -10000%; bottom: -10000%; margin: auto; transform: scale(0.1);}

.button-style-1 { margin-top: 50px;}
.button-style-1 a {color: rgb(30,53,94); padding: 15px; display: inline-block; border: 1px solid rgb(30,53,94); font-weight: 700;}

.button-style-2 {}
.button-style-2 button {background-color: #79A33F; color: #FFF; text-transform: uppercase; padding: 15px; display: inline-block; border: 0; width: 100%;
	font-family: Oswald; font-weight: 400; font-size: 2.5em; line-height: 1.15em;}
.button-style-2 button:hover {opacity: 0.85;}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
	/*display: inline !important;*/
}

.smartback {text-transform: uppercase;}
.smartback, .smartback:focus, .smartback:hover {color: #FFF;}

#background_image {background-position: right top; background-repeat: no-repeat; background-size: contain;}

/* Alertify Plugin Styles */
.alertify {border-color: rgba(0, 0, 0, 0.3) !important;}
.alertify .alertify-button,
.alertify .alertify-button:focus,
.alertify .alertify-button:active {box-shadow: none !important;}/* Box shadow - button edge highlight */
.alertify .alertify-button-cancel,
.alertify .alertify-button-cancel:hover,
.alertify .alertify-button-cancel:focus {background-color: #082C4D !important; border: 1px solid #072845 !important;}
.alertify .alertify-button-ok,
.alertify .alertify-button-ok:hover,
.alertify .alertify-button-ok:focus {background-color: #5CB85C !important; border: 1px solid #5CB85C !important;}
.alertify .alertify-message {}

.stuck {
	position: fixed !important;
	top: 0;
	width: 100%;
}

.split-list {margin-bottom: 10px;}
.split-list ul {margin-bottom: 0;}

/* Window Shade */
.init_open_exception {display: inline-block;}
.ws_icon {margin-left: 5px;}

/* Header Image Background */
.header-image {
    height: 150px;
    background-size: cover;
    /*width: 100%;*/
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: height 2s;
    -moz-transition: height 2s;
    -ms-transition: height 2s;
    -o-transition: height 2s;
    transition: height 2s;
}
.header-image .page-title-bar {
	background-size: contain;
}
.header-image .page-title-bar h1 {
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	text-transform: uppercase;
}

/* Custom Button and Link Classes */
.btn-micronix {color: #CED0A2; background: url(../images/header-top-background-sliver.png) 0 -30px repeat-x; border-color: #808080;}
.btn-micronix.active, .btn-micronix.focus, .btn-micronix:active, .btn-micronix:focus, .btn-micronix:hover, .open > .dropdown-toggle.btn-micronix {
	color: #CED0A2; background: url(../images/header-top-background-sliver.png) 0 -30px repeat-x; border-color: #808080;
	opacity: 0.5;
}

/* Misc. Utility Classes */
.full-screen {width: 100%; height: 100%; position: relative; margin-top: -80px;}
.full-screen .htb-offset {position: absolute; top: 80px; bottom: 0; width: 100%;}
.htb-offset {margin-top: 0px; position: relative;}
.vertical-text-top {vertical-align: text-top;}
.vertical-ghost {display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.vertical-content {display: inline-block; vertical-align: middle; width: 100%; white-space: normal;}
.vertical-center {display: inline-block; vertical-align: middle; float: none; xheight: 100%;}
.vertical-center-content {display: inline-block; vertical-align: middle; width: 100%; margin-right: -1px;}
.vertical-center-content-column {display: inline-block; vertical-align: middle; margin-right: -1px; float: none;}
.vertical-center-ghost {display: inline-block; vertical-align: middle; width: 1px; height: 100%;}
.transition {transition: all 1s;}
.top-offset {padding-top: 80px; margin-top: -80px;}
.format-new-line {display: block;}
.row-equal {overflow: hidden;}
.overflow-hidden {overflow: hidden;}
.col-equal {margin-bottom: -99999px !important; padding-bottom: 99999px !important;}
.pos-relative {position: relative;}
.full-height {height: 100%;}
.full-width {width: 100%;}
.no-padding {padding: 0;}
.no-margin {margin: 0;}
.border-bottom {border-bottom: 1px solid #999;}
.combine-text {white-space: nowrap;}

/* Background Colors */
.cta-color-bckgrd-green {background: #1D5770; overflow: hidden;}
.cta-color-bckgrd-blue {background: #7C88A9; overflow: hidden;}
.cta-color-bckgrd-violet {background: #1E355E; xoverflow: hidden;}
.cta-color-bckgrd-white {background: #FFF;}
.cta-color-bckgrd-gray {background: #E0E0E0;}
.cta-color-bckgrd-dark-blue {background: #233460;}
.itw-red-fade {background: linear-gradient(35deg,#cd2e4b 0%,#8a1538 100%);}
.itw-red {background: #8A1538;}
.itw-dark-gray-fade {background: linear-gradient(35deg,#535353 0%,#303030 100%);}
.itw-dark-gray {background: #404040;}
.itw-c-light-gray {color: #BCBCBC !important;}

.gray-box-2 {background: #A4A676; overflow: hidden;}
.gray-box-3 {background: #CBCBCB; overflow: hidden;}

/* Utility Colors */
.color-white, .color-white * {color: #FFF !important;}

.color-pan-400 {color: #D1CDC6;}
.color-pan-404 {color: #756C66;}
.color-pan-153 {color: #D77D23;}
.color-pan-1595 {color: #F66D22;}
.color-pan-143 {color: #FCB53E;}
.color-pan-1815 {color: #660000;}
.color-pan-180 {color: #CC3333;}
.color-pan-646 {color: #3188BB;}
.color-pan-647 {color: #224364;}

.color-pan-185 {color: #E4002B;}
.color-pan-187 {color: #A6192E;}
.color-pan-7691 {color: #004C97;}
.color-pan-2925 {color: #009CDE;}
.color-pan-7678 {color: #68478D;}
.color-pan-2074 {color: #9569BE;}

.color-pan-427, .color-pan-427:hover, .color-pan-427:active {color: #D0D3D4;}
.color-pan-428 {color: #C1C6C8;}
.color-pan-429 {color: #A2AAAD;}
.color-pan-430 {color: #7C878E;}
.color-pan-431, .color-pan-431:hover, .color-pan-431:active {color: #5B6770;}
.color-pan-432 {color: #07283D;}
.color-pan-433 {color: #1D252D;}

.color-EEEEEE, .color-EEEEEE:hover, .color-EEEEEE:active {color: #EEE;}

/* Size Styles */
.size-smaller-2x {font-size: 0.6em;}
.size-smaller {font-size: 0.8em;}
.size-normal {font-size: 1.0em;}
.size-hightened {font-size: 1.125em;}
.size-large {font-size: 1.2em}
.size-larger {font-size: 1.4em;}
.size-larger-2x {font-size: 1.8em;}

/* Footer */
#footer-top {position: relative;}
#footer-top a {}
#footer-top h2, ul.nav-links-v2 li a {font-size: 1em !important;}
#footer-top ul.social-links {display: block; height: 43px; margin-left: 0; padding-left: 0; width: 53px;}
#footer-top ul.social-links li {display: inline; float: left; margin-left: 0; padding-left: 0;}
#footer-top ul.social-links li a {display: block; width: 53px; height: 43px;}
#footer-top ul.social-links li a span {display: block; width: 53px; height: 43px;}

/* Specific Footer Navigation Links Styles */
#footer-top ul.nav-links {margin-left: 0; padding-left: 0;}
#footer-top ul.nav-links li {margin-top: 12px; line-height: 1.1; margin-bottom: 12px;}
#footer-top ul.nav-links li a {}
#footer-top ul.nav-links li a .bullet {display: none;}
#footer-top p {line-height: 2.11em;}

/* Specific Footer Navigation Links Styles */
#footer-top ul.nav-links-v2 {margin-left: 0; padding-left: 0;}
#footer-top ul.nav-links-v2 li {margin-top: 10px; line-height: 1.1; margin-bottom: 10px;}
#footer-top ul.nav-links-v2 li a {font-size: 1.25em; text-transform: uppercase;}
#footer-top ul.nav-links-v2 li a .bullet {display: none;}
#footer-top p {line-height: 2.11em;}

/* General (Footer) Navigation Links Styles */
ul.nav-links {overflow: hidden;}
ul.nav-links li {display: inline; float: left; width: 100%; margin-left: 0; padding-left: 0;}

/* General (Footer) Navigation Links Styles */
ul.nav-links-v2 {overflow: hidden;}
ul.nav-links-v2 li {display: inline; float: left; width: 100%; margin-left: 0; padding-left: 0;}

/* ISOTOPE & SLICK */
.item-box {width: 100%; padding-bottom: 120%; position: relative;}
.item-box .item-overlay {z-index: 1; opacity: 0; position: absolute; top: 0; left: 0;
	width: 100%; height: 100%; border: 1px solid #7C88A9; transition: opacity 0.5s;}
.item-box:hover .item-overlay {opacity: 1;}
.item-box-active .item-overlay {opacity: 1;}
.item-box-active .item-overlay .item-details {opacity: 0; transition: opacity 0.5s;}
.item-box-active:hover .item-overlay .item-details {opacity: 1;}
.item-box .item-overlay .item-details {background: rgba(30,53,94,0.5); position: absolute; top: 40%; bottom: 40%; left: 10%; right: 10%;
	text-align: center;}
.item-box .item-overlay .item-details a {text-transform: uppercase; color: #FFF; display: block; height: 100%; width: 100%;}
.item-box .item-overlay .item-details a span {}

.item-box .item-contents {position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px;}
.item-box .item-contents .item-image {position: absolute; left: 0; width: 100%; top: 0; bottom: 3.5em;}
.item-box .item-contents .item-image img {padding: 10px;}
.item-box .item-contents .item-text {position: absolute; bottom: 0; left: 0; width: 100%; height: 3.5em; text-align: center; overflow: hidden;}
.item-box .item-contents .item-text a {font-size: 0.8em;}

.news-box {background: #FFF; padding: 5px; height: 100%;}
.news-box .news-contents {border: 1px solid #000; padding: 5px; height: 100%;}
.news-box .news-contents .news-text {padding: 0 10px;}
.news-box .news-overlay {z-index: 1; /*opacity: 0;*/ position: absolute; /*top: 0;*/ top: 100%; left: 0;
	width: 100%; height: 100%; border: 1px solid #7C88A9; /*transition: opacity 0.5s;*/ transition: top 0.5s;}
.news-box .news-overlay-background {background: linear-gradient(35deg,rgba(205,46,75,0.7) 0%,rgba(138,21,56,0.7) 100%);}
.news-box:hover .news-overlay {/*opacity: 1;*/ top: 0;}
.news-box .news-overlay .news-details {position: absolute; top: 40%; bottom: 40%; left: 10%; right: 10%;
	text-align: center;}
.news-box .news-overlay .news-details-overflow-hidden {overflow: hidden;}
.news-box .news-overlay .news-details .news-details-trapezoid {border-bottom: 140px solid rgb(138,21,56); border-left: 35px solid transparent; border-right: 35px solid transparent;}
.news-box .news-overlay .news-details .news-details-paralelegram {height: 100%; transform: skew(-20deg); background: rgb(138,21,56);}
.news-box .news-overlay .news-details a {text-transform: uppercase; color: #FFF; display: block; height: 100%; width: 100%;}

#view-all {margin-left: 10px; color: #1D5770 !important; cursor: pointer; display: none;}
#view-all:hover {opacity: 0.5;}
	
/* Pulldown Menus */
.select-box .nav li a {padding: 15px 15px; background-color: #1D5770; text-transform: uppercase; color: #FFF; font-family: Oswald; width: 151px;}
.select-box .nav li a:hover {background-color: #1D5770;}
.select-box .nav li.open a:focus, .select-box .nav li.open a:hover {background-color: #1D5770;}
.select-box .nav li .dropdown-menu li.selected {background: #FFF !important;}
.select-box .nav li .dropdown-menu li.selected span {color: #1D5770 !important;}
.select-box .nav li .dropdown-menu {padding: 0; border: 0; width: 140px; font-family: Oswald;}
.select-box .nav li .dropdown-menu li {width: 100%; background: #1D5770; border-top: 1px solid #6E7BA0;}
.select-box .nav li .dropdown-menu li span {padding: 15px 8px 15px 8px; text-transform: none; font-weight: 400; position: relative; color: #FFF;
	display: block; clear: both; line-height: 1.42857143; white-space: nowrap;}
.select-box .nav li .dropdown-menu li span:focus, .select-box .nav li .dropdown-menu li span:hover {background-color: #FFFFFF; color: #1D5770;
	text-decoration: none; cursor: pointer;}
	
/* Flickr Gallery */
.my-gallery {width: 100%; float: left;}
.my-gallery img {width: 100%; height: auto;}
.my-gallery figure {display: block; float: left; margin: 0 5px 5px 0;}
.my-gallery figcaption {display: none;}

/* Youtube Videos */
.youtube-video {display: block; width: 100%; position: relative; padding-top: 56.25%;}
.youtube-video .youtube-video-link {position: absolute; display: block; height: 100%; width: 100%; background-position: 0 center;
	background-repeat: no-repeat; top: 0; left: 0; background-size: cover;}
.youtube-video .youtube-video-link .youtube-video-view-button {display: block; width: 70px; height: 70px; position: absolute; top: 10px; left: 10px;
	background: url(../images/video-play-button.png) 0 0 no-repeat;}

/* Alignmnet */
.text-left-xs {text-align: left;}
.text-center-xs {text-align: center;}
.text-right-xs {text-align: right;}
.pull-left-xs {float: left;}
.pull-right-xs {float: right;}
.l-m-xs-0 {padding-left: 0;}
.l-m-xs-15 {padding-left: 15px;}
.r-m-xs-0 {padding-right: 0;}
.r-m-xs-15 {padding-right: 15px;}

/* Spacing Classes (TOP) */
.t-m-xs-0 {margin-top: 0;}
.t-m-xs-5 {margin-top: 5px;}
.t-m-xs-10 {margin-top: 10px;}
.t-m-xs-15 {margin-top: 15px;}
.t-m-xs-20 {margin-top: 20px;}
.t-m-xs-25 {margin-top: 25px;}
.t-m-xs-50 {margin-top: 50px;}
.t-m-xs-75 {margin-top: 75px;}
.t-m-xs-100 {margin-top: 100px;}
.t-m-xs-125 {margin-top: 125px;}
.t-m-xs-150 {margin-top: 150px;}

/* Spacing Classes (BOTTOM) */
.b-m-xs-0 {margin-bottom: 0;}
.b-m-xs-5 {margin-bottom: 5px;}
.b-m-xs-10 {margin-bottom: 10px;}
.b-m-xs-15 {margin-bottom: 15px;}
.b-m-xs-20 {margin-bottom: 20px;}
.b-m-xs-25 {margin-bottom: 25px;}
.b-m-xs-50 {margin-bottom: 50px;}
.b-m-xs-75 {margin-bottom: 75px;}
.b-m-xs-100 {margin-bottom: 100px;}
.b-m-xs-125 {margin-bottom: 125px;}
.b-m-xs-150 {margin-bottom: 150px;}

/* Spacing Classes (LEFT) */
.l-m-xs-0 {margin-left: 0;}
.l-m-xs-25 {margin-left: 25px;}
.l-m-xs-40 {margin-left: 40px;}

/* Spacing Classes (RIGHT) */
.r-m-xs-0 {margin-right: 0;}
.r-m-xs-25 {margin-right: 25px;}
.r-m-xs-40 {margin-right: 40px;}

.position-absolute-xs {position: absolute;}
.border-left-xs {border-left: 1px solid rgba(255,255,255,0.5);}
.border-left-2-xs {border-left: 1px solid rgba(0,0,0,0.5);}
.full-height-col-xs {position: absolute; top: 0; bottom: 0; min-height: 0;}
.min-height-xs-v1 {min-height: 300px;}

.line-break-xs {display: block;}
.container-xs {width: 100%;}
.form-inline-xs .form-control {display: inline-block; width: auto;}

.fullsize-box-xs {position: absolute; top: 0; left: 0; width: 100%; height: 100%; right: 0; bottom: 0;}

.menu-logo {width: 235px; display: inline-block;}
.menu-logo img {margin-top: 10px; width: 100%;}

/*
==============================================================
09 Media Queries
==============================================================
*/

/* Small Devices, Tablets & UP */
@media only screen and (min-width: 768px) {
	
	/* Alignmnet */
	.text-left-sm {text-align: left;}
	.text-center-sm {text-align: center;}
	.text-right-sm {text-align: right;}
	.pull-left-sm {float: left;}
	.pull-right-sm {float: right;}
	.l-m-sm-0 {padding-left: 0;}
	.l-m-sm-15 {padding-left: 15px;}
	.r-m-sm-0 {padding-right: 0;}
	.r-m-sm-15 {padding-right: 15px;}

	/* Spacing Classes (TOP) */
	.t-m-sm-0 {margin-top: 0;}
	.t-m-sm-5 {margin-top: 5px;}
	.t-m-sm-10 {margin-top: 10px;}
	.t-m-sm-15 {margin-top: 15px;}
	.t-m-sm-20 {margin-top: 20px;}
	.t-m-sm-25 {margin-top: 25px;}
	.t-m-sm-50 {margin-top: 50px;}
	.t-m-sm-75 {margin-top: 75px;}
	.t-m-sm-100 {margin-top: 100px;}
	.t-m-sm-125 {margin-top: 125px;}
	.t-m-sm-150 {margin-top: 150px;}

	/* Spacing Classes (BOTTOM) */
	.b-m-sm-0 {margin-bottom: 0;}
	.b-m-sm-5 {margin-bottom: 5px;}
	.b-m-sm-10 {margin-bottom: 10px;}
	.b-m-sm-15 {margin-bottom: 15px;}
	.b-m-sm-20 {margin-bottom: 20px;}
	.b-m-sm-25 {margin-bottom: 25px;}
	.b-m-sm-50 {margin-bottom: 50px;}
	.b-m-sm-75 {margin-bottom: 75px;}
	.b-m-sm-100 {margin-bottom: 100px;}
	.b-m-sm-125 {margin-bottom: 125px;}
	.b-m-sm-150 {margin-bottom: 150px;}
	
	/* Spacing Classes (LEFT) */
	.l-m-sm-0 {margin-left: 0;}
	.l-m-sm-25 {margin-left: 25px;}
	.l-m-sm-40 {margin-left: 40px;}
	
	/* Spacing Classes (RIGHT) */
	.r-m-sm-0 {margin-right: 0;}
	.r-m-sm-25 {margin-right: 25px;}
	.r-m-sm-40 {margin-right: 40px;}

	.position-absolute-sm {position: absolute;}
	.border-left-sm {border-left: 1px solid rgba(255,255,255,0.5);}
	.border-left-2-sm {border-left: 1px solid rgba(0,0,0,0.5);}
	.full-height-col-sm {position: absolute; top: 0; bottom: 0; min-height: 0;}
	.min-height-sm-v1 {min-height: 300px;}
	
	.line-break-sm {display: block;}
	.container-sm {width: 770px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;}
	.form-inline-sm .form-control {display: inline-block; width: auto;}
	
	.fullsize-box-sm {position: absolute; top: 0; left: 0; width: 100%; height: 100%; right: 0; bottom: 0;}
	
	/* Header Image Background */
	.header-image {height: 250px;}
	
	.application-heading-bar .application-title {width: 65%;}
	.application-heading-bar .application-title p {font-size: 1.5em;}
}

/* Medium Devices, Desktops & UP */
@media only screen and (min-width: 992px) {
	
	/* Alignmnet */
	.text-left-md {text-align: left;}
	.text-center-md {text-align: center;}
	.text-right-md {text-align: right;}
	.pull-left-md {float: left;}
	.pull-right-md {float: right;}
	.l-m-md-0 {padding-left: 0;}
	.l-m-md-15 {padding-left: 15px;}
	.r-m-md-0 {padding-right: 0;}
	.r-m-md-15 {padding-right: 15px;}
	
	/* Spacing Classes (TOP) */
	.t-m-md-0 {margin-top: 0;}
	.t-m-md-5 {margin-top: 5px;}
	.t-m-md-10 {margin-top: 10px;}
	.t-m-md-15 {margin-top: 15px;}
	.t-m-md-20 {margin-top: 20px;}
	.t-m-md-25 {margin-top: 25px;}
	.t-m-md-50 {margin-top: 50px;}
	.t-m-md-75 {margin-top: 75px;}
	.t-m-md-100 {margin-top: 100px;}
	.t-m-md-125 {margin-top: 125px;}
	.t-m-md-150 {margin-top: 150px;}

	/* Spacing Classes (BOTTOM) */
	.b-m-md-0 {margin-bottom: 0;}
	.b-m-md-5 {margin-bottom: 5px;}
	.b-m-md-10 {margin-bottom: 10px;}
	.b-m-md-15 {margin-bottom: 15px;}
	.b-m-md-20 {margin-bottom: 20px;}
	.b-m-md-25 {margin-bottom: 25px;}
	.b-m-md-50 {margin-bottom: 50px;}
	.b-m-md-75 {margin-bottom: 75px;}
	.b-m-md-100 {margin-bottom: 100px;}
	.b-m-md-125 {margin-bottom: 125px;}
	.b-m-md-150 {margin-bottom: 150px;}
	
	/* Spacing Classes (LEFT) */
	.l-m-md-0 {margin-left: 0;}
	.l-m-md-25 {margin-left: 25px;}
	.l-m-md-40 {margin-left: 40px;}
	
	/* Spacing Classes (RIGHT) */
	.r-m-md-0 {margin-right: 0;}
	.r-m-md-25 {margin-right: 25px;}
	.r-m-md-40 {margin-right: 40px;}

	.position-absolute-md {position: absolute;}
	.border-left-md {border-left: 1px solid rgba(255,255,255,0.5);}
	.border-left-2-md {border-left: 1px solid rgba(0,0,0,0.5);}
	.full-height-col-md {position: absolute; top: 0; bottom: 0; min-height: 0;}
	.min-height-md-v1 {min-height: 300px;}
	
	.line-break-md {display: block;}
	.container-md {width: 974px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;}
	.form-inline-md .form-control {display: inline-block; width: auto;}
	
	.fullsize-box-md {position: absolute; top: 0; left: 0; width: 100%; height: 100%; right: 0; bottom: 0;}
	
	/* position links in main menu */
	/* float: left; - left */
	/* display: table; float: none; margin: 0 auto; - center */
	/* float: right ; - right */
	.jump-links .navbar-nav { float: right;}
	
	.product-tab-content ul {padding-left: 20px; font-size: 1em;}
	.product-tab-content .size-smaller {font-size: 0.8em;}
	.product-info-heading {font-size: 1em;}
	.product-heading-title {font-size: 2em;}
	
	.carousel-inner .item .carousel-header {padding-right: 50px; background-image: url(../images/ITWcarousel-wedge100.png);}
	.carousel-inner .item .carousel-header .heading-title {padding-left: 100px;}
	
	.carousel-inner .item .carousel-header {height: 100px;}
	.carousel-inner .item .carousel-header .heading-title {font-size: 2em;}
	
	.weld-heading {font-size: 1em;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
	
	/* Alignmnet */
	.text-left-lg {text-align: left;}
	.text-center-lg {text-align: center;}
	.text-right-lg {text-align: right;}
	.pull-left-lg {float: left;}
	.pull-right-lg {float: right;}
	.l-m-lg-0 {padding-left: 0;}
	.l-m-lg-15 {padding-left: 15px;}
	.r-m-lg-0 {padding-right: 0;}
	.r-m-lg-15 {padding-right: 15px;}
	
	/* Spacing Classes (TOP) */
	.t-m-lg-0 {margin-top: 0;}
	.t-m-lg-5 {margin-top: 5px;}
	.t-m-lg-10 {margin-top: 10px;}
	.t-m-lg-15 {margin-top: 15px;}
	.t-m-lg-20 {margin-top: 20px;}
	.t-m-lg-25 {margin-top: 25px;}
	.t-m-lg-50 {margin-top: 50px;}
	.t-m-lg-75 {margin-top: 75px;}
	.t-m-lg-100 {margin-top: 100px;}
	.t-m-lg-125 {margin-top: 125px;}
	.t-m-lg-150 {margin-top: 150px;}

	/* Spacing Classes (BOTTOM) */
	.b-m-lg-0 {margin-bottom: 0;}
	.b-m-lg-5 {margin-bottom: 5px;}
	.b-m-lg-10 {margin-bottom: 10px;}
	.b-m-lg-15 {margin-bottom: 15px;}
	.b-m-lg-20 {margin-bottom: 20px;}
	.b-m-lg-25 {margin-bottom: 25px;}
	.b-m-lg-50 {margin-bottom: 50px;}
	.b-m-lg-75 {margin-bottom: 75px;}
	.b-m-lg-100 {margin-bottom: 100px;}
	.b-m-lg-125 {margin-bottom: 125px;}
	.b-m-lg-150 {margin-bottom: 150px;}
	
	/* Spacing Classes (LEFT) */
	.l-m-lg-0 {margin-left: 0;}
	.l-m-lg-25 {margin-left: 25px;}
	.l-m-lg-40 {margin-left: 40px;}
	
	/* Spacing Classes (RIGHT) */
	.r-m-lg-0 {margin-right: 0;}
	.r-m-lg-25 {margin-right: 25px;}
	.r-m-lg-40 {margin-right: 40px;}

	.position-absolute-lg {position: absolute;}
	.border-left-lg {border-left: 1px solid rgba(255,255,255,0.5);}
	.border-left-2-lg {border-left: 1px solid rgba(0,0,0,0.5);}
	.full-height-col-lg {position: absolute; top: 0; bottom: 0; min-height: 0;}
	.min-height-lg-v1 {min-height: 300px;}
	
	.line-break-lg {display: block;}
	.container-lg {width: 1183px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;}
	.form-inline-lg .form-control {display: inline-block; width: auto;}
	
	.fullsize-box-lg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; right: 0; bottom: 0;}
	
	.carousel {max-height: 470px;} /* set carousel height here - no height means proportional */
}

@media only screen and (min-width: 2000px) {
	
	.container-lg-2000 {width: 2000px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;}
}

/* Small Devices, Tablets and PHONES */
@media only screen and (max-width: 1199px) {	
	
	.sub-menu-placeholder {height: 0;}
	.category-background {padding-top: 0 !important;}
	
	.navbar-header {
		float: none;
		margin: 0 0;
		height: 72px;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-collapse.collapse {
		/*display: none !important;*/
		height: 100% !important;
	}
	.navbar-nav {
		float: none !important;
		margin: 0;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a,
	.navbar .navbar-nav li a {
		padding-top: 10px !important;
		padding-bottom: 7px !important;
	}
	.navbar-text {
		float: none;
		margin: 15px 0;
	}
	/* since 3.1.0 */
	.navbar-collapse.collapse.in { 
		display: block !important;
	}
	.collapsing {
		overflow: hidden!important;
	}
	
	.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
		margin-right: 0;
		margin-left: 0;
	}
	
	#mobile-button-menu {color: #FFF;}
	#mobile-button {border: 1px solid #FFF; padding: 0.35em 0.35em 0.3em; margin: 0.4em 0.8em 0.4em 0; line-height: 20px; border-radius: 0.275em;}
	#mobile-button .lines {top: -5px;}
	#mobile-button.open .lines {background-color: transparent !important;}
	
	#mobile-collapse.fixed {padding: 0; margin: 0; display: block; visibility: visible; position: fixed; left: -50%; width: 50%;
		height: 100%; transition: left 0.5s; z-index: 100; border: 0; z-index: 200; top: 72px;} /* <== change top coordinate here */
	#mobile-collapse.fixed.open {left: 0%; width: 65%;}
	#mobile-collapse.fixed .jump-links {position: absolute; left: 0; padding: 0; margin: 0; width: 100%; bottom: 0; padding-bottom: 70px; top: 0;}
	#mobile-collapse.fixed .jump-links .scroller {overflow: auto; height: 100%;}
	
	/*#mobile-collapse.fixed.open li.dropdown a.dropdown-link + ul.dropdown-menu {display: block; visibility: hidden; position: fixed; top: 100px; left: 50%;
		padding: 0; margin: 0; width: 50%; height: 100%; overflow: hidden; background: transparent; box-shadow: none; z-index: -1;}*/
	#mobile-collapse.fixed.open li.dropdown a.dropdown-link + ul.dropdown-menu {position: relative; margin-top: -10px;}
	#mobile-collapse.fixed.open li.dropdown.open a.dropdown-link + ul.dropdown-menu {z-index: 100; visibility: visible;}
	
	ul.dropdown-menu li.dropdown-container {display: block; position: absolute; bottom: 100px; left: -100%; top: 0; width: 100%; background: #0C283D;}
	#mobile-collapse.fixed.open li.dropdown a.dropdown-link + ul.dropdown-menu li.dropdown-container {transition: left 0.5s;}
	#mobile-collapse.fixed.open li.dropdown.open a.dropdown-link + ul.dropdown-menu li.dropdown-container {left: 0;}
	ul.dropdown-menu li.dropdown-container .container-fluid {padding: 0; overflow: auto; display: inline-block; width: 100%; height: 100%;}
	ul.dropdown-menu li.dropdown-container .container-fluid .yamm-content {padding: 0; margin: 0 15px;}
	
	#mobile-collapse.fixed.open li.dropdown a.dropdown-link:hover,#mobile-collapse.fixed.open li.dropdown a.dropdown-link:focus,
	#mobile-collapse.fixed.open li.dropdown.open a.dropdown-link:hover,#mobile-collapse.fixed.open li.dropdown.open a.dropdown-link:focus {opacity: 1;}
	
	.navbar .navbar-nav li a.dropdown-link .sub-arrow {position: relative; display: inline-block; width: 0; height: 0; opacity: 1;
		border-top: 10px solid #DFE1E2; border-left: 15px solid transparent; border-right: 15px solid transparent; left: 50%; margin-left: -15px; z-index: 50;}
	.navbar .navbar-nav li a.dropdown-link .sub-arrow {}
	.navbar .navbar-nav li.open a.dropdown-link .sub-arrow {border-top: 0; border-bottom: 10px solid #DFE1E2; border-left: 15px solid transparent; border-right: 15px solid transparent;}
	
	/* Drop Down Menu */
	.no-scrollbar {position: fixed;}
	
	.main_nav {padding-bottom: 7px;}
	
	.navbar-nav .open .dropdown-menu {
	    position: static;
	    float: none;
	    width: auto;
	    margin-top: 0;
	    background-color: transparent;
	    border: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}
	
	#background_image {background-image: none !important;}
}

/* Small Devices, Tablets and PHONES */
@media only screen and (max-width: 767px) {
	.header-image .page-title-bar h1 {font-size: 6.25vw;}
}

/* Small Devices, Tablets and PHONES */
@media only screen and (max-width: 498px) {
	.weld-heading {height: 80px !important; line-height: 80px !important;}
	.weld-types {height: 80px !important;}
}

/*
==============================================================
10 Tag Styles
==============================================================
*/

a {outline: 0 !important;}
/*a:focus, a:active, a:hover { text-decoration: none; opacity: 0.5;}*/
a:active, a:hover { text-decoration: none; opacity: 0.5;}
html, body {width: 100%; /*height: 100%;*/ position: relative;}
body {overflow-x: hidden;}