/*==========================================================================
  TABLE OF CONTENTS - TIMKEN STEEL [March 2014]
  =========================================================================
    * CONTENTS.............................You’re reading it!
    * TIMKEN CUSTOM STYLES.................Custom settings for site
    * MEDIA QUERIES........................Responsive Media Queries
    * HELPER CLASSE........................Global helper classes
    * PRINT CLASSES........................Settings for print styles
    * FOUNDATION RESPONSIVE STYLES ........Foundation.css
   =========================================================================*/

/* ============= Timken Custom Styles ============= */
body {
    font-family: 'AvenirNextLTW01-Medium', 'AvenirBook';
    font-size: 0.8rem;
    color: #fff;
    background: #000;
    overflow-x: hidden;
}
body > #mainform {
    margin: 0;
    padding: 0;
}

/* GENERAL */

.font-normal {
    text-transform: none;
    font-weight: normal;
}

a {
    color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #fff;
    font-family: 'AvenirNextLTW01-Medium', 'AvenirBook';
}

.button {
    padding: 5px 15px;
    background: #ca3827;
    color: #fff;
    font-size: 0.75rem;
    text-align: center;
    font-family: 'Avenir Next LT W01 Demi', "AvenirBlack";
}
.button:hover {
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
    background: #dd6524;
}

hr {
    border-color: #676767;
}
.choose-location-btn {
    display: none;
}

/* OLD IE BAR */
.oldIE-box {
    display: none;
    position: relative;
    color: #fff;
    height: 65px;
    background-image: url(../img/oldie-box.png);
}
.oldIE-inner {
    position: relative;
    width: 1360px;
    margin: 0 auto;
}
.oldIE-text {
    float: left;
    width: 700px;
    margin-top: 10px;
    font-size: 16px;
}
.oldIE-inner p {
    margin: 0;
}
.oldIE-btns {
    float: right;
    width: 635px;
}
.oldIE-btns p {
    float: left;
    padding-top: 23px;
    margin-right: 20px;
}
.oldIE-btns ul {
    float: left;
    padding-top: 15px;
}
.oldIE-btns li {
    margin-right: 10px;
}
.oldIE-close-btn {
    position: absolute;
    display: block;
    width: 18px;
    height: 18px;
    top: 10px;
    right: 0;
    background-image: url(../img/oldie-box-close.png);
}

/* HEADER */
header {
    width: 100%;
    margin: 0 auto;
    background: #000 url(../img/bg-hdr-wide.png) no-repeat 45% 0;
    background: #ffffff;
}
header .main-logo {
    position: absolute;
    display: block;
    margin-top: 6px;
    background: url(../img/logo.png) no-repeat;
    width: 456px;
    height: 105px;
}
header hr {
    width: 100%;
    height: 1px;
    margin: 0;
    border: 0;
    color: #baccd2;
    background: #00205c;
}
header hr + .row {
  background: #00205c;
  position: relative;
  height: 42px;
}
header hr + .row > * {
  position: relative;
  z-index: 10;
}

header hr + .row:before {
  content: '';
  display: block;
  background: #00205c;
  width: 50%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(-100%);
  z-index: 0;
}

header hr + .row:after {
  content: '';
  display: block;
  background: #00205c;
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(100%);
  z-index: 0;
}

header .top-nav {
    margin-top: 25px;
    float: right;
}
header .top-nav li {
    display: inline-block;
    margin-right: 15px;
}
header .top-nav li select {
    margin: 0;
    height: 2.1rem;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 0.6rem;
    color: #333;
    text-transform: uppercase;
    padding-right: 15px;
}

header .top-nav li.search-cont {
}
header .top-nav li.search-cont .search-link {
    display: block;
    width: 18px;
    background: url(../img/icon-search.png) no-repeat center;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    height: 19px;
}
header .top-nav li.search-cont .close-link {
    margin: 0;
    padding: 0;
    display: none;
    background: url(../img/icon-search-close.png) no-repeat center;
    text-indent: -9999px;
    width: 16px;
    height: 16px;
}
header .top-nav li.share-cont {
    margin-right: 0;
}
header .top-nav li.share-cont .share-link {
    display: block;
    width: 19px;
    background: url(../img/icon-shareThis.png) no-repeat;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    height: 20px;
}
header .top-nav li a {
    text-transform: uppercase;
    color: #00205c;
    font-size: 0.7rem;
    font-family: 'AvenirNextLTW01-Medium', "AvenirBook";
}
header .top-nav li a:hover {
    color: #5e8ab4;
}

.desktop-search {
    width: 200px;
    margin-top: -20px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: none;
    font-size: 0.7rem !important;
    padding: 2px 10px;
}
.close-link.show {
    display: inline-block !important;
}
#topsearch {
    display: none;
}
#topsearch input[type='submit'] {
    display: block !important;
    position: absolute;
    top: 2px;
    border: none;
    padding: 0;
    margin: 0;
    background: transparent url(../img/icon-search-dark.png) no-repeat 95%
        center !important;
    width: 22px;
    height: 22px;
    background-size: 75% !important;
    right: 8px;
    cursor: pointer;
}
#topsearch.show {
    display: inline-block;
    position: relative;
}
#search-link.hide {
    display: none;
}

header .navigation {
    width: 100%;
    float: right;
    text-align: right;
}
header .navigation ul {
    margin: 0 0 0 0;
}
header .navigation ul li {
    display: inline-block;
    margin-right: 20px;
    padding: 5px 3px 11px 3px;
}
header .navigation ul li:nth-child(6) {
    margin-right: 0;
}
header .navigation ul li a {
    padding-top: 0;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 0.7rem;
    font-family: 'AvenirNextLTW01-Medium', "AvenirBook";
}
header .navigation ul li a:hover {
    -webkit-transition: color 0.5s ease-in;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
    color: #fff !important;
}
header .navigation ul li.mobile-menu-item {
    display: none;
}

.selected-link {
    color: #fff !important;
    transition: none !important;
}
.current-link {
    color: #ffffff !important;
    transition: none !important;
}

header .navigation ul li:hover a.current-link {
  color: #fff !important;
}

.selected-box {
    background: #447ec0;
    padding: 0 0 11px 0;
}

.navigation .sub-menu {
    position: absolute;
    height: auto;
    z-index: 101;
    background: #447ec0;
    padding: 2% 0.5% 1%;
}
.navigation .sub-menu a {
    display: block;
    margin-bottom: 10px;
    color: #fff;
    font-size: 0.8rem;
    text-transform: none;
    line-height: 1rem;
}

.navigation .multiple {
    margin: 10px 0 0 -15%;
}
.navigation .multiple ul {
    width: 33%;
    float: left;
}
.navigation .multiple ul li {
    margin-right: 0;
    padding: 0 5px;
    display: block !important;
    text-align: left;
    line-height: 1.2em;
    list-style-type: none;
}
.navigation .multiple ul li.titles a {
    color: #fff;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-family: 'Avenir Next LT W01 Demi', "AvenirBlack";
}
.navigation .multiple ul li:hover {
    background: #1d2758;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.navigation .sub-menu {
    margin: 10px 0 0 -3px;
    display: none;
}
.navigation .sub-menu li {
    padding: 0 5px;
    margin-right: 0;
    display: block !important;
    text-align: left;
    line-height: 1.2em;
    list-style-type: none;
}
.sub-menu li:hover {
    width: 100%;
    background: #1d2758;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.sub-menu ul {
    float: left;
}
.sub-menu ul + ul {
    width: 50%;
}
.sub-menu ul + ul + ul {
    width: 33%;
}
.sub-menu ul li {
    padding: 0 5px;
    margin-right: 0;
    display: block !important;
    text-align: left;
    line-height: 1.2em;
    list-style-type: none;
}
.sub-menu ul li:hover {
    width: 100%;
    background: #1d2758;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.navigation .sub-menu.invest-in-us-nav {
    margin: 10px 0 0 -247px;
}

#share-box.hide {
    display: none;
}
#share-box.show {
    display: block;
    position: fixed;
    z-index: 900;
    right: 0;
    top: 200px;
    background: #ccc;
    padding: 10px;
}
#share-box.show span {
    display: block;
}

/*=========== HOME ===============*/
.content {
    position: relative;
}
.overlay {
    position: absolute;
    width: 100%;
    z-index: 100;
    height: 100%;
    left: 0;
    background: #000;
    opacity: 0.7;
}

.slider-arrows {
    position: absolute;
    z-index: 99;
    top: 36%;
    width: 96%;
    left: 2%;
}
.slider-arrows .prev {
    display: block;
    float: left;
    background: url(../img/btn-slider-prev.png) no-repeat;
    width: 31px;
    height: 63px;
}
.slider-arrows .next {
    display: block;
    float: right;
    background: url(../img/btn-slider-next.png) no-repeat;
    width: 31px;
    height: 63px;
}

.slider-nav {
    position: absolute;
    bottom: 36%;
    z-index: 100;
    width: auto;
    -webkit-transition: right 2s ease-in;
    -moz-transition: right 2s ease;
    -o-transition: right 2s ease;
    transition: right 2s ease;
    right: 10%;
}
.slider-nav a {
    float: left;
    width: 65px;
    height: 65px;
    text-align: center;
    background: url(../img/bg-slider-nav-off.png) no-repeat center;
}
.slider-nav a:nth-of-type(2) {
    margin-right: 40px;
}
.slider-nav .items-separator {
    float: left;
    width: 40px !important;
    height: 2px;
    margin-top: 32px;
    background: #fff;
}
.slider-nav .activeSlide {
    background: url(../img/bg-slider-nav-on.png) no-repeat center !important;
}
.slider-nav .slider-nav-img {
    display: block;
}

#slider-wrapper {
    width: 100% !important;
    color: #fff;
}
.slide {
    display: block;
    min-height: 860px;
    width: 100% !important; /*background-size: 100% auto !important;*/
    background-color: #000 !important;
}

.slide-text {
    /* top:38%; position:absolute; */
    margin-left: 8%;
}
.slide-text h2.small {
    margin: 0;
    font-size: 1.2rem;
    width: 500px;
    text-shadow: 3px 2px 5px rgba(0, 0, 0, 1);
    color: #fff;
    height: 18rem;
    vertical-align: bottom;
    display: table-cell;
}
.slide-text h1.large {
    font-size: 3.5rem;
    text-transform: uppercase;
    margin: 0;
    font-family: 'Avenir Next LT W01 Demi', 'AvenirBlack';
    text-shadow: 3px 2px 5px rgba(0, 0, 0, 1);
    color: #fff;
}
.slide-text .button {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-top: 10px;
}

.news {
    position: relative;
    z-index: 100;
    margin-top: -246px;
    width: 100%;
    height: 246px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: rgba(0, 0, 0, 0.5);
    padding-top: 2rem; /* background:url(../img/bg-news-slice.png) repeat-x; */
}
.news .row .columns:last-child {
    float: left;
}
.news .row .columns:last-child .box {
    border: transparent;
}
.news .box {
    border-right: 1px #8a8a8a solid;
}
.news .box.resource span.date {
    display: block;
    width: 100%;
}
.news .box p {
    font-size: 0.8rem;
    min-height: 83px;
    color: #fff;
    margin-right: 20px;
    margin-top: 15px;
}
.news .box p.twitter:after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 15px;
    margin: 0 0 0 5px;
    background: url(../img/icon-tweet-box.png) no-repeat;
}
.news .box p a {
    text-decoration: underline;
}
.news .box h3 {
    line-height: 1.6875rem;
    color: #5e8ab4;
    margin: 0;
    text-transform: uppercase;
    font-family: 'AvenirNextLTW01-Condens 721299', "AvenirBook";
}
.news .box .date {
    font-family: 'Avenir Next LT W01 Demi', "AvenirBlack";
}
.news .box .button {
    margin: 0;
}
.news .border {
    width: 1px;
    height: 60%;
    background: #8a8a8a;
    float: left;
    margin-top: 40px;
}

/* ============ SUBPAGES ============ */

.inner {
    padding-bottom: 30px;
    background: url(../img/bg-subpage-slice.jpg) repeat-y center;
    background-size: 100% 100%;
    overflow: hidden;
}
.inner h2 {
    font-size: 1.6rem;
    text-transform: uppercase;
    color: #1d2858;
    font-family: 'AvenirNextLTW01-MediumC 721311', 'AvenirBook';
    font-weight: normal;
    text-align: center;
    margin: 30px auto 0 auto;
    border-top: 1px solid #989898;
    border-bottom: 1px solid #989898;
    padding: 5px 0;
}
.inner h2#contact {
    /* margin-top: 15px !important; */
}

.top-banner {
    width: 100%;
    overflow: hidden;
    padding-bottom: 3%;
    text-align: center; /* background-size: auto 100% !important; */
}
.top-banner.with-icon {
    -webkit-box-shadow: 0 8px 11px 2px rgba(191, 189, 191, 1);
    -moz-box-shadow: 0 8px 11px 2px rgba(191, 189, 191, 1);
    box-shadow: 0 8px 11px 2px rgba(191, 189, 191, 1);
    border-bottom: 1px #fff solid;
}
.top-banner.no-icon {
    padding-top: 190px;
    -webkit-box-shadow: 0 8px 11px 2px rgba(191, 189, 191, 1);
    -moz-box-shadow: 0 8px 11px 2px rgba(191, 189, 191, 1);
    box-shadow: 0 8px 11px 2px rgba(191, 189, 191, 1);
    border-bottom: 1px #fff solid;
}
.top-banner.careers {
    padding-top: 155px;
}
.top-banner .section-logo {
    display: block;
    width: 122px;
    height: 122px;
    margin: 68px auto 0 auto;
}
.top-banner .automotive-logo {
    background: url(../img/logo-automotive.png) no-repeat;
}
.top-banner h1 {
    font-size: 3.2rem;
    margin-top: 20px;
    text-transform: uppercase;
    text-shadow: 3px 2px 5px #000;
    text-align: center;
    font-family: 'Avenir Next LT W01 Demi', 'AvenirBlack';
    color: #fff;
}
.top-banner h2 {
    border: medium none;
    color: #ffffff;
    font-family: 'Avenir Next LT W01 Demi', 'AvenirBlack';
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.8em;
    margin: 10px auto 0;
    padding: 0;
    text-align: center;
    text-shadow: 3px 2px 5px #000000;
    text-transform: none;
    width: 50%;
}
.top-banner a {
    font-family: 'Avenir Next LT W01 Demi', 'AvenirBlack';
    font-size: 1.2rem;
    padding: 5px 25px;
    margin-top: 10px;
    display: inline-block !important;
}

.top-banner.small.white {
    background: none;
    -webkit-box-shadow: inset 0 -9px 11px 1px rgba(50, 50, 50, 0.30);
    -moz-box-shadow: inset 0 -9px 11px 1px rgba(50, 50, 50, 0.30);
    box-shadow: inset 0 -9px 11px 1px rgba(50, 50, 50, 0.30);
}
.top-banner.small.white h1 {
    color: #1d2858;
}
.top-banner.small.blue {
    background: #233440;
    background: -moz-linear-gradient(
        left,
        #233440 15%,
        #5781aa 50%,
        #233440 85%
    );
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(15%, #233440),
        color-stop(50%, #5781aa),
        color-stop(85%, #233440)
    );
    background: -webkit-linear-gradient(
        left,
        #233440 15%,
        #5781aa 50%,
        #233440 85%
    );
    background: -o-linear-gradient(left, #233440 15%, #5781aa 50%, #233440 85%);
    background: -ms-linear-gradient(
        left,
        #233440 15%,
        #5781aa 50%,
        #233440 85%
    );
    background: linear-gradient(
        to right,
        #233440 15%,
        #5781aa 50%,
        #233440 85%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(
            startColorstr='#233440',
            endColorstr='#233440',
            GradientType=1
        );
}

.top-banner.small {
    padding: 2rem 0;
    /*height: 130px;*/
    vertical-align: middle;
    border-bottom: 1px solid #989898;
}
.top-banner.small h1 {
    margin: 0 auto;
    text-shadow: none;
    color: #1d2858 !important;
}
.top-banner.small.no-bg {
    background: none;
    border-bottom: 1px solid #989898;
}
.top-banner.small.no-bg h1 {
    color: #1d2858;
}

.subpage-content {
    margin: 30px auto 0 auto;
}
.subpage-content.templateB {
    /* margin-top: 10px; */
}
.subpage-content.top {
    /* margin: 15px auto 0 auto; */
}
.subpage-content a {
    color: #da4726;
}
.subpage-content a:hover {
    color: #dd6524;
}
.subpage-content a.button {
    color: #fff;
}
.subpage-content .detail-subnav {
    margin: 0 auto 30px auto;
    width: 100%;
    text-align: center;
    margin-top: -15px;
}
.subpage-content .detail-subnav li {
    display: inline-block;
    padding: 0 9px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: 1px solid #dd6524;
    margin: 0 2px;
}
.subpage-content .detail-subnav li:last-child {
    margin-right: 0;
}
.subpage-content .detail-subnav li a {
    color: #cb3727;
}
.subpage-content .detail-subnav li:hover {
    background: #dd6524;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}
.subpage-content .detail-subnav li:hover a,
.subpage-content .detail-subnav li a:hover {
    color: #fff;
}

.subpage-content .intro {
    border-top: 1px dotted #333333;
    padding-top: 25px;
    margin-top: 25px;
}
.subpage-content .intro p {
    font-size: 1rem;
    color: #000;
    font-family: 'AvenirNextLTW01-Medium', 'AvenirBook';
}
.subpage-content h5 {
    color: #333;
    font-weight: bold;
    font-size: 1rem;
    font-family: 'Avenir Next LT W01 Demi', 'AvenirBook';
    text-transform: uppercase;
    margin-bottom: 0;
}
.subpage-content p {
    color: #333;
    font-size: 1rem;
    font-family: 'AvenirNextLTW01-Medium';
    margin-bottom: 0;
}
.subpage-content p.subpage-intro {
    color: #1d2858;
    font-size: 1.3rem;
}
.subpage-content > img {
    float: left;
    margin: 0 20px 10px 0;
}
.subpage-content ul,
.subpage-content ol {
    color: #333;
    font-size: 1rem;
    font-family: 'AvenirNextLTW01-Medium';
    margin-left: 45px;
}

.subpage-content.top h3 {
    color: #1d2858;
    font-size: 1.2rem;
    font-family: 'Avenir Next W01 Light';
    margin: 1em 0 0;
}
.subpage-content.top h3.products {
    margin: 2em 0 1.8em 0;
}

.detail-section {
    overflow: hidden;
}
.detail-section.contact {
    margin-top: 0 !important;
}
.detail-section b,
.detail-section strong {
    font-family: 'Avenir Next LT W01 Demi', "AvenirBlack" !important;
    font-weight: normal !important;
}
.detail-section h5 {
    color: #333;
    font-weight: bold;
}
.detail-section p.centered {
    text-transform: uppercase;
    text-align: center;
}
.detail-section .applications-box {
    width: 45%;
    float: left;
    margin: 0 2.5% 25px 2.5%;
    border: 6px solid #fff;
}
.detail-section .applications-box .caption {
    position: relative;
    display: block;
    margin-top: -50px;
    background: #000;
    opacity: 0.8;
    padding: 19px 10px;
}

/* TEMPLATE D - Industry Detail */
.tabs-container {
    text-align: center;
    margin-bottom: 5px;
}
.tabs-container span.button {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
    border: 1px #ca3827 solid;
}
.tabs-container span.button.active {
    background: #ca3827;
    color: #fff;
}
.tabs-container span.button.inactive {
    background-color: #fff;
    color: #ca3827;
}
.tabs-container span.button:first-child {
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px;
}
.tabs-container span.button:last-child {
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
}

/* SLICK SLIDER CONTROLS */
.slick-prev,
.slick-next {
    position: absolute !important;
    width: 40px !important;
    height: 100px !important;
    top: 50% !important;
    text-decoration: none !important;
    text-indent: -9999px !important;
    z-index: 1 !important;
    margin-top: -20px !important;
}
.slick-prev {
    left: 0 !important;
    background: transparent url(../img/btn-slider-grey-prev.png) no-repeat
        center !important;
}
.slick-next {
    right: 0 !important;
    background: transparent url(../img/btn-slider-grey-next.png) no-repeat
        center !important;
}
.slick-disabled {
    display: none !important;
}

/* SLICK SLIDER PAGINATION */
.slick-dots {
    text-align: center !important;
    margin: 0 !important;
    margin-top: 10px !important;
}
.slick-dots button {
    text-decoration: none !important;
    display: inline-block !important;
    height: 15px !important;
    width: 15px !important;
    line-height: 10px !important;
    background: #fff !important;
    border-radius: 10px !important;
    text-indent: -9999px !important;
    margin-right: 7px !important;
    border: 1px #989898 solid !important;
}
.slick-slide img {
    width: 100% !important;
}
.slick-dots .slick-active > button {
    background: #ca3827 !important;
    border: 1px #ca3827 solid !important;
}

/* Downloads Slider */
#downloads-slider {
    margin: 0;
    padding: 0;
}
#downloads-slider .slick-list {
    padding-top: 60px;
    margin: 0 60px 0 60px;
}
#downloads-slider .slick-dots {
    margin: 0;
    padding: 0;
    top: 0;
    bottom: auto;
}

#downloads-slider .box-carousel {
    /**/
}
#downloads-slider .down-box {
    padding: 0;
    overflow: hidden;
    display: block;
    margin: 0 2.8888rem;
    height: 100%;
    vertical-align: middle;
    position: relative;
}
#downloads-slider .down-box img {
    cursor: pointer; /* CAROUSEL FIX */
    max-width: none !important;
    margin: auto;
    max-height: 100% !important;
    vertical-align: middle;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto !important;
    max-width: 100% !important;
}
#downloads-slider .down-box .detail {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    width: 100%;
    display: none;
    height: 100%;
    z-index: 999999;
}
#downloads-slider .down-box .detail p {
    text-align: center;
    padding: 40% 10% 0 10%;
    font-size: 0.9rem;
    font-family: 'AvenirNextLTW01-Medium', 'AvenirBook';
    line-height: 1.3rem;
    color: #fff;
    margin-bottom: 0;
}
#downloads-slider .down-box .detail p.button-container {
    padding: 0;
    margin-top: 15px;
}
#downloads-slider .down-box:hover .detail {
    /* top: 0; display: block; */
}
#downloads-slider .down-box .detail .button {
    margin-top: 15px;
}

