@font-face {
font-family: "Noe";
font-weight: 400;
src: url(//www.tesium.com/wp-content/themes/tesium/fonts/Noe-Display-Bold.woff) format('woff'),
url(//www.tesium.com/wp-content/themes/tesium/fonts/Noe-Display-Bold.eot) format('embedded-opentype')
}
@font-face{
font-family:"FF Milo";
font-style: italic;
font-weight: 400;
src:url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/089f80ab-693b-4acf-8c5f-916301f3cc05.eot?#iefix);
src:url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/089f80ab-693b-4acf-8c5f-916301f3cc05.eot?#iefix) format("eot"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/f2d47f17-079a-40ed-ad74-d59930fee199.woff2) format("woff2"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/c1f89a0f-ff8a-44df-857d-22a10ec697ef.woff) format("woff"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/5980733d-08fa-4b0c-8d03-8fd731afa6f8.ttf) format("truetype"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/50cf2890-7f35-439c-b0d9-5d84ee57c5c7.svg#50cf2890-7f35-439c-b0d9-5d84ee57c5c7) format("svg");
}
@font-face{
font-family:"FF Milo";
font-style: italic;
font-weight: 600;
src:url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/61511ef0-ce8b-4cb7-8dd9-8f4e88e76dc7.eot?#iefix);
src:url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/61511ef0-ce8b-4cb7-8dd9-8f4e88e76dc7.eot?#iefix) format("eot"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/3d62818b-2151-4ab1-a9e9-02d7d8a85a72.woff2) format("woff2"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/8fe0844b-ea45-4f3b-ada5-a98ff82bc6f6.woff) format("woff"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/64f219e9-2312-4fb9-aeca-faa3736c36f7.ttf) format("truetype"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/7e135f84-af64-471b-ac2c-f209c64f5f58.svg#7e135f84-af64-471b-ac2c-f209c64f5f58) format("svg");
}
@font-face{
font-family:"FF Milo Serif";
font-style: normal;
font-weight: 400;
src:url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/94ed65a6-9c34-4a16-9537-cd09bb95978b.eot?#iefix);
src:url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/94ed65a6-9c34-4a16-9537-cd09bb95978b.eot?#iefix) format("eot"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/10e21a34-556b-4acf-ab6e-e0eb64132f46.woff2) format("woff2"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/d09df167-1fbd-459c-b010-c8460f822a5f.woff) format("woff"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/6f80b693-4235-429c-a283-fa6a4023191b.ttf) format("truetype"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/de837ce1-8c93-4664-8eec-75b098ecee31.svg#de837ce1-8c93-4664-8eec-75b098ecee31) format("svg");
}
@font-face{
font-family:"FF Milo Serif";
font-style: italic;
font-weight: 600;
src:url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/723553cb-ad63-464f-aedd-d7855299742a.eot?#iefix);
src:url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/723553cb-ad63-464f-aedd-d7855299742a.eot?#iefix) format("eot"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/c8eaad12-f3b3-4b58-9bc4-ab979bccf196.woff2) format("woff2"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/cafe2e0b-ddd3-4f48-b770-34795d6ce8bc.woff) format("woff"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/fdfc7d00-9c84-4ab2-84c9-812b0d114422.ttf) format("truetype"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/68c76d10-6249-468d-84fb-c8c9f18c11c4.svg#68c76d10-6249-468d-84fb-c8c9f18c11c4) format("svg");
}
@font-face{
font-family:"FF Milo Serif";
font-style: normal;
font-weight: 600;
src:url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/cd03df33-0096-4330-b2ce-71d17a300c60.eot?#iefix);
src:url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/cd03df33-0096-4330-b2ce-71d17a300c60.eot?#iefix) format("eot"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/458f8919-7808-486d-b2cb-9a69d1c286b9.woff2) format("woff2"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/286a7fba-2d3f-419b-9939-1c9893d29450.woff) format("woff"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/eaf8dfeb-6008-43cd-b5d1-e2359c1d3ca3.ttf) format("truetype"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/fbdb2bac-c4ca-4e96-87ff-80ce0b9dd528.svg#fbdb2bac-c4ca-4e96-87ff-80ce0b9dd528) format("svg");
}
@font-face{
font-family:"FF Milo Serif";
font-style: italic;
font-weight: 400;
src:url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/4b34a46f-8517-4d5a-b438-49a3c6bac542.eot?#iefix);
src:url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/4b34a46f-8517-4d5a-b438-49a3c6bac542.eot?#iefix) format("eot"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/ece7b5e0-5471-42ed-94b3-c0d59c4b815e.woff2) format("woff2"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/364fa246-dbda-45f7-af0e-fde9854b22f2.woff) format("woff"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/5ccf184a-aba4-49e8-bc62-1ab9fd84c891.ttf) format("truetype"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/0d032b92-2baa-4268-8e39-c1d7dc59b30c.svg#0d032b92-2baa-4268-8e39-c1d7dc59b30c) format("svg");
}
@font-face{
font-family:"FF Milo";
font-style: normal;
font-weight: 400;
src:url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/673ae37a-579e-4607-87ad-de4eda432e85.eot?#iefix);
src:url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/673ae37a-579e-4607-87ad-de4eda432e85.eot?#iefix) format("eot"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/974232cd-5984-4981-9bca-91e0e01ee3cb.woff2) format("woff2"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/4ba40fd6-ffc4-44a5-922a-19a415539aba.woff) format("woff"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/1704a110-5450-4586-ba82-d9f3b5dba0af.ttf) format("truetype"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/492cf91d-e944-463a-85fa-e574eaa35abd.svg#492cf91d-e944-463a-85fa-e574eaa35abd) format("svg");
}
@font-face{
font-family:"FF Milo";
font-style: normal;
font-weight: 600;
src:url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/bda34f60-7554-4ab6-88ca-a552e7a59727.eot?#iefix);
src:url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/bda34f60-7554-4ab6-88ca-a552e7a59727.eot?#iefix) format("eot"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/9605cec3-ccae-4f0f-bce7-ca7a0fbc22d5.woff2) format("woff2"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/b60e3e36-6fb8-452b-9593-bef1038247cc.woff) format("woff"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/d5624928-2a24-4485-b4f9-e786d37ab625.ttf) format("truetype"),url(//www.tesium.com/wp-content/themes/tesium/fonts/milo/47e4067c-1f02-43e0-a25e-6222726e9073.svg#47e4067c-1f02-43e0-a25e-6222726e9073) format("svg");
}
@font-face{
font-family:"Kelso";
font-style: normal;
font-weight: 600;
src:url(//www.tesium.com/wp-content/themes/tesium/fonts/kelso/kelso.woff2) format("woff2"),url(//www.tesium.com/wp-content/themes/tesium/fonts/mkelsoilo/kelso.woff) format("woff");
}
*{outline: 0;
backface-visibility: hidden;
}
mark{
background-color: transparent;
color: #E8452D;
}
.full-width{
width: 100% !important;
max-width: 100% !important;
}
.of-h{
overflow:hidden;
}
.jaffe-frame{
position: absolute;
height: 100%;
width:100%;
top:0;
left:0;
overflow: hidden;
}
.jaffe-bg{
display: none;
z-index: 10;
width: 100%;
height:100%;
height: 9000px;
background-color: #006ea6;
position: fixed;
top: 0;
left: -100%;
z-index: 1004;
animation: slideout 1000ms;
animation-fill-mode: forwards;
}
.jaffe-bg.on{
display: block;
}
.jaffe-bg.on.show{
animation: slidein 3000ms;
animation-fill-mode: forwards
}
@keyframes slidein {
0% {
left: -100%;
}
20%{
left: -50%
}
35%{
left: -50%;
}
45%{
left:  -10%;
}
95%{
left:  -10%;
}
100% {
left: 0%;
}
}
@keyframes slideout {
0% {
left: 0%;
}
100% {
left: -100%;
}
}
.jaffee {
position: absolute;
top:-10px;
left:0;
width: 100%;
height:102%;
display: inline-flex;
transform: rotateX(10deg); 
transform-style: preserve-3d;
cursor: grab;
}
.jaffee img {
width: auto;
height: auto;
width: 100%;
height:100%;
opacity: 0;
}
.jaffee .a,
.jaffee .b,
.jaffee .c {
top: 0;
display: inline-block;
height: 100%;
background-image: var(--bg);
background-size: cover;
background-repeat: no-repeat;
}
.jaffee .a {
position: absolute;
left: 0;
width: 50%;
background-position: 0 0;
background-color: #006ea6;
}
.jaffee .bc {
position: absolute;
display: inline-flex;
width: 50%;
height: 100%;
left: 50%;
transform-origin: left;
transition: transform 1s;
transform-style: preserve-3d;
backface-visibility: hidden;
}
.jaffee .b,
.jaffee .c {
position: relative;
width: 50%;
backface-visibility: hidden;
background-color: #006ea6;
}
.jaffee .b {
background-position: 66.666667% 0;
transform-style: preserve-3d;
background-color: #006ea6;
transition: background-color 1s .5s;
}
.jaffee.rolein .b{
background-color: #006aa6;
transition: background-color 1s;
}
.jaffee .b:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ccc;
transform: rotateY(180deg) translateZ(1px);
transform-style: preserve-3d;
backface-visibility: hidden;
}
.jaffee .c {
background-position: 100% 0;
transform-origin: left;
transition: transform .5s;
backface-visibility: hidden;
}
.jaffee .c:after{
display: block;
position: absolute;
width: 10px;
height: 100%;
background-color: #006ea6;border: 1px solid #006ea6;
z-index: 1004;
content:  "";
left: -5px;
top: 0;
}
.jaffee.rolein .bc{
transform: rotateY(-180deg) translateZ(-1px);
transition: transform .25s;
}
.jaffee.rolein .c{
transform: rotateY(180deg) translateZ(2px);
transition: transform .5s;
}
html, body{
font-family:'FF Milo','Arial';
font-size:18px;
line-height:22px;
-webkit-font-smoothing: antialiased;
}
#slb_viewer_wrap .slb_theme_slb_baseline *{ 
font-family:'FF Milo','Arial' !important;
}
.kelso{
font-family:"Kelso";
}
.search-result{
margin-bottom: 25px;
padding-bottom:25px;
border-bottom:1px solid grey;
}
.wp-block-group a,
.wp-block-group a:hover,
.wp-block-group a:active{
color:#E8452D;
text-decoration: none;
font-style:italic;
font-weight: bold;
}
a[href^="tel:"] { white-space: nowrap; }
.column h4 a{
color:white;
}
.has-green-color a{
color:#006ea6 !important;
}
.w-80{width:80%;}
text{
font-family:'FF Milo','Arial';
}
em{
color:#006ea6;
font-style: normal;
font-weight: 600;
}
.has-red-color.has-text-color em{
color:  #E8452D;
}
body.noscroll{overflow:hidden}
b, strong{
color:#006EA6;
font-weight: bold;
}
.has-schwarz-color.has-text-color b, .has-schwarz-color.has-text-color strong{
color: black;
}
.slide-blue b, .slide-blue strong{
color: white;
}
.year-selection li{
display: inline-block;
margin-right: 15px;
}
.year-selection li a{
color: black !important;
}
.year-selection li.active a{
color: #E8452D !important;
font-size: 22.5px;
}
.year-selection{
margin: 40px 0;
padding: 10px 0;
border-top:  1px solid #DFDBCC;
border-bottom:  1px solid #DFDBCC;
font-size: 18px;
}
article{
padding: 40px 0;
font-size: 22.5px;
color: black;
font-family:'FF Milo','Arial';
}
article .overview{
font-size: 22.5;
display: block;
color: #E8452D;
border-top: 1px solid #DFDBCC;
border-bottom: 1px solid #DFDBCC;
margin: 40px 0;
padding: 5px 0;
font-weight: bold;
font-style: italic;
}
article span, article .more{
color: #E8452D;
}
article span{
margin-top: 25px;
display: block;
}
article .more{
font-style: italic;
}
article.single-article span{
display: block;
}
article .more{
font-weight: bold;
}
article h1{
font-size: 36px;
font-family:'FF Milo','Arial';
color: black;
font-weight: bold;
}
article h1{
margin-bottom: 25px;
}
article h1 a{
color: black !important;
}
article:nth-child(2) {
background: rgba(94,143,154,.2);
}
article img{
width: 100%;
height: auto;
}
p, .mw-800{
width:100%;
max-width:800px;
margin-bottom: 1.25em;
}
.spacer{
width:100%;
height:1px;
}
h2{
margin-bottom: 15px;
margin-top:15px;
font-size: 1.5em;
font-weight: bold;
}
h2 a{
color:#006ea6;
position:relative;
}
.wp-block-group ol{
list-style-type: decimal-leading-zero;
list-style-position: inside;
}
.with-arrow{
position:relative;
}
h2 a:after, .with-arrow:after{
position:absolute; margin-left:14px;
content:"";
width:40px;
height:20px;
background-image: url(//www.tesium.com/wp-content/themes/tesium/img/arrow.svg);
transform:rotate(180deg);
background-repeat: no-repeat;
background-size: contain;
transition: left .5s;
}
.with-arrow{
height:15px;
width:30px;
color:black;
}
h2 a:hover:after{
margin-left:calc(30px );
transition: margin-left .5s;
}
h3{
font-weight: bold;
font-size: 2em;
}
h3{
color:white;
font-weight: 600;
}
h4{
font-weight: 600;
margin-bottom: 10px;
font-size: 1em;
}
h4 a, h4 a:hover{
color:white;
text-decoration: none;
}
footer{
width:100%;
margin-top: 15px;
}
.menu-layer footer{
margin-top:25px;
}
footer .container:not(.goup){
border-top:1px solid #777A71;
color:#777A71;
}
footer ul{
padding-left: 0;
}
.goup{
margin:25px 0;
cursor:pointer;
}
.menu-layer .goup{
display:none;
}
.goup{
position:fixed;
bottom:-100px;
left:calc(100% - 75px);
width:50px;
height:50px;
transition: all 1s;
}
.goup.active{
bottom:65px;
transition: all 1s;
z-index: 100;
}
.has-light-gray-background-color{
background-color: rgba(223,219,204,.4);
}
.has-light-gray-bg-background-color{
background-color: rgba(223,219,204,.4);
background-image: url(//www.tesium.com/wp-content/themes/tesium/img/SMO_Fingerprint-RGB.svg);
background-size: contain;
background-position: 300px -50px;
background-position-x: 50%;
background-repeat: no-repeat;
}
.has-gray-background-color{
background-color: #777A71;
}
.has-gray-color{
color: #777A71;
}
.has-blue-background-color{
background-color: rgba(94,143,154,.2);
}
.has-blue-background-color .has-weiss-background-color{
padding-top:15px;
}
.has-blue-background-color .has-weiss-background-color ol,
.wp-block-column ol{
padding-left:40px;
}
.has-blue-background-color .has-weiss-background-color ol li,
.wp-block-column ol li{
list-style-position: initial;
list-style-type: decimal-leading-zero;
color:#006EA6 ;
position: relative;
border-top: 0 !important;
}
.c-accordion__content ol{
padding-left:40px;
}
.c-accordion__content ol li{
list-style-position: initial;
list-style-type: decimal-leading-zero;
position: relative;
border-top: 0 !important;
}
.c-accordion__content ol li::after{
content: '';
position: absolute;
left: -40px;
width: calc( 100% + 40px );
border-top: 2px solid #DFDBCC;
top: 0;
}
.has-blue-background-color .has-weiss-background-color ol li::marker,
.wp-block-column ol li::marker{
margin-right:10px;
}
.has-blue-background-color .has-weiss-background-color ol li::after,
.wp-block-column ol li::after{
content: '';
position: absolute;
left: -40px;
width: calc( 100% + 40px );
border-top: 2px solid #DFDBCC;
top: 0;
}
.has-blue-background-color ol li::after{
border-top-color: white;
}
.tab-item{
padding:25px 15px;
}
.tab-item.hidden{
display:none;
}
.tab-list-container{
display:flex;
flex-wrap:wrap;
margin:0 -10px;
padding:20px 0;
}
.tab-trigger{
display: block;
width:33%;
width:calc(100% / 3 -  20px);
text-align: center;
background-color: white;
margin:10px;
padding:25px;
cursor:pointer;
position: relative;
color:black !important;
font-style: normal !important;
min-height: 300px;
}
.tab-trigger.no-icon{
display: flex;
align-items: center;
justify-content: center;
color: #006EA6 !important;
}
.tab-trigger.no-icon img{
display: none;
}
.tab-trigger .plus{
height:25px;
width:25px;
position: absolute;
right:15px;
top:15px;
}
.tab-trigger .plus span{
position: absolute;
background-color: red;
top:40%;
left:0;
width:100%;
height: 20%
}
.tab-trigger .plus span:last-child{
width:20%;
height:100%;
left:40%;
top:0;
}
.tab-trigger.active .plus span:last-child{
opacity: 0;
}
.tab-trigger.hidden{
opacity: .5;
}
.tab-trigger img{
height:175px;
height:auto;
}
.tab-trigger span{
display: block
}
.has-weiss-background-color{
background-color: white;
}
.has-blue-color{
color: rgba(94,143,154,.2);
margin-bottom: 5px;
}
.menu-layer footer .container{
color:white;
border-top-color: white;
}
.menu-layer{
position:fixed;
height:100%;
width:100%;
left:0;
top:0;
//background-color: #006ea6;
z-index:1005;
display:none;
overflow-y:scroll;
over
}
.menu-text{
opacity: 0;
position: relative;
padding-bottom: 100px;
}
.menu-text.show{
opacity: 1;
transition: opacity 1s
}
#cookie-box{background-color:#fff;padding:2em calc((100vw - 1440px)/2)}
#cookie-box{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;bottom:0;box-shadow:0 0 10px rgba(0,0,0,.5);display:none;left:0;padding:12px 10px;position:fixed;text-align:center;transform:translateZ(0);width:100%;z-index:20210317}
#cookie-box p{display: block;margin-left: auto;margin-right: auto;line-height: 20px;font-size:14px;margin-top:0;margin-bottom:5px;max-width:1320px;}
#cookie-box .btn{background-color:#006ea6;border:0;color:#fff;display:inline-block;font-size:16px;font-weight:400;margin:0 0 0 11px;padding:.6em 1.25em;text-transform:none}
#cookie-box .btn:after,#cookie-box .btn:before{display:none}
#cookie-box .btn:hover{box-shadow:inset 0 0 0 2px rgba(0,0,0,.5)}
#cookie-box a{color:#006ea6;font-size:14px}
#cookie-box a.btn{background:#afafaf}
#head span, #langsearch span{
color:#006ea6;
display: inline-block;
position: relative;
font-size:22.5px;
top:5px;
margin-left: 20px;
}
#head .toggle-menu-bar{
position: relative;
top:-10px;
}
#head .toggle-menu-icon span{
width:100%;
height:2px;
margin-left: 0;
background-color: #006ea6;
margin-bottom: 6px;
display:block;
position:relative;
opacity:1;
top:0;
transform: rotate(0);
transition:all .5s;
}
.menu-layer #head .toggle-menu-icon span{
background-color: white;
}
#head .toggle-menu{
position: relative;
top:8px;
}
#head .toggle-menu-icon:hover span:nth-child(1){
top:4px;
transition:all .5s;
}
#head .toggle-menu-icon:hover span:nth-child(2){
transform: rotate(-90deg);
top:-4px;
transition:all .5s;
}
#head .toggle-menu-icon:hover span:nth-child(3){
opacity:0;
transition:all .5s;
}
.menu-layer #head .toggle-menu-icon span:nth-child(1){
transform: rotate(45deg);
top:8px;
transition:all .5s;
}
.menu-layer #head .toggle-menu-icon span:nth-child(2){
opacity:0;
transition:all .5s;
}
.menu-layer #head .toggle-menu-icon span:nth-child(3){
transform: rotate(-45deg);
opacity: 1;
top:-8px;
transition:all .5s;
}
#head .langswitch span, #langsearch .langswitch span{
font-size:20px;
}
.langswitch div{
margin-left: 10px;
}
#head .search, #langsearch .search{
position: relative;display: inline-block;
}
.search .search-container{
position: absolute;
width:100px;
height:25px;
left:-100px;
}
.search .search-toggle{
width:0;
transition: width 1s;
border-bottom:1px solid #006ea6;
overflow: hidden;
float:right;
}
.search:hover .search-toggle, .search-container:hover .search-toggle, .search.active .search-toggle{
width:100%;
transition: width 1s;
}
.search-toggle input{
border:0;
height:100%;
width:100%;
font-size:.75em;
}
#head .langswitch, #langsearch .langswitch{
display:inline-block;
position: relative;
}
#head .langswitch span, #langsearch .langswitch span{
margin-left: 0;
width:100px;
transition: max-width 1s;
}
#head .langswitch div, #langsearch .langswitch div{
display: inline-block;
overflow:hidden;
height:22px;
max-width:0px;
position: absolute;
top:10px;
left:100%;
transition: max-width 1s;
font-size: 14px;
text-align: left
}
#head .langswitch:hover div, #langsearch .langswitch:hover div{
max-width:75px;
transition: max-width 1s;
}
#head .langswitch a{
color:#006ea6;
}
#langsearch .langswitch a, .menu-layer #head .langswitch a{
color:white;
}
#head .langswitch span, #langsearch .langswitch span{
top:0;
}
.menu-layer #head span{
color:white;
}
.menu-layer .goup2{
display:none;
}
.head-menu{
position: fixed;
background-color: white;
position: -webkit-sticky;
position:sticky;
width:100%;
top:-3px;
z-index:1001;
}
.menu-layer .head-menu{
background-color: transparent;
}
.spacer_ie.active{
height:200px;
}
.menu-layer path{
fill:white;
}
.head-menu a:hover, footer a:hover{
text-decoration: none;
}
.main-menu{margin-top:35px;}
.main-menu ul{
margin-top: 25px;
}
.extra-menu{
margin-top: 90px;
margin-bottom: 50px;
}
.carousel-indicators{
list-style-type: none !important;
}
.main-menu ul, .extra-menu ul, footer ul 
.main-menu li, .extra-menu li, footer li{
margin:0;
padding:0;
}
.main-menu li, .extra-menu li{
display: block;
}
.laws{
margin:0 -10px;
flex-wrap: wrap;
}
.law-number{
margin-bottom:50px;
font-family: 'FF Milo','Arial';
font-size:3em;
font-weight: bold;
}
.law{
text-align: center;
background-color: white;
flex: 1 1 0px;
margin:10px;
color:#006EA6;
position: relative;
}
.law:nth-child(2n){
background-color: #93BED3;
}
.law-content{
position: absolute;
left:0;
top:0;
align-items: center;
justify-content: center;
height:100%;
width:100%;
display:flex;
}
.law:after{
display:block;
content:"";
padding-top: 100%;
}
footer li{
display: inline-block;
margin-left:30px;
position:relative;
}
footer li:before{
content:"";
position:absolute;
display:block;
left:-17px;
height:2px;
width:2px;
background-color: #777A71;
border-radius: 2px;
top:10px;
}
.menu-layer footer li:before{
background-color: white;
}
footer li:nth-child(1):before{
display:none;
}
.main-menu a, .extra-menu a, footer a{
color:white;
font-size: 2em;
line-height:77px;
font-family: "Kelso";
}
.extra-menu a{
font-size:1.5em;
line-height:55px;
font-family:inherit;
}
footer a{
font-size:0.8rem;
color:#777A71;
line-height:1em;
font-family: inherit;
}
footer .social a{
margin-right: 22px;
}
footer .social a:last-child{
margin-right: 0;
}
footer .social a:nth-child(1){
margin-right: 14px;
}
hr{
width:50px;
height:2px;
background-color: white;
border:0;
margin-top:30px;
}
.menu-layer footer .social path{
fill:white;
opacity:1;
} 
.menu-layer footer a{
color:white;
}
.toggle-menu:hover{
text-decoration: none;
}
.toggle-menu-icon
{
width:20px;
height:20px;
display:inline-block;
margin-right: 10px
}
.menu-layer .toggle-menu path{
stroke:white;
}
.menu-layer .flag path{
stroke:white;
fill:transparent;
}
.menuarea{
padding-bottom:25px;
}
.has-light-gray-background-color,
.has-light-gray-bg-background-color{
padding-top: 50px;
margin-bottom: 50px
}
.has-light-gray-background-color + .columns,
.has-light-gray-bg-background-color + .columns{
margin-top:-50px;
}
.wp-block-columns{
margin-bottom: 0;
}
.has-text-align-center{
margin:15px auto;  
}
.search-result .centered, .search-result .has-text-align-center{
text-align: left;
width:100%; 
margin:0;
}
.search-result > div > h1{
font-size: 22.5px;
line-height: 1.4em;
font-family: 'FF Milo','Arial';
color:black;
}
.searchkey{
display:inline-block;
background-color: #FF9027;
}
.search-result:last-child{
border-bottom: 0;
}
.r-180{
transform:rotate(180deg);
}
.col-center{
margin:0 auto;
}
#head{
height:60px;
margin-top:30px;
margin-bottom:30px;
}
h1, .slogan, .quote{
font-weight:400;
color:#006ea6;
font-size: 1.5em;
line-height:1.2em;
font-family:'Kelso';
}
.logo{
margin-top:-15px;
max-width: 100%;
transform: scale(1);
transform-origin: 100% 50%;
transition: transform .5s;
}
.scrolled .logo{
transform: scale(0.7);
transition: transform .5s;
}
.menu-text.show #head{
background-color: #006ea6;
}
.slogan{
margin-left:15px;
margin-top: 15px;
margin-bottom: 5px;
font-style:normal;
}
.quote{
margin:0;
font-size:2em;
background-color:#006EA6;
padding:100px 0; 
color:white;
background-size: cover;
background-image: url(//www.tesium.com/wp-content/themes/tesium/img/TES_background-quote.svg);
}
.slogan span, .quote span{
display:block;
font-size: 18px;
line-height:22px;
margin-top: 20px;
color:black;
font-family:"FF Milo";
font-weight: 300;
}
.quote span{
font-style: italic;
font-size:14px;
margin-top:10px;
color:white;
}
.line{
margin-top: 15px;
margin-bottom:15px;
margin-bottom: 0;
transform:scale(.65);
}
.slide-content{
background-color: #006ea6;
color:white;
padding:20px 40px;
padding-bottom:100px;
min-height:260px;
font-size:1.25em;
line-height:1.2em;
font-style:normal;
font-weight: normal;
}
.slide-content.slide-lightblue{background-color:rgba(0,110,166,0.1); color:#006EA6;}
.slide-content.slide-grey{background-color:rgba(223,219,204,1); color:#006EA6;}
.slide-content strong{
font-weight: 700;
}
.slide-image{
padding:0;
}
.slide-image img{
width:100%;
height:100%;
object-fit: cover;
}
.carousel-item a:hover{
text-decoration: none;
} 
.carousel-indicators li{
width:8px;
height:8px;
border:2px solid #E8452D !important;
background-color: white;
transform: rotate(45deg);
margin:0 5px;
border-radius: 100%; 
}
.container-indicators{
margin-top: 15px;
padding:0;
}
.carousel-indicators .active{
background-color: #E8452D;
border: 0 !important;
height: 12px;
width: 12px;
}
.carousel-control{
position: absolute;
bottom:25px;
left:0;
width:100%;
text-align: center;
}
.carousel-left, .carousel-right{
cursor:pointer;
display:inline-block;
margin:0 25px;
width:10px;
height:19px;
position: relative;
}
.carousel-left img, .carousel-right img{
position: absolute;
right:0;
transition: right .5s;
top:0;
}
.carousel-left:hover img, .carousel-right:hover img{
right:20px;
transition: right .5s;
}
.row-70p .wp-block-column:nth-child(1){
flex-basis:70% !important;
}
.down-arrow{
margin-bottom: 30px;
}
#getdown{
position: relative;
top:-55px;
}
.card-columns{
display: grid;
grid-template-columns: repeat(1, 1fr);
column-count:1;
}
.card .holder{
flex-direction: column-reverse;
}
.card{
background-color: rgba(94,143,154,.3);
border:0;
border-radius: 0;
padding:20px;
margin-bottom: 20px !important;
background-size: cover;
background-repeat: no-repeat;
}
.has-light-gray-background-color .card{
background-color: white;
}
.card .text-center.h-100{
display:flex;
}
.card .holder{
display:flex;
}
.card .holder{
display:flex;
}
.card .text{
margin-right: 15px
}
.card h3{
font-family:'Kelso';
color:#006ea6;
}
.card img{
margin:0 auto 0 auto;
max-width: 80%;
max-height:120px;
margin:15px auto;
}
.card img.single{
}
.reference li{
margin:0 !important;
}
.number p, .card p{
margin:0;
padding:0;
font-size: 1em;
line-height:1.2em;
}
.number{
background-color: #006ea6;
color:white;
padding:20px 50px 30px 50px;
margin-bottom: 25px;
}
.number h3{
font-family: "Kelso";
font-size:3em;
margin-bottom: 10px;
}
.columns{
display:none;
}
.columns{
display:block;
background-color: #E8452D;
padding-top: 50px;
padding-bottom: 50px;
color:white;
}
.columns p{
position: relative;
font-size: 1em;
line-height:1.2em;
}
.columns h3{
letter-spacing: -0.5px;
}
.columns .more, .columns .more:hover{
color:white;
text-decoration: none; }
.columns span{
border-bottom: 2px solid white;
min-width:45%;
transition: min-width .5s;
color:white;
display:inline-block;
padding-bottom: 2px;
margin-bottom: 20px;
font-size: 1em;
}
.column:hover span{
min-width:80%;
transition: min-width .5s;
}
.full-image{
padding:0;
margin:60px 0;
}
.full-image img{
width:100%;
height:auto;
} .sticky-menu{
background-color: white;  
position: fixed;
position: -webkit-sticky;
position:sticky;
top:57px;
width:100%;
z-index: 1002;
}
.sticky-menu.ie{
top:100px;
}
.sticky-menu.ie{
top:100px;
transition:all .51s;
}
.sticky-menu.ie.scrolled{
top:55px;
transition:all .51s;
}
.spymenu{
//overflow:hidden;
padding: 0 30px;
padding-bottom: 5px;
margin-bottom: 0;
margin-top:0;
position: relative;
min-height:66px;
scrollbar-width: none;
}
.arrow-pos{position: relative;}
.arrow-pos .arrow{
position: absolute;
left: 0;
padding: 10px 5px;
top: -3px;
height: 45px;
width: 25px;
cursor: pointer;
z-index: 50;
background-color: white;
}
.arrow-pos .arrow img{
height: 100%;
width: auto;
}
.arrow-pos .arrow-right img{
transform: rotate(180deg);
}
.arrow-pos .arrow-right{
right: 0;
left: auto;
background-color: white;
}
.spymenu .uppercase{
min-width:100%;
}
.spymenu .menu-line{
display:block;
position: absolute;
content:"";
width:100%;
min-width:100%;
height:2px;
background-color: #006ea6;
top:40px;
left:0;
}
.spymenu::-webkit-scrollbar { width: 0 !important }
.spymenu { overflow: -moz-scrollbars-none; }
.spymenu { -ms-overflow-style: none; }
a:hover, .current_page_item a,a:active, a:focus{
color:#006ea6;
text-decoration: none;
}
.menu-hauptmenue-container a:hover, .menu-hauptmenue-container .current_page_item a, 
.menu-extramenue-container a:hover, .menu-extramenue-container .current_page_item a, 
.menu-layer .menu-footer-menu-container a:hover, .menu-layer .menu-footer-menu-container .current_page_item a, .menu-item a:hover, .current_page_item a, .current_page_item a{
color:rgba(255,255,255,.5);
}
.menu-footer-menu-en-container .current-menu-item a,
.menu-footer-menu-container .current-menu-item a,
.footer-menu a:hover{
color: black;
}
menu{
background-color: white;
z-index:20;
padding:0;
max-width:100%;
overflow:auto;
font-size: .75em;
}
.menu-header li{
display:inline-block;
}
.menu-header ul{
padding-left:0;
}
.menu-header .current-menu-item a{
color:white;
background-color: black;
}
.menu-header .current-menu-item a{
text-decoration: none;
}
.menu-header a:hover{
text-decoration: none;
}
.menu-header li a{
color:black;
margin-right: 15px;
font-weight: 700;
text-transform: uppercase;
vertical-align: baseline;
padding:5px;
padding-top:8px;
line-height:.75em;
display:block;
}
.sticky-menu .col-12{
position:relative;
}
.sticky-menu .nav{
position:absolute;
left:15px;
top:10px;
height:calc(100% - 30px );
width:15px;
background-color: white;
z-index:2;
}
.sticky-menu .nav.nav-right{
left:auto;
right:15px;
text-align: right;
}
.hide-arrows .nav-left, .hide-arrows .nav-right{
display:none;
}
.sticky-menu .nav img{
width:100%;
height:auto;
}
.sticky-menu .nav.nav-left img{
transform:rotate(180deg);
}
.line-bg{
background-size: 0 0;
}
menu ul{
padding:0;
margin:0;
}
menu li{
display:inline-block;
margin:0 15px;
}
.hide-arrows li{
margin:0 30px 0 0;
}
.hide-arrows li:last-of-type{
margin:0;
}
menu a{
color:#DFDBCC;
padding:5px 8px 0px 8px;
display:inline-block;
font-size:1rem;
line-height:1.5;
border-bottom: 7px solid white;
font-weight: 600;
}
menu a:active{
text-decoration: none;
}
menu a:hover{
text-decoration: none;
}
menu li.active a{
border-bottom: 8px solid #006ea6;
padding-bottom:5px;
color:#006ea6;
} ol li, .custom-list li:not('.switch-indicator'){
list-style-type: decimal-leading-zero;
color:#006ea6;
list-style-position: inside;
}
.list-no-style {
list-style: none;
}
.custom-list li, ol li{
border-top: 2px solid #DFDBCC;    
}
ol li:last-child{
border-bottom: 0;
}
ol ol li:last-child{
border-bottom:0;
}
.no-number li span{
display:none;
}
.blocks-gallery-grid, .wp-block-gallery{
justify-content: space-around;
}
.has-light-gray-background-color   ol li:last-child{
border-bottom: 2px solid white;
}
ol{
margin-bottom: -2px;
}
ol ol li{
padding-left:25px;
}
ol li:nth-child(1), .custom-list li:nth-child(1){
border-top: 2px solid #DFDBCC;  
}
.has-light-gray-background-color  .custom-list li:nth-child(1){
border-top: 2px solid white;  
}
.custom-list{
width:100%;
padding:0;
margin-bottom: 0;
}
.c-accordion__item{
border-top: 2px solid #DFDBCC;
border-bottom: 2px solid #DFDBCC;
}
.has-background .c-accordion__item{
border-top: 2px solid white;
border-bottom: 2px solid white;  
}
.c-accordion__item + .c-accordion__item{
border-top: 0;
}
.c-accordion__title{
color:#E8452D;
margin-top: 7px;
}
.c-accordion__title:after{
color:#E8452D;
}
.c-accordion__content ul{
padding-left: 0;
margin-bottom: 0;
}
.c-accordion__content ul li{
list-style-type: none;
border-top: 2px solid #DFDBCC;
}
.has-background .c-accordion__content li{
border-top: 2px solid white;
}
.custom-list li{
list-style-type: none;  
padding-left:35px;
position: relative;
overflow:hidden;
line-height:32px;
color:#006EA6;
}
.wp-block-group ol{
line-height:32px;
color:#006EA6;
}
.custom-img-list{
padding-left:0;
}
.custom-img-list li{
list-style-type: none;
font-weight:700;
padding:15px 10px;
width:calc(100% - 50px);
z-index:10;
}
.custom-img-list li span{
font-size:1.5em;
position: relative;
top:3px;
margin-right: 25px;
font-variant-numeric: oldstyle-nums;
}
.custom-img-list li:nth-child(even){
color:#006EA6;
background-color:#D6E3E6;
position:relative;
}
.has-blue-background-color .custom-img-list li:nth-child(even){
background-color: white;
}
.has-red-color, .has-red-color strong{
color: #E8452D;
}
.custom-img-list li:nth-child(even):after, .custom-img-list li:nth-child(odd):after{
content: '';
z-index:10;
position: absolute;
display: block;
right: -24px;
top: 0;
bottom: 0;
width: 25px;
height: 100%;
background: #D6E3E6;
-webkit-clip-path: polygon(0 0, 100% 50%,0 100%);
clip-path: polygon(0 0, 100% 50%,0 100%);
}
.custom-img-list li:nth-child(odd):after{
background-color: #006EA6;  
}
.has-blue-background-color .custom-img-list li:nth-child(even):after{
background-color: white;
}
.custom-img-list li:nth-child(odd){
background-color: #006EA6;
color:white; 
position:relative;
}
.custom-list.no-number li{
padding-left: 0;
}
.custom-list li:first-line{
line-height: 30px;
}
.custom-list li:last-child{
border-bottom: 0;
}
.custom-list span{
width:50px;
display:inline;
position: absolute;
left:0;
top:0;
}
.toggler .plus{
position: absolute;
right:15px;
width:20px;
height:30px;
top:0;
top:calc(50% - 17px);
}
.toggler .plus span{
width:16px;
height:2px;
display:block;
background-color: #FF9027;
position:absolute;
top:16px;
}
.toggler .plus span:nth-child(2){
transform: rotate(90deg);
transition: transform .41s;
}
.toggler .minus span:nth-child(2){
transform: rotate(0deg);
transition: transform .41s;
}
.toggler h4{
position: relative;
color:#FF9027;
margin-top:10px;
padding-right: 40px;
}
.toggler{
border-top: 1px solid #DFDBCC;
cursor:pointer;
border-bottom: 1px solid #DFDBCC;
padding-left:0;
padding-right:0;
margin:25px 15px;
}
.no-spacing .toggler{
margin:0 15px;
border-bottom:0;
}
.no-spacing:last-child .toggler{
border-bottom: 1px solid #DFDBCC;
}
.has-background .toggler{
border-top: 1px solid white;
border-bottom: 1px solid white
}
.totoggle{
}
.wp-block-column{
position: relative;
}
ol{
padding-left:0;
}
.wp-block-image,.wp-block-image figure, .wp-block-image img{
width:100%;
height:auto;
}
.wp-block-image{
//background-color: #006ea6;
}
.wp-block-image a img{
opacity:1;
transition: opacity .5s;
}
.wp-block-image a img:hover{
opacity:.5;
transition: opacity .5s;
}
a[data-slb-active]{
position: relative;
display: block;
}
a[data-slb-active]:after{
position: absolute;
font-size: 2em;
color:#FF9027;
line-height:20px;
right:15px;
top:15px;
width:25px;
height:25px;
content:" ";
background-image:url(//www.tesium.com/wp-content/themes/tesium/img/image_enlarge.svg);
background-size: contain;
background-repeat: no-repeat;
display: block;
z-index:50;
transition:color .5s;
}
.certificates a[data-slb-active]:after{
display: none;
}
a[data-slb-active]:hover:after{
background-image:url(//www.tesium.com/wp-content/themes/tesium/img/image_enlarge_white.svg);
transition:color .5s;
}
h2 em{
font-style:italic;
}
.slb_template_tag_ui_group_status{
display:none;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_container{
background-color: transparent !important;
border-radius: 0 !important
}
#slb_viewer_wrap .slb_theme_slb_default .slb_container{
box-shadow: none !important;
}
#slb_viewer_wrap .slb_theme_slb_baseline .slb_viewer_overlay {
background-color: white !important;
opacity: 0.85 !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_controls .slb_close .slb_template_tag {
background-image: url(//www.tesium.com/wp-content/themes/tesium/img/close.png) !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_controls .slb_slideshow .slb_template_tag {
display:none !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_controls .slb_template_tag_ui{
opacity:1 !important;
}
.tiles{
display: flex;
flex-wrap: wrap;
margin:0 -30px;
}
.tile{
width: 100%;
height:auto;
flex-shrink: 0;
flex-grow:0;
background-color: rgba(94,143,154,.2);
margin:15px;
display:flex;align-items: center;
justify-content: center;
color:#006EA6;
font-weight:bold;
}
.tile:before {
content: '';
display: block;
padding-top: 100%;
}
.has-blue-background-color .tile{
background-color: white;
}
.tile-dark{
background-color:rgba(94,143,154,.75);
color:white;
}
.tile svg, .tile path{
fill:#006EA6;
}
.tile svg{width:100%; transform:scale(2); margin-bottom:30px;}
.tile.icon-size-1 svg{
transform: scale(1.25);
}
.tile-dark svg, .tile-dark path, .swap-contact svg, .swap-contact path{
fill:white ;
}
.tile-dark svg{
width:80%;
}
.tile img{
height:105px;
width:auto;
margin-bottom: 25px;
//filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(155deg) brightness(130%) contrast(100%);
}
.tile .text{
display:flex;
align-items:flex-end;
font-size:1.5em;
margin-bottom: 50px
}
.tile-num{
margin-top:30px;
font-size:2em;
text-align: left;
}
.tile-num div{
margin:20px 0;
}
.text.small-text{
margin-bottom: 0 !important;
font-size:1em !important;
min-height: 62px !important;
}
.text + img{
//height:70px;
max-height: 90px;
max-width: 140px;
}
.tile .center{
text-align: center;
width:90%;
}
@media screen AND (max-width:1200px){
.toggle-menu+span{
display:none !important;
}
}
@media screen AND (max-width:599px){
{
line-height:22px;
padding:1px 0 1px 50px;
}
.custom-list li span{
line-height:22px;
}
#head {
margin-top: 10px;
margin-bottom: 10px;
}
.custom-list li:first-line{
line-height: 22px;
}
.con-flex{
display:flex;
flex-flow: column;
}
.con-flex-a{
order:1;
}
.con-flex-b{
order:2;
}
.con-flex-c{
order:3;
}
}
.jsimage-frame{
position: relative;
}
.jsimage-frame .notice{
display:none;
position:absolute;
background-color: white;
height:72%;
width:60%;
left:20%;
top:14%;
border-radius: 1000px;
align-items: center;
justify-content: center;
z-index:999;
}
.jsimage-frame .place-notice{
font-size: 1em;
color:#00A03B;
line-height:35px;
font-weight: 500;
width:100%;
margin:0 15%;
text-align:center;
}
.jsimage-frame .notice.active{
display:flex;
}
.jsimage-frame .close-notice{
display:none;
}
.jsimage-frame .place-notice h4{
color:black;
font-size: 1.2em;
}
.services{
display:flex;
flex-wrap: nowrap;
padding-left:25px;
padding-right:25px;
overflow:hidden;
}
.service-item{
width:150px;
flex-grow:1;
flex-shrink: 0;
text-align: center;
cursor:pointer;
opacity:1;
transition: opacity 1s;
}
.service-item svg{
width: 260px;
max-width: 100%;
transform: scale(.75);
}
.service-item svg, .service-item path{
fill:#006EA6 !important;
}
.service-item.active svg, .service-item.active path{
fill:#fff !important;
stroke:#fff;
}
.services-content-holder-text{
padding: 0 50px;
}
.service-item.hidden{
opacity:0.25;
transition: opacity 1s;
}
.service-item .icon, .service-item .description{
background-color: #EEEFEE;
height:110px;
display: flex;
justify-content: center;
flex-direction: column;
color:#006EA6;
font-weight: 700;
transform: skew(25deg);
}
.service-item .description{
transform: skew(-25deg);
position: relative;
top: -1px;
font-size:18px;
}
.service-item .icon span{
transform: skew(-25deg);
}
.service-item .description span{
transform: skew(25deg);
}
.service-item:nth-child(even) .icon, .service-item:nth-child(even) .description{
background-color: #93BED3;
}
.service-item.active .icon, .service-item.active .description{
background-color: #E8452D;
color:white;
}
.service-item.active .icon img{
filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(155deg) brightness(130%) contrast(100%);
}
.services-text{
text-align: center;
color:#E8452D;
margin-bottom: 50px;
font-size:1.6em;
margin-top:25px;
position: relative;
line-height:35px;
}
.services-arrow{
position: absolute;
width:40px;
height:40px;
background-image:url(//www.tesium.com/wp-content/themes/tesium/img/arrow_red.svg);
background-size: contain;
background-repeat: no-repeat;
left:0;
top:50%;
top: calc(50% - 20px);
cursor:pointer;
z-index:100;
}
.services-arrow-right{
left:auto;
right:0;
transform: rotate(180deg);
}
.services-text h2{
font-size:1em;
margin-bottom:5px;
}
.swaps-container{
display:flex;flex-wrap: wrap;
margin:-10px;
}
.swap{
width:100%;
max-width:100%;
color:white;
margin:10px;
position: relative;
height:auto;
}
.swap, .swap *{
backface-visibility: visible;
}
.swap:before{
content: '';
display: block;
padding-top: 100%;
}
.swap-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.8s;
transform-style: preserve-3d;
position: absolute;
top:0;
left:0;
}
.swap-front{
display: flex;
align-items: center;
flex-wrap: wrap;
}
.swap-front div{
width:100%;
}
.swap-back{
text-align:left;
}
.swap:hover .swap-inner{
transform: rotateY(180deg);
}
.swap-front, .swap-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden; backface-visibility: hidden;
background-color: #006EA6;
}
.swap-contact{
overflow: hidden;
}
.swap-contact svg{
transform: scale(2);
margin-bottom: 30px;
}
.swap-contact:nth-child(2) .swap-front, .swap-contact:nth-child(4) .swap-front{
background-color: #aec7cc;
color: #006EA6;
}
.swap-contact:nth-child(2) svg, .swap-contact:nth-child(4) svg,
.swap-contact:nth-child(2) path, .swap-contact:nth-child(4) path{
fill: #006EA6;
}
.swap-contact:nth-child(3) .swap-front, .swap-contact:nth-child(5) .swap-front, .swap-contact:nth-child(7) .swap-front{
background-color: #5e8f9a;
}
.swap-contact .swap-back, .swap-contact .swap-back{
background-color: #85b7d1;
}
.swap-contact:nth-child(2) .swap-back, .swap-contact:nth-child(4) .swap-back{
background-color: #d3e0e2;
}
.swap-contact:nth-child(3) .swap-back, .swap-contact:nth-child(5) .swap-back, .swap-contact:nth-child(7) .swap-back{
background-color: #afc6cb;
}
.swap-client .swap-front{
background-color: #D6E3E6;
}
.swap-green .swap-front, .swap-green .swap-back{
background-color: #5E8F9A;
}
.swap-lightgreen .swap-front, .swap-lightgreen .swap-back{
background-color: rgba(94,143,154,.75);
}
.swap-lightblue .swap-front, .swap-lightblue .swap-back{
background-color: #d0dae8;
color:#006EA6;
}
.swap-client .swap-back{
background-color: #5E8F9A;
}
.swap-client .swap-back strong{
color:white;
}
.swap-client img{
max-width:75%;
height:auto;
}
.swap-back, .swap-front{
padding:25px;
}
.swap-back {
transform: rotateY(180deg);
}
.swap-front h2{
font-weight:normal;
}
.swap-front h2 strong{
color:white;
font-weight: bold;
}
.swap-lightblue .swap-front h2 strong{
color:#006EA6;
}
.swap > a{
height:100%;
width:100%;
position: absolute;
top:0;
font-weight: bold;
left:0;
}
.swap-contact .swap-back{
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: black;
}
.swap-contact .swap-back strong{
color: black;
}
.swap img{
width:100%;
height:100%;
object-fit: cover;
}
@media screen and (max-width:599px){
.sm--20{
margin-bottom: -20px
}
.main-menu a{
line-height:55px;
}
.extra-menu a{
line-height:38px;
}
.extra-menu{
margin-top: 50px;
}
}
@media screen and (max-width:991px){
.jsimage-frame .place-notice{
line-height:25px;
}
.custom-img-list{
background-image: none;
}
.custom-list span {
width: 50px;
display: inline;
position: absolute;
left: 0;
top: 10px;
}
.custom-list li {
list-style-type: none;
padding-left: 50px;
position: relative;
overflow: hidden;
line-height: 22px;
padding-top: 10px;
padding-bottom: 10px;
}
}
@media screen and (max-width:1119px){
.sm--45{
margin-bottom: -45px;
}
}
@media screen and (max-width:767px){
.jsimage-frame .notice{
border-radius: 0;
padding:25px 0;
height:auto;
}
.jsimage-frame .notice.bl{
width:70%;
left:0;
top:20%;
}
.jsimage-frame .notice.br{
width:70%;
left:30%;
top:20%;
}
.jsimage-frame .notice.tl{
width:70%;
left:0;
bottom:20%;
top:auto;
}
.jsimage-frame .notice.tr{
width:70%;
left:30%;
top:auto;
bottom:20%;
}
.jsimage-frame .close-notice{
display:block;
position: absolute;
top:5px;
right:5px;
width:20px;
height:20px;
cursor:pointer;
}
.jsimage-frame .close-notice span{
height:3px;
width:100%;
background-color: #FF9027;
display: block;
transform: rotate(45deg);
position: relative;
top:10px;
}
.jsimage-frame .close-notice span:nth-child(2){
transform: rotate(-45deg);
top:7px;
}
.custom-img-list li{
display: flex;
}
}
@media screen AND (max-width:760px){
.main-menu{
margin-top:0;
}
.extra-menu{
margin-top:25px;
margin-bottom: 15px
}
.tab-list-container{
display:block;
}
.tab-trigger.no-icon,
.tab-trigger{
display: block;
width:94%;
min-height: 100px;
}
.services-text{
font-size:1em;
line-height:20px;
}
}