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

                div#GTM_NoScript {height: 0px;}
              
                .gray-bg{background-color:#f1f1f1;}
              
                .text {font-size: 16px; line-height: 1.5em;}
              
                h3 {
                    font-size: 24px;
                    font-weight: bold;
                    font-family: abbvoice,'ABB Voice', Verdana, Arial, sans-serif;
                    text-align: left;
                    line-height: 1.25em;
                    color: #262626;
                    margin: 0px 0px 20px;}
              	
              	h3:before {
                    content: '—';
                    display: block;
                    margin-bottom: -3px;}

                a:has(button) {
                    color: white !important;
                    text-decoration: none !important;
                }

                button{
                    margin-top: 10px;
                    display: flex;
                    justify-content: center;
                    align-items: center; 
                    height:35px;
                    line-height:37px;
                    background-color: #ff000f;
                    border: #ff000f 1px solid;
                    transition: all 0.25s ease;
                    border-radius: 30px;
                    color: white;
                    width: 220px;
                    text-align: center;
                    text-decoration: none;
                    text-transform: uppercase;
                    font-family: abbvoice,'ABB Voice', Verdana, Arial, sans-serif;
                    font-weight: bold;
                    font-size: 13px;
                    letter-spacing: 0.075em;
                    -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);
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                }

                button:hover {
                    background-color: #ffffff;
                    color: #ff000f;
                    transition: all 0.25s ease;
                }

                button-gray{
                    background-color:#f2f2f2;
                    border: #f2f2f2 1px solid;
                }
              
                    
                .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;
                }

                .details-content {min-height: 500px;
                transition-timing-function: ease-out;
                    transition-property: initial;
                    transition-duration: 0.5s;
                    transition-delay: 0s;}

                .details-content:hover {
                    transform: scale(1.025);
                    transition-timing-function: ease-out;
                    transition-property: initial;
                    transition-duration: 0.5s;
                    transition-delay: 0s;
                    box-shadow: 0 0 10px 10px #f3f3f3;}


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

                /* ABB Logo */
                .logo{width:120px; --logo-height: 45px; padding:calc(var(--logo-height)) 0px;}
              
              
                /* Header */
                .banner-image img{object-fit: cover; width:100%; background-size:cover; max-height: 200px;}
              	
              	.mktoGen.mktoImg {display: block !important; line-height: 0;}
              
                h1.banner-title{line-height: 1.25em;
                color: #262626;
                font-weight: bold;
                font-size: 38px;
                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: 38px;
                font-weight: 200;
                font-family: abbvoice, 'ABB Voice', Verdana, Arial, sans-serif;
                line-height: 1.1em;}

                .navbar-brand {float:none !important; padding: 45px 0px; font-size: 18px; line-height: 20px; height: auto;}
              
                .navbar:before, .navbar-header:before, {content:none !important;}

                /* Main Content */
                #Main-Content {font-size:18px;}
              
                /* Host */
                .host-section{align-items: center; display: flex;}
                .host-img {width: auto;}
                .host-section img{object-fit: cover; border-radius: 50%; height: 100px; width: 100px;}
                #Host p {font-size:16px;}
              
              
                /* Schedule */
                .schedule-details{padding-bottom:15px; padding-left: 10px;animation: cd-bounce-2 0.6s;}
                .schedule-details:not(div:last-of-type) {border-left: 1px solid #a3a3a3;}
                .schedule-details .date:before {
                    content: '';
                    font-size: 20px !important;
                    background: #ff000f;
                    border-radius: 100%;
                    width: 10px;
                    height: 10px !important;
                    display: inline-block;
                    margin-right: -10px;
                    left: -15px;
                    position: relative;}
              
                .date {
                    text-transform: uppercase;
                    font-size: 13.5px;
                    height: auto;
                    line-height: 11px;
                    margin-bottom: 5px;
                }
              
                .title{font-size: 18px;line-height: 1.5em; font-weight:bold;}

                a.schedule-link:hover {color: #ff000f;}
              
                .schedule-link{color:#ff000f; text-transform:uppercase; font-size:12px;text-decoration:none;}

    
                /* Webinar Details */
                .abstract{font-size: 16px;line-height: 1.5em; margin-top:5px;}
              
                .details-content .date:before{content: url(https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/IS-Calendar-Icon-ABB-Gray.png);
                position: relative; top: 7px; margin-right: 5px;}
              
                .details-content {
                border-radius: 20px;
                box-shadow: 0 0 9px 1px #f3f3f3;
                padding: 20px;}
              
                            
                .details-content .date {margin-bottom: 25px !important;}
              
                .abstract {
                font-size: 16px;
                line-height: 1.5em;
                margin: 15px 0px;}
              
                .speaker p:before {content: url(https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/IS-ABB-Graphic-Miscellaneous-17x8.png); padding-right: 5px;}
                .speaker p {margin-bottom: 5px; font-size: 13px; text-transform: uppercase;}
                .speaker p:last-child {margin-bottom: 0px;}

                .speaker ul {
                            font-size: 13px;
                            text-transform: uppercase;
                            margin: 0;
                            padding: 0px 0px 0px 24px;
                            list-style-image: url(https://powertalk.electrification.us.abb.com/rs/780-DQM-060/images/IS-ABB-Graphic-Miscellaneous-17x8.png);
                        }
              
              	.details-body .col-md-6 {margin-bottom: 30px;}
              	.details-body .col-md-6:nth-last-child(-n + 2) {margin-bottom: 0px;}


                /* Form */
                #Registration-Form{min-height: auto !important;}
              
                .mktoForm .mktoOffset {float: left; height: 0px !important;}

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

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

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

                    .mktoRadioList label {line-height: 12px !important;margin: 0px 0px 10px 0px !important; padding: 0px 0px 0px 17px !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;
                        text-shadow:none;
                    }

                    .mktoForm .mktoButtonWrap.mktoDownloadButton button.mktoButton:hover {
                        background: transparent;
                        color:#ff000f;
                    }

                

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

                        #Registration-Form{margin-top:40px;}

                        .mktoForm{padding:0px !important;}
                    }


                /* Resources */
                .promotion-banner img {
                    object-fit: cover;
                    height: 150px;
                    width: 100%;
                    margin: 0px 0px 15px;
                    background-size: cover;
                    background-position-y: center;
                }

                .promotion-title {min-height: 35px;}

                .promotion-title h5{font-weight:bold;}             
              
                .promotion-text {
                    font-size: 16px;
                    font-weight: normal;
                    line-height: 1.25em;
                    min-height: 110px;
                    margin-bottom: 5px;
                }


                button.promotion-cta {}
              
              	button.promotion-cta:hover {}

                .promotion {
                    transition: ease-out;
                    transition-timing-function: ease-out;
                    transition-property: initial;
                    transition-duration: 0.5s;
                }

                .promotion:hover {
                    transform: translate(0px, -5px);
                    transition: ease-out;
                    transition-timing-function: ease-out;
                    transition-property: initial;
                    transition-duration: 0.5s;
                }
              
                
                /* Footer  */
                .footer {
                bottom: 0;
                width: 100%;
                background-color: #6e6e6e;
                color: #ffffff;
                position: relative;
                margin: 0 auto;
                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){
                .container{width:100%;}
                .host-img{padding-bottom: 10px; margin:0 auto;}
                .host-section {text-align: center; justify-content: space-around;}
                }

                @media only screen and (max-width: 990px){
                label{font-size: 12px;}
                .headline{padding:40px 15px;}
                }

                @media only screen and (max-width: 767px){
                .details-body .col-md-6:last-child{margin-bottom: 0px !important;}
                .details-body .col-md-6:nth-last-child(-n + 2) {margin-bottom: 30px;}
                .details-content {min-height: auto !important;}
                #Resources .col-lg-4{margin-bottom: 30px;}
                #Resources .col-lg-4:last-child{margin-bottom: 0px;}
                .promotion-text {min-height: auto !important; margin-bottom:20px;}
                .footer a:first-child {padding: 0;}

                .footer a {
                color: #ffffff;
                display: block;
                padding-right: 0px;
                padding: 10px 0px;
                text-decoration: none;
                }

                .footer {height: auto; text-align: center; padding: 15px 0px}
                }


                @media only screen and (max-width: 480px){
                label{font-size: 15px;}
                .col-xs-12 {text-align: left}
                #Registration-Form {min-height: auto !important}
                }


                /* Animation */
                .cd-container {
                  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
                  width: 97%;
                  max-width: 1170px;
                  margin: 0 auto;
                }
                .cd-container::after {
                  /* clearfix */
                  content: '';
                  display: table;
                  clear: both;
                }

                /* -------------------------------- 

                Main components 

                -------------------------------- */

                #cd-timeline {
                  position: relative;
                  margin-bottom: 2em;
                }
                #cd-timeline::before {
                  /* this is the vertical line */
                  content: '';
                  position: absolute;
                  top: 0;
                  left: 0px;
                  height: 100%;
                  width: 4px;
                  border-left: 2px dashed #147ec0;
                  
                }
                @media only screen and (min-width: 1170px) {
                  #cd-timeline {
                    margin-bottom: 3em;
                  }
                  #cd-timeline::before {
                    left: 0;
                    margin-left: -2px;
                  }
                }

                .cd-timeline-block {
                  position: relative;
                  margin: 2em 0;
                }
                .cd-timeline-block:after {
                  content: "";
                  display: table;
                  clear: both;
                }
                .cd-timeline-block:first-child {
                  margin-top: 0;
                }
                .cd-timeline-block:last-child {
                  margin-bottom: 0;
                }
                @media only screen and (min-width: 1170px) {
                  .cd-timeline-block {
                    margin: 3em 0;
                  }
                  .cd-timeline-block:first-child {
                    margin-top: 0;
                  }
                  .cd-timeline-block:last-child {
                    margin-bottom: 0;
                  }
                }

                .cd-timeline-img {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 25px;
                  height: 25px;
                  border-radius: 50%;
                  margin-left: -12px;
                }
                .cd-timeline-img img {
                  display: block;
                  width: 24px;
                  height: 24px;
                  position: relative;
                  left: 50%;
                  top: 50%;
                  margin-left: -12px;
                  margin-top: -12px;
                }
                .cd-timeline-img.cd-picture {
                  background: #75ce66;
                }
                .cd-timeline-img.cd-line {
                  background: #147ec0;
                }

                .cd-timeline-img.cd-movie {
                  background: #c03b44;
                }
                .cd-timeline-img.cd-location {
                  background: #f0ca45;
                }
                @media only screen and (min-width: 1170px) {
                  .cd-timeline-img {
                    width: 25px;
                    height: 25px;
                    left: 0;
                    margin-left: -14px;
                    /* Force Hardware Acceleration in WebKit */
                    -webkit-transform: translateZ(0);
                    -webkit-backface-visibility: hidden;
                  }
                  .cssanimations .cd-timeline-img.is-hidden {
                    visibility: hidden;
                  }
                  .cssanimations .cd-timeline-img.bounce-in {
                    visibility: visible;
                    -webkit-animation: cd-bounce-1 0.6s;
                    -moz-animation: cd-bounce-1 0.6s;
                    animation: cd-bounce-1 0.6s;
                  }
                }

                @-webkit-keyframes cd-bounce-1 {
                  0% {
                    opacity: 0;
                    -webkit-transform: scale(0.5);
                  }

                  60% {
                    opacity: 1;
                    -webkit-transform: scale(1.2);
                  }

                  100% {
                    -webkit-transform: scale(1);
                  }
                }
                @-moz-keyframes cd-bounce-1 {
                  0% {
                    opacity: 0;
                    -moz-transform: scale(0.5);
                  }

                  60% {
                    opacity: 1;
                    -moz-transform: scale(1.2);
                  }

                  100% {
                    -moz-transform: scale(1);
                  }
                }
                @keyframes cd-bounce-1 {
                  0% {
                    opacity: 0;
                    -webkit-transform: scale(0.5);
                    -moz-transform: scale(0.5);
                    -ms-transform: scale(0.5);
                    -o-transform: scale(0.5);
                    transform: scale(0.5);
                  }

                  60% {
                    opacity: 1;
                    -webkit-transform: scale(1.2);
                    -moz-transform: scale(1.2);
                    -ms-transform: scale(1.2);
                    -o-transform: scale(1.2);
                    transform: scale(1.2);
                  }

                  100% {
                    -webkit-transform: scale(1);
                    -moz-transform: scale(1);
                    -ms-transform: scale(1);
                    -o-transform: scale(1);
                    transform: scale(1);
                  }
                }
                .cd-timeline-content {
                  position: relative;
                  padding: 0 1.6em;
                }
                .cd-timeline-content:after {
                  content: "";
                  display: table;
                  clear: both;
                }
                .cd-timeline-content h2 {
                  color: #303e49;
                }
                .cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
                  font-size: 16px !important; 
                  font-size: 0.9rem;
                  color: #3c3d3c;
                  font-weight:600 !important;
                }
                .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
                  display: inline-block;
                }
                .cd-timeline-content p {
                  margin: 1em 0;
                  line-height: 1.6;
                }
                .cd-timeline-content .cd-read-more {
                  float: right;
                  padding: .8em 1em;
                  background: #acb7c0;
                  color: white;
                  border-radius: 0.25em;
                }
                .no-touch .cd-timeline-content .cd-read-more:hover {
                  background-color: #bac4cb;
                }
                .cd-timeline-content .cd-date {
                  float: left;
                  padding: .8em 0;
                  opacity: .7;
                }
                /*.cd-timeline-content::before {
                  content: '';
                  position: absolute;
                  top: 16px;
                  right: 100%;
                  height: 0;
                  width: 0;
                  border: 7px solid transparent;
                  border-right: 7px solid white;
                }*/
                @media only screen and (min-width: 768px) {
                  .cd-timeline-content h2 {
                    font-size: 20px;
                    font-size: 1.25rem;
                  }
                  .cd-timeline-content p {
                    font-size: 16px;
                    font-size: 1rem;
                  }
                  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
                    font-size: 14px;
                    font-size: 0.875rem;
                  }
                }
                @media only screen and (min-width: 1170px) {
                  .cd-timeline-content {
                    margin-left: 0;
                    padding: 0 1.6em;
                  }
                  .cd-timeline-content::before {
                    top: 24px;
                    left: 100%;
                    border-color: transparent;
                    border-left-color: white;
                  }
                  .cd-timeline-content .cd-read-more {
                    float: left;
                  }
                  /*.cd-timeline-content .cd-date {
                    position: absolute;
                    width: 100%;
                    left: 122%;
                    top: 6px;
                    font-size: 16px;
                    font-size: 1rem;
                  }
                  
                  .cd-timeline-block:nth-child(even) .cd-timeline-content {
                    float: right;
                  }
                  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
                    top: 24px;
                    left: auto;
                    right: 100%;
                    border-color: transparent;
                    border-right-color: white;
                  }*/
                  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
                    float: right;
                  }
                  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
                    left: auto;
                    right: 122%;
                    text-align: right;
                  }
                  .cssanimations .cd-timeline-content.is-hidden {
                    visibility: hidden;
                  }
                  .cssanimations .cd-timeline-content.bounce-in {
                    visibility: visible;
                    -webkit-animation: cd-bounce-2 0.6s;
                    -moz-animation: cd-bounce-2 0.6s;
                    animation: cd-bounce-2 0.6s;
                  }
                }

                @media only screen and (min-width: 1170px) {
                  /* inverse bounce effect on even content blocks */
                  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
                    -webkit-animation: cd-bounce-2-inverse 0.6s;
                    -moz-animation: cd-bounce-2-inverse 0.6s;
                    animation: cd-bounce-2-inverse 0.6s;
                  }
                }
                @-webkit-keyframes cd-bounce-2 {
                  0% {
                    opacity: 0;
                    -webkit-transform: translateX(-100px);
                  }

                  60% {
                    opacity: 1;
                    -webkit-transform: translateX(20px);
                  }

                  100% {
                    -webkit-transform: translateX(0);
                  }
                }
                @-moz-keyframes cd-bounce-2 {
                  0% {
                    opacity: 0;
                    -moz-transform: translateX(-100px);
                  }

                  60% {
                    opacity: 1;
                    -moz-transform: translateX(20px);
                  }

                  100% {
                    -moz-transform: translateX(0);
                  }
                }
                @keyframes cd-bounce-2 {
                  0% {
                    opacity: 0;
                    -webkit-transform: translateX(-100px);
                    -moz-transform: translateX(-100px);
                    -ms-transform: translateX(-100px);
                    -o-transform: translateX(-100px);
                    transform: translateX(-100px);
                  }

                  60% {
                    opacity: 1;
                    -webkit-transform: translateX(20px);
                    -moz-transform: translateX(20px);
                    -ms-transform: translateX(20px);
                    -o-transform: translateX(20px);
                    transform: translateX(20px);
                  }

                  100% {
                    -webkit-transform: translateX(0);
                    -moz-transform: translateX(0);
                    -ms-transform: translateX(0);
                    -o-transform: translateX(0);
                    transform: translateX(0);
                  }
                }
                @-webkit-keyframes cd-bounce-2-inverse {
                  0% {
                    opacity: 0;
                    -webkit-transform: translateX(100px);
                  }

                  60% {
                    opacity: 1;
                    -webkit-transform: translateX(-20px);
                  }

                  100% {
                    -webkit-transform: translateX(0);
                  }
                }
                @-moz-keyframes cd-bounce-2-inverse {
                  0% {
                    opacity: 0;
                    -moz-transform: translateX(100px);
                  }

                  60% {
                    opacity: 1;
                    -moz-transform: translateX(-20px);
                  }

                  100% {
                    -moz-transform: translateX(0);
                  }
                }
                @keyframes cd-bounce-2-inverse {
                  0% {
                    opacity: 0;
                    -webkit-transform: translateX(100px);
                    -moz-transform: translateX(100px);
                    -ms-transform: translateX(100px);
                    -o-transform: translateX(100px);
                    transform: translateX(100px);
                  }

                  60% {
                    opacity: 1;
                    -webkit-transform: translateX(-20px);
                    -moz-transform: translateX(-20px);
                    -ms-transform: translateX(-20px);
                    -o-transform: translateX(-20px);
                    transform: translateX(-20px);
                  }

                  100% {
                    -webkit-transform: translateX(0);
                    -moz-transform: translateX(0);
                    -ms-transform: translateX(0);
                    -o-transform: translateX(0);
                    transform: translateX(0);
                  }
                }