/* Global Styles */
                .{color:#262626; font-family: abbvoice,'ABB Voice', Verdana, Arial, sans-serif; line-height:1.25em;}

                body{font-family: abbvoice,'ABB Voice', Verdana, Arial, sans-serif; background-image: url(${Background-Image}); background-size: cover; background-repeat: no-repeat; min-height: 100%; background-color:#fff; min-height:100vh; display:flex; flex-direction:column;}    

                .overlay{position: relative; top: 0; left: 0; right: 0; bottom: 0; background-color: ${Background-Color}; z-index: 2; padding-bottom: 65px; min-height:calc(100vh - 70px);}

                .body-container{margin:0 auto;padding:0px 40px;background-color:#ffffff;width:30%;}

                .logo{/*background-image: url(${ABB-Logo}); height: 45px;background-repeat:no-repeat; width: 100px; background-size: contain;*/} 
              
                .logo img{width:100px; height:38px;}

                .content{display: flex;justify-content: space-between;}                           

                .text {font-size: 16px; line-height: 1.5em;}
                
                div#GTM_NoScript {height: 0px;}


                /* Content */
                h1.banner-title-display{line-height: 1.25em;
                color: #262626;
                font-weight: bold;
                font-size: 30px;
                font-family: 'ABB Voice Display', Verdana, Arial, sans-serif;
                padding: 0px;}

                h1.banner-title{
                line-height: 1.25em;
                color: #262626;
                font-weight: bold;
                font-size: 30px;
                font-family: abbvoice, 'ABB Voice', Verdana, Arial, sans-serif;
                position: relative !important;
                padding: 0px;
                margin: -18px 0px 0px !important;}

                h1.banner-title:before {
                content: '—';
                color: #ff000f;
                display: block;}

                h2.banner-subtitle {
                padding: 0px;
                margin: 5px 0px;
                font-size: 30px;
                font-weight: 200;
                font-family: abbvoice, 'ABB Voice', Verdana, Arial, sans-serif;
                line-height: 1.1em;}

                .banner-content{margin: 0 0 30px;}
              
                .content #Banner-IMG{margin: 0 0 30px; width:100% !important;}
                img#Banner-IMG:empty {margin: 0px;}
                .mktoGen.mktoImg {display: block !important;}

                .headline{
                --logo-height: 40px;
                padding-top: calc(var(--logo-height));}
                
                .navbar-brand {float:none !important; padding: 45px 0px; font-size: 18px; line-height: 20px; height: auto;}

                .navbar:before, .navbar-header:before, {content:none !important;}

                .content{display: flex;justify-content: space-between;}   
                
              
                h3 {
                    font-size: 22px;
                    font-weight: bold;
                    font-family: abbvoice,'ABB Voice', Verdana, Arial, sans-serif;
                    text-align: left;
                    line-height: 1.25em;
                    color: #262626;
                    margin: 0px 0px 30px;}
                    

                h3:before {
                    content: '—';
                    display: block;
                    font-weight: bold;
                }

                .text h4 {
                    font-size: 22px;
                    font-weight: bold;
                    font-family: abbvoice,'ABB Voice', Verdana, Arial, sans-serif;
                    text-align: left;
                    line-height: 1.25em;
                    color: #262626;
                    margin: 0px 0px 5px;}

                a{color: #262626;text-decoration: underline;}

                .hover-underline-animation {
                display: inline-block;
                position: relative;
                color: #ff000f;}

                .hover-underline-animation:after {
                content: '';
                position: absolute;
                width: 100%;
                transform: scaleX(0);
                height: 1px;
                bottom: 0;
                left: 0;
                background-color: #ff000f;
                transform-origin: bottom right;
                transition: transform 0.25s ease-out;}

                .hover-underline-animation:hover:after {
                transform: scaleX(1);
                transform-origin: bottom left;
                }
              
                .bottom-content p.text:last-child {margin-bottom: 0px !important;}
              
                /* Form */
                form {
                  font-size: 15px !important;
                  width: 100% !important;
                  font-family: abbvoice,'ABB Voice', Verdana, Arial, sans-serif !important;
                  margin: 0 auto;
                }

                .mktoFieldDescriptor.mktoFormCol {width: 100%; margin-bottom:20px !important;}


                .mktoFieldDescriptor.mktoFormCol:has(.mktoFieldWrap label#LbliSOptInConsent):before {
                    content: 'Marketing consent ABB Electrification';
                    font-weight: bold;
                    width: 100%;
                    font-size: 16px !important;
                    padding: 10px 0px !important; /*Para stacked no poner padding bottom*/
                    display: block;
                }

                label#LbliSOptInConsent {display: none;}

                .consent-container {font-size: 16px; margin: 15px 0px 10px !important;} /*Este creo que no va*/

                .mktoLogicalField.mktoCheckboxList.mktoHasWidth:has(input[name="iSOptInConsent"] ~ label) 
                    {margin-bottom:5px;}

                input[name="iSOptInConsent"] ~ label {
                    font-size: 15px !important;
                    display: flex !important;
                    align-items: center;
                }

                .mktoFormCol:has(.mktoHtmlText .consent-container) {margin-bottom: 0px !important;} /*Este creo que no va*/

                .mktoFieldDescriptor.mktoFormCol:has(.mktoFieldWrap label#LbliSOptInConsent) {
                    margin-bottom: 5px !important;
                }

                .mktoFieldDescriptor.mktoFormCol:has(#FirstName), 
                .mktoFieldDescriptor.mktoFormCol:has(#LastName),
                .mktoFieldDescriptor.mktoFormCol:has(#State), 
                .mktoFieldDescriptor.mktoFormCol:has(#GE_HQ_ZipCode__c),
                .mktoFieldDescriptor.mktoFormCol:has(#companyAuthorization),
                .mktoFieldDescriptor.mktoFormCol:has(#jobFunction){width: 50%; padding-right:3px;}

                .mktoFieldWrap {width: 98.5%;}

                label {
                    width: 100% !important;
                    font-size: 15px;
                    margin-bottom: 5px !important;
                    font-weight: bold !important;}

                .mktoForm input[type=text], .mktoForm input[type=url], 
                .mktoForm input[type=email], .mktoForm input[type=tel], 
                .mktoForm input[type=number], .mktoForm input[type=date], 
                .mktoForm select.mktoField, .mktoForm textarea.mktoField {
                border-radius:0px;
                width: 100% !important;
                height: 35px !important;
                background-color: #fff;
                line-height: 1.5em;
                color: #262626;
                padding: 0.2em 0.3em;
                box-shadow: none;
                border: 1px #d2d2d2 solid !important;
                min-height: 1.9em;
                font-size:15px !important;
                }

                .mktoFieldWrap p.text {
                    font-size: 15px !important;
                    margin-bottom: 5px !important;
                }

                .mktoForm select.mktoField {
                    -moz-appearance: none;
                    text-indent: 0.01px;
                    -webkit-border-radius: 0;
                    -moz-border-radius: 0;
                    border-radius: 0;
                    padding: 0.2em 22px 0.2em 0.3em;
                    background: #fff url(../images/arrow-down-bk.png) center right no-repeat;
                }

                .mktoForm input.mktoField.mktoInvalid, .mktoForm textarea.mktoField.mktoInvalid, .mktoForm select.mktoField.mktoInvalid, .mktoForm .mktoLogicalField.mktoInvalid {
                    border: 1px solid #ff000f !important;
                }

                .mktoForm .mktoOffset {float: left; height: 0px !important;}

                :focus-visible {outline: none;border: 1px solid #ff000f;}

                select, input::selection {background-color: #ff000f;color: white;}

                .mktoHtmlText.mktoHasWidth {width: 100% !important;}
                .mktoHtmlText.mktoHasWidth h5 {font-weight: normal; font-size:16px;}
                textarea {min-height: 80px !important;}

                    /* Checkboxes & Radiobuttons */

                    .mktoForm input[type="checkboxes"] + label::before, .mktoForm input[type="radio"] + label::before {
                        width: 1em;
                        height: 1em;
                        font-size: 23px;
                        background-color:#ff000f !important;
                    }

                    .mktoForm.mktoLayoutAbove .mktoRadioList, .mktoForm.mktoLayoutAbove .mktoCheckboxList {
                        float: none;
                        clear: left;
                        padding: 0px !important;
                    }

                    .mktoLogicalField.mktoCheckboxList.mktoHasWidth {
                    width: 100% !important;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items:center;
                    }

                    /*.mktoLogicalField.mktoCheckboxList.mktoHasWidth:has(Input[Name="iSOptInConsent"]) {
                    align-items: flex-start;
                    }*/

                    .mktoRadioList label {line-height: 15px !important; margin:0px 0px 10px 10px !important;}

                    .mktoRadioList {width: 100% !important;}

                    .mktoLogicalField.mktoCheckboxList.mktoHasWidth label {
                    font-size: 15px;
                    padding: 0;
                    margin: 0 0 0 5px !important;
                    }

                   

                    input[type="checkbox"] {
                        width: 25px;
                        height: 25px;
                    }
                

                    /* Hint Text Color */
                    ::-webkit-input-placeholder {
                      color: #262626;
                    }
                    ::-moz-placeholder { 
                      color: #262626;
                    }
                    :-ms-input-placeholder {
                      color: #262626;
                    }
                    :-moz-placeholder {
                      color: #262626;
                    }


                    /* Button Styles */
                    .mktoButtonRow {
                        display: block;
                        position: relative;
                        margin: 0 auto !important;
                        text-align: center !important;
                        width:100%;
                    }

                    span.mktoButtonWrap.mktoDownloadButton {
                        margin: 0 auto !important;
                    }

                    .mktoForm .mktoButtonWrap.mktoDownloadButton button.mktoButton {
                        background: #ff000f;
                        border: 1px solid #ff000f;
                        border-radius: 30px;
                        width: auto;
                        padding: 0px 30px !important;
                        text-transform: uppercase;
                        font-weight: bold;
                        letter-spacing: 0.075em;
                        text-shadow:none;
                        transition: all 0.2s ease;
                        height: 36px;
                        line-height: 36px;
                        font-size: 13px;
                        color: white;
                        text-align: center;
                        text-decoration: none;
                        -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.25);
                        box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.25);
                    }

                    .mktoForm .mktoButtonWrap.mktoDownloadButton button.mktoButton:hover {
                        background: transparent;
                        border: 1px solid #ff000f;  
                        color:#ff000f;
                        transition: all 0.2s ease;
                    }

                

                    /* Form Media Queries */
                    @media only screen and (max-width: 480px){
                        input[type="checkbox"] {margin-bottom: 70px;}
                        .mktoFieldDescriptor.mktoFormCol:has(#FirstName), .mktoFieldDescriptor.mktoFormCol:has(#LastName), .mktoFieldDescriptor.mktoFormCol:has(#State), .mktoFieldDescriptor.mktoFormCol:has(#GE_HQ_ZipCode__c), .mktoFieldDescriptor.mktoFormCol:has(#companyAuthorization), .mktoFieldDescriptor.mktoFormCol:has(#jobFunction) {
                            width: 100% !important;
                            padding-right: 0px;
                        }
                    }
                
                /* Font Face */
                @font-face {
                    font-family: 'ABB Voice Display';
                    src: url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoiceDisplay_W_SBd.woff') format('woff');
                    src: url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoiceDisplay_W_SBd.woff2') format('woff2'),
                         url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoiceDisplay_A_SBd.ttf') format('truetype');
                    font-weight: bold;
                    font-style: normal;
                }

                @font-face {
                  font-family: 'ABB Voice';
                  src: url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoice-Regular.woff') format('woff'),
                       url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoice-Regular.ttf') format('truetype'),
                       url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoice-Regular.svg#ABBvoice-Regular') format('svg'),
                       url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoice-Regular.otf') format('otf');
                  font-weight: normal;
                  font-style: normal;
                }

                @font-face {
                  font-family: 'ABB Voice';
                  src: url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoice_Rg.eot');
                  src: url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoice_Rg.woff2') format('woff2'),
                       url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoice_Rg.eot?#iefix') format('embedded-opentype');
                  font-weight: normal;
                  font-style: normal;
                }

                @font-face {
                  font-family: 'ABB Voice';
                  src: url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoice-Bold.woff') format('woff'),
                       url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoice-Bold.ttf') format('truetype'),
                       url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoice-Bold.svg#ABBvoice-Bold') format('svg');
                  font-weight: bold;
                  font-style: normal;
                }

                @font-face {
                  font-family: 'ABB Voice';
                  src: url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoice_Bd.eot');
                  src: url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoice_Bd.woff2') format('woff2'),
                       url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoice_Bd.eot?#iefix') format('embedded-opentype');
                  font-weight: bold;
                  font-style: normal;
                }

                @font-face {
                  font-family: 'ABB Voice';
                  src: url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoice-Light.woff') format('woff'),
                       url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoice-Light.ttf') format('truetype'),
                       url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoice-Light.svg#ABBvoice-Light') format('svg');
                  font-weight: 100;
                  font-style: normal;
                }

                @font-face {
                  font-family: 'ABB Voice';
                  src: url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoice_Lt.eot');
                  src: url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoice_Lt.woff2') format('woff2'),
                       url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoice_Lt.eot?#iefix') format('embedded-opentype');
                  font-weight: 100;
                  font-style: normal;
                }

                @font-face {
                  font-family: 'ABB Voice';
                  src: url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoice-Medium.woff') format('woff'),
                       url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoice-Medium.ttf') format('truetype'),
                       url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoice-Medium.svg#ABBvoice-Medium') format('svg');
                  font-weight: 500;
                  font-style: normal;
                }

                @font-face {
                  font-family: 'ABB Voice';
                  src: url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoice_Md.eot');
                  src: url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoice_Md.woff2') format('woff2'),
                       url('https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/ABBvoice_Md.eot?#iefix') format('embedded-opentype');
                  font-weight: 500;
                  font-style: normal;
                }

                

                /* Footer */
                footer {
                margin-top:auto;
                width: 100%;
                background-color: #6e6e6e;
                color: #ffffff;
                z-index: 3;
                height: 70px;
                display: flex;
                justify-content: space-evenly;
                align-items: center;
                font-size: 14px;
                }

                footer a {
                color: #ffffff;
                padding-right: 25px;
                text-decoration: none;
                }

               

                /* Media Queries */
                @media only screen and (max-width: 1400px){
                  .body-container{width:45%;}              
                }

                @media only screen and (max-width: 1200px){
                  .body-container{width:50%;}   
                }

                @media only screen and (max-width: 990px){
                .body-container{width:60%;}
                }

                @media only screen and (max-width: 767px){
                    .body-container{width:90%;}
                    body{height: 100%;}
                    .overlay{height: 100%;position: static;}
                    footer a {color: #ffffff; display: block; padding-right: 0px; padding: 0px 0px 10px !important; text-decoration: none;}
                    footer {height:auto; position: relative;text-align: center; padding: 15px 0px}
                }


                @media only screen and (max-width: 480px){
                    .mktoMobileShow .mktoForm, .mktoForm *, .mktoForm {padding: 0px !important;}
                    .col-xs-12 {text-align: center;}
                    .body-container{padding:0px 20px;}
                }