/*==========================================================================
  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;}
        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;}
        header .main-logo { position:absolute; display:block; margin-top:10px; background:url(../img/logo.png) no-repeat; width:456px; height:105px; }
        header hr { width:100%; height:1px; margin:0; border:0; color: #424650; background:#424650;}
        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: #fff; 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: #5e8ab4; 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;}
        header .navigation ul li.mobile-menu-item {display:none;}

    .selected-link {color: #fff !important; transition: none !important;}
    .current-link {color: #fff !important; transition: none !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-Condens 721299', 'AvenirBook'; font-weight:bold; 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: 7px solid #fff;float: left; margin: 10px 0; overflow: hidden; padding: 0; position: relative; }
            .box-section .box img { cursor: pointer; margin: 0; width: 100% !important; max-height: 320px; }
            .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; }
                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; }
            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; }
        ul.locations-icons > li { padding-bottom: 0; opacity: 0.5; -moz-opacity:0.5; filter: alpha(opacity=50); }
        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'; }

    .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 { float:none; width:80%; margin:20px auto 0 auto !important; overflow:hidden;}
        footer.mobile .social li { border-bottom:none; float:left; 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(http://timkensteel.com/img/mobile/btn-energy@2x.png) no-repeat;*/ background-size:46px 46px; }
        .slider-nav li span.btn-energy:hover { /*background:url(http://timkensteel.com/img/mobile/btn-energy-on@2x.png) no-repeat;*/ background-size:46px 46px; }
        .slider-nav li span.btn-auto {/*background:url(http://timkensteel.com/img/mobile/btn-automotive@2x.png) no-repeat;*/ background-size:46px 46px; }
        .slider-nav li span.btn-auto:hover { /*background:url(http://timkensteel.com/img/mobile/btn-automotive-on@2x.png) no-repeat;*/ background-size:46px 46px; }
        .slider-nav li span.btn-industrial { /*background:url(http://timkensteel.com/img/mobile/btn-industrial@2x.png) no-repeat;*/ background-size:46px 46px; }
        .slider-nav li span.btn-industrial:hover { /*background:url(http://timkensteel.com/img/mobile/btn-industrial-on@2x.png) no-repeat;*/ background-size:46px 46px; }
        .slider-nav li span.btn-distribution { /*background:url(http://timkensteel.com/img/mobile/btn-distribution@2x.png) no-repeat;*/ background-size:46px 46px; }
        .slider-nav li span.btn-distribution:hover { /*background:url(http://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;
}