/* -------------------------------------------------- generic ---------- */

*{-webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;} ul, li, a, h1, h2, h3, p{position: relative; display: inline-block;} ul, li, a, img, p, h1, h2, h3{vertical-align: middle;} :focus{outline: none;} a{line-height: 0; text-decoration: none;} 



/* -------------------------------------------------- fonts ---------- */

@font-face{font-family: "Mukta-Regular"; src: url("Fonts/Mukta-Regular.woff2") format("woff2 supports variations"), url("Fonts/Mukta-Regular.woff2") format("woff2-variations"), url("Fonts/Mukta-Regular.woff") format("woff supports variations"), url("Fonts/Mukta-Regular.woff") format("woff-variations"), url("Fonts/Mukta-Regular.ttf") format("truetype supports variations"), url("Fonts/Mukta-Regular.ttf") format("truetype-variations"); font-weight: 100 900;}

@font-face{font-family: "Mukta-Bold"; src: url("Fonts/Mukta-Bold.woff2") format("woff2 supports variations"), url("Fonts/Mukta-Bold.woff2") format("woff2-variations"), url("Fonts/Mukta-Bold.woff") format("woff supports variations"), url("Fonts/Mukta-Bold.woff") format("woff-variations"), url("Fonts/Mukta-Bold.ttf") format("truetype supports variations"), url("Fonts/Mukta-Bold.ttf") format("truetype-variations"); font-weight: 100 900;}

*{font-family: 'Mukta-Regular', sans-serif;} h1, .h1, h2, .h2, h3, .h3, [class*="link-"] p, .written-bold, .link-text, strong{font-family: 'Mukta-Bold', sans-serif;}

p{word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto;} .h1, .h2{word-break: normal; -webkit-hyphens: manual; -ms-hyphens: manual; -o-hyphens: manual; hyphens: manual;}



/* -------------------------------------------------- color / hover ---------- */

#body-main.toggle, #body-footer.toggle{opacity: .54; filter: blur(2px);} .color-opacity{opacity: .84;} 

/*:root{--color-grey-00: rgb(245,245,245); --color-grey-01: rgb(233,233,233); --color-grey-02: rgb(219,219,219); --color-grey-03: rgb(207,207,207); --color-grey-09: rgb(105,105,105); --color-grey-10: rgb(79,79,79); --color-red: rgb(172,17,32);}*/

:root{--color-grey-00: rgb(244,244,246); --color-grey-01: rgb(232,232,234); --color-grey-02: rgb(218,218,220); --color-grey-03: rgb(206,206,208); --color-grey-09: rgb(103,103,109); --color-grey-10: rgb(77,77,82); --color-red: rgb(172,17,32);}

.background-00, .background-01, .background-02, .background-03{--color-front: var(--color-grey-10); --color-back: var(--color-grey-00);} 
.background-09, .background-10, .background-red{--color-front: var(--color-grey-00); --color-back: var(--color-grey-10);} 

/*#html-body{background-color: var(--color-grey-light);}*/ [class*="symbol-"] [class*="shape-"], .js-cursor-outer, .js-cursor-inner{background-color: var(--color-front);} h1, h2, p, a, label, input, textarea, select{color: var(--color-front);}



/*[class*="grid-"]{background-color: rgba(0,0,0,0.05);}*/
/*#html-body, [class*="grid-"]{border: solid 2.5px var(--color-grey-anthrazit);}*/




.link-navigation{background-color: var(--color-grey-00);} .link-navigation [class*="shape-"]{background-color: var(--color-red);} .navigation-frame{background-color: var(--color-red);}  .navigation-frame p{color: var(--color-grey-00);} 

.link-default:hover{opacity: .59;}

.link-button, .js-information-item:hover{background-color: rgba(161,161,163,0.35);}
.link-button:hover{background-color: rgba(161,161,163,0.56);}

.link-contact p{color: var(--color-red);}
.link-contact{background-color: rgba(172,17,32,0.07);}
.link-contact:hover{background-color: rgba(172,17,32,0.14);}

.navigation-frame .link-contact p{color: var(--color-grey-00);}
.navigation-frame .link-contact{background-color: rgba(244,244,246,0);}
.navigation-frame .link-contact:hover{background-color: rgba(244,244,246,0.25);}

