:root {
   --iconsgreycolor: #5a5a5a;
   --sitecolhex: #0076CE;
   --sitecolrgb: rgb(0, 118, 206);
   --sitecol2hex: #00447C;
}

::selection {
   background-color: #338fff;
   color: white;
}


* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   font-family: "helveticalight";
}

body {
   font-family: "helveticalight" !important;
   overflow-x: hidden;
   padding: 0px;
   margin: 0 auto;
}

footer {
   color: #fff;
   clear: both;
   width: auto;
   height: auto;
   background-color: #f4f5f6;
   /* background-color: var(--sitecol2hex); */
}

#navigation {
   display: flex;
   width: 100%;
   justify-content: space-between;
}

.header {
   top: 0;
   width: 100%;
   z-index: 10;
   display: flex;
   flex-direction: column;
   position: sticky;
   padding: 0 64px;
   background-color: white;
   border-bottom: 1px solid #dddddd;
}


.before-h {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-end;
}

.before-h li {
   list-style: none;
   padding: 10px 14px;
}

.before-h .bh-a1 {
   color: #0076CE;
   font-size: 14px;
   font-weight: 200;
   letter-spacing: 0.6px;
   text-decoration: none;
   font-family: 'helvetica';
}

.before-h .bh-a2 {
   color: #000000;
   font-size: 15px;
   font-weight: 200;
   letter-spacing: 0.6px;
   text-decoration: none;
   font-family: 'helvetica';
}


.h-area-ruler {
   width: 100%;
   display: flex;
}


.logo-area {
   display: flex;
   justify-content: center;
   align-items: center;
}

.logo {
   width: auto;
   /* padding: 12px 4px; */
   /* background-color: #0076CE; */
}

.logo-area a {
   color: #0076CE;
   padding: 08px 20px 10px 20px;
   outline-color: #0076CE;
   text-decoration: none;
}

.logo .exemachine-logo {
   font-size: 28px;
   font-weight: 600;
   letter-spacing: 1px;
}




.h-top-area {
   float: left;
   width: 74%;
   display: block;
}

.h-down-area {
   float: left;
   width: 100%;
   padding-left: 22px;
}




.dropdown4 {
   float: left;
   overflow: hidden;
}

.dropdown4 i {
   color: #262626;
   font-size: 14px;
}

.dropdown4 .dropbtn4 {
   border: none;
   color: #262626;
   outline-color: #262626;
   font-size: 18px;
   cursor: pointer;
   font-weight: 600;
   letter-spacing: 1px;
   transition: 0.1s ease;
   padding: 34.8px 20px;
   background-color: transparent;
}

.dropdown-content4 {
   z-index: 1;
   width: 100%;
   display: none;
   left: 0;
   position: absolute;
   transition: 0.1s ease;
   background-color: white;
   padding: 0px 15px 32px 26px;
   border-top: 2px solid #cccccc;
   border-bottom: 1px solid #cccccc;
}

.dropdown-content4 .incontent-cols {
   display: flex;
   flex-direction: row;
   justify-content: space-around;
}

.dropdown-content4 .content-subdivide {
   padding: 0 10px 0 0;
   width: 256px;
}

.inub-column_span {
   font-size: 15px;
   padding: 0px !important;
   color: #808080;
   font-weight: 600;
   letter-spacing: 0.8px;
}

.incontent-cols .content-col-IT,
.incontent-cols .content-col-MS,
.incontent-cols .content-col-PS,
.incontent-cols .content-col-DS,
.incontent-cols .content-col-OS {
   width: 25%;
   height: auto;
}

.dropdown-content4 .content_head {
   color: var(--sitecolhex);
   padding: 10px 0px 4px 0px;
   text-decoration: none;
   font-size: 15.5px;
   display: block;
   font-weight: bold;
   text-align: left;
   transition: 0.1s ease;
}

.dropdown-content4 .content_mid {
   color: var(--sitecol2hex);
   padding: 28px 0px 8px 0px;
   font-weight: 600;
   letter-spacing: 0.8px;
   text-decoration: none;
   font-size: 20px;
   display: block;
   text-align: left;
   transition: 0.1s ease;
}

