* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before, *:after {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
}

body {
    font-size: 18px;
    font-family: "Lato", "Microsoft Yahei", sans-serif;
    line-height: 30px;
    color: #303030;
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100%;
}
/******************/
nav {
    display: block;
}
/******************/
img {
    border: 0;
    max-width: 100%;
}

/******************/
a {
    color: #1a408b;
    text-decoration: none;
}

a:hover {
    color: #9c9c9c;
}
/******************/
p {
    margin: 0 0 30px 0;
}

p.fira {
    font-family: "Fira Sans", "Microsoft Yahei", sans-serif;
}

p.larger-font {
    font-size: 20px;
    font-weight: 700;
}

.sm-paragraf {
    font-size: 14px;
    font-weight: 300 !important;
    margin: 0 !important;
}
/******************/
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 0;
}

h1 {
    font-size: 28px;
    line-height: 26px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    position: relative;
    padding-left: 25px;
}

h1:before {
    content: '';
    position: absolute;
    right: 100%;
    top: 50%;
    width: 1000%;
    height: 2px;
    background-color: #ef7311;
}

.blue-bg h1:before {
    background-color: #fff;
}

h2 {
    font-size: 32px;
    line-height: 44px;
    font-weight: 300;
    margin-bottom: 10px;
}

h2.fira {
    font-family: "Fira Sans", "Microsoft Yahei", sans-serif;
}

h3 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 10px;
}

h4 {
    font-size: 22px;
    font-weight: 36px;
    font-weight: 900;
    color: #ef7311;
}

h5 {
    font-size: 18px;
}

span.font-style {
    font-weight: 600;
}

span.font-style-imp {
    font-weight: 900;
}

@media screen and (max-width: 768px) {
    .LayoutDefaultInner h2 {
        font-size: 24px;
        line-height: 28px;
    }

    .LayoutDefaultInner h3 {
        font-size: 20px;
        line-height: 24px;
    }

    h1, h3 {
        font-size: 20px;
    }
}
/********* BTN *********/

.ModuleSearch input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #303030 inset;
    -webkit-text-fill-color: #7397C2;
}

button,
input,
select,
textarea {
    outline: none;
}