.background-00{background-color: var(--color-grey-00);} 
.background-01{background-color: var(--color-grey-01);} 
.background-02{background-color: var(--color-grey-02);} 
.background-03{background-color: var(--color-grey-03);} 
.background-09{background-color: var(--color-grey-09);} 
.background-10{background-color: var(--color-grey-10);} 
.background-red{background-color: var(--color-red);} 
.background-navy{background-color: #12345C;} .background-navy p{color: #FFFFFF;}
.background-navy .image-relative{width: 70%;}

/*[class*="table-"] tbody th{border-top-color: rgba(172,17,32,0.14);}*/
/*[class*="table-"] tbody th{background-color: rgba(172,17,32,0.07);}*/
[class*="table-"] tbody th{background-color: rgba(161,161,163,0.14);}

/*.image-icon svg path{fill: #a1a1a3; background-color: red;}*/

/* -------------------------------------------------- global ---------- */

#body-header, #body-main, #body-footer{width: 100%;} #body-header{z-index: 7;} #body-main{z-index: 1;} #body-footer{z-index: 4;}

hr{border: none; height: 0;} [class*="space-"]{position: relative; display: block; width: 100%;} [class*="-section"]{position: relative; display: block; width: 100%; margin: 0 auto; text-align: center; overflow: hidden;} [class*="layer-"], [class*="frame-"]{position: relative; display: block; margin: 0 auto;} [class*="grid-"]{position: relative; display: inline-block; vertical-align: middle;} [class*="grid-"], [class*="content-"]{text-align: left;} 

/*.section-layer-horizontal{width: 100%; overflow: inherit;} .layer-horizontal, .horizontal-wrapper, .horizontal-wrapper{position: relative; display: block; width: 100%;} .horizontal-wrapper .content-wrapper{position: relative; display: block; width: 100%; bottom: auto; bottom: auto; transform: translate(0,0);} .js-enable .layer-horizontal{position: sticky; position: -webkit-sticky; top: 0; height: 100vh; width: 100%; vertical-align: top; overflow-x: hidden;} .js-enable .horizontal-wrapper{height: 100%;} .js-enable .horizontal-wrapper .content-wrapper{position: absolute; right: 50%; bottom: 50%; transform: translate(50%,50%);}*/

.image-relative, .content-relative{position: relative; display: block; width: 100%; height: auto;} .frame-background, .image-absolute, .content-absolute{position: absolute; display: block; right: 50%; bottom: 50%; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%);} .frame-background{width: 100%; height: 100%;} .image-icon{position: absolute; display: block; bottom: 50%; transform: translate(0,50%); height: auto;}

.grid-100{width: 100%;} .content-absolute{width: 100%; height: auto;} .image-cover{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center;} .frame-absolute{position: absolute; display: block; right: 50%; bottom: 50%; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); width: 100%; height: 100%;}

.text-center{text-align: center;} .text-right{text-align: right;} 

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

/*.section-layer-full{width: 100%; max-width: 1200px;} .section-layer-default{width: 85%; max-width: 2040px;} .section-layer-thin{width: 70%; max-width: 1680px;}*/
.section-layer-default, .section-layer-full{width: 100%;}

.space-default{height: calc(2.8vw + 2.8vh + 28px);} 
.space-flat{height: calc(0.5vw + 0.5vh + 5px);} 
.padding-default{padding: calc(0.7vw + 0.7vh + 7px) 2%;} 
.padding-wide{padding: calc(2.8vw + 2.8vh + 28px) 4%;} 
.list-symbol .list-item{margin-top: calc(0.25vw + 0.25vh + 2.5px);}



/* -------------------------------------------------- table, lists, links ---------- */

[class*="list-"], [class*="link-"]{position: relative; display: inline-block;} [class*="list-"] .list-item{position: relative; display: inline-block; list-style: none; vertical-align: middle;} [class*="link-"]{overflow: hidden;} [class*="link-"] p{text-decoration: none; /*text-transform: uppercase; font-weight: 700; letter-spacing: 2px;*/} .link-text{display: inherit !important; text-decoration: underline; opacity: 1;} 

.list-link{display: block; margin: 0 -8px;} .list-link .list-item{margin: 3px 4px;} .list-link [class*="link-"] p{padding: 4px 4px;} .list-link .link-image{margin: 9px 4px;} .written-list{padding: 4px 4px;}