.dropdown-content4 .content_head:hover,
.dropdown-content4 .content_mid:hover {
   color: #00447C;
}

.dropdown4:hover .dropdown-content4 {
   display: block;
}





.dropdown5 {
   float: left;
   overflow: hidden;
}

.dropdown5 i {
   color: #262626;
   font-size: 14px;
}

.dropdown5 .dropbtn5 {
   border: none;
   color: #262626;
   outline-color: #262626;
   font-size: 18px;
   cursor: pointer;
   font-weight: 600;
   letter-spacing: 1px;
   transition: 0.1s ease;
   padding: 34.8px 20px;
   background-color: transparent;
}

.dropdown-content5 {
   z-index: 1;
   width: 100%;
   display: none;
   left: 0;
   position: absolute;
   transition: 0.1s ease;
   background-color: white;
   padding: 0px 15px 32px 26px;
   border-top: 2px solid #cccccc;
   border-bottom: 1px solid #cccccc;
}

.dropdown-content5 .incontent-cols {
   display: flex;
   flex-direction: row;
   justify-content: space-around;
}

.dropdown-content5 .content-subdivide {
   padding: 0 10px 0 0;
   width: 256px;
}

.incontent-cols .content-col-IT,
.incontent-cols .content-col-MS,
.incontent-cols .content-col-PS,
.incontent-cols .content-col-DS,
.incontent-cols .content-col-OS {
   width: 25%;
   height: auto;
}

.dropdown-content5 .content_head {
   color: var(--sitecolhex);
   padding: 10px 0px 4px 0px;
   text-decoration: none;
   font-size: 15.5px;
   display: block;
   font-weight: bold;
   text-align: left;
   transition: 0.1s ease;
}

.dropdown-content5 .content_mid {
   color: var(--sitecol2hex);
   padding: 28px 0px 8px 0px;
   font-weight: 600;
   letter-spacing: 0.8px;
   text-decoration: none;
   font-size: 20px;
   display: block;
   text-align: left;
   transition: 0.1s ease;
}

.dropdown-content5 .content_head:hover,
.dropdown-content5 .content_mid:hover {
   color: #00447C;
}

.dropdown5:hover .dropdown-content5 {
   display: block;
}








.dropdown6 {
   float: left;
   overflow: hidden;
}

.dropdown6 i {
   color: #262626;
   font-size: 14px;
}

.dropdown6 .dropbtn6 {
   border: none;
   color: #262626;
   outline-color: #262626;
   font-size: 18px;
   cursor: pointer;
   font-weight: 600;
   letter-spacing: 1px;
   transition: 0.1s ease;
   padding: 34.8px 20px;
   background-color: transparent;
}

.dropdown-content6 {
   z-index: 1;
   width: 100%;
   display: none;
   left: 0;
   position: absolute;
   transition: 0.1s ease;
   background-color: white;
   padding: 0px 84px 32px 84px;
   border-top: 2px solid #cccccc;
   border-bottom: 1px solid #cccccc;
}

.dropdown-content6 .incontent-cols {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
}

.dropdown-content6 .content-subdivide {
   padding: 0 10px 0 0;
   width: 256px;
}

.inub-column_div {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
}

.inub-column_div .inub-column_link {
   font-size: 15px;
   color: #808080;
   font-weight: 600;
   line-height: 1.28rem;
   letter-spacing: 0.8px;
   text-decoration: none;
   transition: 0.1s ease-in-out;
}

.inub-column_div .right-arrow-link {
   color: #808080;
}

.inub-column_link:hover,
.inub-column_link:hover .right-arrow-link {
   margin: 0 0 0 8px;
   color: #00447C !important;
}


.incontent-cols .content-col-IT,
.incontent-cols .content-col-MS,
.incontent-cols .content-col-PS,
.incontent-cols .content-col-DS,
.incontent-cols .content-col-OS {
   width: 25%;
   height: auto;
}