#downloads-slider .slick-slide {
    height: 269px;
}

/* Videos Slider */
#videos-container {
    display: none;
}
#videos-slider {
    margin: 0;
}
#videos-slider .slick-list {
    padding-top: 60px;
    margin: 0 70px 0 70px;
}
#videos-slider .slick-dots {
    margin: 0;
    padding: 0;
    top: 0;
    bottom: auto;
}

#videos-slider p {
    margin: 0;
    padding: 0;
    font-family: 'AvenirNextLTW01-Medium', 'AvenirBook';
    text-transform: uppercase;
    font-size: 1em !important;
    margin-top: 5px !important;
}
#videos-slider p > b {
    font-family: 'Avenir Next LT W01 Demi' !important;
}

#videos-slider .video-box {
    margin: 0 5%;
}
#videos-slider .video-box > a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}
#videos-slider .video-box > a .detail {
    display: block;
    background: url(../img/bg-media-play.png) no-repeat center center;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
#videos-slider .video-box:hover .detail {
    cursor: pointer;
    background: url(../img/bg-media-play-hover.png) no-repeat center center;
}

#videos-slider .slick-slide {
    max-height: 220px;
}
#videos-slider .slick-slide img {
    max-height: 170px;
    min-height: 170px;
}

/* Videos Modal */
#modal-video {
    border: 0;
    -webkit-box-shadow: nones;
    box-shadow: none;
    background: none;
}
#modal-video #video-container {
    border: 3px #fff solid;
    background-color: #000;
}
#modal-video h2 {
    text-transform: uppercase;
    color: #fff;
    font-family: 'AvenirNextLTW01-Medium', 'AvenirBook';
    font-size: 2em;
}

.reveal-modal .close-reveal-modal {
    margin: 0;
    color: #ccc;
    background: #fff url(../img/close.png) no-repeat center center;
    height: 23px;
    width: 23px;
    text-indent: -9999px;
    padding: 20px;
    z-index: 99;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    margin-top: 4.6rem;
    margin-right: -0.5rem;
}

.reveal-modal-bg {
    z-index: 100;
}

.detail-section .media-slider {
    margin-left: 0;
    list-style-type: none;
}

/* CONTACT SUBSECTION */
.detail-section.contact p {
    text-align: center;
    padding: 0 2em;
    width: 70%;
    margin: 0 auto;
}
.detail-section.contact p span {
    text-align: center;
    padding: 0 2em;
    text-transform: uppercase;
    font-family: 'Avenir Next LT W01 Demi', "AvenirNextCondensedBold";
    color: #333333;
    margin-bottom: 0;
}
.detail-section.contact p:nth-last-of-type(2) {
    margin-top: 15px;
}
.detail-section.contact p a {
    margin-top: 15px;
    text-transform: none;
    margin-bottom: 0;
}

/* TEMPLATE B - TOP LEVEL */
.box-text-content {
    vertical-align: top;
}
.box-text-content .box-text {
    margin: 0.8rem 0;
    border-top: 1px dotted #989898;
}
.box-text-content .box-text:first-child {
    border-top: none;
    margin-top: 0;
}
.box-text-content .box-text:first-child h3 {
    margin-top: 0;
}
.box-text-content .box-text:last-child {
    margin-bottom: 0;
}

/* TEMPLATE C - SUBSECTION */
.box-section {
    margin: 0;
}
.box-section .box {
    border: 6px solid #fff;
    float: left;
    margin: 10px 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
@media screen and (min-width: 768px){
  .box-section .box {
    width: calc(50% - 4px);
    width: -webkit-calc(50% - 4px);
    width: -moz-calc(50% - 4px);
    float: none;
    display: inline-block;
  }
}
.box-section .box img {
    cursor: pointer;
    margin: 0;
    width: 100% !important;
    max-height: 308px;
}
.box-section .box .detail {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 78%;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.box-section .box .detail h3 {
    font-size: 1.1rem;
    font-family: 'Avenir Next LT W01 Demi';
    text-transform: uppercase;
    margin: 0 5% 0;
    color: #fff;
    display: table;
    height: 70px;
}
.box-section .box .detail h3 span {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
}
.box-section .box .detail p {
    margin: 0 5% 4%;
    font-family: 'AvenirNextLTW01-Medium', 'AvenirBook';
    display: none;
    color: #fff;
    font-size: 0.9rem;
}
.box-section .box .detail a {
    /*margin: 0 8%*/
    display: none;
}
.box-section .box:hover .detail {
    top: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.box-section .box:hover .detail p,
.box-section .box:hover .detail p a {
    display: block;
}
.box-section .box:hover .detail .button {
    display: inline;
}

.box-text-content .box-text h3 {
    font-size: 0.8rem;
    font-family: 'Avenir Next LT W01 Demi', 'AvenirBlack';
    color: #cb3727;
    text-transform: uppercase;
    margin: 0.8rem 0;
    margin-bottom: 0;
}
.box-text-content .box-text p {
    font-size: 0.8rem;
    color: #000;
    font-family: 'AvenirNextLTW01-Medium', 'AvenirBook';
    margin: 0;
}
.box-text-content .box-text ul {
    padding: 0;
    margin: 0;
    width: 49%;
    display: inline-block;
    vertical-align: top;
}
.box-text-content .box-text ul li,
.box-text-content .box-text ol li {
    color: #cb3727;
    font-family: 'AvenirNextLTW01-Medium', 'AvenirBook';
    font-size: 0.8rem;
}
.box-text-content .box-text ul li {
    list-style-type: none;
}

.industrial ul li.last {
    float: left !important;
    clear: none;
    padding-right: 0px;
}

/* TEMPLATE V - SALES */
.box-section {
    margin: 0;
}
.box-section .box-sales {
    border: 5px solid #fff;
    float: left;
    margin: 10px 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.box-section .box-sales img {
    cursor: pointer;
    margin: 0;
    width: 100%;
    height: 100%;
}
.box-section .box-sales .detail {
    position: absolute;
    cursor: pointer;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    top: 80%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.energy ul,
.automotive ul,
.distribution ul,
.industrial ul {
    margin: 3.4% 20px 0;
}

.energy ul li,
.automotive ul li,
.distribution ul li,
.industrial ul li {
    padding-left: 0px !important;
    padding-bottom: 0px;
    width: 138px;
}

.energy ul li.title,
.automotive ul li.title,
.distribution ul li.title,
.industrial ul li.title {
    font-style: italic;
    width: 100%;
    color: #fff;
    font-size: 12px;
    padding-right: 30px;
    padding-bottom: 5px;
}

.energy ul li p,
.automotive ul li p,
.distribution ul li p,
.industrial ul li p {
    color: #fff;
    font-size: 11px;
}

.industrial ul li p a.view-territory {
    color: #fff;
    text-decoration: underline;
}

.energy ul li .button,
.automotive ul li .button,
.distribution ul li .button,
.industrial ul li .button {
    margin-top: 7px;
}

.energy ul li.outside-title .button,
.automotive ul li.outside-title .button,
.distribution ul li.outside-title .button,
.industrial ul li.outside-title .button {
    margin-left: 25px;
}

.energy .padding-off,
.automotive .padding-off,
.distribution .padding-off {
    padding-left: 0px !important;
}

.energy .padding-off .button,
.automotive .padding-off .button,
.distribution .padding-off .button {
    margin-top: 0px !important;
}

#Map {
    cursor: pointer;
}

.box-section .box-sales .detail .header {
    overflow: hidden;
    width: 100%;
    display: block;
}
.box-section .box-sales .detail .header h3 {
    float: left;
    width: 76%;
    font-size: 1.1rem;
    font-family: 'Avenir Next LT W01 Demi';
    text-transform: uppercase;
    margin: 3% 20px 0;
    color: #fff;
}
.box-section .box-sales .header .close {
    display: none;
    margin: 3% 20px 0 20px;
    float: right;
    width: 20px;
    font-size: 1.1rem;
    font-family: 'AvenirNextLTW01-Medium';
    color: #fff;
}
.box-section .box-sales .detail .contacts {
    display: none;
    width: 40%;
    float: left;
    margin: 30px 0 0 20px;
}
.box-section .box-sales .detail .contacts p {
    margin: 3% 5% 4%;
    font-family: 'AvenirNextLTW01-Medium', 'AvenirBook';
    color: #fff;
    font-size: 0.9rem;
}
.box-section .box-sales .detail .categories {
    display: none;
    width: 90%;
    float: left;
    margin: 30px 0 0 20px;
}
.box-section .box-sales .detail .categories p {
    margin: 3% 5% 4%;
    font-family: 'AvenirNextLTW01-Medium', 'AvenirBook';
    color: #fff;
    font-size: 0.9rem;
}
.box-section .box-sales .detail .categories ul.territory-list {
    display: none;
}
.box-section .box-sales .detail .categories ul {
    margin: 0 0 0 15px;
    padding: 0;
    list-style-type: none;
}
.box-section .box-sales .detail .categories .btn-sales-auto {
    text-transform: uppercase;
}
.box-section .box-sales .detail .categories .auto-contacts {
    position: absolute;
    top: 85px;
}
.box-section .box-sales .detail .categories .auto-contacts p {
    margin: 2% 0 0 0;
}
.box-section .box-sales .detail .categories .btn-territory {
    text-transform: uppercase;
    display: inline;
}

#sales-modal .btn-territory {
    /*display: none; */
}

.map {
    zoom: 1;
    position: absolute;
    z-index: 101;
    top: 400px;
    left: 25%; /*width:980px;height: 447px;*/
}
.map .map-close {
    width: 15px;
    height: 15px;
    float: right;
    cursor: pointer;
    margin-right: 15px;
    z-index: 1010;
    position: relative;
}
.map-modal {
    position: fixed;
    height: 100%;
    width: 100%;
    background: black;
    background: rgba(0, 0, 0, 0.80);
    display: none;
    top: 0;
    left: 0;
    z-index: 100;
}
.map img {
    position: relative;
    z-index: 103;
}

#Regions area {
    cursor: pointer;
}
.region-tooltip {
    position: absolute;
    z-index: 9999;
    display: block;
    width: 400px;
    height: auto;
    padding: 10px 10px 10px 15px;
    background: #fff url(../img/bg-tooltip.jpg) no-repeat;
    border: 2px solid #fff;
    color: #fff;
}

.region-tooltip .close {
    display: block;
    float: right;
    z-index: 9999;
    position: relative;
    color: #fff;
    font-size: 1.2em;
    width: 20px;
    height: 20px;
    text-align: right;
}
.region-tooltip p {
    margin: 5px 0 0 0;
    font-size: 13px;
    color: #fff;
    line-height: 17px;
}
.region-tooltip .btn-tooltip {
    margin-top: 5px;
}
.region-tooltip .title {
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: bold;
}
#west-contact {
    margin: 0px 0 0 -180px;
}
#midwest-contact {
    margin: 0px 0 0 209px;
    top: 130px;
    left: 280px;
}
#south-contact {
    margin: 0px 0 0 188px;
}
#mexico-contact {
    margin: 50px 0 0 188px;
}
#latam-contact {
    margin: 170px 0 0 312px;
}
#europe-contact {
    margin: 0px 0 0 76px;
}
#china-contact {
    margin: 0px 0 0 300px;
}
#world-contact {
    margin: 0px 0 0 36px;
}
#western-us-contact {
    margin-left: 180px;
    top: 110px;
    left: 255px;
    margin-left: 0;
}
#europe-africa-contact {
    margin-left: 46px;
    margin-top: 176px;
}
#malasysia-singapore-contact {
    margin-left: 454px;
    margin-top: 321px;
}

#asia-india-australia-contact {
    margin-left: 500px;
}

#eastern-us-contact {
    top: 154px;
    left: 329px;
}

#middle-west-contact {
    top: 130px;
    left: 280px;
}

#all-us-contact {
    top: 154px;
    left: 329px;
}

#western-canada-contact {
    margin-left: 270px;
    margin-top: 150px;
}
#eastern-canada-contact {
    left: 329px;
    margin-left: 41px;
    top: 154px;
}

#northeast-us-contact {
    margin-left: 240px;
}
#southeast-us-contact {
    margin-left: 250px;
}
#automotive-us-contact {
    margin: 0px 0 0 300px;
}
#energy-us-contact {
    margin: 0px 0 0 300px;
}
#distribution-us-contact {
    margin: 0px 0 0 300px;
}

/* TEMPLATE F - TEXT IMAGE */
figure {
    float: left;
    max-width: 32%;
    margin: 0 1.2rem 0 0;
}
figcaption {
    font-size: 0.8rem;
    color: #999;
    width: 100%;
    margin-top: 0.5em;
}
table {
    border-spacing: 0 !important;
    border-collapse: separate !important;
}