.list-symbol{display: block;} .list-symbol .list-item{display: block; padding-left: 29px;} .list-symbol .symbol-dot{position: absolute; left: 5px; top: 2px;} 

.link-share{width: 42px; height: 42; overflow: visible;} .link-share .image-absolute{width: 38px;}

.link-button{padding: 21px 38px 21px 11px;} 
.link-button .image-icon{right: 11px; width: 24px;} 

.link-contact{padding: 21px 11px 21px 38px;} 
.link-contact .image-icon{left: 11px; width: 24px;} 

.link-brand:hover .image-absolute{opacity: .7;}

.navigation-frame .link-default{padding: 4px 7px;} 
.navigation-frame .link-contact{padding: 11px 7px 11px 39px;} 

[class*="table-"]{border-spacing: 4px 4px;} [class*="table-"] th{padding: calc(0.25vw + 0.25vh + 2.5px) 4px;} [class*="table-"]  /*tbody th{border-top-style: solid; border-top-width: 2px;}*/ .table-vehicle .column-left{width: 50%;} .table-vehicle .column-right{width: 25%;}



/* -------------------------------------------------- symbols ---------- */

[class*="symbol-"]{position: relative; display: inline-block; vertical-align: middle;}
[class*="symbol-"] [class*="shape-"], [class*="symbol-"] [class*="text-"]{position: absolute; display: block; right: 50%; bottom: 50%; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); -webkit-transition-duration: .27s; -o-transition-duration: .27s; transition-duration: .27s;}

.symbol-navigation{display: block; width: 54px; height: 54px;} .symbol-navigation [class*="shape-"]{-webkit-transform: translate(50%,50%)rotate(0deg);-ms-transform: translate(50%,50%)rotate(0deg);transform: translate(50%,50%)rotate(0deg); width: 42px; height: 5px;} .symbol-navigation .shape-0{bottom: 32px;} .symbol-navigation .shape-1{bottom: 22px;} 

#body-header.toggle .symbol-navigation [class*="shape-"]{bottom: 27px;} #body-header.toggle .symbol-navigation .shape-0{-webkit-transform: translate(50%,50%)rotate(-45deg);-ms-transform: translate(50%,50%)rotate(-45deg);transform: translate(50%,50%)rotate(-45deg);} #body-header.toggle .symbol-navigation .shape-1{-webkit-transform: translate(50%,50%)rotate(45deg);-ms-transform: translate(50%,50%)rotate(45deg);transform: translate(50%,50%)rotate(45deg);}

.symbol-dot{position: relative; display: block;} .symbol-dot [class*="shape-"]{width: 6px; height: 6px; border-radius: 0%;}

.symbol-information{display: inline-block; width: 20px; height: 20px;} .symbol-information [class*="shape-"]{width: 12px; height: 2px;} .symbol-information .shape-1{-webkit-transform: translate(50%,50%)rotate(90deg);-ms-transform: translate(50%,50%)rotate(90deg);transform: translate(50%,50%)rotate(90deg);} .js-information-item.on .symbol-information .shape-1, .js-information-item.on:hover .symbol-information .shape-1{width: 2px;}



/* -------------------------------------------------- pattern ---------- */

/*[class*="pattern-"]{position: absolute; display: block; right: 50%; bottom: 50%; transform: translate(50%,50%); width: 100%; height: 100%;}
.pattern-pixel{background-color: rgba(87,152,152,0.29); background-size: 4px 4px; background-image: linear-gradient(var(--color-back) 0.4px, transparent 0.4px), linear-gradient(to right, var(--color-back) 0.4px, transparent 0.4px); opacity: 0.7;}*/
.image-cover{opacity: 0.24;}
/*.image-relative{background-color: rgba(127,127,127,0.11);}*/


/* -------------------------------------------------- cursor ---------- */