.dropdown-content6 .content_head {
   color: var(--sitecolhex);
   padding: 10px 0px 4px 0px;
   text-decoration: none;
   font-size: 15.5px;
   display: block;
   font-weight: bold;
   text-align: left;
   transition: 0.1s ease;
}

.dropdown-content6 .content_mid {
   color: var(--sitecol2hex);
   padding: 28px 0px 8px 0px;
   font-weight: 600;
   letter-spacing: 0.8px;
   text-decoration: none;
   font-size: 20px;
   display: block;
   text-align: left;
   transition: 0.1s ease;
}

.dropdown-content6 .content_head:hover,
.dropdown-content6 .content_mid:hover {
   color: #00447C;
}

.dropdown6:hover .dropdown-content6 {
   display: block;
}



.dropdown7 {
   float: left;
   overflow: hidden;
}

.dropdown7 i {
   color: #262626;
   font-size: 14px;
}

.dropdown7 .dropbtn7 {
   border: none;
   color: #262626;
   outline-color: #262626;
   font-size: 18px;
   cursor: pointer;
   font-weight: 600;
   letter-spacing: 1px;
   transition: 0.1s ease;
   padding: 34.8px 20px;
   background-color: transparent;
}

.dropdown-content7 {
   z-index: 1;
   width: 100%;
   display: none;
   left: 0;
   position: absolute;
   transition: 0.1s ease;
   background-color: white;
   padding: 0px 15px 32px 26px;
   border-top: 2px solid #cccccc;
   border-bottom: 1px solid #cccccc;
}

.dropdown-content7 .incontent-cols {
   display: flex;
   flex-direction: row;
   justify-content: space-around;
}

.dropdown-content7 .content-subdivide {
   padding: 0 10px 0 0;
   width: 256px;
}

.incontent-cols .content-col-IT,
.incontent-cols .content-col-MS,
.incontent-cols .content-col-PS,
.incontent-cols .content-col-DS,
.incontent-cols .content-col-OS {
   width: 25%;
   height: auto;
}

.dropdown-content7 .content_head {
   color: var(--sitecolhex);
   padding: 10px 0px 4px 0px;
   text-decoration: none;
   font-size: 15.5px;
   display: block;
   font-weight: bold;
   text-align: left;
   transition: 0.1s ease;
}

.dropdown-content7 .content_mid {
   color: var(--sitecol2hex);
   padding: 28px 0px 8px 0px;
   font-weight: 600;
   letter-spacing: 0.8px;
   text-decoration: none;
   font-size: 20px;
   display: block;
   text-align: left;
   transition: 0.1s ease;
}

.dropdown-content7 .content_head:hover,
.dropdown-content7 .content_mid:hover {
   color: #00447C;
}

.dropdown7:hover .dropdown-content7 {
   display: block;
}





.dropdown8 {
   float: left;
   overflow: hidden;
}

.dropdown8 i {
   color: #262626;
   font-size: 14px;
}

.dropdown8 .dropbtn8 {
   border: none;
   color: #262626;
   outline-color: #262626;
   font-size: 18px;
   cursor: pointer;
   font-weight: 600;
   letter-spacing: 1px;
   transition: 0.1s ease;
   padding: 34.8px 20px;
   background-color: transparent;
}

.dropdown-content8 {
   z-index: 1;
   width: 100%;
   display: none;
   left: 0;
   position: absolute;
   transition: 0.1s ease;
   background-color: white;
   padding: 0px 15px 32px 26px;
   border-top: 2px solid #cccccc;
   border-bottom: 1px solid #cccccc;
}

.dropdown-content8 .incontent-cols {
   display: flex;
   flex-direction: row;
   justify-content: space-around;
}

.dropdown-content8 .content-subdivide {
   padding: 0 10px 0 0;
   width: 256px;
}

.incontent-cols .content-col-IT,
.incontent-cols .content-col-MS,
.incontent-cols .content-col-PS,
.incontent-cols .content-col-DS,
.incontent-cols .content-col-OS {
   width: 25%;
   height: auto;
}