/* Scrolled Table */
.subpage-content .table-scroll {
    width: 100%;
    overflow-x: scroll;
}
.subpage-content .table-scroll table {
    font-size: .8rem;
    color: #000;
    border: 1px solid #333366 !important;
    border-right: none !important;
    font-family: "AvenirNextLTW01-Medium";
    padding: 0;
}
.subpage-content .table-scroll table td {
    border-right: 1px solid #333366 !important;
    border-collapse: collapse;
    padding: 17px 25px;
    vertical-align: top;
    min-width: 370px;
}
.subpage-content .table-scroll table td:last-child {
    min-width: 130px;
}
.subpage-content .table-scroll table tr:first-child {
    background: #233440;
    background: -moz-linear-gradient(
        left,
        #233440 15%,
        #5781aa 50%,
        #233440 85%
    );
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(15%, #233440),
        color-stop(50%, #5781aa),
        color-stop(85%, #233440)
    );
    background: -webkit-linear-gradient(
        left,
        #233440 15%,
        #5781aa 50%,
        #233440 85%
    );
    background: -o-linear-gradient(left, #233440 15%, #5781aa 50%, #233440 85%);
    background: -ms-linear-gradient(
        left,
        #233440 15%,
        #5781aa 50%,
        #233440 85%
    );
    background: linear-gradient(
        to right,
        #233440 15%,
        #5781aa 50%,
        #233440 85%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(
            startColorstr='#233440',
            endColorstr='#233440',
            GradientType=1
        );
}
.subpage-content .table-scroll table tr:first-child td {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Avenir Next LT W01 Demi', 'AvenirBlack';
    border-collapse: collapse;
}
.subpage-content .table-scroll table tr:first-child td p {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Avenir Next LT W01 Demi';
    border-collapse: collapse;
}
.subpage-content .table-scroll table tr.even,
.subpage-content .table-scroll  table tr.alt,
.subpage-content .table-scroll  table tr:nth-of-type(2n) {
    background-color: #cdd8e4;
}
.subpage-content .table-scroll  table tr {
    background-color: #f1f0f0;
}
.subpage-content .table-scroll table ul,
.subpage-content .table-scroll table ol {
    margin-left: 15px;
    font-size: .9rem;
}
.subpage-content .table-scroll table img {
    max-width: 90px;
    margin: 0;
}

/* TEMPLATE Q - SEGMENTED LIST */
/*.subpage-content .segmented-item { border-bottom: 1px #333 dotted; padding-bottom: 20px; margin-bottom: 20px; }
    .subpage-content .segmented-item:last-child { border: 0; margin-bottom: 0; padding-bottom: 0; }*/

.subpage-content .segmented-item {
    border-bottom: 1px solid #cdcccb;
    border-right: 1px solid #cdcccb;
    float: left;
    height: 210px;
    padding: 0 0 20px;
    text-align: center;
    width: 25%;
}
.subpage-content .segmented-item:nth-child(4n + 0) {
    border-right: none;
}
.subpage-content .segmented-item:last-child {
    border-right: none;
}
.subpage-content .segmented-item figure {
    display: block;
    height: 150px;
    max-width: 100%;
    width: 100%;
}
.subpage-content .segmented-item figure img {
    max-height: 145px;
    margin: 0 20%;
    width: 60%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.subpage-content .segmented-item a {
    color: #757274;
}
.subpage-content .segmented-item a:hover {
    color: #dd6524;
}
.subpage-content .segmented-item > div {
    text-align: center !important;
}
.no-border {
    background: url("../img/bg-subpage-slice.jpg") repeat-y scroll center center /
        100% 100% rgba(0, 0, 0, 0);
    height: 11px;
    margin-top: -2px;
    position: relative;
}

/* TEMPLATE H - CONTACT */
.form-message {
    text-align: center;
}
.form-message > span {
    font-size: 2em;
    text-transform: uppercase;
    color: #5e8ab4;
    font-family: 'Avenir Next LT W01 Demi';
}
.form-message > p {
    margin: auto;
    font-family: 'AvenirNextLTW01-Medium';
    width: 25em;
}
.form-contact {
    max-width: 65rem;
}

/* SITE CORE FIXES - CONTACT FORM */
.form-contact fieldset {
    border: 0 !important;
}
.form-contact h1 {
    display: none;
}
.form-contact .required-advice {
    color: #666766;
    font-size: 0.9rem;
    display: block;
    margin-top: 25px;
}
.form-contact textarea {
    width: 100%;
    margin: 0;
    resize: none;
    padding: 10px;
    font-size: 1rem;
    color: #666766;
    border: 1px #676767 solid;
    -webkit-box-shadow: inset 3px 5px 5px 0 #dddddd;
    -moz-box-shadow: inset 3px 5px 5px 0 #dddddd;
    box-shadow: inset 3px 5px 5px 0 #dddddd;
    height: 150px;
    background-color: #fff;
    -webkit-appearance: none;
    border-radius: 0 !important;
}
.form-contact input[type='text'] {
    height: 44px;
    width: 100%;
    margin: 0;
    padding: 10px;
    font-size: 1rem;
    color: #666766;
    border: 1px #676767 solid;
    -webkit-box-shadow: inset 5px 5px 5px 0 #dddddd;
    -moz-box-shadow: inset 5px 5px 5px 0 #dddddd;
    box-shadow: inset 5px 5px 5px 0 #dddddd;
    background-color: #fff;
    -webkit-appearance: none;
    border-radius: 0 !important;
}
.form-contact select {
    height: 44px;
    margin: 0;
    padding: 10px;
    font-size: 1rem;
    color: #666766;
    border: 1px #676767 solid;
    -webkit-box-shadow: inset 5px 5px 5px 0 #dddddd;
    -moz-box-shadow: inset 5px 5px 5px 0 #dddddd;
    box-shadow: inset 5px 5px 5px 0 #dddddd;
    background: #fff url(../img/icon-dropdown.png) no-repeat 97% center;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    padding-right: 32px;
    -webkit-appearance: none;
    border-radius: 0 !important;
}
.form-contact label {
    color: #000000;
    text-transform: uppercase;
    font-size: 1rem;
    font-family: 'AvenirNextLTW01-Medium', 'AvenirBook';
    line-height: 2rem;
    margin-top: 25px;
}
.form-contact input[type='checkbox'] {
    padding: 0;
    margin: 0;
    height: 25px;
    width: 25px;
    min-height: 25px;
    min-width: 25px;
    box-shadow: none;
    background: none;
    display: inline-block;
    vertical-align: top;
    float: left;
    border-radius: 0 !important;
    border: 1px #676767 solid;
}

.form-contact .submit-container {
    text-align: left;
}
.submit-container input {
    margin: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    color: #fff !important;
    outline: none !important;
    border: none !important;
    -webkit-appearance: none;
}
.submit-container .error {
    width: 80%;
    float: right;
    color: #ca3827;
    line-height: 1.2rem;
    font-size: 0.8rem;
    text-align: left;
}

.form-contact .check-container {
    margin: 20px 0;
}
.form-contact .check-container label {
    margin: 0;
    text-transform: none;
    line-height: 1.2rem;
    font-size: 0.8rem;
    display: inline-block;
    width: 90%;
    padding: 0 0 0 10px;
    vertical-align: top;
}

.form-contact.form-library {
    width: auto !important;
}

#library-contact-modal {
    background: url(../img/bg-subpage-slice.jpg) repeat-y center;
    background-size: 100% 100%;
}

#contact-modal-required {
    display: none;
    color: red;
    font-family: 'Avenir LT W01 65 Medium', 'AvenirBook';
    font-size: 0.8rem;
    margin-top: 3px;
}
.modal-required {
    display: none;
    color: red;
    font-family: 'Avenir LT W01 65 Medium', 'AvenirBook';
    font-size: 0.8rem;
    margin-top: 3px;
}

#library-contact-modal .contact-modal-header {
    border-bottom: 2px #989898 solid;
}
#library-contact-modal .contact-modal-header h3 {
    color: #1d2858;
    font-size: 24px;
    display: block;
    text-align: center;
    font-family: 'Avenir Next LT W01 Demi', 'AvenirBlack';
    text-transform: uppercase;
}
#library-contact-modal .contact-modal-header p {
    color: #1d2858;
    font-size: 14px;
    display: block;
    text-align: center;
}

#library-contact-modal #modal-submit {
    margin-bottom: 0;
}

#form-contact-error {
    margin-top: 15px;
    color: red;
    display: block;
}

.contact-message a {
    color: #da4726;
}

ul.ask-container {
    max-width: 65rem;
    margin: auto;
    margin-top: 30px;
}
ul.ask-container li {
    padding: 0 20px;
    list-style: none;
    margin-bottom: 30px;
}
ul.ask-container li:last-child {
    margin-bottom: 0;
}
ul.ask-container li:nth-last-child(2) {
    margin-bottom: 0;
}
ul.ask-container li div {
    border-bottom: 1px #333333 dotted;
    height: 10em;
}

@media (max-width: 810px) {

  ul.ask-container li div {
      height: auto;
  }

}


ul.ask-container li:last-child > div {
    border: none;
}
ul.ask-container li:nth-last-child(2) > div {
    border: none;
}
ul.ask-container li h3 {
    font-family: 'Avenir Next LT W01 Demi', 'AvenirBlack';
    font-size: 1em;
    color: #000000;
    text-transform: uppercase;
}

@media (min-width: 810px) {

  ul.ask-container li h3 {
      min-height: 44px;
  }

}

ul.ask-container li p {
    font-family: 'AvenirNextLTW01-Medium', 'AvenirBook';
    font-size: 1em;
    color: #000000;
    margin: 0;
}
ul.ask-container li a {
    font-family: 'AvenirNextLTW01-Medium', 'AvenirBook';
    font-size: 1em;
    color: #da4726;
}

#ask-question {
}

/* TEMPLATE K - PRACTICAL DATA FOR METALLURGISTS */
.box-text-content.table-contents .box-text {
    border: none;
}
.box-text-content.table-contents {
    border-right: none;
}
.box-text-content.table-contents h5 {
    color: #000;
    text-transform: none;
    font-family: 'Avenir Next LT W01 Demi', "AvenirNextCondensedBold";
    font-weight: normal;
}
.box-text-content.table-contents a {
    color: #000;
}
.box-text-content.table-contents a:hover {
    color: #cb3727;
}
.box-text-content.table-contents ul {
    width: 100%;
}
.box-text-content.table-contents ul li {
    border-top: 1px dotted #989898;
    padding: 4px 0;
    background: url(../img/pagination-arrow.png) no-repeat 100% -69px transparent;
}
.box-text-content.table-contents ul li:first-child {
    border: none;
}
.box-text-content.table-contents ul li a {
    width: 100%;
    display: block;
}

.content-img-floatLeft.border {
    border-bottom: 1px dotted #333;
    margin-bottom: 20px;
}
.content-img-floatLeft.border:last-child {
    border: none;
}

.metalurgis-img-col {
    text-align: center;
}
.metalurgis-img-col img {
}
.metalurgis-text-col {
}
.metalurgis-txt-col ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.templateK {
    max-width: 70rem;
}

/* TEMPLATE L - RESOURCE LIBRARY */
.search-filter.resoures {
}

.search-filter.resoures select {
    cursor: pointer;
    font-family: "AvenirNextLTW01-Medium";
    width: 160px;
    height: 39px;
    margin: 0;
    padding: 9px 10px;
    color: #666766;
    border: 1px #676767 solid;
    -webkit-box-shadow: inset 5px 5px 5px 0 #dddddd;
    -moz-box-shadow: inset 5px 5px 5px 0 #dddddd;
    box-shadow: inset 5px 5px 5px 0 #dddddd;
    background: #fff url(../img/icon-dropdown.png) no-repeat 97% center;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

.search-filter.resoures span {
    text-transform: uppercase;
    font-size: 1rem;
    font-family: 'AvenirNextLTW01-Medium', 'AvenirBook';
    line-height: 1.3rem;
    vertical-align: middle;
    color: #666766;
    margin-top: 10px;
    display: inline-block;
}
.search-filter.resoures span.count {
    border-right: 2px #666766 solid;
    padding-right: 10px;
}
.search-filter.resoures span.filter {
    padding-left: 10px;
    float: none;
}

.search-filter.resoures .input-search {
    width: 100%;
}
.search-filter.resoures .input-search input[type="text"] {
    width: 80%;
}

/* TEMPLATE O - Leadership */
ul.leadership-list {
    margin: 0;
    padding: 0;
}
.leadership-list > li.box {
    position: relative;
    list-style: none;
    padding: 0;
    overflow: hidden;
    border: 5px #fff solid;
    background: #000;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -o-transition: background 0.5s ease-in-out;
    transition: background 0.5s ease-in-out;
}
.leadership-list > li.box a {
    display: block;
}
.leadership-list > li.box a.active img {
    opacity: 1;
}
.leadership-list > li.box a.inactive img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    -khtml-opacity: 0.5;
}
.leadership-list li img {
    margin: 0;
    width: 100%;
}
.leadership-list li p {
    margin: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    width: 100%;
    display: block;
    padding: 10px 15px 13px;
}
.leadership-list li p > span {
    display: block;
    font-size: 0.8rem;
    font-family: 'AvenirNextLTW01-Medium', 'AvenirBook';
    line-height: 0.9rem;
    color: #fff;
    margin-bottom: 0;
}
.leadership-list li p > b {
    display: block;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-family: 'Avenir Next LT W01 Demi';
    color: #fff;
}

.leader-info-box {
    background: #ccc;
    width: 100%;
    padding: 20px;
    border: 5px #fff solid;
    font-family: 'AvenirNextLTW01-Medium', 'AvenirBook';
    font-size: 0.8rem;
    float: left;
    margin-top: -5px;
    margin-bottom: -5px;
    display: none;
}

.info-close {
    float: right;
    height: 24px;
    width: 24px;
    display: block;
    background: url(../img/close.png) no-repeat center center;
    text-indent: -9999px;
    cursor: pointer;
}

.info-content {
    margin-top: 40px;
}

/* TEMPLATE I - Locations - Desktop */
ul.locations-icons {
    width: 40rem;
    margin: auto;
    padding: 0;
    text-align: center;
}
ul.locations-icons > li {
    padding-bottom: 0;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    float: none !important;
    display: inline-block !important;
}
ul.locations-icons > li:hover {
    cursor: pointer;
}
ul.locations-icons > li.active {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}
ul.locations-icons img {
    display: block;
    margin: auto;
}
ul.locations-icons span {
    display: block;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    font-size: 0.9rem;
    font-family: 'Avenir Next LT W01 Demi', "AvenirBlack";
    margin-top: 5px;
}
#map-canvas.locations {
    margin: 0;
    padding: 0;
    height: 410px;
}

.maps-tooltip {
    width: 200px;
    height: auto;
    padding: 10px;
    position: relative;
}
.maps-tooltip span {
    display: block;
    text-transform: uppercase;
    color: #000;
    font-family: 'Avenir Next LT W01 Demi';
    font-size: 15px;
    margin-bottom: 5px;
}
.maps-tooltip a {
    color: #ca3827;
}
.maps-tooltip a:hover {
    color: #dd6524;
}
.maps-tooltip a.button {
    color: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

.maps-tooltip ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.maps-tooltip ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #000;
    font-family: 'AvenirNextLTW01-Medium', 'AvenirBook';
}

#map-canvas {
    width: 100%;
}

@media only screen and (min-width: 420px){
#map-canvas {
    display: table !important;
}
}

.locations-main-image-container {
    vertical-align: middle;
    display: table-cell;
    text-align:center;
}

.locations-main-image {
    /*max-width: 1350px;*/
    display: inline-block;
}


.featured-loc-container {
    margin-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px #000 dotted;
}
.featured-loc-container img {
    float: right;
}
.featured-loc-container ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
.featured-loc-container ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #000;
}
.featured-loc-container ul li a {
    color: #ca3827;
}
.featured-loc-container ul li a:hover {
    color: #dd6524;
}
.featured-loc-container ul li b {
    font-weight: normal;
    font-size: 1rem;
    font-family: 'Avenir Next LT W01 Demi', "AvenirBlack";
    color: #000;
}
.row.featured-location {
    width: 60%;
}

.row.locations-container {
    max-width: 68rem;
    margin: auto;
    margin-top: 40px;
}
.locations-container .location-title {
    display: block;
    font-size: 1rem;
    font-family: 'Avenir Next LT W01 Demi', "AvenirBlack";
    text-transform: uppercase;
    color: #000;
    margin-bottom: 15px;
    height: 32px;
}
.locations-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.locations-container ul li {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #000;
}
.locations-container ul li b {
    font-weight: normal;
    font-size: 1rem;
    font-family: 'Avenir Next LT W01 Demi', "AvenirBlack";
    color: #000;
}
.locations-container ul li a {
    color: #ca3827;
}
.locations-container ul li a:hover {
    color: #dd6524;
}
.locations-container > div > ul > li {
    margin-bottom: 20px;
}

.locations-container ul ul li > b {
    float: left;
    margin-top: 10px;
    width: 100%;
}

.locations-container .location-title.inactive > .tabs-loc-icon {
    display: none;
}

/* TEMPLATE J - Get Directions */
.directions-container {
    max-width: 70rem;
}
.directions-lateral {
    border: 1px #37393a solid;
    border-right: 0;
    height: 620px;
}
.directions-lateral .directions-results {
    height: 340px;
    overflow: auto;
    padding-right: 20px;
    padding-left: 15px;
}
.directions-lateral .total-distance {
    display: none;
}
.directions-map {
    border: 1px #37393a solid;
    height: 620px;
    padding: 0;
}
.directions-map #map-canvas {
    height: 100%;
    margin: 0;
    padding: 0;
}
.form-directions label {
    color: #000000;
    text-transform: uppercase;
    font-size: 1rem;
    font-family: 'AvenirNextLTW01-Medium', 'AvenirBook';
    line-height: 2rem;
    margin-top: 15px;
}

.form-directions input {
    height: 44px;
    width: 100%;
    margin: 0;
    padding: 10px;
    font-size: 1rem;
    color: #666766;
    border: 1px #676767 solid;
    -webkit-box-shadow: inset 5px 5px 5px 0 #dddddd;
    -moz-box-shadow: inset 5px 5px 5px 0 #dddddd;
    box-shadow: inset 5px 5px 5px 0 #dddddd;
    background-color: #fff;
}
.form-directions .submit-container {
    margin: 25px 0;
}
.form-directions .submit-container button {
    margin-bottom: 0;
}

/* TEMPLATE M - CALCULATOR */
.calculator-content p {
    margin-bottom: 0;
}
.calculator-content .tabs-container span.button {
    margin-left: -4px;
}

.calculator {
    margin-top: 50px;
    width: 100%;
    overflow: hidden;
}
.calculator .calc-column {
    float: left;
    background: #c1c6cc;
    margin: 0 0 1px 1px;
    width: 16.4%;
}
.calculator .calc-column:last-child {
    border-right: none;
    float: left;
}
.calculator .calc-column img {
    cursor: pointer;
}

.calculator .calc-column.active {
    background: #1d2758;
}
.calculator .calc-column.active img {
    cursor: default;
}

.results {
    position: relative;
    float: left;
    width: 98.75%;
    height: 345px;
    margin-left: 1px;
    padding: 20px;
    background: #1d2758;
    border-bottom: 1px solid #fff;
}
.results .calc-close {
    background: url(../img/close.png) no-repeat;
    width: 23px;
    height: 23px;
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
}
.diagram {
    border-right: 1px solid #999;
}
.diagram,
.formula {
    width: 50%;
    float: left;
    min-height: 300px;
}
.diagram img {
    width: 100%;
    margin: 7% auto;
    display: block;
    padding: 0 20%;
}
.formula {
    padding: 20px;
}
.formula .units {
    margin-top: 15px;
    width: 100%;
}
.formula .units ul {
    margin: 0;
    padding: 0;
}
.formula .units ul li {
    display: inline-block;
    list-style-type: none;
    margin-left: 10px;
    color: #fff;
}
.formula .calc-form {
    width: 70%;
}
.formula .calc-form div {
    width: 47%;
    float: left;
    margin-left: 15px;
}
.formula .calc-form .right {
    margin-left: 0;
}
.formula .calc-form fieldset {
    width: 100%;
    padding: 0;
    margin: 20px 0;
    border: none;
}
.formula .calc-form fieldset label {
    float: left;
    width: 10%;
    color: #fff;
}
.formula .calc-form fieldset input {
    float: left;
    margin-left: 10px;
    height: 30px;
    width: 60%;
}
.formula .calc-form fieldset input.error {
    border: 2px solid #ca3827;
}
.formula .calc-form fieldset input.error {
    border: 1px solid #ca3827;
}
.formula .btn-calculate {
    left: 38%;
    margin: 20px 0 20px 0;
    font-family: 'AvenirNextLTW01-Medium';
}

.btn-noMargin {
    left: 8% !important;
}
.barBtn {
    margin: 0;
    left: 17% !important;
}
.btn-twoCols {
    margin: 10px 0 15px 0 !important;
    left: 8% !important;
}
.results-box {
    width: 83%;
    overflow: hidden;
    margin: 10px 0 0 45px;
    padding: 10px;
    background: #447ec0;
    border: 1px #fff solid;
    min-height: 40px;
}
.results-box p {
    font-size: 0.8rem;
    color: #fff;
    width: auto;
    float: left;
    margin-right: 13px;
}

