/* 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; height: 100%; 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; min-height:calc(100vh - 70px);}

                .logo{/*background-image: url(${ABB-Logo}); background-repeat:no-repeat; background-size: contain; width: 100px; height: 45px;*/}     
              
                .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;}
              
                .container{max-width:1170px !important;}


                /* 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;}


                .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;
                  background: white;
                  padding: 30px;
                  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:4px;}

                .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;
                    }

                    .mktoLogicalField.mktoCheckboxList.mktoHasWidth:has(Input[Name="Request_A_Quote"]) {
                    align-items: center;
                    }

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

                    .mktoRadioList {width: 100% !important;}

                    .mktoForm .mktoOffset {float: left; height: 0px !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){
              
                }

                @media only screen and (max-width: 1200px){
             
                
                }

                @media only screen and (max-width: 990px){
                .container{max-width:970px !important;}

                }

                @media only screen and (max-width: 767px){
                    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}
                    .text {margin-bottom: 20px;}
                }


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