.js-cursor-outer, .js-cursor-inner{position: fixed; display: block; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border: none; border-radius: 50%; z-index: 999; pointer-events: none;} .js-cursor-outer{-webkit-transition: left .07s ease-out, top .07s ease-out, width .29s ease-in-out, height .29s ease-in-out, background-color .29s, opacity .29s ease-in-out;-o-transition: left .07s ease-out, top .07s ease-out, width .29s ease-in-out, height .29s ease-in-out, background-color .29s, opacity .29s ease-in-out;transition: left .07s ease-out, top .07s ease-out, width .29s ease-in-out, height .29s ease-in-out, background-color .29s, opacity .29s ease-in-out;} .js-cursor-inner{-webkit-transition: left .19s ease-out, top .19s ease-out, width .29s ease-in-out, height .29s ease-in-out, background-color .29s, opacity .29s ease-in-out;-o-transition: left .19s ease-out, top .19s ease-out, width .29s ease-in-out, height .29s ease-in-out, background-color .29s, opacity .29s ease-in-out;transition: left .19s ease-out, top .19s ease-out, width .29s ease-in-out, height .29s ease-in-out, background-color .29s, opacity .29s ease-in-out;}

.js-cursor-outer{width: 41px; height: 41px; opacity: 0.17;} .js-cursor-inner{width: 7px; height: 7px; opacity: 1;} .js-cursor-outer.hover{width: 147px; height: 147px; opacity: 0.17;} .js-cursor-inner.hover{width: 147px; height: 147px; opacity: 0;} .js-cursor-hover{cursor: pointer;}



/* -------------------------------------------------- header ---------- */

#body-header{position: absolute; display: block;} .header-navigation{position: relative; display: block;}

#main-offer .link-brand, .link-navigation, .navigation-frame, .navigation-background{position: fixed; display: block; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); z-index: 11;} .navigation-frame, .navigation-background{top: 50%; height: 100%;} .navigation-background{right: -100%; width: 100%;} .navigation-frame .list-link{position: absolute; display: block;} .navigation-frame .list-link{right: 50%; bottom: 45%; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); text-align: left; width: 90%; max-width: 400px;} .navigation-frame .list-link .list-item{display: block;} 

#main-offer .link-brand, .link-navigation{top: 7.5vh;} #main-offer .link-brand{left: 2.5vw;} .link-navigation{right: 2.5%;} 

#body-header.toggle .navigation-background, #body-header.toggle .navigation-frame{right: 0;} 


.navigation-frame .list-item{margin: 7px 0;}

.link-brand{width: 190px; height: 70px;} .link-brand .image-absolute{width: 100%;}




/* -------------------------------------------------- height ---------- */


/*[class*="grid-"]{border: solid 4px blue;}*/



/* -------------------------------------------------- main ---------- */


.list-numbers{margin: 0 -2%;} 

.list-numbers .list-item{width: 50%; padding: calc(0.7vw + 0.7vh + 7px) 4%;} 


.vehicle-image, .vehicle-text{position: relative; display: inline-block; vertical-align: middle;} .vehicle-image{width: 50%;} .vehicle-text{width: 50%; padding-left: 8px;} 


.background-navy .frame-absolute{overflow: hidden;}
.background-navy .image-cover, .background-navy .desktop-absolute{transition-duration: .41s;}
.background-navy:hover .image-cover{opacity: 0.17; transform: scale(1.1);}
.background-navy:hover .desktop-absolute{opacity: 0.78;}




#main-advantages .image-relative{display: inline-block; width: 47px;} 


.frame-map{position: relative; display: block; height: 80vh; width: auto; overflow:hidden;}
#map {margin:0px; margin-top:0px; font-size:9pt; overflow:hidden;}



/* -------------------------------------------------- footer ---------- */

#backlink .image-relative{display: inline-block; margin-left: 7px; width: 25px;}



/* -------------------------------------------------- legal ---------- */

.main-section-legal p{padding: 5px 0;} .main-section-legal [class*="list-"] p{padding: 0 0;} .main-section-legal .link-default{padding: 0 7px;}

#matomo-opt-out{padding: calc(0.9vw + 0.9vh + 9px) 1.25%;} #matomo-opt-out input{margin-right: calc(0.45vw + 0.45vh + 4.5px); margin-top: calc(0.45vw + 0.45vh + 4.5px);} #matomo-opt-out label{margin: calc(0.9vw + 0.9vh + 9px) 0;} 



/* -------------------------------------------------- information ---------- */

.symbol-information{background-color: var(--color-grey-10);}
.symbol-information [class*="shape-"]{background-color: var(--color-grey-00);}



