
@font-face {
    font-family: "Siemens Sans Roman";
    src: url("../fonts/siemenssans-roman-webfont.woff2") format("woff2"),url("../fonts/siemenssans-roman-webfont.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: "Siemens Sans Bold";
    src: url("../fonts/siemenssans-bold-webfont.woff2") format("woff2"),url("../fonts/siemenssans-bold-webfont.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: "Siemens Sans Black";
    src: url("../fonts/SiemensSans_Prof_Black.woff2") format("woff2"),url("../fonts/SiemensSans_Prof_Black.woff") format("woff")
}


@font-face {
    font-family: "siemens-linkbox-custom-icons";
    src: url("../fonts/siemens-linkbox-custom-icons.woff") format("woff"),url("../fonts/siemens-linkbox-custom-icons.svg") format("svg")
}

@font-face {
    font-family: "siemens-webicons-webfont";
    src: url("../fonts/siemens-webicons-webfont.woff") format("woff"),url("https://new.siemens.com/etc.clientlibs/settings/wcm/designs/siemens-sites/publish/resources/fonts/siemens-webicons-webfont.svg") format("svg")
}

@font-face {
    font-family: "Siemens Slab Black Italic";
    src: url("../fonts/SiemensSlab_Prof_BlackItalic.woff2") format("woff2"),url("../fonts/SiemensSlab_Prof_BlackItalic.woff") format("woff");
}

@font-face {
    font-family: "Siemens Slab Italic";
    src: url("../fonts/SiemensSlab_Prof_Italic.woff2") format("woff2"),url("../fonts/SiemensSlab_Prof_Italic.woff") format("woff");
}


html, body {
    font-family: "Siemens Sans Roman", Arial, sans-serif;
    scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Siemens Sans Bold", Arial, sans-serif;
}


.siemens-sans-roman {
    font-family: "Siemens Sans Roman", Arial, sans-serif;
}

.siemens-sans-bold {
    font-family: "Siemens Sans Bold", Arial, sans-serif;
}

.siemens-sans-black {
    font-family: "Siemens Sans Black", Arial, sans-serif;
}

.siemens-slab-black-italic {
    font-family: "Siemens Slab Black Italic", Arial, sans-serif;
}

.siemens-slab-italic {
    font-family: "Siemens Slab Italic", Arial, sans-serif;
}

a.email-icon:before {
	content: "\E61F" !important;
}

a.doc-icon:before {
	content: "\E626" !important;
}

table li {
    margin-bottom: 8px;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ebf0f5;
}

/*--------- Quotes -------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

.quote-section {

}

.quote-statement {
    font-size: 1.75rem;
    font-family: inherit;
    line-height: 1.2857142857;
    margin-top: -0.1014285714em;
    margin-bottom: 20px;
    padding-top: 35px;
    color: #697882;
    margin-right: 0;
    margin-left: 65px;
}

.quote-person {
    font-size: 1.25rem;
    font-family: inherit;
    line-height: 1.3;
    margin-top: -0.037em;
    margin-bottom: -0.063em;
    color: #697882;
    margin-top: 0;
    margin-bottom: 0;
    font-style: normal;
    margin-left: 65px;

}

    .quote-person cite, .quote-person cite {
        font-style: normal;
    }

.quote_icon {
    position: absolute;
    font-size: 65px;
    color: #697882;
    opacity: .3;
}

    .quote_icon:before {
        font-family: "siemens-webicons-webfont";
        content: "\E90D";
    }


/*--------- NAV BAR -------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/


.navbar {
    -webkit-box-shadow: 0 0 0 0, 0 0 0 0 !important;
    box-shadow: 0 0 0 0, 0 0 0 0 !important;
    border-bottom: 2px solid #dfe6ed;
    transition: opacity linear,top .3s linear;
}

.dropdown-toggle::after {
    content: none;
}

.navbar {
	padding-bottom:0;
	
}

.navbar.navbar-light .navbar-nav .nav-item .nav-link {
	font-size: 18px;
	line-height: 40px;
    color: #788791;
	padding-bottom: 4px;
	-webkit-transition: .0s;
    transition: .0s;
}

.navbar.navbar-light .navbar-nav .nav-item .nav-link:hover {
    border-bottom: 4px solid #099;
    color: #005578;
	padding-bottom: 0px;
}

.super-active {
    border-bottom: 4px solid #099 !important;
    padding-bottom: 0px !important;
}

.mute-active {
    border-bottom: 4px solid white !important;
    padding-bottom: 0px !important;
}

.navbar .mega-dropdown .dropdown-menu.mega-menu.v-2 .sub-menu ul li a {
    color: #2d373c;
	
}

.navbar .mega-dropdown .dropdown-menu.mega-menu.v-2 .sub-menu ul {
    list-style-position: outside;
}

.navbar .mega-dropdown .dropdown-menu.mega-menu.v-2 .sub-menu ul li a:hover:before {
    content: "\E60B";
    font-family: "siemens-webicons-webfont";
    display: inline-block;
    position: relative;
    color: #2d373c;
    opacity: .6;
    position: absolute;
    left: 15px;
    top: calc(50% - 8px);
}

.navbar .mega-dropdown .dropdown-menu.mega-menu.v-2 .sub-menu ul li span {
    border-bottom: 1px solid transparent;
	padding-bottom: 2px;
}

    .navbar .mega-dropdown .dropdown-menu.mega-menu.v-2 .sub-menu ul li:hover a span {
        margin-left: 25px;
    }

    .navbar .mega-dropdown .dropdown-menu.mega-menu.v-2 .sub-menu ul li span:hover,
    .navbar .mega-dropdown .dropdown-menu.mega-menu.v-2 .sub-menu ul li:hover span {
        border-bottom: 1px solid #005578;
    }

.navbar .mega-dropdown .dropdown-menu.mega-menu.v-2 .sub-menu ul li {
    border-bottom: 1px solid #ccc;
	padding-top: 5px;
}

.navbar .mega-dropdown .dropdown-menu.mega-menu.v-2 .sub-menu ul li:first-child {
    border-top: 1px solid #ccc;
}

.navbar .mega-dropdown .dropdown-menu.mega-menu.v-2 .sub-menu ul li a:hover {
	background-color: transparent;
    color: #2d373c;
}

.navbar .mega-dropdown .dropdown-menu.mega-menu.v-2 .sub-menu ul li:hover {
    background-color: #dfe6ed;
}

.mega-menu {
	background-color: #ebf0f5;
}

.sub-page {
    padding-left:25px !important;
}

.header-contact, .header-contact span {
    font-size: 14px;
    color: #788791;
}

.header-contact:hover  {
	color: #005578;
}

.navbar-collapse { 
	max-width: 1110px;
	margin: 0 auto;
}

@media screen and (min-width: 992px) {
	.navbar-brand-mobile {
		display: none;
	}
}
@media screen and (max-width: 992px) {
    .main-logo, .header-contact {
        display: none;
    }
}


.image-button-white {
    background-color:white;
    display:block;
    height:100%;

}

    .image-button-white img {
        padding:0;
        margin:0;

    }

    .image-button-white h4 {
        font-family: "Siemens Sans Bold",Arial,sans-serif;
        color: #2d373c;
        overflow-wrap: break-word;
        max-width: 75%;
        font-size: 1.25rem;
        line-height: 1.3;
        margin-top: -0.037em;
        margin-bottom: 1.037em;
    }

    .image-button-white h6 {
        font-family: "Siemens Sans Bold",Arial,sans-serif;
        color: #2d373c;
        overflow-wrap: break-word;
        max-width: 85%;
        font-size: 1rem;
        line-height: 1.3;
        margin-top: -0.037em;
        margin-bottom: 1.037em;
    }


    .image-button-white p {
        font-size: 1rem;
        font-family: inherit;
        line-height: 1.5;
        margin-top: -0.0725em;
        margin-bottom: .0225em;
        color: #2d373c;
        max-width: 90%;
    }

    .image-button-white div.p-4 {
        position: relative;
    }

    .image-button-white span {
        font-family: "siemens-webicons-webfont";
        color: #2d373c;
        position:absolute;
        bottom:15px;
        right:15px;
     
    }

    .image-button-white span:before {
    content: "\E60B";
}



a.image-button-subfooter {
    background-color: #0a1419;
    display: block;
    min-height: 150px;
    position: relative;
}

    a.image-button-subfooter img {
        padding: 0;
        margin: 0;
        opacity:0.7;
    }

    a.image-button-subfooter h4 {
        font-family: "Siemens Sans Bold",Arial,sans-serif;
        color: white;
        overflow-wrap: break-word;
        max-width: 75%;
        font-size: 1.25rem;
        line-height: 1.3;
        margin-top: -0.037em;
        margin-bottom: 1.037em;
    }

    a.image-button-subfooter h6 {
        font-family: "Siemens Sans Bold",Arial,sans-serif;
        color: #2d373c;
        overflow-wrap: break-word;
        max-width: 85%;
        font-size: 1rem;
        line-height: 1.3;
        margin-top: -0.037em;
        margin-bottom: 1.037em;
    }


    a.image-button-subfooter p {
        font-size: 1rem;
        font-family: inherit;
        line-height: 1.5;
        margin-top: -0.0725em;
        margin-bottom: .0225em;
        color: white;
        max-width: 90%;
    }

    a.image-button-subfooter span {
        font-family: "siemens-webicons-webfont";
        color: white;
        position: absolute;
        bottom: 15px;
        right: 15px;
    }

        a.image-button-subfooter span:before {
            content: "\E60B";
        }







/*---
.article-button {
    min-height:195px;
}

@media screen and (max-width: 992px) {
    .article-button {
        min-height: 125px;
    }
}
    -------*/

/*--------- FOOTER --------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
.footer-wrap {
    background-color: #ebf0f5;
}

.footer-header {
	font-family: "Siemens Sans Bold", Arial, sans-serif;
}

.footer-list {
    list-style: none;
    padding: 0;
    list-style-position: outside;
}

.footer-list li {
	margin: 8px 0px 8px 0px; 
}

.footer-list li a {
	color: #697882;
}

.footer-list li a:hover {
	color: #2d373c;
}

.footer-list li a:before {
    font-size: 14px;
    top: -2px;
	padding-right: 10px;
	font-family: "siemens-webicons-webfont";
}


.footer-list li a:before {
    content: "\E60B";
}

.footer-list li a span {
    border-bottom: 1px solid transparent;
	padding-bottom: 2px;
}

.footer-list li a span:hover {
    border-bottom: 1px solid #005578;
}

.footer-header-link {
    color: #212529 !important;
}



/*  add .icon-link  to create a link with a > infront of it*/
a.icon-link {
    color: #697882;
}

.icon-link:hover {
	color: #2d373c;
}

.icon-link:before {
    font-size: 110%;
    top: -2px;
	padding-right: 10px;
	font-family: "siemens-webicons-webfont";
}

.icon-link:before {
    content: "\E60B";
}

.icon-link span {
    border-bottom: 1px solid transparent;
	padding-bottom: 2px;
}

.icon-link span:hover {
    border-bottom: 1px solid #005578;
}

/*  DARK VERSION .icon-link-dark */

a.icon-link {
	color: white;
}

.icon-link:hover {
	color: #697882;
}

.icon-link:before {
    font-size: 110%;
    top: -2px;
	padding-right: 10px;
	font-family: "siemens-webicons-webfont";
}

.icon-link:before {
    content: "\E60B";
}

.icon-link span {
    border-bottom: 1px solid transparent;
	padding-bottom: 2px;
}

.icon-link span:hover {
    border-bottom: 1px solid white;
}

/*---footer styles -------------------------------------------------------------------------------*/

.footer-wrap a:link,.footer-wrap a:visited{color:#697882}

.footer-wrap a:hover,.footer-wrap a:active,..footer-wrap a:focus{color:#005578}

.footer__wrapper ul.linklist li{margin-top:15px}
.footer__wrapper h4{margin-top:40px;margin-bottom:20px}
.footer__wrapper h4+select{font-size:1rem;font-family:inherit;line-height:1;margin-top:20px}
.footer__wrapper a:link,.footer__wrapper a:visited{color:#697882}
.footer__wrapper a:hover,.footer__wrapper a:active,.footer__wrapper a:focus{color:#005578}
.footer__wrapper a:hover span,.footer__wrapper a:active span,.footer__wrapper a:focus span{border-color:#005578}
.footer__wrapper a.footer__link:before{font-size:18px;top:-3px}
.footer__wrapper select{width:100%;background:#FFF;height:45px;border:0;border-bottom:1px solid #879baa;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#788791;padding:2px 15px 0;background-color:#FFF;background-image:url("clientlibs/resources/arrow-down-select.svg");background-repeat:no-repeat;background-position-x:95%;background-position-y:center;background-size:15px;outline:0;display:block}
@media(min-width:1025px){.footer__wrapper select{display:none}
}
.footer__products{width:100%;float:left;margin-left:0;margin-right:0}
@media(min-width:600px){.footer__products{width:49.1525423729%;float:left;margin-right:1.6949152542%;margin-right:0;padding-right:15px}
}
@media(min-width:1025px){.footer__products{width:32.2033898305%;float:left;margin-right:1.6949152542%}
}
.footer__marketslink{display:none;margin-top:18px}
.footer__marketslink a,.footer__marketslink a:visited{color:#2d373c}
.footer__marketslink a span,.footer__marketslink a:visited span{color:#2d373c}
.footer__marketslink a:hover span{border-bottom-color:#2d373c}
@media(min-width:1025px){.footer__marketslink{display:block}
}
.footer__marketsselect--default{width:100%;float:left;margin-left:0;margin-right:0;display:block}
@media(min-width:600px){.footer__marketsselect--default{width:49.1525423729%;float:left;margin-right:1.6949152542%;margin-right:0;padding-left:15px}
}
@media(min-width:1025px){.footer__marketsselect--default{display:none}
}
.footer__marketsselect--link{display:none;float:left;width:100%;margin-top:10px}
.footer__marketsselect--link h4{margin:0}
@media(min-width:1025px){.footer__marketsselect--link{display:block}
}
.footer__contact{width:100%;float:left;margin-left:0;margin-right:0}
@media(min-width:600px){.footer__contact{width:49.1525423729%;float:left;margin-right:1.6949152542%;margin-right:0}
}
@media(min-width:1025px){.footer__contact{width:100%;padding:0;float:none}
}
.footer__company{width:100%;float:left;margin-left:0;margin-right:0}
@media(min-width:600px){.footer__company{width:49.1525423729%;float:left;margin-right:1.6949152542%;margin-right:50%;padding-right:15px}
}
@media(min-width:1025px){.footer__company{width:32.2033898305%;float:left;margin-right:1.6949152542%;margin-right:inherit}
}
.footer__region{width:100%;float:left;margin-left:0;margin-right:0}
@media(min-width:1025px){.footer__region{width:100%;padding:0;float:none}
.footer__region h4{margin-top:30px}
}
.footer__social{width:100%;float:left;margin-left:0;margin-right:0}
@media(min-width:600px){.footer__social{width:49.1525423729%;float:left;margin-right:1.6949152542%;margin-right:0;padding-left:15px}
}
@media(min-width:1025px){.footer__social{width:100%;padding:0;float:none}
.footer__social h4{margin-top:30px}
}
.footer__social a{display:inline-block;margin-right:7px}
.footer__social a:before{font-size:20px}
.footer__social a:visited:before{color:#697882}
.footer__social a:hover:before,.footer__social a:active:before{color:#005578}
.footer__social a:hover span,.footer__social a:active span{border-bottom:0}
.footer__legal{width:100%;float:left;margin-left:0;margin-right:0;font-size:14px;margin-top:50px;margin-bottom:15px}
@media(min-width:600px){.footer__legal{width:100%;float:left;margin-left:0;margin-right:0}
}
@media(min-width:1025px){.footer__legal{clear:left;width:auto;margin-top:40px;margin-bottom:50px}
}
.footerlinklist__base{width:100%;float:left;margin-left:0;margin-right:0;width:100%}
.footerlinklist__base:before,.footerlinklist__base:after{content:" ";display:table}
.footerlinklist__base:after{clear:both}
.footer__legalnav{width:100%;float:left;margin-left:0;margin-right:0;display:block;font-size:14px;margin-bottom:35px}
.footer__legalnav:before,.footer__legalnav:after{content:" ";display:table}
.footer__legalnav:after{clear:both}
@media(min-width:600px){.footer__legalnav{width:100%;float:left;margin-left:0;margin-right:0}
.footer__legalnav li{display:inline;margin-right:15px}
.footer__legalnav li:last-child{margin-right:0}
}
@media(min-width:1025px){.footer__legalnav{width:auto;margin-left:40px;margin-top:40px}
}
.footer__legalnav ul{display:block;margin:0}
@media(min-width:600px){.footer__legalnav ul li{margin-top:5px}
}
@media(min-width:1025px){.footer__misc{float:left;padding-right:30px;width:33.33%}
}
@media(min-width:1025px){.footer__misc--unique{padding-right:0;width:100%}
.footer__misc--unique .footer__contact,.footer__misc--unique .footer__region,.footer__misc--unique .footer__socialChannels{float:left;padding-right:30px;width:33.33%}
.footer__misc--unique h4{margin-top:35px}
}
.footer__copyright{display:block;color:#003750;margin-top:15px}
@media(min-width:600px){.footer__copyright{display:inline;margin-left:16px;margin-top:0}
}
.footer__tinylink span{display:inline-block;margin-bottom:15px}
@media(min-width:768px){.footer__tinylink span{margin-bottom:0}
}
.footer--hidden{display:none}
[dir=rtl] .footer .icon-arrow-right-small:before{display:inline-block;transform:rotate(180deg)}
@media(min-width:1025px){[dir=rtl] .footer__content{float:left;padding-right:30px}
}
[dir=rtl] .footer__wrapper select{background-position-x:5%}
[dir=rtl] .footer__products{width:100%;float:right;margin-right:0;margin-left:0}
@media(min-width:600px){[dir=rtl] .footer__products{width:49.1525423729%;float:right;margin-left:1.6949152542%;margin-left:0;padding-left:15px;padding-right:0}
}
@media(min-width:1025px){[dir=rtl] .footer__products{width:32.2033898305%;float:right;margin-left:1.6949152542%;padding-right:0}
}
[dir=rtl] .footer__marketsselect--default{width:100%;float:right;margin-right:0;margin-left:0;display:block}
@media(min-width:600px){[dir=rtl] .footer__marketsselect--default{width:49.1525423729%;float:right;margin-left:1.6949152542%;margin-left:0;padding-right:15px}
}
@media(min-width:1025px){[dir=rtl] .footer__marketsselect--default{display:none}
}
[dir=rtl] .footer__marketsselect--link{float:right}
[dir=rtl] .footer__contact{width:100%;float:right;margin-right:0;margin-left:0}
@media(min-width:600px){[dir=rtl] .footer__contact{width:49.1525423729%;float:right;margin-left:1.6949152542%;margin-left:0}
}
@media(min-width:1025px){[dir=rtl] .footer__contact{width:100%;padding:0;float:none}
}
[dir=rtl] .footer__company{width:100%;float:right;margin-right:0;margin-left:0}
@media(min-width:600px){[dir=rtl] .footer__company{width:49.1525423729%;float:right;margin-left:1.6949152542%;margin-left:50%;padding-left:15px;padding-right:0}
}
@media(min-width:1025px){[dir=rtl] .footer__company{width:32.2033898305%;float:right;margin-left:1.6949152542%;margin-left:0;padding-right:0}
}
[dir=rtl] .footer__region{width:100%;float:right;margin-right:0;margin-left:0}
[dir=rtl] .footer__social{width:100%;float:right;margin-right:0;margin-left:0}
@media(min-width:600px){[dir=rtl] .footer__social{width:49.1525423729%;float:right;margin-left:1.6949152542%;margin-left:0;padding-right:15px}
}
@media(min-width:1025px){[dir=rtl] .footer__social{width:100%;padding:0;float:none}
}
[dir=rtl] .footer__social a{margin-left:7px;margin-right:0}
[dir=rtl] .footer__social .icon:before{padding-left:6px;padding-right:0}
[dir=rtl] .footer__legal{width:100%;float:right;margin-right:0;margin-left:0}
@media(min-width:600px){[dir=rtl] .footer__legal{width:100%;float:right;margin-right:0;margin-left:0}
}
@media(min-width:1025px){[dir=rtl] .footer__legal{clear:right;width:auto;margin-top:40px;margin-bottom:50px}
}
[dir=rtl] .footerlinklist__base{width:100%;float:right;margin-right:0;margin-left:0;width:100%}
[dir=rtl] .footer__legalnav{width:100%;float:right;margin-right:0;margin-left:0}
@media(min-width:600px){[dir=rtl] .footer__legalnav{width:100%;float:right;margin-right:0;margin-left:0}
[dir=rtl] .footer__legalnav li{margin-left:15px}
[dir=rtl] .footer__legalnav li:last-child{margin-left:0}
}
@media(min-width:1025px){[dir=rtl] .footer__legalnav{width:auto;margin-right:40px;margin-top:40px}
}
@media(min-width:1025px){[dir=rtl] .footer__misc{float:right;padding-left:30px;padding-right:0}
}
@media(min-width:1025px){[dir=rtl] .footer__misc--unique{padding-right:0;padding-left:0}
[dir=rtl] .footer__misc--unique .footer__contact,[dir=rtl] .footer__misc--unique .footer__region,[dir=rtl] .footer__misc--unique .footer__socialChannels{float:right;padding-left:30px}
}
@media(min-width:600px){[dir=rtl] .footer__copyright{margin-right:16px}
}

/*---Marquee area -----------------------------------------------------------------------------------*/

.video-background-holder {
    position: relative;
    background-color: #000;
    height: 90vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}
.video-background-holder video, .video-background-holder img {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	
}
.video-background-content {
	position: absolute;
	bottom:10%;
	left:80px;
    z-index: 2;
	background: linear-gradient(to right,rgba(80,190,190,0.7) 0,rgba(0,153,153,0.7) 50%,rgba(0,153,176,0.7) 83%,rgba(0,153,203,0.7) 100%);
    margin-right: 1.6949152542%;
    padding: 30px;
	width:500px;
	font-family: "Siemens Sans Bold",Arial,sans-serif;
	color: white;
}

.video-background-content2 {
	position: absolute;
	bottom:10%;
	left:80px;
    z-index: 2;
	background: linear-gradient(to right,rgba(54, 121, 121, 0.9) 0,rgba(6, 121, 121, 0.94) 50%,rgba(0, 85, 98, 0.93) 83%,rgba(0, 98, 130, 0.7) 100%);
    margin-right: 1.6949152542%;
    padding: 30px;
	width:500px;
	font-family: "Siemens Sans Bold",Arial,sans-serif;
	color: white;
}

.video-background-content-mobile {
    background: linear-gradient(to right,rgba(80,190,190,1.0) 0,rgba(0,153,153,1.0) 50%,rgba(0,153,176,1.0) 83%,rgba(0,153,203,1.0) 100%);
    margin-right: 1.6949152542%;
    padding: 30px;
    width: 100%;
    font-family: "Siemens Sans Bold",Arial,sans-serif;
    color: white;
}



.video-background-content h1 {
	font-size: 2.375rem;
}

.video-background-content p {
	font-size: 1.25rem;
}

@media screen and (max-width: 992px) {
	.video-background-content {
		bottom:10%;
		left:20px;
		margin-right: 1.6949152542%;
		padding: 30px;
		width:400px;
	}
}

/*--------- Homepage Background Images -------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
.always-be-ready-header {
    position: relative;
    background-image: url('/assets/img/home/always-be-ready-BG.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    width: 100%;
    overflow: hidden;
}

.contracts-header , .cybersecurity-header {
    position: relative;
    background-image: url('/assets/img/home/contracts-section-BG.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    width: 100%;
    overflow: hidden;
}


/*--------- Homepage Slider -------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
.slider-copy h1 {
    font-size:1.5rem;
}

.slider-copy .slider-subhead {
    font-size: 1.3rem;
    line-height: 1.5rem;
    color: #fff;
}

.slider-copy p {
    font-size: 1rem;
}

.swiper-pagination-bullet {
    border: 1.5px solid #fff !important;
    background-color: transparent !important;
    opacity: 100% !important;
}

.swiper-pagination-bullet-active {
    background-color: #fff !important;
    opacity: 100% !important;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 992px) {
    .slider-background-content-mobile {
        left: 0px;
        padding: 5% !important;
        padding-bottom: 8% !important;
        background: linear-gradient(to right,rgba(80,190,190,0.7) 0,rgba(0,153,153,0.7) 50%,rgba(0,153,176,0.7) 83%,rgba(0,153,203,0.7) 100%);
        min-height: 220px;
    }
    .slider-background-content-mobile .hero-slider-text {
        padding-left: 9%;
        width: 90%;
    }
    .slider-copy h1 {
        font-size: 1.3rem;
    }
}

/*--------- Article Header -------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

.article-header {
    position: relative;
    background-image: url('/assets/img/insights/articles/article-header.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}

.article-intro {
    width: 88%;
    display: block;
    margin: auto;
}

.lh-29 {
    line-height: 29px !important;
}

.white-text {
    color: #fff;
}

.tertiary-page-headline {
    font-size: 2.5rem;
    margin-top: -1.5rem;
}

.pt-3 {
    padding-top: 3rem;
}

.pt-6 {
    padding-top: 5.2rem;
}

.pt-5 {
    padding-top: 5rem;
}

.quote-styled p {
    width: 88%;
    display: block;
    margin: auto;
    font-size: 2.5rem;
    line-height: 3.8rem;
}

@media (max-width: 600px) {
    .quote-styled p {
        width: 88%;
        display: block;
        margin: auto;
        font-size: 1.5rem;
        line-height: 2.5rem;
    }
}

.siemens-slab-italic {
    font-family: "Siemens Slab Italic", Arial, sans-serif;
}

/*---Text Sections ------------------------------------------------------------------------------------*/
.text-section {
    font-family: "Siemens Sans Roman", Arial, sans-serif;
    padding-top: 40px;
    padding-bottom: 60px;
}

.text-section .preheadline {
	font-size: 1.25rem;
    font-family: inherit;
    line-height: 1.4;
    margin-top: -0.086em;
    margin-bottom: .836em;
    color: #697882;
    display: inline-block;
    margin-right: 3px;
}

.text-section small {
	color: #697882;
}

    .text-section h2 {
        font-size: 2rem;
        font-family: "Siemens Sans Bold", Arial, sans-serif;
        line-height: 1.5;
        margin-top: -0.22875em;
        color: black;
    }

.text-section p {
	font-size: 1rem;
	line-height: 26px
}

.text-section strong {
    font-weight:bold;
}


.text-section p.smaller-p-text {
	font-size: .9rem;
}


.text-section-darkgrey {
	background-color: #565f6a;
	color: white;
}

    .text-section-darkgrey a {
        color: #b2b7bc !important;
    }

.text-section-darkgrey .preheadline {
	 color: #cdd9e1;
}

.text-section-darkgrey h2 {
	 color: white;
}

.text-section-lightgrey {
    background-color: #ebf0f5;
}

.text-section-black {
	background-color: #0a1419;
	color: white;
}


.main-button {
	display: flex;
    align-items: center;
    padding: 12px 15px;
	font-family: "Siemens Sans Bold",Arial,sans-serif;
	font-size:16px;
}

.main-button:before {
	font-family: "siemens-webicons-webfont";
    padding-right: 10px;
	content: "\E60B";
}


.yellow-button {
    background-color: #faa50a;
    color: white;
    display: inline-flex;
}

.yellow-button:hover {
	background-color: #ffb900;
	color: white;
}

.blue-button {
    background-color: #2387aa;
    color: white;
    display: inline-flex;
}

    .blue-button:hover {
        background-color: #005578;
        color: white;
    }

.white-outline-button {
	display: inline-flex;
	background-color: rgba(0,0,0,0);
	color: white;
	border: 2px solid white;
}

.white-outline-button:hover {
	background-color: rgba(0,0,0,0);
	color: white;
}


.secondary-page-headline {
    font-size: 3rem;
    font-family: "Siemens Sans Bold";
    margin-bottom: 28px;
}

input#textinput, textarea {
    line-height: 1em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.78571428571428571428571428571429em;
    padding-bottom: 0.78571428571428571428571428571429em;
    width: 100%;
    color: #788791;
    border-top: 0.07142857142857142857142857142857em solid #879baa;
    position: relative;
    background-color: #ffffff;
    border: 0.07142857142857142857142857142857em solid #cdd9e1;
    outline: 0;
    outline-offset: 0;
}

.md-form.md-outline input[type="text"] {
    line-height: 1em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.78571428571428571428571428571429em;
    padding-bottom: 0.78571428571428571428571428571429em;
    width: 100%;
    color: #788791;
    border-top: 0.07142857142857142857142857142857em solid #879baa;
    position: relative;
    background-color: #ffffff;
    border: 0.07142857142857142857142857142857em solid #cdd9e1;
    outline: 0;
    outline-offset: 0;
    border-radius: 0;
}


ol.breadcrumbs {
    list-style:none;

}

ol.breadcrumbs li {

}

    ol.breadcrumbs li a {
        color: #788791;
    }

        ol.breadcrumbs li a:hover {
            color: #005578;
        }

ol.breadcrumbs li a:not(:first-of-type) {
}

/*---Contract Vehicle Sections ------------------------------------------------------------------------------------*/

.contract-vehicle-table {
}

    .contract-vehicle-table th {
        text-align: center !important;
        font-family: "Siemens Sans Bold",Arial,sans-serif;
    }

    .contract-vehicle-table td {
        padding: 20px;
    }

    .contract-vehicle-table .customer-column {
        text-align: center;
    }

    .contract-vehicle-table li {
        margin-bottom:10px;
    }

    .contract-vehicle-table img {
        max-width:150px;
    }

@media screen and (max-width: 992px) {
    .contract-vehicle-table img {
        max-width: 80px;
    }
    .contract-vehicle-table td {
        padding: 10px;
    }
 }

.md-form.md-outline input[type="text"] {
    background-color: white;
}

.dxbs-memo .form-control {
    background-color: white !important;
}


.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: "";
    background-image: url('/assets/img/video-play-button.png');
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: 55% calc(50% - 0px);
    border: none !important;
    box-shadow: none !important;
}

.video-js .vjs-big-play-button {
    border: 0 solid #fff;
    background-color: rgba(43, 51, 63, 0.0);
}

.video-js:hover .vjs-big-play-button {
    background-color: rgba(43, 51, 63, 0.0);
}



/*---Cybersecurity for Defense section------------------------------------------------------------------------------------*/

/* Hero section base styles */
.hero-section {
    position: relative;
    background: url('/assets/img/solutions/cybersecurity/hero.jpg');
    background-size: cover;
    background-position: center;


}
/* Create overlay */
.hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(10, 47, 77, 0.85); /* Your blue color with opacity */
    z-index: 1;
}

/* Make content appear above overlay */
.hero-section .container {
    position: relative;
    z-index: 2; 
}

@media (max-width: 768px) {
    .hero-section {
        padding: 60px 0 80px;
        min-height: auto;
    }
}

.sup2 {
    top: -0.8em !important;
    position: relative !important;
    font-size: 61% !important;
    line-height: 0 !important;
    vertical-align: baseline !important;
}