.dropdown-content8 .content_head {
   color: var(--sitecolhex);
   padding: 10px 0px 4px 0px;
   text-decoration: none;
   font-size: 15.5px;
   display: block;
   font-weight: bold;
   text-align: left;
   transition: 0.1s ease;
}

.dropdown-content8 .content_mid {
   color: var(--sitecol2hex);
   padding: 28px 0px 8px 0px;
   font-weight: 600;
   letter-spacing: 0.8px;
   text-decoration: none;
   font-size: 20px;
   display: block;
   text-align: left;
   transition: 0.1s ease;
}

.dropdown-content8 .content_head:hover,
.dropdown-content8 .content_mid:hover {
   color: #00447C;
}

.dropdown8:hover .dropdown-content8 {
   display: block;
}




.contact-nav {
   overflow: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
}

.contact-nav .contactbtn-nav {
   border: none;
   font-size: 18px;
   font-weight: 600;
   letter-spacing: 1px;
   cursor: pointer;
   border-radius: 25px;
   padding: 14px 24px;
   transition: 0.1s ease;
   outline-color: #262626;
   background-color: #a100ff;
}

.contact-nav .contactbtn-nav a {
   text-decoration: none;
   color: #fff;
}


.toggle-button-area {
   display: none;
}

.toggle-button-nav {
   padding: 20px;
   height: 100%;
   display: flex;
   align-items: center;
   float: right;
}

.toggle-button-nav span {
   font-size: 44px;
   color: #0076CE;
   font-weight: 200;
   user-select: none;
   cursor: pointer;
}





.scrolltotop {
   position: fixed;
   opacity: 0;
   z-index: 1;
   right: 2px;
   color: #00447C;
   bottom: 55px;
   cursor: pointer;
   font-size: 30px;
   transition: .5s;
   padding: 5px 8px;
   background: transparent;
   pointer-events: none;
   border: 2px solid #00447C;
}

.scrolltotop:hover {
   background: #00447C;
   color: white;
   /* box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.2), 0 2px 25px 0 rgba(0, 0, 0, 0.19);  Back-Shadow */
}





























.cookies {
   position: fixed;
   bottom: 30px;
   left: -500px;
   max-width: 440px;
   width: 100%;
   background: #fff;
   border-radius: 8px;
   padding: 24px 27px;
   transition: left 0.3s ease;
   box-shadow: 0 0px 10px 0px rgb(0 0 0 / 60%);
}

.cookies.show {
   left: 30px;
}

.cookies header {
   display: flex;
   align-items: center;
   column-gap: 15px;
}

.cookies header i {
   color: #00447C;
   font-size: 32px;
}

.cookies header h2 {
   color: black;
   font-weight: 600;
   font-size: 19px;
}

.cookies .data {
   margin-top: 16px;
}

.cookies .data p {
   color: #333;
   font-size: 15px;
   line-height: 1.6pc;
}

.data p a {
   color: #00447C;
   text-decoration: none;
}

.data p a:hover {
   text-decoration: underline;
}

.cookies .cookies_buttons_area {
   margin-top: 16px;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.cookies_buttons_area .cookies_button {
   color: #fff;
   padding: 10px 0;
   border-radius: 2px;
   background: #00447C;
   font-size: 16px;
   cursor: pointer;
   width: calc(100% / 3 - 10px);
   border: 2px solid #00447C;
}

.cookies_buttons_area #acceptcookiesBtn:hover {
   background-color: #0076CE;
   border: 2px solid #0076CE;
}


#customizeBtn {
   border: 2px solid #00447C;
   background-color: #fff;
   color: #00447C;
}

#customizeBtn:hover {
   border-color: #0076CE;
}


#declinecookiesBtn {
   border: 2px solid #00447C;
   background-color: #fff;
   color: #00447C;
}

#declinecookiesBtn:hover {
   border-color: #0076CE;
}