.js-information-item{position: relative; display: block; margin: 0 auto; max-width: 810px;} 

.symbol-information{position: absolute; display: block; left: 11px; bottom: 50%; transform: translate(0,50%);}
.information-title{position: relative; display: inline-block; width: 100%; height: auto;}
.information-description{max-height: 0; padding: 0 0; overflow: hidden; opacity: 0;} .information-description p{display: block;} 

.js-information-item.on .information-description{max-height: 350px; opacity: 1;}

.js-information-item, .information-description{-webkit-transition-duration: .47s;-o-transition-duration: .47s;transition-duration: .47s;}


.js-information-item{padding-left: 42px;} .information-title{padding: calc(0.5vw + 0.5vh + 5px) 0;} .js-information-item.on .information-description{padding-bottom: calc(0.5vw + 0.5vh + 5px);}



/* -------------------------------------------------- testimonial2 ---------- */

.testimonial2-slide, .testimonial2-slide .slide-wrapper{position: relative; display: block; margin: 0 auto; height: auto;} .testimonial2-slide{overflow: hidden;} .testimonial2-slide .slide-wrapper{width: 500%; -webkit-transition: -webkit-transform .29s; transition: -webkit-transform .29s; -o-transition: transform .29s; transition: transform .29s; transition: transform .29s, -webkit-transform .29s;} .testimonial2-slide .slide-wrapper .list-item{position: relative; display: inline-block; width: 20%;}

.testimonial2-item{position: relative; display: block;} .testimonial2-item .image-relative{width: 100%; max-width: 150px;}



.testimonial2-slide{width: 100%;}

.slide-link, .link-slide{position: relative; display: block;}

.slide-link{margin: 0 auto; text-align: center;} .link-slide{width: 32px; height: 48px;} .link-slide span{position: absolute; display: block; right: 50%; bottom: 50%; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); width: 12px; height: 12px; -webkit-transition-duration: .29s; -o-transition-duration: .29s; transition-duration: .29s;}

.link-slide span{background-color: rgba(255,255,255,0.4);}
.link-slide.toggle span, .link-slide:hover span{background-color: rgba(255,255,255,0.82);}



/* -------------------------------------------------- multistep form ---------- */

[class*="multistep-"] .label-checkbox .input-checkbox:after{border: solid var(--color-front);}

.slide-multistep{width: 100%; height: auto; padding: 0; vertical-align: middle; overflow: hidden;} .slide-multistep-wrapper{transform: translate(0px,0px);} .slide-multistep li{height: auto; vertical-align: top;}

/*#form-initial .slide-multistep-wrapper{width: 300%;} #form-initial .slide-multistep li{width: 33.33%;}*/
#form-initial .slide-multistep-wrapper{width: 100%;} #form-initial .slide-multistep li{width: 100%;}
#form-initial .slide-multistep{margin: 7px 0;}


.form-report{position: relative; display: block; width: 100%; overflow: hidden;} 

.multistep-tab{padding-bottom: 7px;}