/* TEMPLATE N - Search Results */
.search-filter {
    padding: 20px 0;
    background: #a39f9e;
    background: -moz-linear-gradient(
        left,
        #a39f9e 1%,
        #e7e6e5 50%,
        #a39f9e 100%
    );
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(1%, #a39f9e),
        color-stop(50%, #e7e6e5),
        color-stop(100%, #a39f9e)
    );
    background: -webkit-linear-gradient(
        left,
        #a39f9e 1%,
        #e7e6e5 50%,
        #a39f9e 100%
    );
    background: -o-linear-gradient(left, #a39f9e 1%, #e7e6e5 50%, #a39f9e 100%);
    background: -ms-linear-gradient(
        left,
        #a39f9e 1%,
        #e7e6e5 50%,
        #a39f9e 100%
    );
    background: linear-gradient(
        to right,
        #a39f9e 1%,
        #e7e6e5 50%,
        #a39f9e 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(
            startColorstr='#a39f9e',
            endColorstr='#a39f9e',
            GradientType=1
        );
}

.search-filter .input-search {
    border: 1px solid #676767;
    border: 1px #676767 solid;
    -webkit-box-shadow: inset 5px 5px 5px 0 #dddddd;
    -moz-box-shadow: inset 5px 5px 5px 0 #dddddd;
    box-shadow: inset 5px 5px 5px 0 #dddddd;
    background-color: #fff;
    width: 70%;
    height: 40px;
    padding: 0 15px;
}
.search-filter .input-search input[type="text"] {
    border: none;
    line-height: 40px;
    box-shadow: none !important;
    padding: 0;
    height: 38px;
    width: 90%;
    color: #666766;
    font: .8rem "AvenirNextLTW01-Medium";
    background: none;
}
.search-filter .input-search input[type="submit"] {
    background: url(../img/icon-search-dark.png) no-repeat center;
    border: none;
    height: 38px;
    width: 38px;
    float: right;
    cursor: pointer;
}

.search-filter .filter,
.search-filter .sort {
    float: left;
    padding: 0 0 0 5%;
}
.search-filter label.hide-for-small.hide-for-large,
.search-filter .filter span,
.search-filter .sort span {
    font-family: "AvenirNextLTW01-Medium";
    color: #666766;
    text-transform: uppercase;
    margin-right: 15px;
}
.search-filter .filter select,
.search-filter .sort select {
    cursor: pointer;
    font-family: "AvenirNextLTW01-Medium";
    width: 160px;
    height: 39px;
    margin: 0;
    padding: 9px 10px;
    color: #666766;
    border: 1px #676767 solid;
    -webkit-box-shadow: inset 5px 5px 5px 0 #dddddd;
    -moz-box-shadow: inset 5px 5px 5px 0 #dddddd;
    box-shadow: inset 5px 5px 5px 0 #dddddd;
    background: #fff url(../img/icon-dropdown.png) no-repeat 97% center;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

.search {
    margin: 30px auto;
}
.search .pager {
    display: inline-table;
    width: 100%;
    color: #333333;
}
.search .pager > p {
    text-align: left;
    text-transform: uppercase;
    font: 1rem "AvenirNextLTW01-Medium";
    display: inline-block;
    vertical-align: middle;
    padding: 8px 15px 8px 0;
    float: left;
}
.search .pager > select {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: 21%;
    margin-left: 3%;
    font-family: "AvenirNextLTW01-Medium";
    height: 39px;
    margin: 0;
    padding: 9px 10px;
    color: #666766;
    border: 1px #676767 solid;
    -webkit-box-shadow: inset 5px 5px 5px 0 #dddddd;
    -moz-box-shadow: inset 5px 5px 5px 0 #dddddd;
    box-shadow: inset 5px 5px 5px 0 #dddddd;
    background: #fff url(../img/icon-dropdown.png) no-repeat 97% center;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    float: left;
}

.search ul.pagination {
    float: right;
    margin-right: 0;
    margin-left: 0;
}
.search ul.pagination li {
    margin: 0;
}
.search ul.pagination li a {
    font: 1rem "AvenirNextLTW01-Medium";
    color: #da4726;
    border: 1px solid #da4726;
    padding: 7px 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.search ul.pagination li a:hover,
.search ul.pagination li a:focus,
.search ul.pagination li.active a {
    color: #fff;
    background-color: #da4726;
}
.search ul.pagination li.prev a {
    padding-left: 30px;
    background-image: url(../img/pagination-arrow.png);
    background-repeat: no-repeat;
    background-position: 8px 4px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.search ul.pagination li.prev a:hover {
    background-position: 8px -29px;
}
.search ul.pagination li.next a {
    padding-right: 30px;
    background-image: url(../img/pagination-arrow.png);
    background-repeat: no-repeat;
    background-position: 51px -64px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomright: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.search ul.pagination li.next a:hover {
    background-position: 51px -98px;
}
.search .search-result.link {
    background: url(../img/icon-link.png) no-repeat 0 29px;
}
.search .search-result.page {
    background: url(../img/icon-page.png) no-repeat 0 29px;
}
.search .search-result.video {
    background: url(../img/icon-video.png) no-repeat 0 29px;
}
.search .search-result {
    width: 100%;
    border-top: 1px dotted #000;
    padding: 27px 35px 27px 45px;
}
.search .search-result h4 {
    border: medium none;
    font: 0.8rem "Avenir Next LT W01 Demi";
    margin: 0 0 0.5em;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
}
.search .search-result h4 > a {
    color: #da4726;
    font-family: "AvenirNextLTW01-Medium";
}
.search .search-result p {
    font: .9rem "AvenirNextLTW01-Medium";
    margin: 0 0 .5em;
}
.search .search-result p > a {
    color: #000;
}
.search .search-result > a {
    font: .9rem "AvenirNextLTW01-Medium";
    color: #666766;
}

/* TEMPLATE P - GLOSSARY */

/* LETTERS LIST */
.letters {
    width: 100%;
    margin: 20px auto;
    text-align: center;
    padding: 0 !important;
}
.letters #alphabet {
    display: block;
    margin: 10px 0 20px 0;
}
.letters #alphabet li {
    margin: 0 -3px;
    list-style: none;
    display: inline-block;
}
.letters #alphabet li a {
    font: .8rem "AvenirNextLTW01-Medium";
    color: #da4726;
    border: 1px solid #da4726;
    padding: 7px 15px;
    width: 2.8rem;
    display: block;
    border-right-width: 0;
}
.letters #alphabet li a:hover,
#alphabet li a:focus,
#alphabet li.active a {
    color: #fff;
    background-color: #da4726;
}
.letters #alphabet li:first-child a {
    -webkit-border-top-left-radius: 25px;
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-bottomleft: 25px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
.letters #alphabet li:last-child a {
    -webkit-border-top-right-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -moz-border-radius-topright: 25px;
    -moz-border-radius-bottomright: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-right-width: 1px !important;
}

/* WORDS COLUMNS */
.glossary {
    width: 80%;
    margin: 30px auto;
}
.glossary .box {
    margin-bottom: 40px;
}
.glossary .box span {
    background-color: #1d2758;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 35px;
    border-radius: 45px;
    display: block;
    text-align: center;
    position: relative;
}
.glossary .box span b {
    font-weight: normal;
    vertical-align: middle;
    line-height: 40px;
    color: #fff;
    font-size: 1.3rem;
    font-family: "AvenirNextLTW01-Medium";
}

.glossary .box ul {
    margin: 20px 0 0;
    padding: 0;
}
.glossary .box ul li {
    list-style: none;
    padding: 10px 0;
    border-bottom: 1px dotted #333;
}
.glossary .box ul li:first-child {
    border-top: 1px dotted #333;
    margin-top: 10px;
}
.glossary .box ul li h6 {
    font-size: .9rem;
    font-family: 'Avenir Next LT W01 Demi', "AvenirBlack";
    color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    background: url(../img/up-down-arrows.png) no-repeat bottom right;
    background-position: 100% -17px;
}
.glossary .box ul li h6.active {
    background: url(../img/up-down-arrows.png) no-repeat top right;
    background-position: 100% 5px;
}
.glossary .box ul li p {
    margin: 0;
    font-size: .8rem;
    padding: 0;
    font-family: "AvenirNextLTW01-Medium";
    color: #000;
    overflow: hidden;
    margin-top: 5px;
}
.glossary .box ul li .text-container {
    display: none;
}

.glossary-search {
    padding: 0 10px;
    background: #d2d2d2;
    background: -moz-linear-gradient(
        left,
        #d2d2d2 0%,
        #f0f0f0 51%,
        #d2d2d2 100%
    );
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0%, #d2d2d2),
        color-stop(51%, #f0f0f0),
        color-stop(100%, #d2d2d2)
    );
    background: -webkit-linear-gradient(
        left,
        #d2d2d2 0%,
        #f0f0f0 51%,
        #d2d2d2 100%
    );
    background: -o-linear-gradient(left, #d2d2d2 0%, #f0f0f0 51%, #d2d2d2 100%);
    background: -ms-linear-gradient(
        left,
        #d2d2d2 0%,
        #f0f0f0 51%,
        #d2d2d2 100%
    );
    background: linear-gradient(
        to right,
        #d2d2d2 0%,
        #f0f0f0 51%,
        #d2d2d2 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(
            startColorstr='#d2d2d2',
            endColorstr='#d2d2d2',
            GradientType=1
        );
}
.glossary .input-search {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #676767;
    border: 1px #676767 solid;
    -webkit-box-shadow: inset 5px 5px 5px 0 #dddddd;
    -moz-box-shadow: inset 5px 5px 5px 0 #dddddd;
    box-shadow: inset 5px 5px 5px 0 #dddddd;
    background-color: #fff;
    width: 100%;
    height: 40px;
    padding: 0 15px;
}
.glossary .input-search input[type="text"] {
    float: left;
    border: none;
    line-height: 40px;
    box-shadow: none !important;
    padding: 0;
    height: 38px;
    width: 83%;
    color: #666766;
    font: .8rem "AvenirNextLTW01-Medium";
    background: none;
}

.btn-glossary-search {
    display: block;
    right: 40px;
    background: url(../img/icon-search-dark.png) no-repeat center;
    border: none;
    height: 38px;
    width: 38px;
    float: right;
    cursor: pointer;
}

/* TEMPLATE R - CORPORATE OVERVIEW */
.corporate-img {
}
.corporate-img img {
    margin: 20px auto;
    display: block;
    width: 503px;
    height: 503px;
}
.corporate-img map area {
    cursor: pointer;
}
.corporate-img img[usemap] {
    border: none;
    height: auto;
    max-width: 100%;
    width: auto;
}

.timeline-wrapper {
    width: 100%;
    height: 100px;
    margin-top: 100px;
}
.timeline-wrapper .timeline-body {
    min-width: 1024px;
    height: 20px;
    padding: 0 1%;
    background: #d5dde8;
}
.timeline-wrapper .timeline-body .decade {
    float: left;
    width: 8.3%;
    height: 60px;
    margin-top: -20px;
    border-left: 1px solid #9cb8d3;
}
.timeline-wrapper .timeline-body .decade:last-child {
    border-right: 1px solid #9cb8d3;
}
.timeline-wrapper .timeline-body .decade .label {
    position: absolute;
    background: none;
    color: #1d2858;
    font-family: 'AvenirNextLTW01-Condens 721299';
    font-size: 1.2rem;
    margin: 70px 0 0 -25px;
}
.timeline-wrapper .timeline-body .decade .label.last {
    position: relative;
    float: right;
    margin-right: -25px;
}
.timeline-wrapper .timeline-body .dot {
    position: absolute;
    display: inline-block;
    float: left;
    cursor: pointer;
    margin-top: 23px;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid #9db9d3;
}
.timeline-wrapper .timeline-body .dot:hover {
    background: #da4726;
    border: none;
}
.timeline-wrapper .timeline-body .dot.active {
    background: #da4726;
    border: none;
}
.timeline-wrapper .point-bubble {
    display: none;
    position: absolute;
    background: url(../img/bubble-point.png) no-repeat;
    width: 26px;
    height: 23px;
    margin-top: -28px;
    margin-left: -6px;
}
.timeline-wrapper .dot-bubble {
    display: none;
    position: absolute;
    padding: 15px;
    bottom: 42px;
    margin-left: -300px;
    background: #9cb8d3;
    min-width: 600px;
    height: auto;
    border-radius: 20px;
    -webkit-box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.75);
}
.timeline-wrapper .dot-bubble .date {
    padding-bottom: 10px;
    display: block;
    font-family: 'AvenirNextLTW01-Condens 721299';
    font-size: 1.4rem;
    color: #fff;
}
.timeline-wrapper .dot-bubble .bubble-close {
    background: url(../img/close.png) no-repeat center center;
    width: 23px;
    height: 23px;
    position: absolute;
    right: 15px;
    top: 15px;
    background-size: 90%;
}
.timeline-wrapper .dot-bubble p {
    font-size: 0.8rem;
    color: #333;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #fff;
}
.timeline-wrapper .dot-bubble p:last-of-type {
    margin-bottom: 0 !important;
}

/* TEMPLATE S - MEET THE PEOPLE */
.people-nav {
    width: auto;
    margin: 0 auto;
    display: table;
}
.people-nav dd {
    margin: 0;
}
.people-nav dd a {
    color: #da4726;
    background-color: #fff;
    padding: 4px 22px;
    border: 1px solid #da4726;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-family: AvenirNextLTW01-Medium;
}
.people-nav dd a:hover,
.people-nav dd.active a {
    color: #fff;
    background-color: #da4726;
}

.people-nav dd:first-child a {
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.people-nav dd:last-child a {
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomright: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.secondary-contact {
    margin-top: 20px;
}

.primary-contact {
    background-color: #e2e3e4;
    margin: 0;
}
.primary-contact h4 {
    font-size: .9rem;
    font-family: 'Avenir Next LT W01 Demi', 'AvenirBlack';
    text-transform: uppercase;
    color: #333;
    margin: 0 auto;
    padding: 15px 3px 0 3px;
    width: 36%;
}

.primary-contact .vcard {
}

.tabs-content h5 {
    clear: left;
    cursor: pointer;
    margin: 0;
    color: #979797;
    border-top: 1px solid #979797;
    padding: 1em 30px;
    text-transform: uppercase;
    font-size: 1rem;
    width: 100%;
    display: block;
    background: #b7b7b7;
    background: -moz-linear-gradient(
        left,
        #b7b7b7 0%,
        #ececec 50%,
        #b7b7b7 100%
    );
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0%, #b7b7b7),
        color-stop(50%, #ececec),
        color-stop(100%, #b7b7b7)
    );
    background: -webkit-linear-gradient(
        left,
        #b7b7b7 0%,
        #ececec 50%,
        #b7b7b7 100%
    );
    background: -o-linear-gradient(left, #b7b7b7 0%, #ececec 50%, #b7b7b7 100%);
    background: -ms-linear-gradient(
        left,
        #b7b7b7 0%,
        #ececec 50%,
        #b7b7b7 100%
    );
    background: linear-gradient(
        to right,
        #b7b7b7 0%,
        #ececec 50%,
        #b7b7b7 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(
            startColorstr='#b7b7b7',
            endColorstr='#b7b7b7',
            GradientType=1
        );
}
.tabs-content h5.active {
    color: #fff;
    background: #233440;
    background: -moz-linear-gradient(
        left,
        #233440 15%,
        #5781aa 50%,
        #233440 85%
    );
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(15%, #233440),
        color-stop(50%, #5781aa),
        color-stop(85%, #233440)
    );
    background: -webkit-linear-gradient(
        left,
        #233440 15%,
        #5781aa 50%,
        #233440 85%
    );
    background: -o-linear-gradient(left, #233440 15%, #5781aa 50%, #233440 85%);
    background: -ms-linear-gradient(
        left,
        #233440 15%,
        #5781aa 50%,
        #233440 85%
    );
    background: linear-gradient(
        to right,
        #233440 15%,
        #5781aa 50%,
        #233440 85%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(
            startColorstr='#233440',
            endColorstr='#233440',
            GradientType=1
        );
}

.vcard {
    width: 36%;
    margin: 0 auto;
    padding: 15px 3px;
    border-bottom: 1px dotted #000;
    display: block;
    border-left: none;
    border-right: none;
    border-top: none;
}
.vcard:last-child {
    border: none;
}

.vcard p {
    width: 40%;
    display: inline-block;
    margin: 0;
    vertical-align: top;
}
.vcard p:first-child {
    margin-right: 19%;
}
.vcard p span {
    font-size: .9rem;
    color: #333;
    display: block;
}
.vcard p span strong {
    font-size: .9rem;
    font-weight: normal;
    font-family: 'Avenir Next LT W01 Demi', 'AvenirBlack';
    color: #333;
}
.vcard p a {
    font-size: .9rem;
}

/* TEMPLATE T - THANK YOU */
.inner h2.thank-message {
    border: medium none;
    color: #5e8ab4;
    font-family: 'AvenirNextLTW01-Medium';
    font-size: 2rem;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}
.inner h3.text-center {
    width: 60%;
    margin: 10px 20%;
}

/* TEMPLATE U - CAREERS - DESKTOP */

/* Careers slider */
.box-section .box.careers img {
    max-height: none !important;
}

.slider-careers-wrapper {
    position: relative;
}

.slider-careers-arrows {
    position: absolute;
    z-index: 99;
    top: 40%;
    width: 96%;
    left: 2%;
}
.slider-careers-arrows .prev {
    display: block;
    float: left;
    background: url(../img/btn-slider-prev.png) no-repeat;
    width: 31px;
    height: 63px;
}
.slider-careers-arrows .next {
    display: block;
    float: right;
    background: url(../img/btn-slider-next.png) no-repeat;
    width: 31px;
    height: 63px;
}

.slider-careers-nav {
    position: absolute;
    top: 75%;
    right: 15%;
    z-index: 9999;
    display: none !important;
}
.slider-careers-nav a {
    float: left;
    width: 65px;
    height: 65px;
    text-align: center;
    background: url(../img/bg-slider-nav-off.png) no-repeat center;
    margin-right: 35px;
}
.slider-careers-nav a:hover,
.slider-careers-nav .activeSlide {
    background: url(../img/bg-slider-nav-on.png) no-repeat center !important;
}
.slider-careers-nav a:last-child {
    margin: 0;
}
.slider-careers {
    width: 100% !important;
    -webkit-box-shadow: 0 8px 11px 2px rgba(191, 189, 191, 1);
    -moz-box-shadow: 0 8px 11px 2px rgba(191, 189, 191, 1);
    box-shadow: 0 8px 11px 2px rgba(191, 189, 191, 1);
}
.slider-item-careers {
    width: 100% !important;
    max-height: 372px;
    min-height: 372px;
    border-bottom: 1px #fff solid;
    background-size: auto 100% !important;
}
.slider-text-careers {
    margin-top: 7em;
}
.slider-item-careers h1 {
    font-size: 3.2rem;
    margin-top: 20px;
    text-transform: uppercase;
    text-shadow: 3px 2px 5px #000;
    text-align: center;
    font-family: 'Avenir Next LT W01 Demi', 'AvenirBlack';
    color: #fff;
}
.slider-item-careers h2 {
    border: medium none;
    color: #ffffff;
    font-family: 'Avenir Next LT W01 Demi', 'AvenirBlack';
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.8em;
    margin: 10px auto 0;
    padding: 0;
    text-align: center;
    text-shadow: 3px 2px 5px #000000;
    text-transform: none;
    width: 80%;
}
.slider-item-careers p {
    text-align: center;
}
.slider-item-careers a.button {
    font-family: 'Avenir Next LT W01 Demi', 'AvenirBlack';
    font-size: 1.2rem;
    padding: 5px 25px;
    margin-top: 10px;
    display: inline-block !important;
}

/* Careers boxes */
.box-section.careers .box .detail h5 {
    font: .8rem;
    margin: 7% 8% 0;
}
.show-for-medium-up p a.button {
    display: inline-block;
}

ul.offer-list {
    margin: 10px 0;
}
ul.offer-list li {
    display: table;
    height: 49px;
    margin: 0 0 15px;
    padding: 0 0 0 60px;
    font-family: 'Avenir Next LT W01 Demi';
    text-transform: uppercase;
    list-style: none;
}
ul.offer-list li span {
    display: table-cell;
    vertical-align: middle;
}

/* FOOTER */
footer {
    width: 100%;
    background: #243a54;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iNDYlIiBzdG9wLWNvbG9yPSIjMjQzYTU0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(
        center,
        ellipse cover,
        #243a54 46%,
        #000000 97%
    );
    background: -webkit-gradient(
        radial,
        center center,
        0px,
        center center,
        100%,
        color-stop(46%, #243a54),
        color-stop(97%, #000000)
    );
    background: -webkit-radial-gradient(
        center,
        ellipse cover,
        #243a54 46%,
        #000000 97%
    );
    background: -o-radial-gradient(
        center,
        ellipse cover,
        #243a54 46%,
        #000000 97%
    );
    background: -ms-radial-gradient(
        center,
        ellipse cover,
        #243a54 46%,
        #000000 97%
    );
    background: radial-gradient(ellipse at center, #243a54 46%, #000000 97%);
    filter: progid:DXImageTransform.Microsoft.gradient(
            startColorstr='#243a54',
            endColorstr='#000000',
            GradientType=1
        );
}

footer a:hover {
    color: #fff !important;
    text-decoration: underline;
}
footer h4 {
    font-size: 1rem;
    text-transform: uppercase;
    margin-top: 40px;
    font-family: 'Avenir Next LT W01 Demi';
}
footer ul {
    margin: 0;
}
footer ul li {
    list-style-type: none;
    line-height: 1.3em;
}
footer ul li a,
footer .phone {
    font-size: 0.8rem;
    font-family: 'AvenirNextLTW01-Medium';
}
footer .phone span {
    color: #fff;
}
footer .social,
footer .legal {
    width: 90%;
    float: left;
    margin-top: 10px !important;
}
footer .legal {
    margin-top: 10px;
    color: #fff;
    margin-bottom: 10px !important;
}
footer .social li,
footer .legal li {
    float: left;
    margin-right: 12px;
    font-size: 0.8rem;
}
footer .social li a {
    display: block;
    width: 40px;
    height: 40px;
}
footer .social li a.btn-fb {
    background: url(../img/btn-fb.png) no-repeat;
}
footer .social li a.btn-twitter {
    background: url(../img/btn-twitter.png) no-repeat;
}
footer .social li a.btn-youTube {
    background: url(../img/btn-youtube.png) no-repeat;
}
footer .social li a.btn-gplus {
    background: url(../img/btn-gplus.png) no-repeat;
}
footer .social li a.btn-linkedin {
    background: url(../img/btn-linkedin.png) no-repeat;
}
footer .social li a.btn-insta {
    background: url(../img/btn-instagram.png) no-repeat;
}
footer .contact-header {
    margin-bottom: 5px;
}

/* ============ MEDIA QUERIES ============ */

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 360px) {
    /* HOME NEWS - MOBILE */
    .news .box p {
        max-height: 91px;
        min-height: 10px;
        overflow: hidden;
    }

    /* TEMPLATE N - SEARCH RESULTS */
    .search .search-result > a {
        word-wrap: break-word;
    }
    .pagination .search-dots {
        display: none;
    }

    /* Sales Team
    .box-section .box-sales .detail { top: 75%; }
    .box-section .box-sales .detail { top: 75% !important;  -webkit-transition: none; -moz-transition: none; -o-transition: none ;transition: none;}
    .box-section .box-sales:hover .detail {-webkit-transition: none; -moz-transition: none; -o-transition: none ;transition: none;}
    .box-section .box-sales:hover .detail .header, .box-section .box-sales:hover .detail .categories, .box-section .box-sales:hover .detail .contacts {display: none; }*/
    .box-section .box-sales:hover .detail .categories,
    .box-section .box-sales:hover .detail .contacts {
        display: none !important;
    }

    /* Downloads REVEAL */
    #library-contact-modal {
        height: auto !important;
        min-height: 20px !important;
    }
    #library-contact-modal .submit-container {
        text-align: left !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    /* GENERAL */

    .mobile-content .title {
        font-size: 18px !important;
    }

    .hide-forMobile {
        display: none !important;
    }

    .button {
        padding: 8px 20px;
        font-size: 0.85rem;
    }

    header {
        min-height: 108px;
        background-position: 19% 0;
    }
    header .main-logo {
        position: relative;
        background: url(../img/mobile/logo-2x.png) no-repeat;
        background-size: 310px 67px;
        width: 310px;
        height: 67px;
        margin: 11px auto 0 auto;
    }
    header .top-nav {
        display: none;
    }
    header .nav-mobile {
        display: block;
    }
    header .nav-mobile table {
        background: transparent;
        width: 100%;
        border: none;
        border-spacing: 0;
        border-collapse: separate;
        margin: 0;
    }
    header .nav-mobile table td {
        border-right: 1px solid #424650;
        text-align: center;
    }
    header .nav-mobile table td:last-child {
        border: none;
    }
    header .nav-mobile table td a {
        color: #5e8ab4;
        text-transform: uppercase;
        padding-left: 25px;
    }
    header .nav-mobile .menu {
        background: url(../img/mobile/btn-menu-mobile-2x.png) no-repeat;
        background-size: 21px 17px;
        width: 21px;
        height: 17px;
    }
    header .nav-mobile .search {
        background: url(../img/mobile/btn-search-2x.png) no-repeat;
        background-size: 18px 16px;
        width: 18px;
        height: 16px;
    }
    header .nav-mobile .share {
        background: url(../img/mobile/btn-share-2x.png) no-repeat;
        background-size: 16px 17px;
        width: 16px;
        height: 17px;
    }
    header .nav-mobile .active-mobile-menu {
        background: url(../img/mobile/btn-menu-mobile-on-2x.png) no-repeat;
        background-size: 21px 17px;
        width: 21px;
        height: 17px;
        color: #fff;
    }
    header .nav-mobile .active-mobile-search {
        background: url(../img/mobile/btn-search-on-2x.png) no-repeat;
        background-size: 18px 17px;
        width: 18px;
        height: 17px;
        color: #fff;
    }
    header .nav-mobile .search-box {
        position: relative;
        overflow: hidden;
        height: 68px;
        background-size: 100% 68px;
        background: #f1f1f1;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjZjFmMWYxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QyZDJkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
        background: -moz-radial-gradient(
            center,
            ellipse cover,
            #f1f1f1 60%,
            #d2d2d2 100%
        );
        background: -webkit-gradient(
            radial,
            center center,
            0px,
            center center,
            100%,
            color-stop(60%, #f1f1f1),
            color-stop(100%, #d2d2d2)
        );
        background: -webkit-radial-gradient(
            center,
            ellipse cover,
            #f1f1f1 60%,
            #d2d2d2 100%
        );
        background: -o-radial-gradient(
            center,
            ellipse cover,
            #f1f1f1 60%,
            #d2d2d2 100%
        );
        background: -ms-radial-gradient(
            center,
            ellipse cover,
            #f1f1f1 60%,
            #d2d2d2 100%
        );
        background: radial-gradient(
            ellipse at center,
            #f1f1f1 60%,
            #d2d2d2 100%
        );
        filter: progid:DXImageTransform.Microsoft.gradient(
                startColorstr='#f1f1f1',
                endColorstr='#d2d2d2',
                GradientType=1
            );
    }
    header .nav-mobile .search-box input[type='text'] {
        display: block;
        width: 80%;
        margin: 20px auto 0 auto;
        color: #707070;
        padding-left: 35px;
        background-size: 18px 17px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    header .nav-mobile .search-box input[type='submit'] {
        display: block !important;
        position: absolute;
        top: 1.3rem;
        border: none;
        padding: 0;
        margin: 0;
        background: transparent url(../img/icon-search-dark.png) no-repeat 95%
            center !important;
        width: 22px;
        height: 22px;
        background-size: 75% !important;
        cursor: pointer;
        left: 2.2rem;
    }

    header .navigation {
        position: relative;
        z-index: 100;
        display: none;
    }
    header .navigation ul {
        width: 100%;
    }
    header .navigation ul li {
        border-top: 1px solid #a2a2a3;
        float: none;
        margin: 0;
        padding: 0;
        text-align: left;
        width: 100%; /*height:50px;*/
        height: auto;
        background-size: 100% 50px;
        background: #e8e8e8;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMTIlIiBzdG9wLWNvbG9yPSIjZThlOGU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTUlIiBzdG9wLWNvbG9yPSIjZThlOGU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I2YjZiNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
        background: -moz-radial-gradient(
            center,
            ellipse cover,
            #e8e8e8 12%,
            #e8e8e8 15%,
            #b6b6b6 100%
        );
        background: -webkit-gradient(
            radial,
            center center,
            0px,
            center center,
            100%,
            color-stop(12%, #e8e8e8),
            color-stop(15%, #e8e8e8),
            color-stop(100%, #b6b6b6)
        );
        background: -webkit-radial-gradient(
            center,
            ellipse cover,
            #e8e8e8 12%,
            #e8e8e8 15%,
            #b6b6b6 100%
        );
        background: -o-radial-gradient(
            center,
            ellipse cover,
            #e8e8e8 12%,
            #e8e8e8 15%,
            #b6b6b6 100%
        );
        background: -ms-radial-gradient(
            center,
            ellipse cover,
            #e8e8e8 12%,
            #e8e8e8 15%,
            #b6b6b6 100%
        );
        background: radial-gradient(
            ellipse at center,
            #e8e8e8 12%,
            #e8e8e8 15%,
            #b6b6b6 100%
        );
        filter: progid:DXImageTransform.Microsoft.gradient(
                startColorstr='#e8e8e8',
                endColorstr='#b6b6b6',
                GradientType=1
            );
    }
    header .navigation ul li:last-child {
        border-bottom: 1px solid #a2a2a3;
    }
    header .navigation ul li a {
        color: #515151;
        font-size: 0.8rem;
        padding: 15px 0 0 10px;
        height: 50px;
        display: block;
        margin: 0 !important;
    }
    header .navigation ul li a:hover {
        color: #515151 !important;
    }
    header .navigation ul li.mobile-menu-item {
        display: block;
    }
    header .navigation ul li.active-menu-item {
        background: #335a85;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiMzMzVhODUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzMzNWE4NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODI1MzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-radial-gradient(
            center,
            ellipse cover,
            #335a85 1%,
            #335a85 1%,
            #182536 100%
        );
        background: -webkit-gradient(
            radial,
            center center,
            0px,
            center center,
            100%,
            color-stop(1%, #335a85),
            color-stop(1%, #335a85),
            color-stop(100%, #182536)
        );
        background: -webkit-radial-gradient(
            center,
            ellipse cover,
            #335a85 1%,
            #335a85 1%,
            #182536 100%
        );
        background: -o-radial-gradient(
            center,
            ellipse cover,
            #335a85 1%,
            #335a85 1%,
            #182536 100%
        );
        background: -ms-radial-gradient(
            center,
            ellipse cover,
            #335a85 1%,
            #335a85 1%,
            #182536 100%
        );
        background: radial-gradient(
            ellipse at center,
            #335a85 1%,
            #335a85 1%,
            #182536 100%
        );
        filter: progid:DXImageTransform.Microsoft.gradient(
                startColorstr='#335a85',
                endColorstr='#182536',
                GradientType=1
            );
    }
    header .navigation ul li.active-menu-item a {
        color: #fff;
    }
    header .navigation ul li.active-menu-item a:hover {
        color: #fff !important;
    }
    header .navigation ul li a.plus {
        background: url(../img/mobile/nav-plus-2x.png) no-repeat 95%;
        width: 100%;
        background-size: 20px 20px;
        display: inline-block;
    }
    header .navigation ul li a.minus {
        background: url(../img/mobile/nav-minus-2x.png) no-repeat 95%;
        width: 100%;
        background-size: 20px 1px;
        display: inline-block;
    }

    header .navigation .sub-menu {
        position: relative;
        display: none;
        width: 100%;
        background: transparent;
        margin: 0 !important;
        overflow: visible; /*margin:14px 0 -7px -10px !important;*/
        padding: 0 !important;
    }
    header .navigation .sub-menu ul {
        width: 100%;
        float: none;
        margin-top: 0 !important;
    }
    header .navigation .sub-menu li {
        display: none !important;
        float: none;
    }
    header .navigation .sub-menu li.titles {
        display: block !important;
        padding: 12px 10px 10px 10px !important;
        background: #e8e8e8;
    }
    header .navigation .sub-menu li.titles:hover {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        width: 100%;
    }
    header .sub-menu ul li h5 {
        font-family: 'AvenirNextLTW01-Medium' !important;
        color: #515151 !important;
    }

    .navigation ul li.titles a {
        padding: 0 !important;
        margin: 0 !important;
        height: auto !important;
        color: #000 !important;
        text-transform: uppercase;
    }
    .navigation ul li.titles a:hover {
        color: #999;
    }

    .slider-arrows {
        display: none;
    }
    .content .slide {
        min-height: 420px;
        background-size: 260% !important;
        background-position: 40% 50% !important;
    }
    .slider-nav {
        width: 33px;
        height: 35%;
        left: 8%;
        top: 4%;
    }
    .slider-nav a {
        display: block;
        margin: 0 !important;
        float: none !important;
        width: 33px !important;
        height: 33px !important;
        background-size: 33px 33px;
    }
    .slider-nav a:nth-of-type(2) {
        margin-bottom: 18px !important;
    }
    .slider-nav .items-separator {
        margin: 0 auto !important;
        float: none !important;
        height: 20px;
        width: 1px !important;
    }
    .slider-nav a:hover {
        /* background:url(../img/bg-slider-nav-on.png) no-repeat center;   background: url(../img/bg-slider-nav-off.png) no-repeat center; */
        background-size: 33px 33px !important;
    }
    .slider-nav .activeSlide {
        background: url(../img/bg-slider-nav-on.png) no-repeat center;
        background-size: 33px 33px !important;
    }
    .slider-nav .slider-nav-img {
        width: 33px;
        height: 34px;
    }

    .slide-text {
        top: 62%;
        margin-left: 8%;
    }
    .slide-text h2.small {
        width: 90%;
        font-size: 0.8rem;
    }
    .slide-text h1.large {
        font-size: 1.7rem;
    }
    .slide-text .button {
    }

    /* HOME NEWS - MOBILE */
    .news {
        margin-top: 0;
        background: #000;
        height: 290px !important;
        padding: 25px 0 !important;
    }
    .news div {
        background: transparent !important;
    }
    .news .box {
        width: 100%;
        padding: 0 0 0 15px !important;
        border: none;
    }
    .news .box .date {
        font-size: 0.9rem !important;
    }
    .news .box p {
        font-size: 0.9rem !important;
        width: 100%;
        margin-bottom: 10px;
    }
    .news .box p span {
        font-size: 0.9rem !important;
    }

    .pager {
        width: 100%;
        text-align: center;
        display: block;
        position: relative;
        margin-top: 20px !important;
        overflow: hidden;
        z-index: 100;
    }
    .pager a {
        display: inline-block;
        background: #292929;
        width: 15px;
        height: 15px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        color: transparent;
        margin-right: 5px;
    }
    .pager a.activeSlide {
        background: #cc3300;
    }

    /*=====SUBPAGES=====*/

    /* GENERAL */
    .inner {
        padding-bottom: 20px !important;
    }
    .content {
    }
    .subpage-content {
        padding: 0 2em;
    }
    .top-banner {
        min-height: 234px;
        background-size: auto 100% !important;
    }
    .top-banner h1 {
        font-size: 2rem;
        line-height: 2.4rem;
        margin: 0 auto;
        width: 65%;
        margin-top: 3rem;
    }
    .top-banner h2 {
        position: absolute;
        width: 100%;
        margin-top: 1rem;
        padding: 0 2em;
        font-size: 1rem;
        color: #fff;
        font-family: 'Avenir Next LT W01 Demi', 'AvenirBlack';
        line-height: 1.4em;
    }
    .top-banner .automotive-logo {
        width: 63px;
        height: 63px;
        margin: 25px auto 10px auto;
        background-size: 100% !important;
    }
    .top-banner.small {
        padding: 1.5rem 0;
        min-height: 100px;
    }
    .top-banner.small h1 {
        width: 90%;
    }
    .top-banner.no-icon {
        padding-top: 65px;
        height: 234px !important;
        padding: 0 !important;
    }

    .textandimage .button {
        margin-bottom: 0 !important;
    }

    /* TEMPLATE D - INDUSTRY DETAILS - MOBILE */
    .box-section .box .detail {
        top: 84%;
    }
    .box-section .box .detail p {
        font-size: 0.8rem;
        line-height: 1.1rem;
        margin: 3% 5% 7% 5%;
    }
    .box-section .box .detail h3 {
        font-size: 0.8rem;
        height: 40px;
    }
    .box-section .box img {
        margin: 0 0 0 -100px;
        width: 200% !important;
        max-width: 200%;
        max-height: 320px;
    }

    .subpage-content .detail-subnav {
        margin: 0 auto 30px auto;
    }
    .subpage-content .detail-subnav li {
        display: block;
        margin-right: 0;
        text-align: center;
        background: transparent !important;
    }
    .subpage-content .detail-subnav li:hover {
        background: none;
        background: transparent !important;
    }
    .subpage-content .detail-subnav li a {
        font-size: 1rem !important;
        color: #cb3727 !important;
        background: transparent !important;
    }
    .subpage-content .detail-subnav li a:hover {
        color: #cb3727 !important;
    }
    .subpage-content.top h3 {
        font-size: 1rem;
        margin-top: 0;
    }
    .subpage-content h5 {
        font-size: .9rem;
    }
    .subpage-content p,
    .subpage-content ul,
    .subpage-content ol {
        font-size: .9rem;
    }

    .detail-section {
        margin-top: 20px;
    }
    .detail-section h5 {
        font-size: 1.4rem;
    }
    .detail-section p {
        line-height: 1.2em;
    }
    .detail-section .applications-box {
        width: 100%;
        border: none;
    }
    .detail-section .contact-info {
        text-align: center;
        padding: 0 2em;
        text-transform: uppercase;
    }

    .box-text-content {
        border: none !important;
        margin-bottom: 0;
        padding: 0 !important;
    }
    .box-text-content .box-text {
        border-top: 1px dotted #989898 !important;
        margin: 0.8rem 0 !important;
    }
    .box-text-content:first-child .box-text:first-child {
        border: none !important;
    }
    .box-text-content .box-text:first-child {
        margin-top: 0;
    }
    .box-text-content .box-text ul {
        width: 100%;
    }

    .box-text-content:last-child .box-text {
        padding-top: 0.8rem;
        margin-top: 0 !important;
    }
    .box-text-content:last-child .box-text h3 {
        margin-top: 0;
    }

    .box-text-content.table-contents {
        display: none;
    }
    .content-img-floatLeft img {
        float: none;
        margin: 0 auto 30px auto;
        width: 200px;
        display: block;
    }
    .content-img-floatLeft .download-buttons {
        margin: 20px auto;
        display: block;
        width: 100%;
        text-align: center;
    }

    .top-banner.small {
        padding: 0.8rem 0;
        min-height: 50px;
    }

    .box-section .box {
        width: 100%;
    }

    /* TEMPATE F - TEXT IMAGE */
    .subpage-content .table-scroll table td {
        min-width: 200px;
    }
    .subpage-content .table-scroll table td:last-child {
        min-width: 80px;
    }
    figure {
        min-width: 100%;
        margin: 0;
        margin-bottom: 10px;
        text-align: center;
    }

    /* TEMPLATE H - CONTACT */
    .form-contact .submit-container {
        text-align: right;
    }
    .form-contact .submit-container .error {
        float: left;
        width: 70%;
    }
    .detail-section.contact p {
        width: 100%;
    }

    /* TEMPLATE L - MEDIA LIBRARY - MOBILE */
    .search-filter.resoures .filder-col {
        margin-bottom: 15px;
    }
    .search-filter.resoures span.count {
        display: none;
    }
    .search-filter.resoures span.filter {
        width: auto;
    }
    .search-filter.resoures select {
        width: 100% !important;
    }

    /* Slick Slider - Mobile */
    .slick-prev {
        background-size: 30px !important;
    }
    .slick-next {
        background-size: 30px !important;
    }
    .slick-list {
        padding-top: 20px !important;
    }

    /* DOWNLOADS SLIDER */
    #downloads-slider .slick-list {
        margin: 0 40px 0 40px !important;
    }
    #downloads-container .box-carousel {
    }

    #downloads-slider .slick-slide {
        max-height: 200px !important;
    }

    #downloads-container .box-carousel .down-box {
        margin: 0 10% !important;
    }
    #downloads-container .box-carousel .down-box .detail p {
        font-size: 12px !important;
        padding-top: 20% !important;
    }
    #downloads-container .box-carousel .down-box .detail p.button-container {
        width: 100% !important;
        position: absolute !important; /*bottom: 0 !important;*/
    }

    #downloads-container .slick-prev,
    #downloads-container .slick-next {
        margin-top: -35px !important;
    }

    /* VIDEOS SLIDER */
    #videos-slider .slick-list {
        margin: 0 40px 0 40px !important;
    }
    #videos-slider .video-box {
        margin: 0 12% !important;
    }
    #videos-slider .video-box > a .detail {
        background-size: 30% !important;
    }
    #videos-slider .video-box:hover > a .detail {
        background-size: 30% !important;
    }

    #videos-slider .slick-slide {
        max-height: 200px !important;
    }
    #videos-slider .slick-slide img {
        max-height: 100px;
        min-height: 100px;
    }

    #videos-slider .slick-prev,
    #videos-slider .slick-next {
        height: 60px !important;
    }

    /* VIDEOS MODAL - MOBILE */
    .reveal-modal .close-reveal-modal {
        margin-top: 19%;
        margin-right: 1.25rem;
    }

    /* TEMPLATE M - CALCULATOR */
    .select-calculator {
        position: absolute;
        margin-top: 50px;
        width: 80%;
    }
    .calculator .calc-column {
        width: 49.6%;
    }
    #bar .results,
    #bar .cloned-results,
    #bar .cloned-results-2 {
        height: 445px;
    }
    .results,
    .cloned-results,
    .cloned-results-2 {
        width: 99.6%;
        position: relative;
        float: left;
        height: 475px;
        margin-left: 1px;
        padding: 10px;
        background: #1d2758;
        border-bottom: 1px solid #fff;
    }
    .results .calc-close,
    .cloned-results .calc-close,
    .cloned-results-2 .calc-close {
        background: url(../img/close.png) no-repeat;
        width: 23px;
        height: 23px;
        display: block;
        position: absolute;
        right: 10px;
        top: 10px;
    }
    .diagram,
    .formula {
        width: 100%;
        border: none;
        padding: 10px;
        min-height: 0;
    }
    .diagram img {
        margin: 10% auto;
        display: block;
        padding: 0;
    }
    .formula .units {
        margin-top: 0;
    }
    .formula .calc-form {
        width: 100%;
    }
    .formula .calc-form div {
        margin-left: 0;
    }
    .formula .calc-form fieldset input {
        height: 25px;
    }
    .formula .btn-calculate {
        padding: 5px 15px;
        left: 35%;
        margin: 10px 0;
    }
    .results-box {
        margin-left: 0;
        width: 100%;
    }
    .results-box p {
        font-size: 0.8rem !important;
    }

    /* TEMPLATE K - PRACTICAL DATA - MOBILE */
    .top-banner.small.practical-data h1 {
        width: 100% !important;
    }

    .metalurgis-text-col {
    }
    .metalurgis-txt-col ul {
        text-align: center;
    }

    .metalurgis-img-col img {
        margin-bottom: 30px;
    }

    /* TEMPLATE N - SEARCH RESULTS */
    .search .pager p {
        width: 100%;
        margin: 0;
    }
    .search ul.pagination {
        float: left;
        margin: 0;
    }
    .search ul.pagination li a {
        padding: 7px 8px;
    }
    .search-filter .input-search {
        width: 100%;
    }
    .search-filter .input-search input[type="text"] {
        width: 83%;
    }
    .search-filter .filter span,
    .search-filter .sort span {
        display: block;
    }
    .search-filter .filter,
    .search-filter .sort {
        padding: 0;
        margin: 2em 0 0;
        width: 50%;
    }
    .search-filter .filter select,
    .search-filter .sort select {
        width: 90%;
        margin: .8em 0 0;
    }
    .search .search-result h4 {
        font-size: 1.2rem;
    }

    /* TEMPLATE P - GLOSSARY - MOBILE */
    .letters {
        width: 100%;
    }
    .glossary {
        width: 100%;
    }
    .glossary .box span {
        display: none;
    }
    .btn-glossary-search {
        position: absolute;
    }
    .glossary-search .box ul li {
        border-bottom: 1px dotted #333333;
        list-style: none outside none;
        margin: 0;
        padding: 10px 0;
    }
    .glossary-search .box ul li h6 {
        color: #dc4405;
    }
    .glossary-search .box ul li p {
        color: #000000;
        font: 0.8rem "AvenirNextLTW01-Medium";
        margin: 0;
        overflow: hidden;
        padding: 0;
    }

    /* TEMPLATE R - CORPORATE */
    .timeline-wrapper {
        padding-left: 20px;
        width: 95%;
        margin-top: 60px;
    }
    .timeline-wrapper .timeline-body {
        position: relative;
        width: 100%;
        margin: 30px auto;
        padding: 0 10%;
    }
    .timeline-wrapper .timeline-body .decade .label {
        margin-top: 67px;
    }
    .timeline-wrapper .timeline-body .decade .label.last {
        display: none;
    }
    .timeline-wrapper .dot-bubble {
        bottom: 38px;
        margin-left: -113px;
        min-width: 246px;
    }
    .timeline-wrapper .point-bubble {
        background-size: 20px 18px;
        width: 20px;
        height: 18px;
        margin: -24px 0 0 -3px;
    }
    .mobile-timelime-prev,
    .mobile-timelime-next {
        position: absolute;
        display: block !important;
        margin-top: -103px;
        cursor: pointer;
        width: 28px;
        height: 28px;
    }
    .mobile-timelime-prev {
        left: 20px;
        background: url(../img/bg-slider-library-left.png) no-repeat;
        background-size: 28px 28px;
    }
    .mobile-timelime-next {
        right: 20px;
        background: url(../img/bg-slider-library-right.png) no-repeat;
        background-size: 28px 28px;
    }

    /* TEMPLATE S - MEET THE PEOPLE */
    .people-nav dd a {
        padding: 4px 5px;
    }
    .primary-contact h4,
    .primary-contact .vcard {
        width: 85%;
    }
    .vcard {
        width: 100%;
    }
    .vcard p {
        width: 100%;
    }

    .primary-contact {
        margin: 0;
        padding: 0;
    }
    .tabs-content > .content {
        margin: 0;
        padding: 0;
    }

    /* TEMPLATE J - GET DIRECTIONS - MOBILE */
    .row.directions-container {
        padding: 0 !important;
        margin: 0 !important;
    }

    .directions-container .directions-lateral {
        border: 0 !important;
        height: auto !important;
    }
    .directions-container .directions-lateral .directions-results {
        height: auto !important;
        overflow: hidden !important;
    }
    .directions-container .directions-map {
        border: 0 !important;
        border-top: 1px #000 solid !important;
        border-bottom: 1px #000 solid !important;
        height: 400px !important;
    }
    .directions-container .submit-container {
        text-align: center;
    }

    /* TEMPLATE I - LOCATIONS - MOBILE */
    .featured-loc-container {
        padding-bottom: 0;
        border: 0;
        margin-top: 25px;
    }
    .featured-loc-container ul {
        margin-top: 20px;
        text-align: center;
        width: 100%;
    }
    .featured-loc-container img {
        float: none;
        margin: auto;
        display: block;
    }
    .row.featured-location {
        width: auto;
    }

    .locations-container #list-sales,
    .locations-container #list-plants,
    .locations-container #list-warehouses {
        display: none;
    }

    .locations-container .location-title.mobile {
        display: block;
        text-transform: uppercase;
        font-size: 1rem;
        width: 100%;
    }
    .locations-container .location-title.inactive {
        height: auto !important;
        margin: 0 -1rem;
        border-top: 1px #979797 solid;
        padding: 1em 20px;
        margin-bottom: 0;
        color: #979797;
        background: #b7b7b7;
        background: -moz-linear-gradient(
            left,
            #b7b7b7 0%,
            #ececec 50%,
            #b7b7b7 100%
        );
        background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0%, #b7b7b7),
            color-stop(50%, #ececec),
            color-stop(100%, #b7b7b7)
        );
        background: -webkit-linear-gradient(
            left,
            #b7b7b7 0%,
            #ececec 50%,
            #b7b7b7 100%
        );
        background: -o-linear-gradient(
            left,
            #b7b7b7 0%,
            #ececec 50%,
            #b7b7b7 100%
        );
        background: -ms-linear-gradient(
            left,
            #b7b7b7 0%,
            #ececec 50%,
            #b7b7b7 100%
        );
        background: linear-gradient(
            to right,
            #b7b7b7 0%,
            #ececec 50%,
            #b7b7b7 100%
        );
        filter: progid:DXImageTransform.Microsoft.gradient(
                startColorstr='#b7b7b7',
                endColorstr='#b7b7b7',
                GradientType=1
            );
    }

    .locations-container .location-title.active {
        height: auto !important;
        margin: 0 -1rem;
        border-top: 1px #979797 solid;
        padding: 1em 20px;
        margin-bottom: 0;
        color: #fff;
        background: #233440;
        background: -moz-linear-gradient(
            left,
            #233440 15%,
            #5781aa 50%,
            #233440 85%
        );
        background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(15%, #233440),
            color-stop(50%, #5781aa),
            color-stop(85%, #233440)
        );
        background: -webkit-linear-gradient(
            left,
            #233440 15%,
            #5781aa 50%,
            #233440 85%
        );
        background: -o-linear-gradient(
            left,
            #233440 15%,
            #5781aa 50%,
            #233440 85%
        );
        background: -ms-linear-gradient(
            left,
            #233440 15%,
            #5781aa 50%,
            #233440 85%
        );
        background: linear-gradient(
            to right,
            #233440 15%,
            #5781aa 50%,
            #233440 85%
        );
        filter: progid:DXImageTransform.Microsoft.gradient(
                startColorstr='#233440',
                endColorstr='#233440',
                GradientType=1
            );
    }
    .locations-container .list-container {
        margin-top: 15px;
    }
    .locations-container .location-title.inactive > .tabs-loc-icon {
        display: block;
        width: 20px;
        height: 20px;
        float: right;
        background: url(../img/mobile/nav-plus-2x.png) no-repeat;
        text-indent: -9999px;
        background-size: 20px 20px;
    }
    .locations-container .location-title.active > .tabs-loc-icon {
        display: block;
        width: 20px;
        height: 20px;
        float: right;
        background: url(../img/mobile/nav-minus-2x.png) no-repeat;
        text-indent: -9999px;
        background-position: center;
    }

    .locations-container > div > ul > li {
        border-bottom: 1px #000 dotted !important;
        padding-bottom: 5px !important;
        margin-bottom: 5px !important;
    }
    .locations-container > div > ul > li:last-child {
        border: 0 !important;
    }

    /* Sales Team - remove css animations from mobiles*/
    .box-section .box-sales .detail {
        top: 70%;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }
    .box-section .box-sales:hover .detail {
        top: 65% !important;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }
    /*.box-section .box-sales:hover .detail .header, */
    .box-section .box-sales:hover .detail .categories,
    .box-section .box-sales:hover .detail .contacts {
        display: none !important;
    }

    #sales-modal-content li.column-mobile.last {
        float: left;
    }

    .energy ul,
    .automotive ul,
    .distribution ul {
        margin: 7.6% 20px 0;
    }
    .energy ul li.title,
    .automotive ul li.title,
    .distribution ul li.title {
        font-style: italic;
        width: auto;
        color: #fff;
        font-size: 10px;
        padding-right: 30px;
    }

    .energy ul li p,
    .automotive ul li p,
    .distribution ul li p {
        color: #fff;
        font-size: 10px;
    }

    .energy ul li .button,
    .automotive ul li .button,
    .distribution ul li .button {
        margin-top: 7px;
    }

    .energy .padding-off,
    .automotive .padding-off,
    .distribution .padding-off {
        padding-left: 0px !important;
    }

    .energy .padding-off .button,
    .automotive .padding-off .button,
    .distribution .padding-off .button {
        margin-top: 0px !important;
    }

    #sales-modal-content .title {
        font-size: 11px;
        padding-right: 0px;
        width: 100% !important;
    }

    #sales-modal-content ul li {
        padding-right: 1px;
        padding-left: 7px;
        width: 50% !important;
    }

    #sales-modal-content ul li.column-mobile {
        width: 33.3% !important;
    }

    #sales-modal-content ul li p {
        font-size: 11px;
        margin-bottom: 16px;
    }
    #sales-modal-content .button {
        margin: 0;
        font-size: 10px;
        padding: 10px;
    }

    .outside-title {
        /*display: none !important;*/
    }

    #sales-modal {
        background: rgba(0, 0, 0, 0.9);
        padding: 15px;
        border-radius: 5px;
        min-height: 10px !important;
        height: auto !important;
    }

    #sales-modal-content {
        margin: 5px 10px;
    }

    #sales-modal-content .contacts {
        margin-bottom: 20px;
    }
    #sales-modal-content .contacts:last-child {
        margin-bottom: 0;
    }

    #sales-modal-content .contacts p {
        margin: 0;
        font-size: 0.8rem;
    }
    #sales-modal-content .contacts p:nth-last-of-type(2) {
        margin-bottom: 15px;
    }
    #sales-modal-content .contacts p:nth-last-of-type() a {
        font-size: 0.8rem;
    }

    #sales-modal-content .btn-primary {
        font-size: 12px;
        padding-left: 38px;
        text-transform: uppercase;
        background: #ca3827 url(../img/bubbles-arrow-down.png) no-repeat 12px
            center;
        text-align: left;
    }

    #sales-modal-content .btn-primary.active {
        background: #dd6524 url(../img/bubbles-arrow-up.png) no-repeat 12px
            center;
    }

    #sales-modal-content .button {
        margin: 0;
    }

    #sales-modal-content .primary-content {
        margin-left: 15px;
        margin-top: 15px;
    }
    #sales-modal-content .primary-content p {
        margin: 0;
        font-size: 0.8rem;
    }
    #sales-modal-content .primary-content p:nth-last-of-type(3) {
        margin-bottom: 10px !important;
    }

    #sales-modal-content .header .close {
        display: none;
    }

    #sales-modal-content .categories ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #sales-modal-content .categories ul li {
        margin-bottom: 20px;
    }
    #sales-modal-content .categories ul li:last-child {
        margin: 0;
    }

    #sales-modal-content h3 {
        font-size: 1.1rem;
        font-family: 'Avenir Next LT W01 Demi';
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 15px;
    }

    #sales-modal-close {
        display: block;
        float: right;
    }

    /* TEMPLATE U - CAREERS - MOBILE */
    .box-section.careers .box img {
        width: 145% !important;
        margin: 0 0 0 -35px !important;
    }

    .slider-careers-nav {
        width: 33px;
        left: 8%;
        top: 6%;
    }
    .slider-careers-nav a {
        display: block;
        margin: 0;
        float: none !important;
        width: 33px !important;
        height: 33px !important;
        background-size: 33px 33px;
        margin-bottom: 20px;
    }
    .slider-careers-nav a:last-child {
        margin: 0;
    }
    .slider-careers-nav a:hover,
    .slider-careers-nav .activeSlide {
        background: url(../img/bg-slider-nav-on.png) no-repeat center;
        background-size: 33px 33px !important;
    }

    .slider-item-careers {
        min-height: 234px;
    }

    .slider-text-careers {
        margin-top: 4em;
    }
    .slider-text-careers h1 {
        font-size: 2rem;
        line-height: 2.4rem;
    }
    .slider-text-careers h2 {
        width: 80%;
        padding: 0 10px !important;
        font-size: 1rem;
        text-align: center !important;
    }
    .slider-text-careers h2 p {
        text-align: center !important;
        margin: 0 !important;
    }

    .slider-careers-arrows {
        top: 35%;
        left: 5% !important;
        right: 5% !important;
        width: 90% !important;
    }

    .slider-careers-button {
        width: 100% !important;
        position: absolute !important;
        top: 110% !important;
    }
    .slider-careers-button a {
        padding: 8px 20px !important;
        font-size: 0.85rem !important;
    }

    .no-slider-button {
        width: 100% !important;
        position: absolute !important;
        top: 6.3% !important;
    }
    .no-slider-button a {
        padding: 8px 20px !important;
        font-size: 0.85rem !important;
    }

    .separator-mobile {
        height: 60px;
    }
    .careers-nav {
        margin-top: 60px !important;
    }

    .subpage-content .segmented-item {
        width: 100%;
        border-right: none;
        border-left: none;
    }

    /* FOOTER - MOBILE */
    footer.desktop {
        display: none;
    }
    footer.mobile {
        display: block;
        overflow: hidden;
        width: 100%;
        height: auto;
    }
    footer.mobile h4 {
        text-align: center;
        text-transform: uppercase;
        color: #5e8ab4;
        margin-top: 20px;
    }
    footer.mobile ul li {
        border-bottom: 1px solid #66778a;
        line-height: 2em;
        width: 100%;
        text-align: center;
    }
    footer.mobile ul li a {
        text-transform: uppercase;
    }
    footer.mobile .social {

        margin: 20px auto 0 auto !important;
        overflow: hidden;
        text-align: center;
        width: 100%;
    }
    footer.mobile .social li {
        border-bottom: none;
        float: none;
        display: inline-block;
        width: auto;
    }
    footer.mobile .social li:last-child {
        margin-right: 0;
    }
    footer.mobile .copyright {
        font-size: 0.7rem;
        text-align: center;
        margin: 20px 0 0 0;
        width: 100%;
    }
    footer.mobile .legal {
        font-size: 1em;
        text-transform: uppercase;
        text-align: center;
        margin: 0;
        width: 100%;
    }
    footer.mobile .legal:last-child {
        margin-top: 0 !important;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (min-device-width: 321px) and (max-device-width: 480px) {
    /* HOME SLIDER */
    .slider-nav a:hover {
        background: url(../img/bg-slider-nav-on.png) no-repeat center;
    }

    .sub-menu .nav-content {
        width: 90%;
    } /*What is this?*/

    /* FOOTER - MOBILE */
    /*footer.mobile .social {
        width: 30%;
        display: none;
    }*/
    .box-section .box-sales:hover .detail .categories,
    .box-section .box-sales:hover .detail .contacts {
        display: none;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
    /* HOME SLIDER */
    .slider-nav a:hover {
    }

    /* CONTACT US - MOBILE */
    .form-contact .state-container label {
        font-size: 0.75rem;
    }

    /* TEMPLATE L - MEDIA LIBRARY - MOBILE PORTRAIT */
    .search-filter.resoures span.count {
        display: none !important;
    }

    .box-section .box-sales:hover .detail .categories,
    .box-section .box-sales:hover .detail .contacts {
        display: none;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
    /* HOME SLIDER */
    .slider-nav a:hover {
        background: url(../img/bg-slider-nav-on.png) no-repeat center;
    }

    /* TEMPLATE L - MEDIA LIBRARY - MOBILE LANDSCAPE */
    .search-filter.resoures span.count {
        display: inline-block !important;
    }

    .box-section .box-sales:hover .detail .categories,
    .box-section .box-sales:hover .detail .contacts {
        display: none;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (width: 1024px) {
    .choose-location-btn {
        display: none;
    }

    .energy ul li.title,
    .automotive ul li.title,
    .distribution ul li.title {
        font-size: 11px;
        padding-right: 0px;
        /* width: 90px; */
    }

    .automotive ul li.title {
        /* width: auto !important; */
    }

    .box-section .box-sales {
        height: 361px !important;
    }

    .map svg {
        width: 980px;
    }

    .industrial ul li p {
        line-height: 13px;
    }
    .industrial ul li {
        padding-bottom: 0px;
        width: 125px;
    }

    .industrial ul li.last {
        float: left !important;
        clear: none;
        height: 92px;
    }

    .industrial .button {
        padding: 2px 15px;
    }

    .energy ul li p,
    .automotive ul li p,
    .distribution ul li p {
        font-size: 11px;
    }

    .energy ul,
    .automotive ul,
    .distribution ul {
        margin: 2.3% 20px 0;
    }

    .energy li,
    .automotive li,
    .distribution li {
        padding: 0 !important;
        padding-right: 0px !important;
        padding-left: 10px !important;
    }

    .box-section .box .detail h3 {
        height: 82px !important;
    }

    /* TEMPLATE P - GLOSSARY - TABLET LANDSCAPE */
    .letters #alphabet li a {
        width: 2.3rem !important;
    }

    /* TEMPLATE V - GLOSSARY - TABLET LANDSCAPE*/
    .box-section .box-sales .detail .categories .territory-list {
        display: none;
    }
    .btn-territory {
        display: inline;
    }

    /* TEMPLATE V - SALES */

    .box-section .box-sales .detail .header h3 {
        margin: 3% 20px 0;
    }
    .box-section .box-sales .header .close {
        margin: 3% 20px 0 20px;
    }
    .box-section .box-sales .detail .contacts {
        width: 45%;
        margin: 15px 0 0 15px;
    }
    .box-section .box-sales .detail .categories ul {
        margin: 0;
    }
    .box-section .box-sales .detail .categories ul li {
        list-style-type: none;
    }
    .box-section .box-sales .detail .categories .auto-contacts {
        top: 50px;
    }
    .box-section .box-sales .detail {
        top: 85%;
    }
    /*TODO: Lucia - comment next line for hover in tablet fix
    .box-section .box-sales:hover .detail { top: 179px; -webkit-transition: none; -moz-transition: none; -o-transition: none ;transition: none;}*/
    .box-section .box-sales:hover .detail .categories,
    .box-section .box-sales:hover .detail .contacts {
        display: none;
    }

    .map {
        left: 2%;
        top: 290px;
    }
    .map .map-close {
        right: 15px;
    }
    #west-contact {
        margin: -300px 0 0 155px;
    }
    #china-contact {
        margin: -264px 0 0 469px;
    }
}

@media not screen and (width: 1024px) {
    .box-section .box-sales:hover .detail {
        top: 0;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .box-section .box-sales:hover .detail .header,
    .box-section .box-sales:hover .detail .categories,
    .box-section .box-sales:hover .detail .contacts {
        display: block;
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .outside-title {
        /*  display: none !important; */
    }

    #sales-modal {
        background: rgba(0, 0, 0, 0.9);
        padding: 15px;
        border-radius: 5px;
        min-height: 10px !important;
        height: auto !important;
    }

    #sales-modal-content {
        margin: 5px 10px;
    }

    #sales-modal-content .contacts {
        margin-bottom: 20px;
    }
    #sales-modal-content .contacts:last-child {
        margin-bottom: 0;
    }

    #sales-modal-content .contacts p {
        margin: 0;
        font-size: 0.8rem;
    }
    #sales-modal-content .contacts p:nth-last-of-type(2) {
        margin-bottom: 15px;
    }
    #sales-modal-content .contacts p:nth-last-of-type() a {
        font-size: 0.8rem;
    }

    #sales-modal-content .btn-primary {
        padding-left: 38px;
        text-transform: uppercase;
        background: #ca3827 url(../img/bubbles-arrow-down.png) no-repeat 12px
            center;
        text-align: left;
    }

    #sales-modal-content .btn-primary.active {
        background: #dd6524 url(../img/bubbles-arrow-up.png) no-repeat 12px
            center;
    }

    #sales-modal-content .button {
        margin: 0;
    }

    #sales-modal-content .primary-content {
        margin-left: 15px;
        margin-top: 15px;
    }
    #sales-modal-content .primary-content p {
        margin: 0;
        font-size: 0.8rem;
    }
    #sales-modal-content .primary-content p:nth-last-of-type(3) {
        margin-bottom: 10px !important;
    }

    #sales-modal-content .header .close {
        display: none;
    }

    #sales-modal-content .categories ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #sales-modal-content .categories ul li {
        margin-bottom: 20px;
    }
    #sales-modal-content .categories ul li:last-child {
        margin: 0;
    }

    #sales-modal-content h3 {
        font-size: 1.1rem;
        font-family: 'Avenir Next LT W01 Demi';
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 15px;
    }

    #sales-modal-close {
        display: block;
        float: right;
    }

    .auto-contacts .btn-back {
        display: none !important;
    }
    .box-section .box-sales .detail {
        top: 119px !important;
    }

    /* Remove CSS Hover Animation from tablet Portraits */
    .box-section .box-sales .detail {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }
    .box-section .box-sales:hover .detail {
        top: 119px !important;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }
    .box-section .box-sales:hover .detail .categories,
    .box-section .box-sales:hover .detail .contacts {
        display: none;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1114px) {
    header .top-nav li.first-item {
        display: block;
        text-align: right;
        margin-right: 75px;
        height: 18px;
        vertical-align: middle;
        line-height: 18px;
    }
    header .top-nav li.first-divider {
        display: none;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* GENERAL */
    .inner {
        padding-bottom: 40px !important;
    }
    .subpage-content {
        padding: 0 35px;
    }

    header {
        background-position: 23% 0;
    }
    header .main-logo {
        background: url(../img/mobile/logo-2x.png) no-repeat;
        background-size: 325px 75px;
        width: 325px;
        height: 75px;
        margin-left: 1.5rem !important;
    }

    header .top-nav {
        margin-top: 10px;
    }
    header .top-nav li.first-item {
        display: block;
        text-align: right;
        margin-right: 75px;
        height: 18px;
        vertical-align: middle;
        line-height: 18px;
    }
    header .top-nav li.first-divider {
        display: none;
    }

    .navigation {
        margin-right: 1.5rem;
    }

    .top-nav {
        margin-right: 1.5rem;
    }

    .content .slide {
        min-height: 700px;
    }

    /* HOME SLIDER */
    .slider-nav a:hover {
        background: url(../img/bg-slider-nav-on.png) no-repeat center;
    }

    .slider-arrows {
        display: none;
    }
    .slide-text {
        top: 20%;
        margin-left: 2%;
    }
    .slide-text h1.large {
        font-size: 3rem;
    }

    .news {
        height: auto !important;
        margin-top: -233px;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .news .box {
        padding: 0;
        margin: 0;
        padding-right: 20px !important;
    }
    .news .box h3 {
        font-size: 1rem;
        line-height: 1rem;
    }
    .news .box p {
        margin: 0.5em 0;
        font-size: 0.75rem;
        line-height: 1.3em;
        height: 140px;
    }
    .news .border-last,
    .news .border-first {
        display: none;
    }

    .slider-nav {
        bottom: 40%;
        right: 5%;
    }
    .slider-nav .items-separator {
        margin-top: 22px !important;
        width: 30px !important;
    }
    .slider-nav a {
        width: 46px;
        height: 46px;
        background-size: 46px 46px !important;
    }
    .slider-nav a:nth-of-type(2) {
        margin-right: 30px !important;
    }
    .slider-nav a:hover {
        color: #fff;
        background: url(../img/bg-slider-nav-off.png) no-repeat center;
        background-size: 46px 46px !important;
    }
    .slider-nav a.activeSlide {
        color: #fff;
        background-size: 46px 46px !important;
    }
    .slider-nav .slider-nav-img {
        width: 46px;
    }

    .subpage-content.top h3 {
        font-size: 1rem;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .inner h2 {
        margin-top: 30px !important;
    }

    /* TEMPLATE top banner no-icon */
    .top-banner {
        min-height: 255px;
        background-size: auto 100% !important;
    }
    .top-banner.small {
        min-height: 130px;
    }
    .top-banner.no-icon {
        padding-top: 8% !important;
    }
    .top-banner h1 {
        font-size: 2.4rem;
    }
    .top-banner h2 {
        font-size: 1.4rem;
        line-height: 1.3em;
        width: 90%;
    }

    /* TEMPLATE C - SUBSECTION- TABLET */
    .box-section .box .detail {
        top: 65%;
    }
    .box-section .box .detail h3 {
        height: 58px;
    }
    .box-section .box .detail p:first-of-type {
        height: 60px;
        line-height: 15px;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .box-section .box:hover .detail {
        top: 65%;
    }
    .box-section .box:hover .detail p,
    .box-section .box:hover .detail p a {
        display: none;
    }
    .box-section .box:hover .detail .button {
        display: none;
    }

    /* TEMPLATE M - CALCULATOR*/
    .calculator .calc-column {
        width: 24.8%;
    }
    .results,
    .cloned-results {
        width: 99.6%;
        height: 330px;
        float: left;
        position: relative;
        margin-left: 1px;
        padding: 20px;
        background: #1d2758;
        border-bottom: 1px solid #fff;
    }
    .cloned-results .calc-close {
        background: url(../img/close.png) no-repeat;
        width: 23px;
        height: 23px;
        display: block;
        position: absolute;
        right: 10px;
        top: 10px;
    }
    .formula {
        padding: 10px;
    }
    .formula .calc-form {
        width: 95%;
    }
    .formula .calc-form div {
        width: 45%;
    }
    .formula .calc-form fieldset {
        margin: 15px 0;
    }
    .formula .units {
        margin-top: 0;
    }

    .diagram img {
        padding: 10% 3%;
    }
    .diagram,
    .formula {
        min-height: 290px;
    }
    .results-box {
        margin-left: 32px;
    }

    /* TEMPLATE N - SEARCH RESULTS */
    .search-filter .input-search {
        width: 96%;
    }
    .search-filter .input-search input[type="text"] {
        width: 89%;
        position: relative;
    }
    .search-filter .input-search input[type="submit"] {
        position: absolute;
    }
    .search .pager > p {
        width: auto;
    }
    .search .pager > select {
        width: 42%;
    }
    .search-filter label.hide-for-small.hide-for-large,
    .search-filter .filter span,
    .search-filter .sort span {
        display: block;
        margin: 0 0 10px 0;
    }
    .search-filter .filter select,
    .search-filter .sort select {
        width: 116px;
    }
    .search ul.pagination li a {
        padding: 7px 10px;
    }

    /* TEMPLATE P - GLOSSARY - TABLET */
    .letters {
        width: 100%;
    }
    .letters #alphabet {
        text-align: center;
    }
    .letters #alphabet li a {
        padding: 7px 9.9px;
        width: 1.8rem;
    }
    .glossary {
        width: 100%;
    }

    /* TEMPLATE R - CORPORATE */
    .timeline-wrapper .timeline-body {
        min-width: 100%;
        height: 10px;
    }
    .timeline-wrapper .timeline-body .decade {
        height: 35px;
        margin-top: -12px;
    }
    .timeline-wrapper .timeline-body .decade .label {
        font-size: 1rem;
        margin-top: 40px;
    }
    .timeline-wrapper .timeline-body .decade .label.last {
        margin-right: -19px;
    }
    .timeline-wrapper .timeline-body .dot {
        width: 10px;
        height: 10px;
        margin-top: 12px;
    }
    .timeline-wrapper .dot-bubble {
        min-width: 350px;
        bottom: 30px;
        margin-left: -170px;
    }
    .timeline-wrapper .dot-bubble .date {
        font-size: 1.2rem;
    }
    .timeline-wrapper .point-bubble {
        background-size: 20px 18px;
        width: 20px;
        height: 18px;
        margin-top: -24px;
    }

    /* TEMPLATE S - MEET THE PEOPLE */
    .primary-contact h4,
    .primary-contact .vcard {
        width: 54%;
    }
    .vcard {
        width: 56%;
    }

    /* OUR LOCATIONS - TABLET */
    .row.featured-location {
        width: 70% !important;
    }
    .row.locations-container {
        max-width: 58rem !important;
    }

    .featured-location a {
        display: inline-block;
        -webkit-border-radius: 1000px;
        border-radius: 1000px;
        padding: 5px 15px;
        background: #ca3827;
        text-align: center;
        font-family: 'Avenir Next LT W01 Demi', "AvenirBlack";
        color: #fff !important;
        margin-top: 10px;
    }
    .featured-location a:hover {
        -webkit-transition: background 0.5s ease;
        -moz-transition: background 0.5s ease;
        -o-transition: background 0.5s ease;
        transition: background 0.5s ease;
        background: #dd6524;
    }

    /* MEDIA SLIDER - TABLET */
    #downloads-slider .slick-slide {
        max-height: 220px;
    }
    #downloads-slider .down-box {
        margin: 0 1rem !important;
    }
    #videos-slider .slick-prev,
    #videos-slider .slick-next {
        top: 50% !important;
    }
    #videos-slider .slick-slide img {
        max-height: 150px;
        min-height: 150px;
    }

    /* TEMPLATE J - Get Directions - TABLET */
    .directions-lateral .directions-results {
        height: 53%;
    }
    .form-directions .submit-container {
        margin-bottom: 15px !important;
    }
    .form-directions .submit-container button:first-child {
        margin-bottom: 15px;
    }

    /* CONTACT US - SUBSECTION */
    .detail-section.contact p {
        width: 100% !important;
    }
    .form-contact label {
        font-size: 0.9rem;
    }

    /* TEMPLATE U - CAREERS */
    .slider-text-careers {
        margin-top: 3em;
    }

    .slider-item-careers {
        max-height: 275px !important;
        min-height: 275px !important;
    }

    .slider-item-careers h1 {
        font-size: 2.4rem;
    }
    .slider-item-careers h2 {
        font-size: 1.4rem;
        line-height: 1.3em;
        margin: 10px auto !important;
    }

    .box-section.careers .box .detail h3 span {
        font-size: 0.75rem;
    }

    /* DOWNLOAD REVEAL*/
    #library-contact-modal.tiny {
        margin-left: -30% !important;
        width: 60% !important;
    }

    /* FOOTER - TABLET */
    footer h4 {
        margin-top: 20px;
    }
    footer ul li {
        line-height: 1.4em;
    }
    footer .social,
    footer .legal {
        margin-top: 20px;
    }
    footer .phone {
        font-size: 9px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .energy ul li p,
    .automotive ul li p,
    .distribution ul li p {
        color: #fff;
        font-size: 9px;
    }

    .box-section .box-sales {
        height: 361px !important;
    }

    .industrial ul li p {
        font-size: 11px;
    }

    .column-mobile .button {
        padding: 3px 4px;
    }

    .hidden-block-formobile .title {
        width: 100% !important;
        padding-right: 0px !important;
        padding-bottom: 0px !important;
    }

    [class*="column"] + [class*="column"]:last-child {
        float: left !important;
    }

    .hidden-block-formobile .hidden-btn-hh {
        display: block;
    }

    .choose-location-btn {
        float: right;
        margin-top: -25px;
        margin-right: 15px;
        display: none;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .energy ul li p,
    .automotive ul li p,
    .distribution ul li p {
        color: #fff;
        font-size: 10px;
    }

    .energy ul li,
    .automotive ul li,
    .distribution ul li {
        padding-bottom: 0px !important;
    }

    li.column-mobile .button {
        padding: 5px 10px;
    }

    /* GENERAL */
    .subpage-content {
        padding: 0 1em;
    }
    .main-logo {
        margin-left: 1.5rem;
    }
    .top-nav {
        margin-right: 1.5rem;
    }
    .navigation {
        margin-right: 1.5rem;
    }

    /* HOME NEWS */
    .news {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .news .box {
    }

    .slider-arrows {
        top: 31%;
    }
    .slide-text {
        top: 33%;
    }

    /* HOME SLIDER */
    .slider-nav a:hover {
        background: url(../img/bg-slider-nav-on.png) no-repeat center;
    }
    .slider-nav {
        bottom: 37%;
        right: 5%;
    }
    .slider-nav li {
        margin-left: 25px;
    }
    .slider-nav li span {
        width: 46px;
        height: 46px;
    }
    .slider-nav li span.btn-energy {
        /*background:url(https://www.timkensteel.com/img/mobile/btn-energy@2x.png) no-repeat;*/
        background-size: 46px 46px;
    }
    .slider-nav li span.btn-energy:hover {
        /*background:url(https://www.timkensteel.com/img/mobile/btn-energy-on@2x.png) no-repeat;*/
        background-size: 46px 46px;
    }
    .slider-nav li span.btn-auto {
        /*background:url(https://www.timkensteel.com/img/mobile/btn-automotive@2x.png) no-repeat;*/
        background-size: 46px 46px;
    }
    .slider-nav li span.btn-auto:hover {
        /*background:url(https://www.timkensteel.com/img/mobile/btn-automotive-on@2x.png) no-repeat;*/
        background-size: 46px 46px;
    }
    .slider-nav li span.btn-industrial {
        /*background:url(https://www.timkensteel.com/img/mobile/btn-industrial@2x.png) no-repeat;*/
        background-size: 46px 46px;
    }
    .slider-nav li span.btn-industrial:hover {
        /*background:url(https://www.timkensteel.com/img/mobile/btn-industrial-on@2x.png) no-repeat;*/
        background-size: 46px 46px;
    }
    .slider-nav li span.btn-distribution {
        /*background:url(https://www.timkensteel.com/img/mobile/btn-distribution@2x.png) no-repeat;*/
        background-size: 46px 46px;
    }
    .slider-nav li span.btn-distribution:hover {
        /*background:url(https://www.timkensteel.com/img/mobile/btn-distribution-on@2x.png) no-repeat;*/
        background-size: 46px 46px;
    }

    /* CAREERS */
    .box-section.careers .box .detail p {
        margin: 0 5% 2%;
    }
    .box-section.careers .box .detail h3 {
        height: 60px;
    }
    .box-section.careers .box .detail h3 span {
        font-size: 0.85rem;
    }

    .box-section .box-sales:hover .detail {
        top: 0;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .box-section .box-sales:hover .detail .header,
    .box-section .box-sales:hover .detail .categories,
    .box-section .box-sales:hover .detail .contacts {
        display: block;
    }
    .map {
        left: 5%;
    }
    #west-contact {
        margin: -268px 0px 0px -102px;
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1366px) {
    /* GENERAL */
    .subpage-content {
        padding: 0 2em;
    }
    .top-nav {
        margin-right: 1.8em !important;
    }
    .navigation {
        margin-right: 1.8em !important;
    }
    .main-logo {
        margin-left: 1.8em !important;
    }

    /* HOME SLIDER */
    .slider-nav {
        bottom: 36%;
        -webkit-transition: right 2s ease-in;
        -moz-transition: right 2s ease;
        -o-transition: right 2s ease;
        transition: right 2s ease;
        right: 4%;
    }
    .slider-nav li {
        margin-left: 25px;
    }
    .slider-nav a:hover {
        background: url(../img/bg-slider-nav-on.png) no-repeat center;
    }

    /* HOME NEWS */
    .news {
        /* padding: 2rem !important; */
    }
    .news .box {
        padding: 0 !important;
    }

    /*.sub-menu.double {margin:10px 0 0 -266px;}*/

    /* CONTACT US SECTION */
    ul.ask-container {
    }

    /* TEMPLATE U SLIDER - CAREERS - DESKTOP MEDIUM */
    .slider-careers-nav {
        top: 75%;
        right: 3% !important;
    }

    .map {
        left: 5%;
    }
    #west-contact {
        margin: -287px 0 0 -152px;
    }
    .box-section .box-sales:hover .detail {
        top: 0;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .box-section .box-sales:hover .detail .header,
    .box-section .box-sales:hover .detail .categories,
    .box-section .box-sales:hover .detail .contacts {
        display: block;
    }
}

@media only screen and (min-width: 1367px) and (max-width: 1485px) {
    /* HOME SLIDER */
    .slider-nav {
        right: 15.5% !important;
    }

    /* HOME NEWS */
    .news .row {
        /* padding:0 8em; */
        max-width: 83rem !important;
    }
    .slider-arrows {
        top: 28%;
    }
    .slide-text {
        /* top:30%; */
    }

    /* TEMPLATE P - GLOSSARY - BIG SCREEN */
    .letters #alphabet {
        text-align: center !important;
    }

    /* TEMPLATE U SLIDER - CAREERS - BIG SCREEN */
    .slider-careers-arrows {
        top: 40%;
    }

    .map {
        left: 10% !important;
    }
    .box-section .box-sales:hover .detail {
        top: 0;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .box-section .box-sales:hover .detail .header,
    .box-section .box-sales:hover .detail .categories,
    .box-section .box-sales:hover .detail .contacts {
        display: block;
    }
}

@media only screen and (min-width: 1485px) {
    .map {
        left: 19%;
    }
}

/* ============ HELPER CLASSES ============ */
.floatleft {
    float: left;
}
.floatright {
    float: right;
}

select::-ms-expand {
    display: none;
}

.uppercase {
    text-transform: uppercase;
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    opacity: 0;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Google Maps Fixes */
#map-canvas *,
#map-canvas *:before,
#map-canvas *:after {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
}
#map-canvas img {
    /*max-width: none;*/
}
#map-canvas label {
    width: auto;
    display: inline;
}

/* ============ PRINT STYLES ============ */
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}