.area-Dcontact {
   width: auto;
   padding: 26px;
   display: flex;
   background-color: #0076CE;
}

.struct-Dcontact {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
}

.Dcontact-txt {
   width: 42%;
   margin-left: 7.5%;
}

.Dcontact-txt h1 {
   color: white;
   font-family: 'helveticalight';
   font-weight: 100;
   font-size: 40px;
   margin: 0px;
}

.Dcontact-link {
   width: 40%;
   margin-right: 10%;
   display: flex;
   justify-content: center;
}

.Dcontact-link a {
   background: #0076CE linear-gradient(270deg, transparent 50%, #fff 0) 100%;
   background-color: #0076CE;
   background-size: 201% 100%;
   border: 1px solid white;
   border-radius: 0;
   border-top-right-radius: 0;
   color: #fff;
   display: inline-block;
   font-size: 14px;
   font-weight: 800;
   letter-spacing: .1rem;
   line-height: 1.5;
   padding: 14px 16px;
   outline: none;
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
   transition: background-position .25s ease-in-out, color .25s ease-in-out;
   user-select: none;
   vertical-align: middle;
}

.Dcontact-link a:hover {
   background-color: #0076CE;
   background-position: 0;
   border: 1px solid white;
   color: #0076CE;
}

.Dcontact-link a:focus {
   box-shadow: 0 0 0 0.2rem hsla(0, 0%, 100%, .5);
}



/*Footer*/
.Footer-Area {
   display: flex;
   margin: 0 auto;
   max-width: 1280px;
   align-items: center;
   justify-content: center;
   padding: 60px 0;
}

.Footer-struct {
   display: flex;
   align-items: baseline;
   padding: 20px;
   justify-content: center;
}

.Footer-links {
   width: 50%;
   display: grid;
}

.Footer-web_connect {
   margin: 0 0 125px 0;
}

.Footer-web_connect li {
   list-style: none;
   font-size: 24px;
   padding: 0 0 14px 0;
}

.Footer-web_connect li a {
   text-decoration: none;
   color: #000000;
   font-family: helvetica;
   padding: 6px 2px;
}

.Footer-social_connect {
   width: 100%;
   padding: 0 0 0 4px;
}

.Footer-social_connect .social_connect-txt {
   color: #000000;
   padding: 6px 0;
   font-size: 20px;
}

.Footer-social_connect .social_connect-icons {
   width: 180px;
   display: flex;
   padding: 6px 0;
   justify-content: space-between;
}

.social_connect-icons .social_connector {
   color: #0076CE;
   font-size: 28px;
   transition: .2s ease;
   text-decoration: none;
}

.social_connect-icons .social_connector:hover {
   color: #00447C;
}



.Footer-text {
   width: 50%;
}

.Exe-info p {
   color: #000000;
   font-size: 21px;
   font-family: helvetica;
   line-height: 32px;
}

.Exe-Logo {
   display: flex;
   padding: 0 0 36px 0;
}

.Exe-Logo h1 {
   color: #0076CE;
   font-family: 'helveticalight';
}

.Exe-Logo span {
   color: #0076CE;
   font-size: 32px;
   font-weight: 100;
   padding: 0 0 0 10px;
   font-family: 'helveticalight';
}



.Footer-bott {
   width: 1280px;
   margin: 0 auto;
}

.Fbott-struct {
   padding: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.copyright_disclaimer {
   color: color(srgb 0 0 0 / 0.6);
   font-size: 20px;
   width: 50%;
}

.Disclaimer_links {
   width: 50%;
   display: flex;
   align-items: center;
   justify-content: flex-end;
}

.D-pages {
   display: flex;
   list-style: none;
   align-items: center;
   justify-content: flex-end;
}

.D-pages a {
   font-size: 20px;
   text-decoration: none;
   color: color(srgb 0 0 0 / 0.6);
}

.D-pages:not(:last-child)::after {
   color: rgba(0, 0, 0, 0.6);
   content: "|";
   font-size: 24px;
   margin: 0px 6px;
}