[class*="form-"] input, [class*="form-"] select, [class*="form-"] textarea, [class*="form-"] fieldset{vertical-align: top; border: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
[class*="form-"]{margin: 0 -7px;}
[class*="multistep-"]{position: relative; display: inline-block;}

[class*="tab-"]{position: relative; display: inline-block; padding: 5px 7px; vertical-align: middle;} .tab-100{width: 100%;} .tab-67{width: 66.67%;} .tab-50{width: 50%;} .tab-33{width: 33.33%;} .tab-0{display: none; visibility: hidden;}

[class*="multistep-"] label, [class*="multistep-"] input, [class*="multistep-"] select, [class*="multistep-"] textarea, [class*="form-"] fieldset{display: block; width: 100%;}
[class*="multistep-"] .label-default{position: absolute; padding-left: 14px;} [class*="multistep-"] label, .multistep-links li p{line-height: 14px; font-size: 13px; letter-spacing: 2px; opacity: .84;} [class*="multistep-"] label a p{text-decoration: underline;}
[class*="multistep-"] input, [class*="multistep-"] select, [class*="multistep-"] textarea, .link-multistep{position: relative;} [class*="multistep-"] input, [class*="multistep-"] select{margin-top: 7px;} [class*="multistep-"] fieldset{margin-top: -7px;} [class*="multistep-"] textarea{margin-top: 7px; resize: none;}

[class*="multistep-"] input, #multistep-initial .input-checkbox{transition-duration: .14s;}
.link-multistep{width: 100%; text-align: center;}



.multistep-links li p{vertical-align: top;}
.multistep-links li{position: relative; display: none; vertical-align: top;}
.multistep-links li.toggle{display: block;}

.symbol-indicator{position: relative; display: block; width: 100%; height: 3px; margin: 7px 0; overflow: hidden;} 
.symbol-indicator [class*="shape-"]{height: 3px;} 
.symbol-indicator .shape-0{width: 100%; opacity: .14;}
.symbol-indicator .shape-1{left: 0; right: auto; transform: translate(0,50%); width: 0; transition-duration: .57s;}


::placeholder{color: rgba(161,161,163,0.7);}

[class*="multistep-"] input, [class*="multistep-"] select, [class*="multistep-"] textarea{background-color: rgba(161,161,163,0.11);} 
[class*="multistep-"] input:hover, [class*="multistep-"] select:hover, [class*="multistep-"] textarea:hover{background-color: rgba(161,161,163,0.22);}


.link-button{background-color: rgba(161,161,163,0.35);}
.link-button:hover{background-color: rgba(161,161,163,0.56);}

.link-contact p{color: var(--color-red);}
.link-contact{background-color: rgba(172,17,32,0.07);}
.link-contact:hover{background-color: rgba(172,17,32,0.14);}


[class*="multistep-"] textarea{height: calc(66px + 28px);}

[class*="multistep-"] input, [class*="multistep-"] select, [class*="multistep-"] textarea, .link-multistep{padding: 14px 11px;}




/* -------------------------------------------------- marquee ---------- */

/*[class*="marquee-"]{--gap: 0px; position: relative; display: flex; width: 100%; height: auto; overflow: hidden; user-select: none;} [class*="marquee-"] p{flex-shrink: 0; display: flex; justify-content: space-around; min-width: 100%;} [class*="marquee-"], [class*="marquee-"] p{gap: var(--gap);} [class*="marquee-"] p span{position: relative; display: inline-block; width: 24px; vertical-align: middle; text-align: center;}

.marquee-left p{animation: animation-marguee-left 24s linear infinite;} .marquee-right p{animation: animation-marguee-right 24s linear infinite;} @keyframes animation-marguee-left{from{transform: translateX(calc(0% - var(--gap)));}to{transform: translateX(-100%);}} @keyframes animation-marguee-right{from{transform: translateX(calc(-100% - var(--gap)));}to{transform: translateX(0);}}*/



/* -------------------------------------------------- fade in on scroll ---------- */

[class*="js-fadein-"]{overflow-y: visible;} [class*="js-fadein-fast-"]{-webkit-transition: opacity 410ms ease-in-out 41ms, -webkit-transform 540ms ease-in-out 54ms;transition: opacity 410ms ease-in-out 41ms, -webkit-transform 540ms ease-in-out 54ms;-o-transition: transform 540ms ease-in-out 54ms, opacity 410ms ease-in-out 41ms;transition: transform 540ms ease-in-out 54ms, opacity 410ms ease-in-out 41ms;transition: transform 540ms ease-in-out 54ms, opacity 410ms ease-in-out 41ms, -webkit-transform 540ms ease-in-out 54ms;} [class*="js-fadein-slow-"]{-webkit-transition: opacity 720ms ease-in-out 72ms, -webkit-transform 970ms ease-in-out 97ms;transition: opacity 720ms ease-in-out 72ms, -webkit-transform 970ms ease-in-out 97ms;-o-transition: transform 970ms ease-in-out 97ms, opacity 720ms ease-in-out 72ms;transition: transform 970ms ease-in-out 97ms, opacity 720ms ease-in-out 72ms;transition: transform 970ms ease-in-out 97ms, opacity 720ms ease-in-out 72ms, -webkit-transform 970ms ease-in-out 97ms;}



/* -------------------------------------------------- transition ---------- */

.js-approach-item{-webkit-transition: opacity .17s;-o-transition: opacity .17s;transition: opacity .17s;}
#html-body, h1, h2, p, [class*="link-"], .link-brand .image-absolute{-webkit-transition-duration: .17s;-o-transition-duration: .17s;transition-duration: .17s;}
#body-main, #body-footer, .navigation-frame{-webkit-transition-duration: .54s;-o-transition-duration: .54s;transition-duration: .54s;}

.desktop-absolute{display: block; width: 100%;}

/* -------------------------------------------------- media query ---------- */

/*h1, .h1, h2, .h2{ opacity: 1;} h1, .h1{font-weight: 700; letter-spacing: -2px;} h2, .h2, .h3{font-weight: 600; letter-spacing: -1px;} .h3{letter-spacing: 1px;} p{font-weight: 400; letter-spacing: 0.5px;}*/
.written-bold{font-weight: 900;} h1, .h1, h2, .h2, h3, .h3{text-transform: uppercase;}


@media(max-width: 1119px){
    .section-layer-default, .section-layer-full{max-width: 720px;} [class*="height-"], [class*="grid-"]{height: auto;} [class*="grid-"] .desktop-absolute{position: relative; bottom: auto; right: auto; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); padding: 0 0;} .navigation-frame{right: -100%; width: 100%;} 
    
    [class*="grid-"]{width: 100%;} .desktop-right{float: none;} .only-mobile{display: block;} .only-desktop{display: none;} #main-transports .list-transports{padding: 0 0;} .list-transports .list-item{width: 50%; padding: calc(0.7vw + 0.7vh + 7px) 2%;} 
    
    p, input, textarea, select, .link-text{line-height: 22px; font-size: 15px;} 
    [class*="link-"] p, .h7{line-height: 22px; font-size: 15px; letter-spacing: 2px;} 
    h3, .h3{line-height: 28px; font-size: 22px; letter-spacing: 1px;} 
    h2, .h2{line-height: 34px; font-size: 29px; letter-spacing: 1px;} 
    h1, .h1, .navigation-frame .link-default p{line-height: 40px; font-size: 36px; letter-spacing: 1px;} 
	
    #main-offer .height-75, #main-offer .height-75 [class*="grid-"]{min-height: 0;}
    .list-symbol [class*="symbol-"]{width: 21px; height: 21px;} 
    }
