@charset "utf-8";
/* CSS Document */

/*--Import GLOBAL CSS--*/
@import url('global.css');

.container{padding-left:15px; padding-right:15px; width:100%; max-width:1080px; margin:0 auto;}
.container-fluid{width:100%; padding-left:15px; padding-right:15px;}
@media(max-width:1199px){
	.container{max-width:100%;}
}

body{font-family:var(--font-family); color:var(--text-color); font-weight:400;}
.header-top{background-color:var(--dark-gray-color);}
.header-top-column:not(:last-child){margin-right:40px;}
.languages, .devise{font-size:24px; color:#000; padding:15px 0;}
.languages span, .devise span{display:block; line-height:30px;}
.languages span:not(:last-child), .devise span:not(:last-child){margin-right:10px;}
.header-middle{min-height:140px; padding:15px 0; background-color:#fff;}
.logo img{max-width:252px;}
.search{max-width:100px; min-width:100px;}
.search input{width:100%; height:32px; background-color:#EBEBEB; border-radius:7px; border:0; padding:5px 15px; font-size:18px;}
.header-bottom{background-color:var(--primary-color); min-height:60px; padding:10px 0;}
.header-bottom h5{text-transform:uppercase; color:#fff;}
.header .header-buttons:not(:first-child){margin-top:15px;}
.header-buttons .btn:not(:last-child){margin-right:15px;}
.section{padding:100px 0;}
.intro-section h1{font-weight:300; font-weight: 700;}
.intro-section h1:not(:last-child){margin-bottom:50px;}
.intro-section h2{padding:20px 50px; line-height:60px; background-color:#fff;}
.intro-content:not(:first-child){margin-top:100px;}
.intro-content-wrap{margin:-30px;}
.intro-content-column{padding:30px; width:50%;}
.intro-content-column h3{font-weight:300;}
.intro-content-column h3 span{font-weight:700;}
.intro-content-column{margin:-25px 0;}
.intro-content-block{padding:25px 0;}
.intro-content-row:not(:last-child){margin-bottom:25px;}
.intro-content-row p:not(:last-child){margin-bottom:5px;}
.image-slider-wrap{position:relative;}
.two-en-one{width:120px; height:120px; background-color:#fff; border-radius:100%; font-size:40px; color:var(--primary-color); position:absolute; right:0; top:0; transform:translate(50%, -50%) rotate(15deg); z-index:9;line-height:1; font-weight:900;}
.two-en-one span{font-size:20px; position:relative; top:-4px;}
.arrow{width:40px; height:40px; border-radius:100%; box-shadow:var(--box-shadow); position:absolute; top:50%; z-index:9; cursor:pointer;}
.arrow.arrow-left{left:0; transform:translate(-50%, -50%); background:url(../images/angle-left.png) center center no-repeat #fff; background-size:auto 50%;}
.arrow.arrow-right{right:0; transform:translate(50%, -50%); background:url(../images/angle-right.png) center center no-repeat #fff; background-size:auto 50%;}
.gallery figure:not(:last-child){margin-bottom:100px;}
.section-header:not(:last-child), .section-content:not(:last-child){margin-bottom:100px;}
.section-header h4{font-weight:900;}
.technical{display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:50px;}
.technical-column:last-child{grid-column:2/4;}
.table-wrap{display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:50px;}
.technical-block:not(:last-child){margin-bottom:50px;}
.technical-block h6{font-weight:700;}
.technical-block h6:not(:last-child){margin-bottom:20px;}
.technical-list li{padding:10px 0;}
.technical-list li{border-bottom:1px solid #EFECEC; display:flex; align-items:center;}
.technical-list li span{display:block; font-size:14px;}
.technical-list li span:first-child{width:70%;}
.technical-list li span:last-child{width:30%;}
.technical-list li:hover{background-color:#F7F7F7;}
.table{background-color:#F0EFEF; box-shadow:var(--box-shadow); border-radius:5px; overflow:hidden;}
.table table{width:100%; border-collapse:collapse;}
.table:not(:last-child){margin-bottom:70px;}
.table table td{font-size:14px; padding:8px 6px;}
.table table td span{display:block; color:rgba(112,112,112,0.46);}
.table-coffee thead tr{background-color:var(--table-coffee-color);}
.table-blue thead tr{background-color:var(--table-blue-color);}
.table-green thead tr{background-color:var(--table-green-color);}
.table-red thead tr{background-color:var(--table-red-color);}
.table-gray thead tr{background-color:var(--table-gray-color);}
.table-light-red thead tr{background-color:var(--table-light-red-color);}
.table-yellow thead tr{background-color:var(--table-yellow-color);}
.table-white thead tr{background-color:#fff;}
.dimension-grid{display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:50px;}
.dimension-column figure img{width:100%;}

.footer{background-color:#fff;}
.copyright{padding:20px 0;}
.copyright p{font-size:11px;}
.footer-content{background-color:#f8f8f8; padding:50px 0;}
.footer-grid{display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:30px;}
.footer-column h6{text-transform:uppercase;}
.footer-column h6:not(:last-child){margin-bottom:20px;}
.footer-column p{font-size:12px;}
.footer-column p a{color:#000;}
.footer-column p a:hover{color:var(--primary-color);}
.social-icons .social-icon{margin-right:15px;}
.social-icons .social-icon{font-size:25px; color:#000;}
.social-icons .social-icon:hover{color:var(--primary-color);}
.footer-column p:not(:last-child){margin-bottom:5px;}

@media(max-width:1299px){
	.two-en-one{width:100px; height:100px; font-size:35px;}
	.two-en-one span{font-size:15px; top:-2px;}	
}

@media(max-width:1199px){
	.header-top-column:not(:last-child){margin-right:30px;}
	.languages, .devise{font-size:20px; padding:10px 0;}
	.languages img, .devise img{max-width:15px;}
	.languages span:not(:last-child), .devise span:not(:last-child){margin-right:8px;}
	.header-middle{min-height:100px;}
	.logo img{max-width:225px;}
	.search input{font-size:16px; border-radius:5px; padding:5px 10px;}
	.header-bottom{min-height:auto;}
	.intro-content-wrap{margin:-15px;}
	.intro-content-column{padding:15px;}
	.two-en-one{transform:translate(-15px, -50%) rotate(15deg);}
	.arrow.arrow-left{left:15px; transform:translate(0, -50%);}
	.arrow.arrow-right{right:15px; transform:translate(0, -50%);}
	.intro-content:not(:first-child){margin-top:80px;}
	.intro-section h1:not(:last-child){margin-bottom:30px;}
	.section{padding:80px 0;}
	.section-header:not(:last-child), .section-content:not(:last-child){margin-bottom:80px;}
	.gallery figure:not(:last-child){margin-bottom:80px;}
}
@media(min-width:992px){
	.search{order:2;}
	.logo{order:1;}
	.header-buttons{display:none;}	
	.intro-content-wrap .intro-content-column.order-1{order:1;}
	.intro-content-wrap .intro-content-column.order-2{order:2;}
	.intro-content-block.order-1{order:1;}
	.intro-content-block.order-2{order:2;}
	.intro-content-block.order-3{order:3;}
}
@media(max-width:991px){
	.header-top-column:not(:last-child){margin-right:25px;}
	.languages, .devise{font-size:18px; padding:8px 0;}
	.languages span:not(:last-child), .devise span:not(:last-child){margin-right:5px;}
	.header-middle{min-height:80px;}
	.logo img{max-width:200px;}
	.search{max-width:100%; min-width:auto;}
	.search input{font-size:18px; border-radius:6px; height:45px;}
	.header-middle .container{display:block;}
	.header .logo:not(:first-child){margin-top:15px;}
	.intro-content-wrap{display:block;}
	.intro-content-column{width:100%;}
	.intro-content-column{max-width:80%; margin-left:auto; margin-right:auto;}
	.intro-content:not(:first-child){margin-top:50px;}
	.section{padding:50px 0;}
	.intro-section h2{padding:15px 30px; line-height:50px;}
	.section-header:not(:last-child), .section-content:not(:last-child){margin-bottom:50px;}
	.technical, .table-wrap{display:block;}
	.technical-section .section-header, .technical-section .section-content{max-width:80%; margin-left:auto; margin-right:auto;}
	.dimension-section .section-header, .dimension-section .section-content{max-width:80%; margin-left:auto; margin-right:auto;}
	.technical-column:not(:last-child){margin-bottom:30px;}
	.gallery figure:not(:last-child){margin-bottom:50px;}
	.dimension-section .image-slide img{width:100%;}
	.footer-grid{display:block;}
	.footer-column{padding:15px 0;}
	.footer-column:not(:last-child){border-bottom:1px solid #EFECEC;}
	.footer-content{padding:30px 0;}
}
@media(max-width:767px){
	.section{padding:30px 0;}
	.search input{font-size:16px; border-radius:5px; height:40px;}
	.intro-content-column{max-width:100%;}
	.intro-section h2{padding:10px 25px; line-height:40px;}
	.intro-content-column{margin:-15px 0;}
	.intro-content-block{padding:15px 0;}
	.two-en-one{width:80px; height:80px; font-size:25px;}
	.two-en-one span{font-size:12px; top:0;}
	.section-header:not(:last-child), .section-content:not(:last-child){margin-bottom:30px;}
	.technical-section .section-header, .technical-section .section-content{max-width:100%;}
	.dimension-section .section-header, .dimension-section .section-content{max-width:100%;}
	.gallery figure:not(:last-child){margin-bottom:30px;}
}
@media(max-width:575px){
	.languages, .devise{font-size:16px; padding:6px 0;}
	.search input{font-size:14px; height:35px;}
	.intro-section h2{font-size:24px;}
}

model-viewer:focus, .container:focus{
		outline: none !important;
	}
.Hotspot {
    background: #fff;
    border-radius: 32px;
    border: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    cursor: pointer;
    height: 24px;
    padding: 8px;
    position: relative;
    transition: opacity 0.3s;
    width: 24px;
    --min-hotspot-opacity: 0;
  }
}

.Hotspot:not([data-visible]) {
    background: transparent;
    border: 4px solid #fff;
    box-shadow: none;
    height: 32px;
    pointer-events: none;
    width: 32px;
}

h1 sup {
	font-size: 40px;
}

.intro-section {
	padding:50px 0 0 0 !important;
}

.Hotspot:focus {
    border: 4px solid rgb(0, 128, 200);
    height: 32px;
    outline: none;
    width: 32px;
}


.cookie_link {
	display: none;
}

#cookie_learnmore_link {
	display: inline-block;
}

.Hotspot>* {
    opacity: 1;
    transform: translateY(-50%);
}

.technical-block p{
	font-size: 11px;
	text-transform: uppercase;
}

h4 {
	color: var(--primary-color);
	}

.HotspotAnnotation {
	opacity: 0;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    color: rgba(0, 0, 0, 0.8);
    display: block;
    font-family: Lato, Helvetica Neue, sans-serif;
    font-size: 12px;
    font-weight: 700;
    left: calc(100% + 1em);
    max-width: 300px;
    padding: 0.5em 1em;
    position: absolute;
    top: 50%;
    width: max-content;
}

.Hotspot:hover .HotspotAnnotation  {
	opacity: 1;
	transition: opacity 1s ease;
}

.Hotspot:not([data-visible])>* {
    opacity: 0;
    pointer-events: none;
    transform: translateY(calc(-50% + 4px));
    transition: transform 0.3s, opacity 0.3s;