img[usemap] {
    border: none;
    height: auto;
    max-width: 100%;
    width: auto;
}

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
    outline: none !important;
}

:focus {
    outline: 0;
}

@media only screen and (min-width: 1130px) and (max-width: 1274px) {
    .industrial ul li {
        width: 120px;
    }
    .industrial ul {
        margin-top: 7px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1130px) {
    li.column-mobile .button {
        padding: 1px 10px;
    }
    .industrial ul li p {
        color: #fff;
        font-size: 10px;
    }
    .industrial ul li {
        padding-bottom: 0;
        padding-left: 0 !important;
        width: 109px;
    }
    .industrial ul li .button {
        margin-top: 0;
    }

    .industrial ul {
        margin-top: 4px;
    }
}
.side-box {
    padding-top: 25px;
}
.side-box > div {
    width: 100% !important;
    float: left !important;
}

.free-form .box-text-content {
    margin: 15px 0;
}

.videowrapper {
    float: none;
    clear: both;
    width: 60%;
    margin: 3% 20%; //5% 10%;
    position: relative;
    height: 0;
    padding-top: 5px;
    padding-bottom: 33.87%; //45.15%;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 641px) {
    .videowrapper {
        width: 100%;
        margin: 0;
        padding-top: 25px;
        padding-bottom: 56.45%;
    }
}
.side-box .side-box-item {
    border: 6px solid #e7e6e6;
    background: #ffffff;
    padding: 5px 15px;
    margin-bottom: 20px;
}
.side-box .side-box-item h2 {
    text-align: left;
    border: 0px none transparent;
    font-family: "Avenir Next LT W01 Demi", "AvenirBook";
    text-transform: uppercase;
    color: #000;
    font-size: 16px;
    margin-top: 1rem;
    padding: 0;
    margin-bottom: 1rem;
}
.side-box .side-box-item h3 {
    font-family: "AvenirNextLTW01-Medium";
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-top: 1rem;
}
.side-box .side-box-item p {
    margin-bottom: .5rem;
    line-height: 1.2em;
    font-size: 14px;
}
.side-box .side-box-item .box-text {
}
.side-box .side-box-item .box-text:first-child {
    border-top: 0px none transparent !important;
}
.side-box .side-box-item .box-text:last-child {
    margin-bottom: 25px;
}
.side-box .side-box-item .box-text h3 {
    font-size: 16px;
    text-transform: inherit;
    margin-bottom: 10px;
}
.side-box .side-box-item .box-text p,
.side-box-item .box-text a {
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 10px;
}

@media only screen and (max-width: 640px) {
    .side-box-item .box-text a {
        display: block;
    }
}

.side-box .side-box-item.video-box-item {
    padding: 0;
}
.side-box .side-box-item.video-box-item h3 {
    display: block;
    margin: 0;
    padding: 15px;
    font-family: "AvenirNextLTW01-Medium";
    font-size: 1.2rem;
    text-transform: inherit;
}
.demi {
    font-family: "Avenir Next LT W01 Demi", "AvenirNextCondensedBold";
}
.book {
    font-family: "AvenirNextLTW01-Condens 721299", "AvenirBook";
}
.normal {
    font-family: "AvenirNextLTW01-Medium", "AvenirBook";
}
.italic {
    font-family: "AvenirNextLTW01-Italic", "AvenirNextLTW01-Medium",
        "AvenirBook";
}
.regular {
    font-family: "AvenirNextLTW01-Regular";
}
.bold {
    font-family: "Avenir Next LT W01 Bold";
}

.e2template .column {
    @media only screen and (max-width: 480px) and (min-width: 320px) {
        padding: 0;
    }
}

.e2template + .e2template {
    margin: 0 auto;
}

.e2template h2 {
    margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
    .subpage-content.row.top.e2template {
        padding: 20px;
        background: #a39f9e;
        background: -moz-linear-gradient(
            left,
            #a39f9e 1%,
            #e7e6e5 50%,
            #a39f9e 100%
        );
        background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(1%, #a39f9e),
            color-stop(50%, #e7e6e5),
            color-stop(100%, #a39f9e)
        );
        background: -webkit-linear-gradient(
            left,
            #a39f9e 1%,
            #e7e6e5 50%,
            #a39f9e 100%
        );
        background: -o-linear-gradient(
            left,
            #a39f9e 1%,
            #e7e6e5 50%,
            #a39f9e 100%
        );
        background: -ms-linear-gradient(
            left,
            #a39f9e 1%,
            #e7e6e5 50%,
            #a39f9e 100%
        );
        background: linear-gradient(
            to right,
            #a39f9e 1%,
            #e7e6e5 50%,
            #a39f9e 100%
        );
        filter: progid:DXImageTransform.Microsoft.gradient(
                startColorstr='#a39f9e',
                endColorstr='#a39f9e',
                GradientType=1
            );
        padding: 20px 0 0;
        margin: 0 0 20px;
        border-bottom: 1px solid #989898;
    }

    .subpage-content.row.top.e2template .detail-subnav li {
        border: 1px solid transparent;
    }
}

.e3template .side-box {
    padding-top: 0;
}

.e3template.top-banner.small {
    border: 0;
}

.e3template .subtitle {
    color: #1e2957;
    font-size: 24px;
    text-align: center;
    width: 100%;
    margin: -40px 0 40px;
}

.e3template.subpage-content p.subpage-intro {
    font-size: 16px;
    color: #333;
    padding: 20px 0;
    margin-bottom: 20px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    font-weight: bold;
}

/* corporate new timeline*/

.timeline-container {
    width: 100%;
    position: relative;

    @media only screen and (min-width: 768px) {
        padding: 0 70px;
    }
}

#myTimeline {
    position: relative;
}

.timeline_line {
    display: none !important;
}

#timeline-decades,
.t_controles {
    display: none;
}

#timeline-select {
    margin: 20px 0 10px;
}

.timeline_items_wrapper {
    overflow: hidden;
}

@media only screen and (min-width: 768px) {
    #myTimeline {
        padding: 0 70px;
    }

    #timeline-select {
        display: none;
    }
    .t_controles {
        display: block;
    }
    #timeline-decades {
        display: block;
        width: 100%;
        margin: 56px 0 30px 0 !important;
        padding: 0 2px;
    }

    #timeline-decades li {
        display: inline-block;
        padding: 5px 0;
        border: 1px solid #ca3827;
        margin: 0 -2px;
        width: 8.3%;
        list-style: none;
        text-align: center;
    }

    #timeline-decades li.enable {
        cursor: pointer;
    }

    #timeline-decades li a {
        font-family: 'AvenirNextLTW01-Condens 721299', 'AvenirBook';
        font-size: 20px;
        color: #ccc;
        cursor: default;
    }

    #timeline-decades li.enable a,
    #timeline-decades li a.enable {
        color: #ca3827;
        cursor: pointer;
    }

    #timeline-decades li:first-child {
        border-bottom-left-radius: 30px;
        border-top-left-radius: 30px;
    }

    #timeline-decades li:last-child {
        border-bottom-right-radius: 30px;
        border-top-right-radius: 30px;
    }

    #timeline-decades li.active {
        background: #ca3827;
        color: white;
    }

    #timeline-decades li.active a {
        color: white;
    }
}