@media(min-width: 1120px){
    .section-layer-default, .section-layer-full{max-width: none;} .height-75, .height-75 [class*="grid-"]{height: 75vw;} .height-50, .height-50 [class*="grid-"]{height: 50vw;} .height-33, .height-33 [class*="grid-"]{height: 33.33vw;} .height-25, .height-25 [class*="grid-"]{height: 25vw;} .navigation-frame{right: -33.33%; width: 33.33%;} 
    
    /*[class*="grid-"]{height: auto;}*/ [class*="grid-"] .desktop-absolute{position: absolute; bottom: 50%; right: 50%; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); padding: 0 10%;} #main-transports .list-transports{padding: 0 2%;} .list-transports .list-item{width: 25%; padding: calc(0.7vw + 0.7vh + 7px) 2%;} 
    
    .grid-67{width: 66.67%} .grid-50{width: 50%;} .grid-33{width: 33.33%;} .grid-25{width: 25%;} .grid-fix{width: calc(5% + 350px);} .grid-flex{width: calc(95% - 350px);} .desktop-right{float: right;} .desktop-right{float: right;} .only-mobile{display: none;} .only-desktop{display: block;} 
    
	p, input, textarea, select, .link-text{line-height: 22px; font-size: 15px;} 
    [class*="link-"] p, .h7{line-height: 22px; font-size: 15px; letter-spacing: 2px;} 
    h3, .h3{line-height: 27px; font-size: 21px; letter-spacing: 0.6px;} 
    h2, .h2{line-height: 34px; font-size: 29px; letter-spacing: 0.8px;} 
    h1, .h1, .navigation-frame .link-default p{line-height: 47px; font-size: 43px; letter-spacing: 1px;} 
    
    #main-offer .height-75, #main-offer .height-75 [class*="grid-"]{min-height: 970px;}
    .list-symbol [class*="symbol-"]{width: 23px; height: 23px;} 
    }