button,
input[type="submit"] {
    padding: 0;
    margin: 0;
    display: inline-block;
    text-decoration: none;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.CaptchaContainer .ActionButton,
.PaneContentInner input[type="submit"],
.PaneFooter input[type="submit"],
.lookup,
.btn {
    padding: 15px 55px;
    background-color: #40a65d;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    font-family: "Fira Sans", "Microsoft Yahei", sans-serif;
    display: inline-block;
    height: 50px;
    border-radius: 0 !important;
    -webkit-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
}

.PaneContentInner input[type="submit"]:hover,
.PaneFooter input[type="submit"]:hover,
.lookup:hover,
.btn:hover {
    background-color: #47b968;
    color: #fff;
}

.btn-white {
    background-color: #fff;
    color: #303030;
}

.btn-white:hover {
    background-color: #e6e6e6;
    color: #000;
}

.btn-gray {
    color: #303030;
    background-color: #e6e6e6;
}

.chinese_emailalerts .PaneFooter {
    display: none;
}

.btn-gray:hover {
    background-color: #f2f2f2;
    color: #303030;
}

input[type="text"] {
    padding: 5px 25px;
    border: none;
    color: #8c8c8c;
    background-color: #f2f2f2;
    font-size: 14px;
    font-family: "Fira Sans", "Microsoft Yahei", sans-serif;
    height: 50px;
    border-radius: 0 !important;
}

@media only screen and (max-width: 640px) {
    .PaneContentInner input[type="submit"],
    .PaneFooter input[type="submit"],
    .lookup,
    .btn {
        text-transform: uppercase !important;
        font-weight: 700;
        display: block;
        width: 95%;
    }

    .EmailAlertsFooter.space-sm .Button.ActionButton {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .PaneContent input[type="text"] {
        width: 95% !important;
    }

    .FormBuilterContainer textarea {
        width: 95% !important;
    }

    .images {
        width: 100%;
    }
}

textarea {
    padding: 5px 25px;
    border: none;
    color: #8c8c8c;
    background-color: #f2f2f2;
    font-family: "Lato", "Microsoft Yahei", sans-serif;
    resize: vertical;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
    margin: 5px 5px 0 0;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}

input[type="checkbox"],
input[type="checkbox"] + label {
    float: left;
    line-height: 14px;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
}
/********* RSS *********/
.RssLinkTop img,
.RssLinkBottom img {
    display: none;
}

.RssLinkTop,
.RssLinkBottom {
    display: block;
    margin-top: 12px;
}

.RssLinkTop:before,
.RssLinkBottom:before {
    display: inline-block;
    font-size: 20px;
    font-family: 'Q4-Icons';
    content: "\e642";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.rssIcons a {
    display: inline-block;
    margin-bottom: 5px;
}
/********* TABLE *********/
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.table-responsive {
    margin-bottom: 30px;
}

.CustomTable,
.CardTable {
    width: 100%;
    margin-bottom: 30px;
}

.CustomTable th,
.CardTable th {
    border-bottom: 3px solid #e0e0e0;
    padding: 10px;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
}

.CustomTable td,
.CardTable td {
    border-bottom: 1px solid #e0e0e0;
    padding: 10px;
}

.table-container {
    overflow-x: auto;
}

.ModulePressReleaseDetails a {
    word-wrap: break-word;
}

@media only screen and (max-width:767px) {
    .table-responsive {
        overflow-x: scroll;
    }

    .ModulePressReleaseDetails .table-container > table {
        width: 800px;
    }

    .table-responsive table {
        width: 700px !important;
    }

    .CardTable th {
        border: none;
        display: none;
    }

    .CardTable td {
        display: block;
        width: 100%;
        float: left;
        border: none;
        padding: 4px 10px;
    }

    .CardTable td:first-child {
        padding-top: 10px;
        border-top: 1px solid #e0e0e0;
    }

    .CardTable td:last-child {
        padding-bottom: 10px;
    }

    .CardTable tbody td:before {
        content: attr(data-heading);
        display: inline-block;
        vertical-align: top;
        width: 48%;
    }

    .CardTable tbody td > span {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding-left: 10px;
    }
}

@media only screen and (max-width:480px) {
    .CardTable tbody td:before,
    .CardTable tbody td > span {
        width: auto;
    }
}
/********* LISTS *********/
.PaneNavigation ul,
.HeaderContainer ul,
.FooterContainer ul,
nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.PaneContentInner ul,
.PaneContentInner ol {
    margin: 0 0 20px 0;
}

.PaneContentInner .HtmlTextContainer ul li,
.PaneContentInner .HtmlTextContainer ol li {
    margin-bottom: 5px;
}

ul.no-style {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    font-size: inherit !important;
    line-height: inherit !important;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.square {
    padding-left: 20px;
    margin-bottom: 0;
}

ul.square li {
    position: relative;
}

ul.square li:before {
    content: '';
    width: 7px;
    height: 7px;
    background-color: #ef7311;
    position: absolute;
    left: -20px;
    top: 12px;
}

.list-padding {
    padding-left: 20px;
}
/********* CONTAINER *********/
.LayoutDefaultInner {
    overflow-x: hidden;
}

.container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px;
}

.PaneNavigation .container {
    position: relative;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after,
.clear {
    clear: both;
}

.LayoutTwoColumn {
}

.LayoutThreeColumn {
}

.NoBr {
    display: none;
}

.hide {
    display: none;
}

.text-align-center {
    text-align: center;
}

.blue-bg {
    background-color: #1a3e84;
    color: #fff;
}

.blue-bg a {
    color: #fff;
    text-transform: capitalize;
}

.blue-bg2 a {
    text-transform: none;
}

.blue-bg a:hover {
    color: #5b78a9;
}

.white-bg {
    background-color: #fff;
}

.gray-bg {
    background-color: #e6e6e6;
}

.green-bg {
    color: green;
}

.gray-blue-bg {
    background-color: #f2f2f2;
}

.space {
    padding-top: 100px;
    padding-bottom: 100px;
}

.space-top {
    padding-top: 100px;
}

.space-top-sm {
    padding-top: 50px;
}

.space-bottom {
    padding-bottom: 100px;
}

.space-top-s {
    padding-top: 20px;
}

.space-sm {
    padding-top: 50px;
    padding-bottom: 50px;
}

.space-sm-top {
    padding-top: 50px;
}

.space-sm-bottom {
    padding-bottom: 50px;
}

.margin-bottom {
    margin-bottom: 80px;
}

.margin-top {
    margin-top: 80px;
}

.fixed {
    position: fixed;
    bottom: 327px;
    right: 0;
}

.remove_margins {
    margin-top: 30px;
    margin-bottom: 50px;
}

@media only screen and (max-width:1365px) {
    .LayoutDefaultInner .container {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media only screen and (max-width:1023px) {
    .LayoutDefaultInner .space {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .LayoutDefaultInner .space-top {
        padding-top: 50px;
    }

    .LayoutDefaultInner .space-bottom {
        padding-bottom: 50px;
    }
}

@media only screen and (max-width:640px) {
    .LayoutDefault .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}
/********************************
            HEADER
*********************************/
.Logo {
    float: left;
}

.Logo a {
    display: inline-block;
    vertical-align: bottom;
}

.Logo img {
    vertical-align: top;
    padding: 19px 0 24px 0;
}

@media only screen and (max-width:1023px) {
    .Logo img {
        width: 120px;
        padding: 28px 0 24px 0;
    }

    .MainNav .level1 > li {
        margin-left: 0 !important; /* Override the css */
    }
}

/*********** HEADER LINKS ***********/
.PaneNavigation {
    background-color: #303030;
    display: inline-block;
    width: 100%;
}

/*@media only screen and (max-width:768px) {
    .PaneNavigation {
        display: none;
    }
}*/



div.HeaderLinks {
    float: right;
    text-align: right;
}

div.HeaderLinks, .switchlanguage {
    position: relative;
    z-index: 5;
}

.HeaderLinks li {
    display: inline-block;
}

.HeaderLinks li a {
    font-size: 14px;
    color: #fff;
    margin-left: 40px;
}
@media (max-width:591px) {
.HeaderLinks li a {
    margin-left: 20px;
}
}

@media only screen and (max-width:488px) {
.PaneNavigation div.HeaderLinks {
    float: none;
    text-align: left;
    display: block;
    clear: both;
}
.HeaderLinks li a {
    margin-left: 10px;
}
}


/*********** MAIN NAVIGATION ***********/
.MainNav {
    float: right;
    margin: 18px 0;
}

.MainNav .level1 > li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 35px;
    position: relative;
    padding: 16px 0 16px 35px;
}

.MainNav .level1 > li > a {
    color: white;
}

.MainNav .level1 > li.selected > a,
.MainNav .level1 li.has-children:hover > a {
    color: #1a408b;
}

.MainNav .level1 > li.has-children .level2:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: -16px;
    left: 40px;
    border: 8px solid transparent;
    border-bottom-color: #fff;
}

.MainNav .level1 > li.has-children .level2:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: -20px;
    left: 38px;
    border: 10px solid transparent;
    border-bottom-color: #f0f0f0;
}

.MainNav .level1 > li.has-children.js--hover .level2 {
    display: block;
}

.MainNav .level2 {
    display: none;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    position: absolute;
    z-index: 150;
    top: 100%;
    left: 0;
    padding-bottom: 20px;
    width: 175px;
}

.MainNav .level2 li {
    padding: 20px 25px 0px 35px;
    position: relative;
}

.MainNav .level2 a {
    color: #808080;
    font-size: 16px;
    line-height: normal;
    display: block;
}

.MainNav .level2 a:hover {
    color: #1a408b;
}

.MainNav .level2 li.has-children > a {
    position: relative;
    display: block;
}

.MainNav .level2 > li.has-children > a:after,
.MainNav .level3 > li.has-children > a:after {
    content: "\e64f";
    font-family: 'Q4-Icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    right: -5px;
    top: 50%;
    margin-top: -2px;
    font-size: 8px;
}

.MainNav .level1 > li:before {
    content: '';
    position: absolute;
    bottom: -19px;
    left: 19%;
    border: 3px solid #1a408b;
    width: 98%;
    display: none;
}

.MainNav .level1 > li.selected:before,
.MainNav .level1 > li.expanded:before {
    display: block;
}

.MainNav .level2 > li.has-children.js--hover > .level3,
.MainNav .level3 > li.has-children.js--hover > .level4 {
    display: block;
}

.MainNav .level3,
.MainNav .level4 {
    display: none;
    position: absolute;
    top: -1px;
    left: 100%;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    padding-bottom: 20px;
    width: 200px;
}

.MainNav .last-child .level3 {
    right: 100%;
    left: auto;
}

.MainNav .last-child .level2 li.has-children > a:after {
    content: "\e64c";
    right: auto;
    left: -20px;
}

@media only screen and (max-width:768px) {
    .MainNav {
        display: none;
    }

    .Logo {
        float: none;
        text-align: center;
        margin-top: -35px;
    }

    .Logo img {
        padding: 0;
    }
}

@media only screen and (max-width:1600px) {
    .HeaderContainer .MainNav .level2 {
        left: auto;
        right: -25px;
    }

    .HeaderContainer .MainNav .level1 > li.has-children .level2:before {
        left: auto;
        right: 40px;
    }

    .HeaderContainer .MainNav .level1 > li.has-children .level2:after {
        left: auto;
        right: 38px;
    }

    .HeaderContainer .MainNav .level2 li.has-children > a:after {
        content: "\e64c";
        right: auto;
        left: -20px;
    }

    .MainNav .level3,
    .MainNav .level4 {
        right: 100%;
        left: auto;
    }
}

/********* SEARCH DESKTOP ***********/
.SearchDesktop {
    display: none;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 1;
}

.ModuleSearch .ModuleContainerInner {
    position: relative;
    padding-bottom: 10px;
}

.ModuleSearch .SearchInput {
    background-color: transparent;
    border-bottom: 1px solid #7397C2;
    color: #7397C2;
    padding: 5px 0 0 30px;
    width: 100%;
}

.ModuleSearch .SearchButton {
    position: absolute;
    left: 0;
    bottom: 25px;
    font-family: 'Q4-Icons';
    background-color: transparent;
    color: #7397C2;
    font-size: 15px;
}
/********* MOBILE NAVIGATION ***********/
.MobileNav {
    display: none;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    z-index: 150;
    background-color: #fff;
    text-align: center;
}

.MobileNav a {
    display: block;
    padding: 0 40px 0 20px;
}

.MobileNav .level1 > .has-children {
    padding: 20px 0;
}

.MobileNav .level1 > li > a {
    font-size: 32px;
    color: #333;
    font-family: "Fira Sans", "Microsoft Yahei", sans-serif;
}

.MobileNav .has-children > a {
    position: relative;
    display: block;
}

.MobileNav .has-children > a:after {
    content: "\e64a";
    font-family: 'Q4-Icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 14px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 40px;
}

.MobileNav .has-children.open > a:after {
    content: "\e650";
}

.MobileNav .level2 {
    display: none;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 20px;
}

.MobileNav .level1 > .has-children.open {
    padding-bottom: 0;
}

.MobileNav .level2 > li > a {
    font-size: 28px;
    color: #929292;
}

.MobileNav .level3 {
    display: none;
    background-color: #f2f2f2;
    padding-bottom: 20px;
    margin-top: 20px;
}

.MobileNav .level2 > li {
    padding: 20px 0;
}

.MobileNav .level2 li.open {
    padding-bottom: 0;
}

.MobileNav .level3 > li {
    padding-top: 15px;
}

.MobileNav .level3 > li > a {
    font-size: 22px;
    color: #929292;
}

.MobileNav .level4 {
    display: none;
    background-color: #E5E5E5;
    margin-top: 15px;
    padding: 10px 0;
}

.MobileNav .level4 > li > a {
    font-size: 18px;
    color: #929292;
}
/********* MOBILE TRIGGERS ***********/
.MobileTriggers {
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 32px 0;
    cursor: pointer;
    display: none;
}

.search-trigger {
    cursor: pointer;
}

.SearchMobile {
    display: none;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    z-index: 150;
    background-color: #fff;
    padding: 0 40px;
    display: none;
}

.MobileTriggers .q4-icon-menu {
    float: left;
    font-size: 35px;
}

.MobileTriggers .q4-icon-search {
    float: right;
    font-size: 25px;
    line-height: 35px;
    cursor: pointer;
}

@media only screen and (max-width:1024px) {
    .MobileTriggers {
        display: none;
    }
}

@media only screen and (max-width:1023px) {
    .PaneHeader {
        height: 100px;
        border-bottom: 1px solid #e5e5e5;
    }
}

@media only screen and (max-width: 768px) {
    .MobileTriggers {
        display: block;
        overflow: hidden;
        margin-top: 32px;
        padding: 0;
        position: inherit;
    }
}

@media only screen and (max-width:640px) {
    .PaneHeader .SearchMobile {
        padding: 0 20px;
    }

    .MobileNav a {
        padding-right: 20px;
    }

    .MobileNav .has-children > a:after {
        right: 20px;
    }
}
/********** BANNER ************/
.Banner {
    position: relative;
    z-index: 1;
    background-image: url(../design/banners/banner-investors.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 560px;
    -ms-behavior: url('files/js/backgroundsize-min.htc');
}

.Banner .ContentContainer {
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    padding-right: 14%;
    padding-left: 14%;
    position: relative;
    z-index: 3;
}

.Banner:before {
    content: '';
    background-color: rgba(0,0,0,.4);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    background-size: cover;
}

._Investors .Banner,
.Section_Investors .Banner {
    height: auto;
}

._Investors .Banner,
.Section_Investors .Banner {
    background-image: url(../design/banners/banner-investors1.jpg);
    background-position: center 44%;
}

.SectionAboutWallofFame .Banner {
    background-image: url(../design/banners/newbanner-about.jpg) !important;
}

.SectionInvestorsEmailAlerts .Banner,
.SectionInvestorsStockInformation .Banner,
.SectionInvestorsWhyInvest .Banner {
    background-image: url(../design/banners/banner-whyinvest.jpg);
    background-position: center 15%;
}

._About .Banner,
.Section_About .Banner {
    background-image: url(../design/banners/banner-about.jpg);
    background-position: center 0%;
}

.SectionContactSalesandServiceInquiries .Banner,
.SectionAboutCompanyStoryandTimeline .Banner {
    background-image: url(../design/banners/banner-companystory.jpg ) !important;
    background-position: center 80%;
}

.SectionContactCareers .Banner,
.SectionAboutBoardofDirectors .Banner,
.SectionAboutExecutiveTeam .Banner {
    background-image: url(../design/banners/banner-usa.jpg);
}

.SectionTechnologyUQMSystemApproach .Banner,
.SectionTechnologyTechnologyAdvantages .Banner {
    background-image: url(../design/banners/banner-tec.jpg);
    background-position: center;
}

.SectionTechnologyHighEfficiencyIntegratedSystems .Banner {
    background-image: url(../design/banners/banner-tec.jpg);
}

._Products .Banner,
.Section_Products .Banner {
    background-image: url(../design/banners/banner-products.jpg);
    background-position: center 26%;
}

.SectionProductsOverview .Banner {
    background-image: url(../design/banners/banner-commercial.jpg);
}

.Section_MediaCenter.bike-usa .Banner {
    background-image: url('../design/banners/banner-mediacenter.jpg');
    background-position: center 30%!important;
}

.SectionProductsPropulsionCommercialVehicles .Banner,
.SectionInvestorsPressReleases .Banner, ._MediaCenter .Banner, .Section_MediaCenter .Banner {
    background-image: url(../design/banners/banner-commercial2.jpg);
    background-position: center 60%;
}

.Section_MediaCenter .Banner {
    background-image: url(../design/banners/banner-commercial2.jpg);
    background-position: center 60% !important;
    ;
}

.SectionServicesAdvancedEngineeringServices .Banner {
    background-image: url(../design/banners/AdvancedDouble.jpg) !important;
}

.SectionProductsPropulsionAdvancedVehicles .Banner {
    //background-image: url(../design/banners/banner-advencedvehicles.jpg) !important;
    background-image: url('../design/banners/hybrid-electric-airplane-Zunum-Aero-4.png');
    background-position: center 7% !important;
}

.SectionProductsPropulsionEDriveTransmissionSolutions .Banner {
    background-image: url(../design/banners/banner-e-drive.jpg);
    background-position: center;
}

.SectionProductsAuxiliaryFuelCellCompressorSystems .Banner {
    background-image: url(../design/banners/banner-fuelcellcompressor.jpg);
}

.SectionProductsAuxiliaryAircraftAirConditioningSystems .Banner {
    background-image: url(../design/banners/banner-aircraft.jpg);
    background-position: center 58%;
}

.SectionProductsAuxiliaryPowerGenerationandCleanEnergyApplications .Banner {
    background-image: url(../design/banners/banner-power.jpg);
    background-position: center 70%;
}

._Services .Banner,
.Section_Services .Banner {
    background-image: url(../design/banners/bannernew-services.jpg);
    background-position: center 29%;
}

.SectionInvestorsPressReleases .Banner,
._MediaCenter .Banner,
.Section_MediaCenter .Banner {
    background-image: url(../design/banners/banner-mediacenter.jpg);
    background-position: center 30%!important;
}

._Suppliers .Banner,
.ParentSection_suppliers .Banner {
    background-image: url(../design/banners/banner-suppliers.jpg);
    background-position: center 43%;
}

.SectionAboutUSAManufacturingFacility .Banner,
.SectionServicesContractManufacturing .Banner {
    background-image: url(../design/banners/banner-manufacturing.jpg);
}

.SectionProductsAuxiliaryDCtoDC .Banner {
    background-image: url(../design/banners/banner-dc.jpg);
}

.SectionTermofUse .Banner,
.SectionContactMediaInquiries .Banner {
    background-image: url(../design/banners/banner-mediainquiries.jpg);
    background-position: center 92%;
}

.SectionProductsPropulsionCommercialVehiclesHeavyDuty .Banner {
    background-image: url(../design/banners/banner-heavyduty.jpg);
    background-position: center 67%;
}

.SectionProductsAuxiliaryPowerGenerationandCleanEnergy .Banner {
    background-image: url(../design/banners/banner-powerg.jpg);
    background-position: center 61%;
}

.SectionProductsPropulsionMarine .Banner {
    background-image: url(../design/banners/banner-marine.jpg);
    background-position: center 66%;
}

.SectionProductsPropulsionCommercialVehiclesMediumDuty .Banner {
    background-image: url(../design/banners/banner-mediumduty.jpg);
}

.SectionProductsPropulsionCommercialVehiclesTransitBuses .Banner {
    background-image: url(../design/banners/banner-commercial2.jpg);
    background-position: center 60%;
}

.SectionServicesResearchandDevelopment .Banner,
.SectionServicesVehicleDevelopmentServices .Banner {
    background-image: url(../design/banners/banner-vehicle.jpg);
    background-position: center;
}

.SectionContactInvestorInquiries .Banner,
.SectionContactSalesandServiceInquiries .Banner,
.SectionInvestorsInteractiveFinancials .Banner {
    background-image: url(../design/banners/banner-investors.jpg);
}

.SectionProductsPropulsionCommercialVehiclesTransitBuses .Banner:before,
.SectionProductsPropulsionCommercialVehicles .Banner:before,
.SectionProductsPropulsionEDriveTransmissionSolutions .Banner:before {
    background-color: rgba(0,0,0,.6);
}

.SectionServicesAdvancedEngineeringServices .Banner:before {
    background-color: rgba(0,0,0,.6);
}

.PageServicesVehicleDevelopmentSupport .Banner {
    background-image: url(../design/banners/banner-vehicle.jpg);
    background-position: center center;
}

@media screen and (max-width: 1280px) {
    .Banner {
        height: auto;
    }
}

@media screen and (max-width:768px) {
    .Banner .ContentContainer {
        padding-left: 7% !important;
        padding-right: 7% !important;
    }

    .SectionAboutCompanyStoryandTimeline .left-text {
        float: none;
        width: auto;
    }

    .SectionAboutCompanyStoryandTimeline .right-image {
        float: right;
        width: 50%;
        display: none;
    }
}
/*********** BANNER BREADCRUMB *************/
.PageTitle p {
    margin: 0;
}

.PageTitle p,
.Banner .Breadcrumb {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    padding-top: 150px;
    padding-bottom: 50px;
    font-size: 28px;
}

.Banner .Breadcrumb .BreadcrumbSeparator,
.Banner .Breadcrumb a {
    display: none;
}

@media screen and (max-width:768px) {
    .PageTitle p,
    .Banner .Breadcrumb {
        padding-top: 50px;
        padding-bottom: 25px;
        font-size: 20px;
    }
}
/********** BANNER TEXT ************/
.BannerText {
    text-align: center;
    color: #fff;
}

.BannerText h2 {
    text-shadow: 0 0 3px #000;
}

@media screen and (max-width: 1280px) {
    .BannerText {
        padding-bottom: 17%;
    }
}

@media screen and (max-width:768px) {
    .SectionInvestors .BannerText {
        font-size: 20px;
    }
}
/*********** STOCK QUOTE HEADRE *************/
._Investors .StockQuoteHeader,
.Section_Investors .StockQuoteHeader {
    display: block;
}

._Investors .StockQuoteHeader,
.Sectioninvestors .StockQuoteHeader {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -198px;
}

._Investors .BannerText,
.Sectioninvestors .BannerText {
    padding-bottom: 185px !important;
}

.Sectioninvestors.PageInvestorsCorporateGovernance .StockQuoteHeader,
.Sectioninvestors.PageInvestorsEmailAlerts .StockQuoteHeader {
    position: static;
    margin-left: auto;
    margin-right: auto;
    margin-top: 180px;
}

.StockQuoteHeader {
    width: 100%;
    max-width: 395px;
    margin: 0 auto;
    display: table;
    line-height: 20px;
    margin-top: 60px;
    padding-bottom: 57px;
    display: none;
}

.StockQuoteHeader .white {
    display: table-cell;
    vertical-align: middle;
    width: 60%;
    background-color: #fff;
    padding: 20px 0 20px 24px;
}

.StockQuoteHeader .blue {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 40%;
    background-color: #3663ae;
    color: #fff;
}

.StockQuoteHeader .blue a {
    color: #fff;
    font-size: 36px;
    font-weight: 900;
}

.StockQuoteHeader .StockPrice:before {
    content: "$";
    font-size: 40px;
    margin-right: 4px;
}

.StockQuoteHeader .StockChange .StockPriceUp, .StockPriceDown {
    font-size: 14px;
}

.StockQuoteHeader .StockPriceUp, .StockPriceDown {
    font-size: 14px;
}

.StockQuoteHeader .StockIndicator {
    display: none;
}

.StockQuoteHeader .StockPriceUp:before {
    content: "\f106";
    font-family: 'Q4-Icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 12px;
    margin-right: 8px;
}

.StockQuoteHeader .StockPriceDown:before {
    content: "\f107";
    font-family: 'Q4-Icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 12px;
    margin-right: 8px;
}

.StockQuoteHeader span.StockPriceDown + span.StockPChange:before,
.StockQuoteHeader span.StockPriceUp + span.StockPChange:before {
    display: none !important;
}

.StockQuoteHeader span.StockPriceUp:after,
.StockQuoteHeader span.StockPriceDown:after {
    content: '-';
    margin-left: 5px;
}

.StockQuoteHeader span.StockPriceUp + span.StockPChange:after,
.StockQuoteHeader span.StockPriceDown + span.StockPChange:after {
    display: none !important;
}

.StockQuoteHeader .StockDate {
    display: block;
    font-size: 14px;
    color: #8c8c8c;
    margin-right: 33px;
}

.StockQuoteHeader .StockDescription1 {
    font-size: 20px;
    color: #303030;
}

@media screen and (max-width: 1023px) {
    .Sectioninvestors.PageInvestorsCorporateGovernance .StockQuoteHeader,
    .Sectioninvestors.PageInvestorsEmailAlerts .StockQuoteHeader {
        margin-top: 0;
    }
}

@media all and (max-width: 768px) {
    .StockQuoteHeader .white {
        display: block;
        width: 100%;
        text-align: center;
        padding: 10px;
        margin-bottom: 5px;
    }

    .StockQuoteHeader .blue {
        display: block;
        width: 100%;
        padding: 10px;
    }

    .StockQuoteHeader .blue a {
        font-size: 30px;
    }

    .StockQuoteHeader .StockPrice:before {
        font-size: 30px;
    }

    .StockQuoteHeader .StockDate,
    .StockQuoteHeader .StockDescription2 {
        margin-right: 0;
    }

    .Sectioninvestors .StockQuoteHeader,
    ._Investors .StockQuoteHeader {
        bottom: -20px;
    }

    ._Investors .BannerText {
        padding-bottom: 185px;
    }
}

@media all and (max-width: 480px) {
    .Sectioninvestors .StockQuoteHeader,
    ._Investors .StockQuoteHeader {
        position: absolute;
        left: 20px;
        right: 20px;
        width: auto;
        display: block;
        margin-left: 0;
    }
}

.StockQuoteHeader .StockDescription2 {
    color: #8c8c8c;
    display: block;
    font-size: 14px;
    margin-right: 33px;
}

.StockQuoteHistorical .stock-table .nodata {
    margin-bottom: 20px;
    display: inline-block;
}
/********************************
            FOOTER
*********************************/
.PaneFooter2 {
    background-color: #0d0d0d;
    padding: 40px 0 50px 0;
}

.PaneFooter2 a {
    font-family: "Fira Sans", "Microsoft Yahei", sans-serif;
}
/********* BACK TO TOP ***********/
.PaneFooter {
    position: relative;
}

.BackTop i.q4-angle-up {
    color: #fff;
    background-color: #1b325a;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 40px;
    position: absolute;
    bottom: 30px;
    right: 20px;
}

@media screen and (max-width: 1600px) {
    .BackTop i.q4-angle-up {
        padding: 9px 14px;
        font-size: 30px;
        bottom: 7px;
        right: 0px;
    }
}

/********* LOGO FOOTER ***********/
.LogoFooter {
    text-align: center;
    margin-bottom: 50px;
}

@media only screen and (max-width:1023px) {
    .LogoFooter img {
        width: 120px;
    }
}
/******* FOOTER NAVIGATION *******/
.FooterNav .level2 {
    display: none;
}

.FooterNav {
    text-align: center;
}

.FooterNav li {
    display: inline-block;
    padding: 0 10px;
}

.FooterNav a {
    color: #fff;
    font-weight: 500;
}
/******** FOOTER LINKS *******/
div.FooterLinks {
    text-align: center;
    margin-bottom: 40px;
}

.FooterLinks li {
    display: inline-block;
    padding: 0 10px;
}

.FooterLinks a {
    font-size: 14px;
    color: #999999;
}
/******** COPYRIGHT *******/
.Q4FooterContainer {
    padding: 0 !important;
    margin-top: 10px !important;
}
/********************************
            GLOBALS
*********************************/
.ModuleDate {
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
}

.ModuleHeadlineLink,
.ModuleHeadline {
    font-size: 22px;
}
/*********** SBHOLDER **********/
.WallOfFame .sbHolder {
    margin-left: -15px;
}

.StockQuoteHistorical .sbHolder {
    margin-right: 10px;
    width: 100px;
}

.RecentPressReleases .sbHolder {
    float: right;
    margin-top: -10px;
}

.sbHolder {
    font-size: 14px;
    font-weight: normal;
    height: 50px;
    padding: 10px 15px;
    line-height: 30px;
    position: relative;
    width: 185px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.sbHolder a:hover,
.sbOptions a:hover {
    color: #303030;
}

.sbSelector {
    display: block;
    height: 50px;
    left: 0;
    line-height: 50px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 15px;
    top: 0;
    right: 30px;
    border-radius: 8px 0px 0px 8px;
    color: #8c8c8c;
    border: solid 1px #a0a0a0;
    border-right: 0 none;
    -webkit-transition: all 0.4s ease 0;
    -o-transition: all 0.4s ease 0;
    transition: all 0.4s ease 0;
}

.sbToggle {
    width: 30px;
    height: 50px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    border: solid 1px #a0a0a0;
    border-left: 0 none;
    -webkit-transition: all 0.4s ease 0;
    -o-transition: all 0.4s ease 0;
    transition: all 0.4s ease 0;
    border-radius: 0px 8px 8px 0px;
}

.sbToggleOpen,
.sbToggleOpen + .sbSelector,
.sbHolder:hover .sbToggle,
.sbHolder:hover .sbSelector {
    border-color: #e6e6e6;
}

.sbToggle:after {
    content: "\f107";
    font-family: 'Q4-Icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 50px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #8c8c8c;
}

.sbToggleOpen:after {
    content: "\f106";
}

.sbOptions {
    background-color: #fff;
    border: solid 1px #e6e6e6;
    border-top: 0 none;
    list-style: none;
    left: 0;
    margin: 0 !important;
    padding: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 100;
    overflow-y: auto;
}

.sbOptions li {
    margin: 0 !important;
}

.sbOptions a {
    display: block;
    padding: 5px 15px;
    color: #8c8c8c;
}
/******* EMAIL ALERTS FOOTER *******/
.EditSubscriberConfirmation {
    margin-top: 30px;
    padding-left: 52px;
}

.EmailAlertsFooter {
    display: none;
}

.MailingListForm table {
    width: 100%;
}

.MailingListForm input[type=text] {
    width: 100% !important;
    padding: 18px 190px 18px 30px;
}

.EmailAlertsFooter {
    position: relative;
}

.EmailAlertsFooter h1 {
    float: left;
    margin: 15px 0;
}

.EmailAlertsFooter .wrapper {
    position: relative;
    padding-left: 200px;
}

.EmailAlertsFooter .MailingListCol1,
.EmailAlertsFooter .RequiredField {
    display: none;
}

.EmailAlertsFooter .MailingListCol2 {
    width: 100% !important;
}

.EmailAlertsFooter .GridActions {
    position: absolute;
    bottom: 0;
    right: 0;
}

.EmailAlertsFooter .ActionButton {
    height: 53px;
}

#_ctrl0_ctl45_UCCaptcha_Table1 span {
    display: inline !important;
    color: red;
}

@media screen and (max-width:1023px) {
    .EmailAlertsFooter {
        position: static;
    }

    .EmailAlertsFooter h1 {
        float: none;
    }

    .EmailAlertsFooter .wrapper {
        position: static;
        padding-left: 0;
    }

    .EmailAlertsFooter .GridActions {
        position: static;
        margin-top: 10px;
    }

    .EmailAlertsFooter .ActionButton {
        width: 100%;
    }
}
/******* CONTACT US INVESTORS *******/
.ContactUsInvestors i.q4-icon-phone,
.ContactUsInvestors i.q4-icon-email {
    font-size: 20px !important;
    margin-right: 15px !important;
}

.ContactUsInvestors p {
    margin-left: 40px;
    margin-top: 30px;
}

.QuickLinksInvestors .QuickLinkText {
    display: none;
}

@media screen and (min-width: 1024px) {
    .ContactUsInvestors {
        float: left;
        width: 50%;
        padding-right: 6%;
    }
}

@media screen and (max-width: 1023px) {
    .ContactUsInvestors p {
        margin-left: 0;
        margin-bottom: 0;
    }

    .QuickLinksInvestors.space,
    .QuickLinksHome.space {
        padding-top: 0;
    }
}
/******* SECONDARY NAVIGATION ********/
.SecNav .level1 > li,
.SecNav .level1 > li > a {
    display: none;
}

.SecNav .level1 > li.selected,
.SecNav .level1 > li.expanded {
    display: block;
}

.ParentSection_auxiliary .SecNav .level2 > li.has-children,
.ParentSection_propulsion .SecNav .level2 > li.has-children {
    display: none;
}

.SectionProductsPropulsionCommercialVehiclesMediumDuty .SecNav .level2 > li.has-children,
.SectionProductsPropulsionCommercialVehiclesHeavyDuty .SecNav .level2 > li.has-children,
.SectionProductsPropulsionCommercialVehiclesTransitBuses .SecNav .level2 > li.has-children {
    display: none;
}

.SectionProductsPropulsionCommercialVehiclesMediumDuty .SecNav .level2 > li.has-children.expanded,
.SectionProductsPropulsionCommercialVehiclesHeavyDuty .SecNav .level2 > li.has-children.expanded,
.SectionProductsPropulsionCommercialVehiclesTransitBuses .SecNav .level2 > li.has-children.expanded {
    display: block;
}

.SectionProductsPropulsionCommercialVehiclesMediumDuty .SecNav .level2 > li > a,
.SectionProductsPropulsionCommercialVehiclesHeavyDuty .SecNav .level2 > li > a,
.SectionProductsPropulsionCommercialVehiclesTransitBuses .SecNav .level2 > li > a {
    display: none;
}

.ParentSection_auxiliary .SecNav .level2 > li.has-children.expanded,
.ParentSection_propulsion .SecNav .level2 > li.has-children.expanded {
    display: block;
}

.ParentSection_auxiliary .SecNav .level2 > li > a,
.ParentSection_propulsion .SecNav .level2 > li > a {
    display: none;
}

.SectionProductsPropulsionCommercialVehiclesMediumDuty .SecNav .level2 > li,
.SectionProductsPropulsionCommercialVehiclesHeavyDuty .SecNav .level2 > li,
.SectionProductsPropulsionCommercialVehiclesTransitBuses .SecNav .level2 > li,
.ParentSection_auxiliary .SecNav .level2 > li,
.ParentSection_propulsion .SecNav .level2 > li {
    margin-top: -29px;
}

.SectionProductsOverview .SecNav .level3 > li {
    display: none;
}

.SecNav {
    border-bottom: 1px solid #f2f2f2;
    text-align: center;
}

.SecNav li {
    display: inline-block;
    position: relative;
}

.SecNav a {
    color: #8c8c8c;
    padding: 25px;
    display: block;
}

.SecNav .level2 > li:before,
.SecNav .level3 > li:before {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 1px;
    left: 50%;
    border: 8px solid transparent;
    border-bottom-color: #1a408b;
    margin-left: -8px;
    display: none;
}

.SectionProductsPropulsionCommercialVehiclesTransitBuses .SecNav .level2 > li:before,
.SectionProductsPropulsionCommercialVehiclesHeavyDuty .SecNav .level2 > li:before,
.SectionProductsPropulsionCommercialVehiclesMediumDuty .SecNav .level2 > li:before,
.ParentSection_propulsion .SecNav .level2 > li:before,
.ParentSection_auxiliary .SecNav .level2 > li:before {
    content: none;
}

.SecNav li:hover:before,
.SecNav li.selected:before {
    display: block;
}

.SecNav a:hover,
.SecNav li.selected a {
    color: #1a408b;
}

.SectionInvestorsStockInformation .SecNav li.selected a,
.PageInvestors .SecNav li.selected a,
.SectionInvestorsInvestorRelationsFAQ .SecNav li.selected a {
    color: #8c8c8c;
    font-weight: 500 !important;
}

.SectionInvestorsStockInformation .SecNav a:hover,
.PageInvestors .SecNav a:hover,
.SectionInvestorsInvestorRelationsFAQ .SecNav a:hover {
    color: #1a408b !important;
}

.SecNav .level4 a:hover,
.SecNav .level4 li.selected a {
    color: #303030;
}

.SecNav li.selected a {
    font-weight: 900;
}

.SecNav .level4 {
    position: absolute;
    white-space: nowrap;
    display: none;
}

.SecNav .level3 > li.has-children.js--hover > .level4 {
    display: block;
}

.SectionProductsPropulsionCommercialVehicles .SecNav .level4 a:hover {
    color: #303030 !important;
    font-weight: 500 !important;
}

.SectionProductsPropulsionCommercialVehicles .SecNav .level4 a {
    color: #8c8c8c !important;
    font-weight: 500 !important;
}

.SectionHome .SecNav .level3,
.Sectioninvestors .SecNav .level3,
.Section_Investors .SecNav .level3 {
    display: none;
    position: absolute;
}

.PageInvestors .SecNav .level2 li.overview a {
    font-weight: 900 !important;
    color: #1a408b;
}

.SecNav .level2 li.selected.stock-information a {
    color: #1a408b !important;
    font-weight: 900 !important;
}

.PageInvestors .SecNav .level2 li.overview:before {
    display: block;
}

.level1 li.has-children.suppliers,
.level1 li.has-children.media-center,
.level1 li.has-children.contact,
.level1 li.has-children.contact-,
.level1 li.has-children.search {
    display: none !important;
}
/**** SECONDARY NAVIGATION MOBILE***/
.SecNavMobile {
    margin: 20px;
    display: none;
    position: relative;
    z-index: 1;
    background-color: #f5f5f5;
    text-align: center;
}

.SecNavMobile .nav-selected {
    padding: 5px;
    position: relative;
    font-size: 14px;
    color: #303030;
    font-weight: 900;
    cursor: pointer;
}

.SecNavMobile .nav-selected:before {
    content: "\f107";
    font-family: 'Q4-Icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 18px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -10px;
}

.SecNavMobile .nav-selected.open:before {
    content: "\f106";
}

.SecNavMobile .level3 .has-children > a {
    position: relative;
}

.SecNavMobile .level3 .has-children > a:before {
    content: "\f107";
    font-family: 'Q4-Icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 18px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -10px;
}

.SecNavMobile .level3 > .has-children.open > a:before {
    content: "\f106";
}

.SecNavMobile a {
    display: block;
    padding: 5px;
    font-size: 14px;
    color: #303030;
}

.SecNavMobile .level3 a {
    font-size: 12px;
}

.SecNavMobile .level1 {
    background-color: #f5f5f5;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
}

.SecNavMobile .level1,
.SecNavMobile .level1 > li,
.SecNavMobile .level1 > li > a {
    display: none;
}

.SecNavMobile .level1 > li.selected,
.SecNavMobile .level1 > li.expanded {
    display: block;
}

.SecNavMobile .level2 > .has-children > a {
    position: relative;
}

.SecNavMobile .level2 > .has-children > a:before {
    content: "\f107";
    font-family: 'Q4-Icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 18px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -10px;
}

.SecNavMobile .level2 > .has-children.open > a:before {
    content: "\f106";
}

.SecNavMobile .level3 {
    background-color: #f2f2f2;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: none;
}

.SecNavMobile .level4 {
    display: none;
}

@media screen and (max-width:1023px) {
    .SecNav {
        display: none;
    }

    .SecNavMobile {
        display: block;
    }
}
/********** CONTACT GLOBAL ***************/
._Investors .ContactGlobal,
.Section_Investors .ContactGlobal {
    display: none;
}

.ContactGlobal .contact-col-1 {
    float: left;
    margin-right: 5%;
}

@media screen and (max-width: 640px) {
    .ContactGlobal .contact-col-1 {
        float: none;
        margin-bottom: 20px;
    }
}

.ContactGlobal .q4-icon-phone,
.ContactGlobal i.q4-icon-email {
    font-size: 20px !important;
    margin-right: 15px !important;
}

.ContactGlobal {
    max-width: 1280px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.ContactGlobal h1:before {
    background-color: #fff;
}

.contact-content a {
    color: #fff;
}

.SectionSoftwareDownload .PaneFooter .container,
.SectionPageNotFound .PaneFooter .container,
.SectionTermofUse .PaneFooter .container,
.SectionPrivacyPolicy .PaneFooter .container,
.Section_Technology .PaneFooter .container,
.Section_Products .PaneFooter .container,
.Section_Services .PaneFooter .container,
.Section_MediaCenter .PaneFooter .container,
.Section_Suppliers .PaneFooter .container,
.Sectioncontact .PaneFooter .container,
.SectionSearch .PaneFooter .container,
.ParentSection_search .PaneFooter .container,
.Section_About .PaneFooter .container,
.PageContact .PaneFooter .container,
.SectionContactCareersCareersDetails .PaneFooter .container {
    max-width: 100%;
    margin: 0;
    padding-right: 0;
    padding-left: 0;
    background-color: #1a3e84;
    color: #fff;
}
/*********** SERVICES **********/
.right-image {
    float: right;
    width: 50%;
}

.right-text {
    float: right;
    width: 48%;
}

.left-image {
    float: left;
    width: 50%;
}

.left-text {
    float: left;
    width: 48%;
}

.ModuleMore,
span.accordion-trigger {
    cursor: pointer;
    color: #303030;
    font-weight: 900;
    font-size: 16px;
}

.ModuleMore:hover,
.active span.accordion-trigger {
    color: #ef7311;
}

.has-accordion .accordion-content {
    display: none;
}

.accordion-content {
    clear: both;
}

a.read {
    color: #303030 !important;
    font-weight: 900;
    font-size: 16px;
}

a.read:hover {
    color: #ef7311 !important;
}

@media screen and (max-width:1023px) {
    .margin-top, .space-top-sm {
        margin-top: 0;
    }

    .space-sm {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .right-text p, .left-text p {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .left-text, .left-image,
    .right-text, .right-image {
        float: none !important;
        width: 100% !important;
        margin-bottom: 10px;
    }

    .images {
        width: 75%;
        display: block;
        margin: 0 auto;
    }

    .left-image img {
        display: block;
        margin: 0 auto;
    }

    ul.square {
        padding-left: 15px;
    }
}
/*************************
            HOME
*************************/
.OurExpertise .boxes {
    margin-top: 80px;
    position: relative;
    z-index: 1;
}

.OurExpertise .three-per-row {
    width: 33.33%;
    float: left;
}

.OurExpertise .boxes .two-per-row {
    width: 49.99%;
    display: inline-block;
}

.OurExpertise .box {
    overflow: hidden;
}

.OurExpertise .wrapper {
    height: 380px;
    background-color: #000;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: transform 0.4s ease 0s;
    -o-transition: transform 0.4s ease 0s;
    transition: transform 0.4s ease 0s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.OurExpertise .text {
    text-align: center;
    font-family: "Lato", "Microsoft Yahei", sans-serif;
    font-weight: 900;
    letter-spacing: 2px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.OurExpertise .text .title {
    text-transform: uppercase;
    font-family: "Lato", "Microsoft Yahei", sans-serif;
    font-size: 24px;
    font-weight: 900;
    color: #fff;
    display: block;
    margin-bottom: 5px;
}

.OurExpertise .text a {
    color: #fff;
    font-weight: 300;
}

.OurExpertise .text a em {
    display: none;
}

.OurExpertise .text i {
    position: relative;
    top: 3px;
    margin-left: 10px;
}

.OurExpertise .text i {
    color: #fff;
    display: inline-block;
}

.OurExpertise .box:hover .text a em {
    display: inline-block;
}

.OurExpertise .wrapper:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.OurExpertise .slick-arrow {
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 20px;
    z-index: 2;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 10px;
    margin-top: -15px;
}

.OurExpertise .slick-prev {
    left: 20px;
}

.OurExpertise .slick-next {
    right: 20px;
}

@media screen and (max-width:768px) {
    .OurExpertise.space {
        padding-bottom: 0;
    }

    .OurExpertise .boxes {
        margin: 0 -40px;
    }

    .OurExpertise .wrapper {
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
    }

    .OurExpertise .text a em {
        display: inline-block;
    }
}

@media screen and (max-width:640px) {
    .OurExpertise .boxes {
        margin: 0 -20px;
    }
}
/********* FIND YOUR SOLUTION **********/
.FindYourSolution .boxes {
    margin: 0 -20px;
}

.FindYourSolution .box {
    border: 2px solid #fff;
    text-align: center;
    float: none;
    display: table-cell !important;
    width: 33.33% !important;
    position: relative;
    padding: 50px 50px 100px 50px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    z-index: 1;
}

.FindYourSolution .box:hover {
    border: 2px solid transparent;
    background-color: rgba(0,0,0,.2);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.FindYourSolution .box.propulsion:hover {
    background-image: url(../images/home/propulsion-box-bg.png);
}

.FindYourSolution .box.products:hover {
    background-image: url(../images/home/helicopter2-auxiliary.png);
}

.FindYourSolution .box.services:hover {
    background-image: url(../images/home/services1-bg.png);
}

.FindYourSolution .title {
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 10px;
}

.FindYourSolution .icon {
    margin-bottom: 40px;
}

.FindYourSolution .more {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    text-align: center;
    padding: 0 17%;
}

.FindYourSolution .more a {
    width: 100%;
    font-family: "Lato", "Microsoft Yahei", sans-serif;
}

.FindYourSolution .slick-slide img {
    display: inline;
}

.FindYourSolution .slick-track {
    display: table;
    width: 100%;
    border-spacing: 20px;
    table-layout: fixed;
}

.FindYourSolution .slick-track:before,
.FindYourSolution .slick-track:after {
    display: none;
}

@media screen and (max-width: 1024px) {
    .FindYourSolution .more {
        padding: 0 12%;
    }
}

@media screen and (max-width:768px) {
    .PaneContent .FindYourSolution .boxes {
        margin: 50px 0 0 0;
    }

    .FindYourSolution .slick-track {
        border-spacing: 0;
    }

    .PaneContentInner .FindYourSolution .box {
        padding-right: 20px;
        padding-left: 20px;
    }

    .FindYourSolution ul.slick-dots {
        list-style: none;
        margin: 40px 0 0 0;
        padding: 0;
        text-align: center;
    }

    .FindYourSolution .slick-dots li {
        display: inline-block;
    }

    .FindYourSolution .slick-dots li button {
        text-indent: -9999px;
        width: 10px;
        height: 10px;
        background-color: #071420;
        border-radius: 50%;
        cursor: pointer;
        margin: 0 10px;
    }

    .FindYourSolution .slick-dots li.slick-active button {
        background-color: #fff;
    }
}

@media all and (max-width: 768px) {
    .PaneContentInner .FindYourSolution .box {
        display: inline-block !important;
        width: 31% !important;
        vertical-align: top;
        height: 460px !important;
        margin: 0 2.3% 0 0 !important;
    }

    .slick-slider .slick-track, .slick-slider .slick-list {
        padding: 0 !important;
    }

    .FindYourSolution .container {
        padding-right: 0;
    }

    .FindYourSolution .more a {
        padding: 15px 0;
    }
}
/********* RECENT NEWS *********/
.RecentNews .news-items > div {
    display: table;
    width: 100%;
}

.RecentNews .include-body,
.RecentNews .without-body {
    display: table-cell;
    vertical-align: top;
    width: 50%;
}

.RecentNews .without-body {
    padding-left: 60px;
}

.RecentNews .without-body .ModuleItemRow:first-child {
    display: none;
}

.RecentNews .include-body {
    padding: 40px 30px;
}

.RecentNews .include-body .ModuleDate {
    padding-bottom: 20px;
}

.RecentNews .include-body .body {
    margin: 20px 0;
}

.include-body .ModuleViewAllLink:last-child {
    color: #303030;
    font-weight: 900;
}

.RecentNews .without-body .ModuleItemRow {
    margin-bottom: 20px;
}

.RecentNews .without-body .ModuleDate {
    margin-bottom: 5px;
}

.RecentNews .without-body .btn-gray {
    margin-top: 20px;
}

.RecentNews .without-body .ModuleItemRow:before {
    content: '';
    width: 60px;
    height: 1px;
    background-color: #e5e5e5;
    display: inline-block;
    margin-bottom: 15px;
}

.RecentNews .without-body .ModuleItemRow:first-child + .ModuleItemRow:before {
    display: none;
}

.include-body .ModuleHeadlineLink {
    font-size: 28px;
}

.include-body .ModuleViewAllLink:last-child:hover {
    color: #ef7311;
}

@media screen and (max-width:1023px) {
    .RecentNews .include-body {
        display: block;
        width: 100%;
    }

    .RecentNews .include-body .body {
        display: none;
    }

    .RecentNews .without-body {
        display: block;
        width: 100%;
        padding-left: 0;
        margin-top: 30px;
    }

    .include-body .ModuleViewAllLink:last-child {
        display: block;
        margin-top: 10px;
    }
}

@media all and (max-width: 480px) {
    .include-body .ModuleHeadlineLink {
        font-size: 24px;
    }

    .btn {
        width: 100%;
    }
}
/******** CONTACT US HOME **********/
.ContactUsHome .btn {
    margin: 10px 30px 0 0;
}

.ContactUsHome {
    float: left;
    width: 50%;
    padding-right: 6%;
}
/******** QUICK LINKS HOME **********/
.PaneContentInner ul.QuickLinksHome {
    padding: 0;
    margin: 0;
}

.QuickLinksHome li {
    margin-top: 10px;
}

div.QuickLinksHome {
    float: left;
    width: 50%;
    overflow: hidden;
}

.QuickLinksHome h1 {
    margin-left: 50px;
}

.QuickLinksHome li {
    padding: 10px 0 10px 40px;
    width: 50%;
    float: left;
}

@media screen and (max-width: 1280px) {
    .QuickLinksHome li {
        padding-left: 15px;
    }
}

@media screen and (max-width: 1023px) {
    .ContactUsHome {
        float: none;
        width: 100%;
        padding-right: 0;
    }

    div.QuickLinksHome {
        float: none;
        width: 100%;
    }

    div.QuickLinksHome {
        overflow: inherit;
    }

    .QuickLinksHome h1 {
        margin-left: 0;
    }
}

@media screen and (max-width: 789px) {
    .QuickLinksHome li {
        width: 40%;
    }
}

@media screen and (max-width: 640px) {
    .QuickLinksHome li {
        float: none !important;
        width: 100% !important;
        padding: 0;
    }
}

.PaneRight.blue-bg {
    position: relative;
}

.PaneRight.blue-bg:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    background-color: #fff;
}

@media screen and (max-width: 1023px) {
    .PaneRight.blue-bg:before {
        content: none;
    }
}
/******** LOGO FOOTER **********/
.PaneContentInner .LogosHome h3 {
    font-family: "Fira Sans", "Microsoft Yahei", sans-serif;
}

.PaneContentInner .LogosHome li {
    display: inline-block;
    margin: 20px 20px 0 20px;
}

@media screen and (max-width: 1024px) {
    .PaneContentInner .LogosHome {
        margin-top: 20px;
    }
}
/****************************
            ABOUT
****************************/
.WallOfFame .filterOptions {
    text-align: center;
    margin-bottom: 50px;
}

.WallOfFame span.label {
    font-family: "Fira Sans", "Microsoft Yahei", sans-serif;
    font-weight: 500;
    color: #303030;
    display: inline-block;
    vertical-align: middle;
    margin: 11px 10px 10px 0;
}

.WallOfFame .box {
    float: left;
    position: relative;
    width: 25%;
}

.WallOfFame .double-img {
    width: 50%;
}

.WallOfFame .box:hover {
    z-index: 1;
}

.WallOfFame .wrapper {
    background-position: center center;
    background-repeat: no-repeat;
    height: 300px;
    -webkit-background-size: cover;
    background-size: cover;
}

.WallOfFame .box .shadow {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform 0.4s ease 0s;
    -o-transition: transform 0.4s ease 0s;
    transition: transform 0.4s ease 0s;
}

.WallOfFame .box:hover .shadow {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.WallOfFame .shadow:before {
    content: '';
    background-color: rgba(0,0,0,.4);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
}

.WallOfFame .wrapper.blue-bg {
    background-color: #1a408b;
}

.WallOfFame .gray-blue-bg .text {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 20px;
}

.WallOfFame .blue-bg .text {
    padding: 70px 20px 0 20px;
}

.WallOfFame .blue-bg h5 {
    font-weight: 500;
}

.WallOfFame .blue-bg p {
    padding: 0 !important;
    line-height: 30px;
    margin-bottom: 0;
    position: relative;
}

.wrapper.shadow > a {
    display: block;
    height: 100%;
    width: 100%;
    z-index: 99999;
}

.WallOfFame .box:hover .shadow:before {
    content: none;
}

.WallOfFame .text-hover {
    padding: 20px;
    -webkit-font-smoothing: antialiased;
    visibility: hidden;
    position: absolute;
    top: 100%;
    opacity: 0;
    left: 0;
    right: 0;
    background-color: white;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.WallOfFame .box:hover .text-hover {
    visibility: visible;
    opacity: 1;
}

.WallOfFame .text-hover p {
    margin-bottom: 5px;
}

.WallOfFame i.q4-icon-email {
    display: block;
    position: absolute;
    z-index: 2;
    right: 2px;
    padding: 15px 15px 0 0;
    font-size: 14px;
    color: #fff;
    display: none;
}

.WallOfFame .box:hover i.q4-icon-email {
    display: block;
}

.WallOfFame .gray-blue-bg p {
    font-size: 30px;
    color: #1b325a;
    text-align: center;
}

.WallOfFame .motor {
    background-position: 82%;
}

.WallOfFame .audi {
    background-position: 80%;
}

.WallOfFame .car {
    background-position: 70%;
}

.WallOfFame .bus {
    background-position: 35%;
}

.WallOfFame .plane {
    background-position: 25% 86%;
}

@media screen and (max-width:1023px) {
    .WallOfFame .box {
        float: none;
        width: 100%;
        margin-bottom: 5px;
    }

    .WallOfFame .double-img {
        width: 100%;
    }

    .WallOfFame .box i.q4-icon-email {
        display: block;
    }

    .WallOfFame .motor,
    .WallOfFame .car,
    .WallOfFame .audi,
    .WallOfFame .bus,
    .WallOfFame .plane {
        background-position: center center;
    }

    .WallOfFame .box:hover .shadow {
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
    }

    .WallOfFame i.q4-share {
        display: block;
    }

    .WallOfFame .box:hover .shadow:before {
        content: '';
        background-color: rgba(0,0,0,.4);
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 2;
    }
}
/******USA MANUFACTURING FACILITY********/
.usafacylytyimg1 {
    float: left;
    width: 48%;
}

.usafacylytyimg2 {
    float: right;
    width: 48%;
}

@media screen and (max-width:1023px) {
    .usafacylytyimg1,
    .usafacylytyimg2 {
        float: none;
        width: 100%;
    }
}
/********** EXECUTIVE TEAM **********/
.commaSuffix,
.commaName,
.SufixName,
.PersonTitleComma {
    display: none;
}

.ExecutiveTeam .ModuleContainerInner {
    border: 1px solid #e0e0e0;
    padding: 27px;
    margin-top: 50px;
    padding-top: 60px;
    padding-bottom: 60px;
}

.ExecutiveTeam .PersonPhoto img {
    height: 510px;
}

.BoardofDirectors .PersonDetailsContainer {
    padding: 20px;
}

.BoardofDirectors .ModuleContainerInner,
.BoardofDirectors .top-bod {
    float: left;
    width: 50%;
}

.ExecutiveTeam .PersonDetailsContainer {
    display: inline-block;
    margin-left: 4%;
    vertical-align: top;
    width: 44%;
    padding: 20px;
    position: relative;
}

.ExecutiveTeam .PersonPhoto {
    position: relative;
    cursor: pointer;
}

.ExecutiveTeam .PersonPhoto:before {
    content: '';
    width: 100%;
    height: 98%;
    position: absolute;
    display: block;
    background-color: transparent;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.PersonPhoto:hover:before {
    background-color: rgba(0,0,0,.4);
}

.PersonButtonDetails {
    color: #fff;
    padding: 15px 55px;
    height: 50px;
    font-size: 16px;
    line-height: 17px;
    text-align: center;
    display: inline-block;
    border: 1px solid #fff;
    font-weight: 900;
    cursor: pointer;
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 240px;
    z-index: 4;
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.ExecutiveTeam .PersonPhoto:hover .PersonButtonDetails {
    visibility: visible;
    opacity: 1;
    bottom: 40px;
}

.fancybox-wrap .PersonPhoto:hover .PersonButtonDetails,
.fancybox-wrap .PersonPhoto:hover.PersonPhoto:before {
    display: none;
}

.PersonName {
    color: #ef7311;
    display: block;
    font-weight: 900;
}

span.PersonTitle {
    font-weight: 900;
}

.ExecutiveTeam .persondetails p {
    display: none;
}

.ExecutiveTeam .person-text {
    margin-top: 30px;
}

.ExecutiveTeam .PersonDescription ul {
    margin-top: 20px;
    margin-left: 20px;
}

.ExecutiveTeam .PersonDescription li {
    position: relative;
}

.ExecutiveTeam .PersonDescription li:before {
    content: '';
    width: 7px;
    height: 7px;
    position: absolute;
    background-color: #ef7311;
    position: absolute;
    left: -20px;
    top: 12px;
}

.ExecutiveTeam .person-button {
    font-size: 16px;
    color: #303030;
    font-weight: 900;
    cursor: pointer;
}

.BoardofDirectors .person-button {
    display: none;
}

.person-button:hover {
    color: #ef7311;
}

.fancybox-wrap .PersonPhoto {
    width: 40%;
}

.ExecutiveTeam .PersonPhoto a {
    cursor: default;
}

.fancybox-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-wrap .person-button,
.fancybox-wrap .PersonButtonDetails {
    display: none;
}

.fancybox-wrap .PersonPhoto {
    float: left;
    margin: 40px 30px 0 0;
}

.fancybox-wrap .personname {
    margin: 0 40px;
}

.fancybox-wrap .PersonDescription {
    margin: 0 40px 40px 40px;
}

.fancybox-wrap .person-text {
    float: left;
    margin-top: 120px;
    width: 50%;
}

.fancybox-wrap li {
    position: relative;
}

.fancybox-wrap li:before {
    content: '';
    width: 7px;
    height: 7px;
    position: absolute;
    background-color: #ef7311;
    position: absolute;
    left: -20px;
    top: 12px;
}

.fancybox-wrap ul {
    padding: 20px 16px;
}

.fancybox-close {
    background-image: none !important;
}

.fancybox-close:after {
    content: "\e602";
    font-family: 'Q4-Icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    top: 2px;
    right: 2px;
    color: #e0e0e0;
}

@media screen and (max-width: 1300px) {
    .ExecutiveTeam .PersonPhoto img {
        height: 400px;
    }

    .ExecutiveTeam .PersonPhoto:before {
        content: none;
    }

    .PersonPhoto:hover .PersonButtonDetails {
        display: none;
    }
}

@media screen and (max-width:1024px) {
    .fancybox-close {
        right: 7px;
    }

    .fancybox-wrap .person-text {
        margin-top: 20px;
    }

   .fancybox-wrap .PersonPhoto {
        width: 100%;
    }

   .fancybox-wrap .PersonPhoto img {
       display:block;
       margin:0 auto;
    }

    .fancybox-inner {
        overflow: auto !important;
    }

    .fancybox-skin {
        padding: 15px !important;
    }

    .ExecutiveTeam .PersonDetailsContainer {
        display: block;
        margin-left: 0;
        width: 100%;
        height: 60%;
    }

    .BoardofDirectors .ModuleContainerInner,
    .BoardofDirectors .top-bod {
        float: none;
        width: 100%;
    }

    .ExecutiveTeam .person-button {
        position: static;
    }
}

@media screen and (max-width: 1023px) {
    .ExecutiveTeam .PersonPhoto img {
        height: auto;
    }
}

@media all and (max-width: 480px) {
    .fancybox-wrap .PersonPhoto,
    .fancybox-wrap .person-text {
        width: 100% !important;
    }
}
/****************************
        TECHNOLOGY
****************************/
.TechnologyAdvantages a {
    cursor: pointer;
}

a.back {
    cursor: pointer;
}

.HeartoftheEV {
    border: 1px solid #e6e6e6;
    padding: 35px;
}

.HeartoftheEV h4 {
    text-align: center;
}

.HeartoftheEV .car-technology {
    display: table;
    width: 100%;
}

.HeartoftheEV .motor,
.car-technology > img,
.HeartoftheEV .arrow {
    display: table-cell;
    vertical-align: middle;
}

.HeartoftheEV .arrow {
    font-size: 25px;
    color: #cccccc;
}

.HeartoftheEV .motor p {
    color: #ef7311;
    font-size: 16px;
    font-weight: 900;
    margin-top: 10px;
}

.HeartoftheEV-Images i.q4-block-leftchevron {
    margin-right: 8px;
}



@media screen and (max-width: 776px) {
    .car-technology > .arrow .q4-block-leftchevron:before {
        content: "\e607";
        display: block;
        height: 0;
    }

    .search-trigger {
        display: none;
    }

    .HeartoftheEV .motor,
    .car-technology > img,
    .HeartoftheEV .arrow {
        display: block;
        text-align: center;
    }
}

/***** HIGH EFFICIENCY INTEGRATED SYSTEMS *****/
.Integrated-Hardware-Box {
    border: 1px solid #e6e6e6;
    padding: 45px 45px 45px 57px;
    margin-top: 80px;
}

.wrapper.three-row .box-1 {
    display: inline-block;
    width: 19%;
    vertical-align: top;
}

.wrapper.three-row .box {
    width: 40%;
}

.wrapper.four-row .box-1 {
    display: inline-block;
    width: 19%;
    vertical-align: bottom;
}

.wrapper.four-row .box {
    width: 40%;
}

.four-row {
    margin-top: 30px;
}

.four-row .box-1 {
    display: inline-block;
    width: 21%;
    vertical-align: bottom;
}

.four-row .box {
    width: 35%;
}

@media screen and (max-width: 1023px) {
    .box-1 {
        display: block !important;
        width: 100% !important;
    }
}
/****************************
          PRODUCTS
*****************************/
.products-carousel {
    padding-bottom: 160px;
    padding-top: 75px;
    margin-top: 50px;
}

.products-carousel .slick-list {
    overflow: visible;
    padding-right: 25%;
}

.products-carousel .slick-dots {
    position: absolute;
    left: 0;
    top: 2px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.products-carousel .slick-dots li {
    float: left;
}

.products-carousel .slick-dots button {
    padding: 25px;
    height: 75px;
    color: #a6a6a6;
    background-color: white;
    border: 1px solid #e6e6e6;
}

.products-carousel .slick-dots li + li.slick-active button {
    border-left-width: 1px;
}

.products-carousel .slick-dots li.slick-active + li button {
    border-left-width: 1px;
}

.products-carousel .slick-active button {
    font-weight: 900;
    color: #ef7311;
    border-width: 2px;
}

.products-carousel .slick-slide {
    border: 2px solid #e6e6e6;
    position: relative;
}

.products-carousel .slick-slide:after {
    position: absolute;
    left: -2px;
    top: -2px;
    right: -2px;
    bottom: -2px;
    content: '';
    background-color: rgba(38,38,38,0.9);
    -webkit-transition: all 0.25s ease 0.5s;
    -o-transition: all 0.25s ease 0.5s;
    transition: all 0.25s ease 0.5s;
}

.products-carousel .slick-active:after {
    background-color: transparent;
}

.products-carousel .slick-arrow {
    background-color: white;
    border: 1px solid #e6e6e6;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    margin: 0;
    padding: 0;
    color: #303030;
    position: absolute;
    top: 50%;
    margin-top: -85px;
    z-index: 10;
    behavior: url(files/js/pie.htc);
}

.products-carousel .slick-prev {
    left: 0;
    margin-left: -40px;
}

.products-carousel .slick-next {
    right: 25%;
    margin-right: -40px;
}

.products-carousel .slick-disabled {
    display: none !important;
}

.products-carousel img {
    height: 475px;
}

.products-carousel .slick-slide .content {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: -2px;
    right: -2px;
    top: 120%;
    border: 2px solid #e6e6e6;
}

.products-carousel .slick-active .content {
    top: 100%;
    visibility: visible;
    opacity: 1;
}

.products-carousel .content {
    padding: 30px;
}

.products-carousel .content ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.products-carousel .content ul li {
    float: left;
    width: 50%;
}

.products-carousel .content h4 {
    display: none;
    margin-bottom: 10px;
}

h4.greenplus:after {
    content: '(+)';
    color: green;
}

.TransitBuses li#slick-slide01 button:after,
.HeavyDuty li#slick-slide01 button:after {
    content: '(+)';
    color: green;
}

@media screen and (max-width: 1023px) {
    .products-carousel .slick-dots button {
        display: none;
    }

    .products-carousel .content h4 {
        display: block;
    }

    .products-carousel {
        padding-bottom: 0;
        padding-top: 0;
    }

    .products-carousel .slick-list {
        overflow: hidden;
        padding-right: 0;
    }

    .products-carousel .slick-slide .content {
        position: inherit;
        border: none;
        border-top: 2px solid #e6e6e6;
        z-index: 999999;
    }

    .products-carousel .slick-arrow {
        width: 50px;
        height: 50px;
        margin-top: -65px;
    }

    .products-carousel .slick-next {
        right: 2.50%;
    }

    .products-carousel .slick-prev {
        left: 2.50%;
    }

    .products-carousel img {
        height: auto;
    }
}

@media screen and (max-width: 768px) {
    .products-carousel .content ul li {
        float: none;
        width: 100%;
    }
}

@media all and (max-width: 640px) {
    .products-carousel .slick-next {
        right: 6.50%;
    }

    .products-carousel .slick-prev {
        left: 6.50%;
    }
}
/****** PRODUCTS > PROPULSION ******/
.propulsionbox {
    border: 1px solid #e6e6e6;
    padding: 40px;
    margin-top: 50px;
}

p.PowerPhase {
    margin: 40px 0 50px 0;
}

ul.aircraft {
    padding-left: 30px;
}

.products-box {
    display: table;
    border-spacing: 20px;
    margin-right: -10px;
    margin-left: -20px;
}

.products-propulsion {
    display: table-cell;
    width: 50%;
}

.products-auxiliary {
    display: table-cell;
    width: 50%;
}

.products-auxiliary img {
    height: 438px;
    margin-bottom: 30px;
}

.products-propulsion img {
    margin-bottom: 30px;
    height: 438px;
    width: 584px;
}

@media screen and (max-width:1300px) {
    .products-propulsion,
    .products-auxiliary {
        display: block;
        width: 100%;
    }

    .products-propulsion img,
    .products-auxiliary img {
        display: block;
        margin: 0 auto;
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 768px) {
    .products-auxiliary img,
    .products-propulsion img {
        width: 100%;
        height: auto;
    }
}

.commercial-box {
    display: table;
    width: 100%;
}

.commercial-first-img {
    display: table-cell;
    width: 50%;
    border: 2px solid #efefef;
    padding: 40px;
}

.commercial-second-img {
    display: table-cell;
    width: 50%;
    border: 2px solid #efefef;
    border-left: none;
    padding: 40px;
}

img.cargo-truck {
    margin-bottom: 20%;
}

@media screen and (max-width: 1023px) {
    .commercial-box {
        margin-top: 50px;
    }

    .commercial-first-img {
        display: block;
        width: 100%;
        padding: 20px;
        text-align: center;
        margin-bottom: 10px;
    }

    .commercial-second-img {
        display: block;
        width: 100%;
        padding: 20px;
        text-align: center;
        border-left: 1px solid #efefef;
    }

    img.cargo-truck {
        margin-bottom: 0;
    }
}
/*************************
            IR
**************************/
.ContactUsInvestors,
.QuickLinksInvestors {
    display: none;
}

._Investors .ContactUsInvestors, .Section_Investors .ContactUsInvestors,
._Investors .QuickLinksInvestors, .Section_Investors .QuickLinksInvestors {
    display: block;
}

._Investors .EmailAlertsFooter,
.Section_Investors .EmailAlertsFooter {
    display: block;
}

.MailingListSignupContainer .CaptchaContainer {
    display: none;
}

/****** CHART - STOCK QUOTE *****/
.PageInvestors .PaneLeft {
    background: #284981;
}

.PageInvestors .StockInfo {
    float: left;
    width: 49.9%;
    margin-right: 80px;
    margin-top: 100px;
}

.PageInvestors .StockInfo h1 {
    color: #fff;
}

.PageInvestors .StockInfo h1:before {
    background-color: #fff;
}

.PageInvestors .StockQuote {
    float: left;
    width: 40%;
}

.StockQuote .StockTable {
    margin-top: 160px;
    margin-bottom: 50px;
}

.StockQuote .StockTable p {
    margin: 0;
}

.StockQuote span.Price,
.StockQuote span.ChangeLabel:first-child,
.StockQuote span.Volume {
    display: block;
}

.StockQuote .StockTableItem {
    border-top: 1px solid #132440;
    padding: 20px 0 20px 0;
}

.StockQuote .StockTableItem:first-child {
    border-top: none;
}

.StockQuote .PriceLabel,
.StockQuote .ChangeLabel,
.StockQuote .VolumeLabel {
    font-size: 12px;
    color: #132440;
    text-transform: uppercase;
    line-height: 40px;
    font-weight: 900;
}

.StockQuote .StockPriceUp,
.StockQuote .StockPriceDown,
.StockQuote .StockData {
    font-size: 36px;
    font-weight: 900;
    color: #fff;
    font-weight: 300;
}

.StockQuote span.Price:before {
    content: '$';
    font-size: 36px;
    margin-right: 10px;
}

.StockQuote .StockIndicator {
    display: none;
}

.StockQuote .ChangeLabel + .ChangeLabel {
    margin-left: 25px;
    position: relative;
}

.StockQuote .ChangeLabel + .ChangeLabel:before {
    content: '$ ';
}

.StockQuote .ChangeLabel.StockPriceUp:after {
    content: "\f106";
    font-family: 'Q4-Icons' !important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 40px;
    font-size: 20px;
    position: absolute;
    left: -25px;
    top: 0;
}

.StockQuote .ChangeLabel.StockPriceDown:after {
    content: "\f107";
    font-family: 'Q4-Icons' !important;
    speak: none;
    font-style: normal;
    font-weight: 900;
    font-variant: normal;
    text-transform: none;
    line-height: 40px;
    font-size: 20px;
    position: absolute;
    left: -25px;
    top: 0;
}

.StockQuote .PChangeLabel:before {
    content: ' - ';
}

.StockQuote .stock-button {
    margin-top: 30px;
}

.language_chinese .StockInformationStockQuote .ChangeLabel.StockPriceUp:before,
.language_chinese .StockInformationStockQuote .PChangeLabel.StockPriceUp:before {
    content: "+ ";
}

@media only screen and (max-width:1023px) {
    .PageInvestors .StockInfo {
        float: none;
        width: 100%;
        margin-top: 50px;
    }

    .PageInvestors .StockQuote {
        float: none;
        width: 100%;
    }

    .StockQuote .StockTable {
        margin-top: 0;
        margin-bottom: 50px;
    }
}
/******** FEATURED PRESENTATION  ********/
.FeaturedPresentation {
    float: right;
    width: 43%;
    padding-left: 30px;
    background-color: #f2f2f2;
    padding: 30px 0 20px 40px;
    margin-top: 70px;
    margin-bottom: 100px;
    position: relative;
}

.FeaturedPresentation:after {
    content: '';
    background: #f2f2f2;
    left: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1000%;
}

.FeaturedPresentation h1:before {
    left: auto;
    right: 100%;
    width: 40px;
}

.OverviewInvestors {
    float: left;
    width: 51%;
    margin-top: 100px;
    margin-bottom: 100px;
    margin-right: 5%;
}

.OverviewInvestors .text {
    margin-top: 40px;
}

.slideshare-overview {
    margin-top: 50px;
}

.InvestorsPresentation a,
.FeaturedPresentation a {
    color: #1a408b;
    font-weight: 900;
}

.FeaturedPresentation .thumbnail {
    width: 225px;
    height: 204px;
}

.FeaturedPresentation .q4-icon-link,
.InvestorsPresentation .q4-download,
.FeaturedPresentation .q4-download {
    margin-right: 20px;
}

.InvestorsPresentation p,
.FeaturedPresentation p {
    margin-bottom: 15px !important;
}

.FeaturedPresentation .item,
.FeaturedPresentation .document {
    padding-right: 6px;
    float: left;
    width: 50%;
}

.FeaturedPresentation .item img,
.FeaturedPresentation .document img {
    max-height: 180px;
    border: 7px solid white;
}

@media only screen and (max-width:1023px) {
    .OverviewInvestors {
        float: none;
        width: 100%;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .FeaturedPresentation {
        float: none;
        width: 100%;
        margin-bottom: 50px;
        margin-top: 50px;
    }

    .FeaturedPresentation:after {
        content: none;
    }
}

@media screen and (max-width:768px) {
    .FeaturedPresentation .item,
    .FeaturedPresentation .document {
        float: none;
        width: 100%;
    }
}
/********** PRESS RELEASES *************/
.ModuleYearNavContainerInner a {
    display: none !important;
}

.RecentPressReleases .ModuleItemRow,
.PressReleases .ModuleItemRow {
    border-top: 1px solid #f2f2f2;
    padding: 20px 0 20px 0;
}

.RecentPressReleases .ModuleItemRow:first-child,
.PressReleases .ModuleItemRow:first-child {
    border-top: none;
}
/********** STOCK INFORMATION ************/
.StockInformationStockQuote .StockQuoteLookup {
    display: none;
}

.StockInformationStockQuote .StockPriceUp {
    color: #16B316;
}

.StockInformationStockQuote .StockPriceDown {
    color: red;
}

.StockInformationStockQuote .StockTableItem p {
    float: left;
    width: 50%;
    padding-right: 40px;
    margin: 0;
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 0 10px 0;
}

.StockInformationStockQuote .StockTableItem p + p {
    padding-right: 0;
    padding-left: 40px;
}

.StockInformationStockQuote .StockTableText {
    font-size: 14px;
    font-style: italic;
}

.StockInformationStockQuote .StockTableText > span,
.StockInformationStockQuote .StockTableItem p > span {
    float: left;
}

.StockInformationStockQuote .StockTableText > span + span,
.StockInformationStockQuote .StockTableItem p > span + span {
    float: right;
}

.StockInformationStockQuote .StockTableFeed {
    border-top: 1px solid #e0e0e0;
}

.StockInformationStockQuote .StockData:before {
    content: '$';
}

.StockInformationStockQuote .StockData.Volume:before {
    content: none;
}

@media only screen and (max-width: 640px) {
    .StockInformationStockQuote .StockTableItem p + p,
    .StockInformationStockQuote .StockTableItem p {
        width: 100%;
        float: none;
        padding: 0;
    }
}

@media only screen and (max-width: 480px) {
    .StockInformationStockQuote .StockTableText > span,
    .StockInformationStockQuote .StockTableText > span + span {
        float: none;
        display: block;
    }
}
/******* STOCK QUOTE HISTORICAL ***********/
.StockQuoteHistorical .stock-selects > * {
    display: inline-block;
    vertical-align: top;
}

.StockQuoteHistorical .stock-historical .stock-table {
    margin-top: 20px;
}

.StockQuoteHistorical li.list-group-item {
    padding: 10px 0 10px 0;
    border-top: 1px solid #e0e0e0;
}

.StockQuoteHistorical span.badge {
    float: right;
}

.StockQuoteHistorical .stock-selects .text {
    vertical-align: middle;
    margin: 10px 10px 10px 0;
}

@media screen and (max-width: 1023px) {

    .StockQuoteHistorical .stock-selects .text {
        display: block;
    }

    .StockQuoteHistorical .stock-selects .sbHolder {
        margin-bottom: 40px;
    }
}
/*************** FAQ **************/
.SectionInvestorsInvestorRelationsFAQ .StockQuoteHeader {
    display: none;
}

.SectionInvestorsInvestorRelationsFAQ .Banner {
    height: 570px;
}

@media screen and (max-width: 1023px) {
    .SectionInvestorsInvestorRelationsFAQ .Banner {
        height: auto;
    }
}

.FaqContainer .FaqQuestionList,
.FaqContainer .FaqAnswer,
.FaqContainer .BackToTopLink {
    display: none;
}

.FaqContainer .content {
    border: 1px solid #efefef;
    margin-bottom: 5px;
}

.FaqContainer h3 {
    cursor: pointer;
    background-color: #efefef;
    color: #303030;
    padding: 5px 35px 5px 3px;
    font-size: 18px;
    position: relative;
    margin: 0;
}

.FaqContainer .content p {
    padding-left: 10px;
    margin-bottom: 0;
    font-size: 16px;
}

.FaqContainer h3:after {
    content: "\f107";
    font-family: 'Q4-Icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
}

.FaqContainer h3.active:after {
    content: "\f106";
}
/*************** EMAIL ALERTS **************/
.FormEmailAlerts .MailingListCol1,
.FormEmailAlerts .MailingListCol2,
.FormUnsubscribe .MailingListCol1,
.FormUnsubscribe .MailingListCol2 {
    width: 100% !important;
    float: left;
    display: block;
    padding-bottom: 5px !important;
}

.SignUpForEmaiAlerts p {
    margin-bottom: 5px;
}

span.red {
    color: red;
}

.MailingListUnsubscribeTable {
    margin-bottom: 30px;
    width: 100%;
}

.MailingListUnsubscribeTable .hidden {
    display: none;
}

.FormUnsubscribe .GridActions,
.FormEmailAlerts .GridActions {
    margin-top: 20px;
}

.RequiredField,
.MailingListUnsubscribeMessage {
    color: red;
}

.FormEmailAlerts input[type=text] {
    width: 300px !important;
    padding: 5px 25px;
}

.FormUnsubscribe input[type=text] {
    width: 300px !important;
    padding: 5px 25px;
}


.language_chinese.chinese_emailalerts .MailingListUnsubscribeMessage.ErrorContainer {
    margin-left: 40px;
}

@media screen and (max-width: 640px) {
    .FormEmailAlerts input[type=text] {
        width: 95% !important;
    }

    .FormUnsubscribe input[type=text] {
        width: 95% !important;
    }
}

.MailingListSignupContainer .ErrorContainer {
    margin: 0 auto;
    max-width: 1280px;
    padding-left: 40px;
    padding-right: 20px;
    width: 100%;
    text-align: left !important;
    padding-top: 0 !important;
}

.PaneFooter .MailingListSignupContainer .ErrorContainer {
    margin-top: 30px;
    padding-left: 207px;
}

@media all and (max-width: 1024px) {
    .PaneFooter .MailingListSignupContainer .ErrorContainer {
        padding-left: 20px;
    }
}
/***********************
        CONTACT
************************/
.Item .Label {
    display: block;
}

.Item {
    float: left;
    width: 50%;
}

.ItemClass {
    margin-bottom: 20px;
}

.FormBuilderContainer .ItemCaptcha {
    float: none !important;
}

.FormBuilder .FormCheckBoxList tr {
    display: inline-block;
    margin-right: 30px;
}

.FormBuilderContainer .CaptchaContainer b {
    display: none;
}

.FormBuilderContainer .CaptchaContainer tr + tr {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.FormBuilderContainer .RedStar {
    color: red;
}

.FormBuilderContainer textarea,
.FormBuilderContainer input[type="text"] {
    font-family: "Lato", "Microsoft Yahei", sans-serif;
    font-size: 18px;
}

.FormBuilderContainer .CaptchaContainer input[type="text"] {
    width: 170px !important;
    font-family: "Lato", "Microsoft Yahei", sans-serif;
    font-size: 18px;
}


.MessageSent {
    display: block;
    margin-bottom: 60px;
    color: green;
}

.ErrorMessage {
    color: red;
    text-align: center;
    margin-top: 30px;
}

.ErrorContainer {
    color: red;
    text-align: center;
    padding-top: 30px;
}

.FormBuilterContainer textarea {
    width: 245px;
    position: relative;
}

.FormBuilterContainer textarea + span {
    position: absolute;
}

@media screen and (max-width: 480px) {
    .FormBuilterContainer textarea + span {
        position: absolute;
        right: 0;
        top: 40px;
    }

    .ItemClass {
        position: relative;
    }
}

@media screen and (max-width: 768px) {
    .Item {
        float: none;
        width: 100%;
    }

    .ItemClass {
        margin-bottom: 0;
    }

    .left-text-contact {
        float: none;
        margin-bottom: 15px;
    }
}
/*********** CAREERS ***********/
.left-text-contact {
    float: left;
    margin-right: 5%;
}

.right-text-contact {
    float: left;
}

.Careers .ModuleItemRow {
    margin-bottom: 30px;
}

.Careers .ModuleBody {
    margin-top: 10px;
}

.inImgs img {
    width: 24%;
    display: inline-block;
    vertical-align: top;
}

@media all and (max-width:1024px) {
    .inImgs img {
        width: 49%;
        margin-bottom: 5px;
    }
}

@media all and (max-width:480px) {
    .inImgs img {
        width: 100%;
    }
}
/***************************
        MEDIA CENTER
****************************/
.MediaCenterVideos .videoPlaceholder {
    margin-top: 50px;
    padding-bottom: 48.39%;
    position: relative;
}

.videoPlaceholder iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
}

#yVideos {
    margin: 0 -5px;
}

.MediaCenterVideos .item {
    width: 25%;
    padding: 0 5px 10px 5px;
    margin-top: 10px;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}

@media screen and (max-width: 1023px) {
    .MediaCenterVideos .item {
        width: 33.33%;
    }
}

@media screen and (max-width: 640px) {
    .MediaCenterVideos .item {
        width: 50%;
    }
}

@media screen and (max-width: 480px) {
    .MediaCenterVideos .item {
        float: none;
        width: 100%;
    }
}

@media all and (max-width: 480px) {
    .MediaCenterVideos .item span {
        display: block;
    }
}
/*********** NEWSLETTER ************/
.ModuleHeaderText1,
.ModuleHeaderText2 {
    display: none;
}

.ModuleDownloadListWithTags .ModuleItemRow {
    border-bottom: 1px solid #f2f2f2;
    padding: 20px 0 20px 0;
}

.ModuleDownloadListWithTags.hideFirstItem .ModuleHeader + .ModuleItemRow {
    display: none;
}

.ModuleDownloadListWithTags .ModuleItemRow:last-child {
    border-bottom: none;
}

.ModuleDownloadListWithTags .ModuleHeaderText2 {
    float: right;
}

.ModuleDownloadListWithTags span.ModuleHeadline:after {
    content: "\e670";
    font-family: 'Q4-Icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    float: right;
    font-size: 20px;
}

.ModuleDownloadListWithTags .ModuleFileSizeText {
    display: none !important;
}

.ModuleDownloadListWithTags span.ModuleDate,
.ConflictMineralsPolicy span.ModuleDate {
    display: none;
}

@media screen and (max-width: 640px) {
    .ModuleDownloadListWithTags .ModuleFileSizeText {
        float: none;
        display: block;
    }

    .ModuleDownloadListWithTags .ModuleHeaderText2 {
        float: none;
    }
}

@media all and (max-width: 380px) {
    .ModuleDownloadListWithTags .ModuleHeadlineLink {
        display: block;
        padding-right: 30px;
        position: relative;
    }

    .ModuleDownloadListWithTags span.ModuleHeadline:after {
        position: absolute;
        right: 0;
        top: 7px;
    }
}

.Latest-NewsLetter {
    margin-bottom: 40px;
}

.Latest-NewsLetter .slideshare-download {
    margin: 0 auto;
    max-width: 680px;
    text-align: left;
    font-size: 22px;
}

.Latest-NewsLetter .slideshare-download a:after {
    content: "\e670";
    font-family: 'Q4-Icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    float: right;
    font-size: 20px;
    margin-top: 5px;
}

.slideshow iframe {
    width: 680px;
    height: 750px;
}

@media screen and (max-width: 1024px) {
    .slideshow iframe {
        width: 400px;
        height: 500px;
    }
}

@media screen and (max-width: 640px) {
    .slideshow iframe {
        width: 300px;
        height: 200px;
    }

    .slideshow iframe .docActions {
        display: none !important;
    }
}
/********** MEDIA KIT ***********/
.MediaKit .boxes {
    display: table;
    border-spacing: 20px;
    margin: 0 -10px 50px -10px;
}

.MediaKit .box {
    display: table-cell;
    width: 33.33%;
    border: 1px solid #efefef;
    text-align: center;
    padding: 60px 79px;
}

.MediaKit .icon {
    margin-bottom: 50px;
}

.MediaKit a h3 {
    font-weight: 900;
    color: #303030;
    font-size: 24px;
}

.contactdetails .q4-icon-email,
.MediaKitAddress .q4-icon-email {
    margin-right: 10px;
    color: #303030;
    font-size: 15px;
}

.contactdetails a,
.MediaKitAddress a,
.MediaKitAddress li {
    color: #303030;
}

@media screen and (max-width: 1023px) {
    .MediaKit .box {
        display: inline-block;
        width: 100%;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .MediaKit a h3 {
        font-size: 20px;
    }
}
/**********************
        SUPPLIERS
***********************/
.supplierRes .ModuleHeader {
    display: none;
}

.SupplierResources .left {
    float: left;
    margin-right: 5%;
}

.SupplierResources .left img {
    max-width: 250px;
}

.FormBuilderSuppliers .Item {
    width: 100%;
}

.FormBuilderSuppliers .sbOptions li:first-child {
    display: none;
}

.FormBuilderSuppliers .ItemUpload1,
.FormBuilderSuppliers .ItemUpload2,
.FormBuilderSuppliers .ItemUpload3,
.FormBuilderSuppliers .ItemUpload4 {
    display: none;
}

@media screen and (max-width: 768px) {
    .SupplierResources .left {
        float: none;
        margin-right: 0;
    }
}
/******** SITE MAP CONTAINER ***********/
.SiteMapContainer {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 50px;
}

.SiteMapList .SiteMap-Level2 {
    font-weight: bold;
}

.SiteMapList .SiteMap-Level3 {
    padding-left: 20px;
}

.SiteMapList .SiteMap-Level4 {
    padding-left: 40px;
}

.SiteMapList .SiteMap-Level5 {
    padding-left: 60px;
}

.SiteMapSection_search {
    display: none !important;
}

/* PROTECTED PAGE */
.PublicLoginContainer {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px;
}
/*.PublicLoginContainer table tr:first-child,
.PublicLoginContainer .PublicLoginRemember {
    display: none;
}*/
.PublicLoginContainer table .Column1 {
    padding-bottom: 15px;
    width: auto;
    white-space: nowrap;
    text-align: left;
    padding-right: 15px !important;
}

.PublicLoginContainer table .Column2 {
    padding-bottom: 15px;
    width: 100%;
    text-align: left;
}

.PublicLoginContainer input[type="password"] {
    padding: 5px 25px;
    border: none;
    color: #8c8c8c;
    background-color: #f2f2f2;
    font-size: 14px;
    font-family: "Fira Sans", "Microsoft Yahei", sans-serif;
    height: 50px;
    border-radius: 0;
}

/********** SEC FILINGS PAGE ***********/
.SecFilings, .ModuleSECFilingDetails {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    margin: 80px auto;
}

.ModuleSECFilingDetails ul.Icons li {
    display: inline-block;
}

.ModuleSECFilingDetails .ModuleForm {
    color: #3663ae;
    margin-bottom: -10px;
}

.SecFilings .sbSelector,
.SecFilings .sbToggle {
    border: solid 1px #a0a0a0;
}

.SecFilings .sbSelector {
    border-radius: 8px 0px 0px 8px;
    border-right: 0 none;
}

.SecFilings .sbToggle {
    border-radius: 0px 8px 8px 0px;
    border-left: 0 none;
}

.SecFilings .FormGroupsContainer {
    display: inline-block;
}

.SecFilings .YearNavContainer,
.ModuleSECFilingDetails .ModuleTitle {
    display: none;
}

.SecFilings .ModuleHeader > span {
    display: table-cell;
    padding: 0 7px;
}

.SecFilings .ItemDate, .SecFilings .Date {
    width: 11%;
}

.SecFilings .ItemHref, .SecFilings .Filing {
    width: 12%;
}

.SecFilings .ItemDescription, .SecFilings .Description {
    width: 54%;
}

.SecFilings .Icons, .SecFilings .Download {
    width: 12%;
}

.SecFilings .ModuleItemRow {
    display: table;
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #ededed;
}

.SecFilings .ModuleItemRow > * {
    display: table-cell;
    padding: 10px 7px;
}

.SecFilings .ModuleHeader {
    overflow: hidden;
    width: 100%;
    margin-top: 30px;
    font-weight: 700;
    padding: 15px 0;
    border-bottom: 3px solid #ededed;
    display: table;
}

.SecFilings ul.Icons {
    list-style-type: none;
    margin: 0;
    display: table-cell;
}

.SecFilings .Icons li, .SecDetails .Icons li {
    display: inline-block;
    margin: 0;
}

.SecFilings > .sbHolder {
    margin-left: 15px;
    width: 90px;
}

@media all and (max-width: 768px) {
    .SecFilings .ModuleItemRow {
        display: block;
        padding: 10px;
    }

    .SecFilings .ModuleHeader {
        display: none;
    }

    .SecFilings .ItemDate,
    .SecFilings .ItemHref,
    .SecFilings .ItemDescription,
    .SecFilings .Icons {
        display: block;
        width: 100%;
    }

    .SecFilings .ModuleItemRow > * {
        border: none;
        padding: 0;
    }
}

@media all and (max-width: 480px) {
    .SecFilings > .sbHolder {
        margin: 15px 1px;
    }
}
/********** End SEC FILINGS Page ************/

.SectionInvestors .SecNav .level3 > li {
    display: none;
}


/*---------- Fancybox Captcha -------------*/
.fancybox-inner .CaptchaContainer {
    padding: 0 30px 15px;
}

.fancybox-inner .CaptchaContainer img,
.fancybox-inner .CaptchaContainer input {
    width: 100%;
}

.fancybox-inner .CaptchaContainer table tr:first-child {
    display: none;
}

.fancybox-inner .CaptchaContainer td,
.fancybox-inner .CaptchaContainer .ErrorContainer {
    padding: 5px 0;
}

.fancybox-inner .CaptchaContainer .ErrorContainer p {
    margin: 0;
}

.fancybox-inner .CaptchaContainer table td span {
    display: none !important;
}

.fancybox-inner .CaptchaContainer img {
    border: 1px solid #ddd;
}

.fancybox-inner .CaptchaContainer input[type="text"] {
    appearance: none;
    padding: 5px 8px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

/** Language-toggle **/
.switchlanguage .module-top-navigation .sub-menu {
    background-image: url('../images/menus-icons.png');
    background-position: right 13px;
    background-repeat: no-repeat;
    background-size: 10px;
    display: inline-block;
    padding-right: 20px;
    color: #fff;
}

.languageSwitchModule {
    display: none;
    padding: 0 15px;
    background-color: #092869;
}

.switchlanguage {
    float: right;
    margin-left: 3%;
}

.languageSwitchModule a:first-child + a {
    /* This will hide the Armenian flag on language switch option */
    display: none;
}

.switchlanguage .QuickLinkRow:hover .languageSwitchModule.switchlanguage {
    display: block;
}

.switchlanguage:hover .languageSwitchModule {
    display: block;
    position: absolute;
}

.languageSwitchModule a {
    color: #fff;
}

.languageSwitchModule {
    display: none;
    padding: 0 15px;
    background-color: #092869;
}

.switchlanguage .lang-menu {
    margin-left: -10px;
}

.switchlanguage .QuickLinkRow {
    position: relative;
    padding: 0 0 0 15px;
}

.switchlanguage .QuickLinkRow > ul {
    display: none;
    padding-top: 5px;
    position: absolute;
    width: 100%;
}

.switchlanguage .QuickLinkRow > ul li {
    background-color: #fff;
    border: 1px solid #ddd;
}

.switchlanguage .QuickLinkRow:hover ul {
    display: block;
}

.switchlanguage .QuickLinkRow ul li a {
    color: #808080;
    display: inline-block;
    padding: 3px 8px;
}

.switchlanguage .QuickLinkRow ul li a:hover {
    color: #1a408b;
}

.switchlanguage .QuickLinkRow > a {
    font-size: 14px;
}

.MobileNav .switchlanguage {
    background-color: #303030;
    width: 100%;
}

.MobileNav .switchlanguage .QuickLinkRow > ul {
    padding-top: 0;
}

.english_investors .MailingListSignupContainer .error-container li:before {
    content: "Email address";
}

.english_emailalerts .PaneFooter {
    display: none;
}

@media only screen and (max-width: 480px) {
    .switchlanguage .QuickLinkRow {
        padding: 0;
    }
}
/** End-language-toggle **/

/** Search-result **/
.SearchResultsUrl span {
    display: none;
}

.SearchResultsContainer .TabTableItem span:first-child:after, .SearchResultsContainer .TabTableItemAlt span:first-child:after {
    content: " ";
}

.SearchResultsContainer .TabTableItem span:after,
.SearchResultsContainer .TabTableItemAlt span:after {
    content: "...";
}

.TabTableItem, .SearchResultsContainer .TabTableItemAlt {
    border-bottom: 1px solid #ddd;
    margin: 0 0 18px;
}

.Section_Suppliers .sbHolder {
    width: 28%;
}

.Section_Suppliers .FormBuilderContainer input[type="text"] {
    padding: 5px 80px;
}
/** End-search-result **/

/**media-coverage**/
.Section_MediaCenter .media-coverage .topic-selection,
.Section_MediaCenter .media-coverage .year-selection {
    display: inline-block;
}

.Section_MediaCenter .media-coverage span.media-cover-year,
.Section_MediaCenter .media-coverage .media-cover-topics {
    margin-right: 20px;
}

.Section_MediaCenter .media-coverage .ModuleYearNavContainer {
    margin: 3% 0 3% 0;
}

.Section_MediaCenter .media-coverage .year-selection {
    margin-right: 25px;
}

.Section_MediaCenter .media-coverage .MediaContainer .media-cover-title img {
    width: 250px;
}

.Section_MediaCenter .media-coverage .MediaContainer .media-cover-title {
    display: inline-block;
    width: 20%;
}

.Section_MediaCenter .media-coverage .MediaContainer .caseContent {
    width: 68%;
    vertical-align: top;
    margin: 5% 3%;
    display: inline-block;
}

.media-coverage .MediaItemRow {
    margin: 3% 0;
}

.media-coverage .ModuleHeadlineLink {
    font-size: 18px;
}

.mediacoveragePagination .paginationMessage.pagination-Msg {
    display: inline-block;
}

.mediacoveragePagination li {
    display: inline-block;
}

.mediacoveragePagination .pager-disabled,
.mediacoveragePagination .pager-page,
.paginationMessage, .pagination-Msg {
    display: none;
}

.mediacoveragePagination li,
.pagination-Msg.paginationMessage,
.mediacoveragePagination .paginationMessage {
    display: inline-block;
    margin: 10px;
}

.pager-next, .pager-prev {
    cursor: pointer;
}

.pagerItem.pager-next:after, .pagerItem.pager-prev:before {
    content: "\f105";
    font-family: Q4-Icons;
    padding-left: 10px;
    font-size: 24px;
    vertical-align: middle;
    margin-top: -3px;
    display: inline-block;
}

.pagerItem.pager-prev:before {
    content: "\f104";
    padding-right: 10px;
}

.Media-Coverage-Module.no-item .paginationMessage.pagination-Msg,
.Media-Coverage-Module.no-item .select-years {
    display: none;
}

.media-coverage .mediacoveragePagination {
    text-align: center;
}

@media screen and (max-width: 768px) {
    .Section_MediaCenter .media-coverage .MediaContainer .media-cover-title {
        display: block;
    }

    .Section_MediaCenter .media-coverage .MediaContainer .caseContent {
        margin: 0 0 2%;
    }

    .Section_MediaCenter .media-coverage .MediaContainer .caseContent {
        width: 100%;
    }

    .Section_MediaCenter .media-coverage .MediaContainer .media-cover-title {
        width: 25%;
    }

    .Section_MediaCenter .media-coverage .year-selection {
        margin-bottom: 20px;
    }
}

@media screen and (max-width:650px) {
    .Section_MediaCenter .media-coverage span.media-cover-year {
        margin-right: 32px;
    }
}

@media screen and (max-width: 480px) {
    .Section_MediaCenter .media-coverage .year-selection,
    .Section_MediaCenter .media-coverage .topic-selection {
        font-size: 14px;
    }

    .Section_MediaCenter .media-coverage .MediaContainer .media-cover-title,
    .Section_MediaCenter .media-coverage .MediaContainer .media-cover-title img {
        width: 100%;
    }

    .mediacoveragePagination li {
        display: block;
        margin: 0;
    }
}
/**end-media-coverage**/

@media only screen and (max-width: 768px) {

    h1, h3, .MediaKit a h3 {
        font-size: 20px;
    }
}
.PageInvestorsPressReleasesPressReleaseDetails ul li {
   list-style: disc;
   margin-left: 40px;
}
.Slider .box{
        max-width: 600px;
    width: 100%;
    /* background-color: rgba(254,254,254,0.9); */
    background-color: #fff;
    opacity: 0.9;
    position: absolute;
    bottom: 50px;
    padding: 50px 40px 0 65px;
    overflow: hidden;
    zoom: 1;
    left: 50%;
}

.Slider .box h1 {
    text-transform: none;
    color: white;
    background: red;
}
.Slider .box.advisory {
    left:0;
    padding: 50px 40px;
    bottom: 415px;
    max-width: 500px
}

.Slider .box.advisory h1:before {
    display: none;
}

.Slider .box.advisory .info {
    text-align: center;
}

.Slider .box.advisory .info h1 {
    padding-left: 0px;
    margin-bottom: 5px;
    color: #303030;
    background: transparent;
}
.Slider .box.advisory .info h2 {
    margin-left: 0px;
}

@media only screen and (max-width: 1365px) {
    .Slider .box.advisory {
        bottom: 325px;
    }
}

@media only screen and (max-width: 1023px) {
    .PaneHeader2 .Slider .box.advisory {
        max-width: 285px;
        bottom: 175px;
    }
}

@media only screen and (max-width: 768px) {
    .PaneHeader .HeaderPaneDiv .Logo {
        width: 100%;
        background: red;
    }
}

.PaneHeader {
    margin-top: -8px;
    background: red;
}

.PaneHeader .Logo {
/*     background: white; */
    text-align: center;
    width: 170px;
}

.danfoss-text {
    float: left;
}

.danfoss-text p {
    margin: 0px;
    padding-left: 20px;
    line-height: 97px;
    color: white;
}

@media only screen and (max-width: 1172px) {
    .MainNav .level1 > li {
        padding-left: 10px;
    }
}