.timeline_items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

.timeline_items .item {
    /* margin: 0 !important; */
    border-left: 1px solid red;
    background: none !important;
    box-shadow: none !important;
    text-align: left;
    height: auto;
    width: 80vw;
    margin: 0 !important;

    @media only screen and (min-width: 768px) {
        width: 230px;
    }
}

.timeline_items .item.big {
    @media only screen and (min-width: 768px) {
        width: 340px;
    }
}

.timeline_items .item:first-child {
    border: none;
}

.timeline_items .item h4,
.timeline_items .item h2,
.timeline_items .item p {
    padding: 0 20px 7px;
    margin: 0;
    text-align: left;

    @media only screen and (min-width: 768px) {
        padding: 0 20px 17px;
    }
}

.timeline_items .item img {
    padding: 0 0 7px 0;

    @media only screen and (min-width: 768px) {
        padding: 0 0 17px 0;
    }
}

.timeline_items .item h4 {
    color: #1e2957;
    font-size: 21px;
    font-weight: normal;
}

.timeline_items .item h2 {
    border: none;
    text-transform: none;
    text-align: left;
    font-weight: bold;
    color: #000;
    font-size: 18px;
    line-height: 24px;
    font-family: 'AvenirNextLTW01-Medium';
}

.timeline_items .item p {
    font-size: 18px;
    line-height: 24px;
}