@media(min-width: 1920px){
    .section-layer-default, .section-layer-full{max-width: 1920px;} .height-75, .height-75 [class*="grid-"]{height: 1440px;} .height-50, .height-50 [class*="grid-"]{height: 960px;} .height-33, .height-33 [class*="grid-"]{height: 720px;} .height-25, .height-25 [class*="grid-"]{height: 480px;} .navigation-frame{right: -33.33%; width: 33.33%;} 
    
    /*[class*="grid-"]{height: auto;}*/ [class*="grid-"] .desktop-absolute{position: absolute; bottom: 50%; right: 50%; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); padding: 0 10%;} #main-transports .list-transports{padding: 0 2%;} .list-transports .list-item{width: 25%; padding: calc(0.7vw + 0.7vh + 7px) 2%;} 
    
    .grid-67{width: 66.67%} .grid-50{width: 50%;} .grid-33{width: 33.33%;} .grid-25{width: 25%;} .grid-fix{width: calc(5% + 350px);} .grid-flex{width: calc(95% - 350px);} .desktop-right{float: right;} .only-mobile{display: none;} .only-desktop{display: block;} 
    
	p, input, textarea, select, .link-text{line-height: 22px; font-size: 15px;} 
    [class*="link-"] p, .h7{line-height: 22px; font-size: 15px; letter-spacing: 2px;} 
    h3, .h3{line-height: 28px; font-size: 22px; letter-spacing: 1px;} 
    h2, .h2{line-height: 34px; font-size: 29px; letter-spacing: 1px;} 
    h1, .h1, .navigation-frame .link-default p{line-height: 47px; font-size: 43px; letter-spacing: 1px;} 
    
    #main-offer .height-75, #main-offer .height-75 [class*="grid-"]{min-height: 970px;}
    .list-symbol [class*="symbol-"]{width: 23px; height: 23px;} 
    }



@media(pointer: coarse){
    .js-cursor-outer, .js-cursor-inner{display: none;}
}



@media screen {
    .js-enable [class*="js-fadein-"]{opacity: 0;} .js-enable .js-fadein-slow-left, .js-enable .js-fadein-fast-left{-webkit-transform: translate(58px,0);-ms-transform: translate(58px,0);transform: translate(58px,0);} .js-enable .js-fadein-slow-right, .js-enable .js-fadein-fast-right{-webkit-transform: translate(-58px,0);-ms-transform: translate(-58px,0);transform: translate(-58px,0);} .js-enable .js-fadein-slow-up, .js-enable .js-fadein-fast-up{-webkit-transform: translate(0,29px);-ms-transform: translate(0,29px);transform: translate(0,29px);} /*.js-enable .js-fadein-down{transform: translate(0,-41px);}*/ .js-enable [class*="js-fadein-"].on{opacity: 1; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0);} 
    }
@media print {
    .js-enable [class*="js-fadein-"]{opacity: 1;} .js-enable .js-fadein-slow-left, .js-enable .js-fadein-fast-left{-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);} .js-enable .js-fadein-slow-right, .js-enable .js-fadein-fast-right{-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);} .js-enable .js-fadein-slow-up, .js-enable .js-fadein-fast-up{-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);} /*.js-enable .js-fadein-down{transform: translate(0,0);}*/ .js-enable [class*="js-fadein-"].on{opacity: 1; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0);} 
    }



/* -------------------------------------------------- important ---------- */

.important-card.hidden{right: 0%; bottom: 15%; width: 156px; max-height: 88px;} .important-card.hidden .layer-grid, .important-card [class*="grid-"]{padding: 5px 5px;}

.important-card{position: fixed; right: 50%; bottom: 50%; transform: translate(50%,50%); width: 500px; max-width: 100%; max-height: 500px; z-index: 999; transition-duration: .71s; overflow: hidden;} 
.important-card .layer-grid, .important-card [class*="grid-"]{padding: 10px 10px;}
.important-card .image-relative{position: relative; display: inline-block; width: 58px;} 
.important-card .image-absolute{right: 44px; bottom: calc(100% - 44px); width: 48px;} 

.important-card{background-color: #D63484;} .important-card p{color: #FFFFFF;} .opacity-important{opacity: .77;} 


/* -------------------------------------------------- info ---------- */

.info-card{display: inline-block; width: auto;} .info-card .content-relative{padding-left: 41px;} .info-card .content-relative .image-absolute{right: 100%; transform: translate(100%,50%); width: 29px;}