.timeline_items .item img {
    width: 100% !important;
}

#timeline-select option:disabled {
    color: #ccc;
}

/*Timken Bargaining Website*/
/*Content added 5/2017*/

.landing {
    /* padding-bottom:50px;*/
    background: url(../img/bg-subpage-slice.jpg) repeat-y center;
    background-size: 100% 100%;
    overflow: hidden;
}

.landing .top-banner {
    margin-bottom: 30px;
}
@media (min-width: 1024px) {
    .landing .top-banner {
        padding-top: 70px;
        padding-bottom: 100px;
    }
    .landing .top-banner h1 {
        margin-top: 3rem;
        margin-bottom: 0;
    }
    .landing .top-banner h2 {
        margin-top: 0;
    }
}
@media (max-width: 767px) {
    .landing .top-banner h1 {
        margin-top: 6rem;
    }
}
@media (max-width: 640px) {
    .landing .top-banner {
        margin-bottom: 0px;
    }
    .landing-content {
        padding-top: 20px;
    }
}
@media (min-width: 641px) {
    .feature-title {
        padding-bottom: 20px;
    }
    .landing-content {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.landing h1 {
    font-size: 4.6rem;
    font-family: 'Avenir Next LT W01 Demi', 'AvenirBlack';
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.feature-title h1 {
    font-size: 3.25rem;
    color: #1d2858 !important;
}
.feature-title h3 {
    font-size: 1.5rem !important;
}
@media only screen and (max-width: 767px) and (min-width: 320px) {
    .landing h1 {
        font-size: 2.2rem;
        width: auto;
        letter-spacing: 0px;
    }

    /* psanchez hotfix for mobile*/
    .top-banner h2 {
        margin-top: 0.5rem;
    }

    .top-banner h1 {
	    margin-top: 2.5rem;
	}
}
.landing h3 {
    color: #1d2858 !important;
    font-size: 1.2rem;
    font-family: 'Avenir Next W01 Light';
    text-align: center;
    letter-spacing: 1px;
}
.landing h2 {
    letter-spacing: 1px;
}
.landing-content p {
    color: #333;
    font-size: 1rem;
    font-family: 'AvenirNextLTW01-Medium';
    margin-bottom: 0;
}
.landing-content a {
    color: #da4726;
}
.landing-content a:hover {
    color: #dd6524;
}
.landing-content a.button {
    color: #fff;
}
.landing .top {
    padding: 2rem 0;
    width: 100%;
}
.landing-content .search {
    text-align: center;
    margin: 45px auto 15px;
}
.landing-content .pagination {
    display: inline-block !important;
    float: none !important;
    margin: 0;
}
@media (min-width: 1024px) {
    .landing-content .column {
        padding-right: 0.64285714rem;
        padding-left: 0.64285714rem;
    }
}
@media (max-width: 640px) {
    .landing-content .search {
        margin: 15px 0 30px;
    }
}
.landing-content hr {
    margin: 1.25rem -0.9375rem 1.1875rem;
}
.landing-content h2.title {
    font-size: 1.9rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    color: #1d2858;
    font-family: 'AvenirNextLTW01-MediumC 721311', 'AvenirBook';
    font-weight: normal;
    margin: 20px 0 15px;
    border: 0;
    text-align: left;
    padding-bottom: 10px;
    letter-spacing: 1px;
}
.landing-content h2.title-mobile {
    text-align: center;
    border-top: 1px solid #989898;
    border-bottom: 1px solid #989898;
    padding-top: 10px;
}
@media (max-width: 640px) {
    .landing-content h2.title-mobile {
        background-color: #fff;
    }
}
.post {
    border: 1px solid #989898;
    padding: 15px;
    position: relative;
}
@media (min-width: 641px) {
    #feature-post .post {
        padding: 15px 15px 30px;
    }
}
@media (min-width: 641px) {
    .large {
        margin-bottom: 30px;
    }
}
@media (min-width: 1024px) {
    .aside {
        margin-bottom: 17px;
    }
}
@media (max-width: 1024px) and (min-width: 641px) {
    .aside {
        margin-top: 30px;
    }
}
@media (max-width: 640px) {
    .post {
        padding: 0;
        border: 0;
        margin: 15px 0;
    }
    .post-first {
        margin: 0;
    }
}
.post p {
    line-height: 1.3rem;
    padding-bottom: 25px;
}
.post strong {
    font-family: 'Avenir Next LT W01 Bold', 'AvenirBlack';
    font-weight: normal;
}
.post img {
    border: 1px solid #989898;
}
.img-responsive {
    width: 100%;
    margin-bottom: 30px;
}
@media (min-width: 640px) {
    .img-right {
        margin-left: 10px;
        margin-bottom: 10px;
    }
}
@media (max-width: 640px) {
    .img-right {
        width: 100%;
        margin-bottom: 10px;
    }
}
.related p {
    border-bottom: 1px dashed;
    padding-bottom: 15px;
    padding-top: 15px;
}
.related p:last-child {
    border: 0;
}
.related p:first-child {
    padding-top: 0;
}
.post-first .buttons {
    margin-top: 15px;
}
#letterbox .buttons {
    margin-top: 5px;
}
@media (min-width: 641px) {
    #letterbox {
        padding-top: 30px;
    }
}
@media (min-width: 1025px) {
    #feature-buttons {
        /*  margin-bottom: 20px;*/
    }
}
@media (min-width: 641px) and (max-width: 1024px) {
    #feature-buttons {
        margin-top: 30px;
    }
}
@media (max-width: 640px) {
    #feature-buttons {
        padding: 0 30px;
    }
}
@media (min-width: 641px) {
    .button {
        margin-right: 5px;
    }
}
@media (max-width: 640px) {
    .button {
        margin-right: 10px;
    }
}
@media (min-width: 641px) {
    #contact-us-module {
        margin-top: 30px;
    }
}
.sign {
    display: block;
    margin-left: 15%;
}
.nogutter {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.uppercase {
    text-transform: uppercase;
}
@media (max-width: 640px) {
    .clearfix-xs {
        clear: both;
    }
}
@media (min-width: 641px) {
    .clearfix-md {
        clear: both;
    }
}
.infographicImage {
    width: 100% !important;
}
 /* Covid red bar */
 .red-bar-covid{
   display: none !important;
 }