@font-face{font-family:"Exo 2";src:url("fonts/Exo2/Exo2-VariableFont_wght.ttf") format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:"Exo 2";src:url("fonts/Exo2/Exo2-Italic-VariableFont_wght.ttf") format("truetype-variations");font-weight:100 900;font-style:italic;font-display:swap}body{font:100% "Exo 2",sans-serif;min-height:100vh;box-sizing:border-box;scroll-behavior:smooth;margin:0;background:#e9e9e9;display:flex;flex-direction:column;justify-content:space-between}a{text-decoration:none;color:#7cdb43}a:visited{color:#7cdb43}ul{list-style:square}li::marker{color:#5bbd20;font-size:1.2rem}button{background:none;color:inherit;border:none;font-size:4rem}*,*::before,::after{box-sizing:inherit}main{display:flex;flex-direction:row;justify-content:space-between;gap:1rem;width:min(80%,1200px);margin:0 auto}main section{flex-grow:1}main aside{display:flex;flex-direction:column;flex-shrink:1}footer{display:flex;justify-content:center;gap:1rem;background-color:#313131;color:#fff;padding-block:2rem}.gallery-image{width:80%}header{margin:0 auto;margin-top:1rem;width:min(80%,1200px)}header nav.navbar div#nav-first-row{display:flex;justify-content:space-between}header nav.navbar div#nav-first-row>h1{margin:0;visibility:hidden;width:0;height:0}header nav.navbar div#nav-first-row>h1 a>img{width:100%}header nav.navbar div#nav-first-row div{color:#5bbd20;display:flex;flex-direction:row;justify-content:flex-start;gap:1rem;align-items:flex-end}header nav.navbar div#nav-first-row div a{font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:.4rem;color:#5bbd20;margin-bottom:.2rem;transition:filter .05s ease-out}header nav.navbar div#nav-first-row div a:hover{filter:brightness(1.15)}header nav.navbar ul{display:flex;flex-direction:row;list-style-type:none;padding:0;color:#fff;box-shadow:0 23px 11px -12px rgba(0,0,0,.3)}header nav.navbar ul li{width:20%;background:#7cdb43}header nav.navbar ul li a{font-weight:700;display:flex;align-items:center;padding-inline:2rem;padding-block:.6rem;width:100%;height:100%;text-transform:uppercase;color:#fff}header nav.navbar ul li a:visited{color:#fff}header nav.navbar ul li:nth-child(odd){background:#5bbd20}header nav.navbar ul li:hover{background:#ffc000}.title{font-weight:600;color:#fff;line-height:23px;text-transform:uppercase;text-shadow:1px 1px 1px #0e8b3d;letter-spacing:1px;background:#5bbd20;padding-inline:1rem;padding-block:1rem;font-size:1.4rem;margin:0}.arrow{border:solid #fff;border-width:0 5px 5px 0;display:inline-block;padding:7px}.right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.left{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.icon{width:1.5em;height:1.5em;vertical-align:-.125em}.gallery-container{background:#fff;padding-inline:1rem;padding-block:2rem}.gallery-container .gallery-viewport{width:100%;position:relative;display:inline-flex}.gallery-container .gallery-viewport img{width:100%;object-fit:cover}.gallery-container .gallery-viewport button{position:absolute;top:0;background:rgba(120,120,120,.4);height:100%;opacity:.8;transition:opacity .05s ease-out}.gallery-container .gallery-viewport button.left-arrow{left:0;padding-left:.5rem}.gallery-container .gallery-viewport button.right-arrow{right:0;padding-right:.5rem}.gallery-container .gallery-viewport button:hover{opacity:1}.gallery-container hr{border-top:2px solid #5bbd20;color:#5bbd20}.accent{color:#5bbd20;font-weight:600}#map{height:300px;width:100%}#contact{width:100%;margin-bottom:1rem;background:#fff}#contact #contact-content{padding-inline:2rem}#contact #contact-content div{margin-block:1rem}#contact #contact-content div p{margin:0}.panel{max-width:317px;box-shadow:rgba(0,0,0,.1) 0px 4px 12px;display:inline-flex;flex-direction:column;margin-bottom:1rem}.panel .title:hover{background:#ffc000}.panel .title a{color:#fff;width:100%;height:100%;display:inline-flex;justify-content:center;align-items:center}.panel .title a:visited{color:#fff}.panel .title{flex-grow:1;display:flex;align-items:center}.panel figure{position:relative;display:inline-flex;overflow:hidden;margin:0}.panel figure figcaption{position:absolute;width:100%;bottom:0;color:#fff;background:rgba(91,189,32,.7);text-shadow:1px 1px 1px #0e8b3d;padding:1rem}.panel figure img{transition:.5s cubic-bezier(.46, .03, .52, .96)}.panel figure img:hover{transform:scale3d(1.2, 1.2, 1)}#index{justify-content:center}#index section{display:grid;grid-template-columns:repeat(3, 317px);grid-auto-rows:1fr;justify-content:space-between;gap:1rem}#index section .panel{max-width:none}#about-us section{background:#fff;margin-bottom:1rem}#about-us section .content{padding-block:1rem;padding-inline:2rem}#tech-details section{background:#fff}#tech-details section .content{margin-top:1rem;padding-block:1rem;padding-inline:2rem}.float{shape-outside:margin-box;max-width:40%;height:auto;padding:4px}.float-right{margin:0 0 1em 1em;float:right}.float-left{margin:1em 1em 0 0;float:left}#comparison section{margin-bottom:1rem}#comparison section .content{margin-top:1rem}#comparison section .content table tbody tr td img{width:min(100%,150px);height:140px;object-fit:cover}#comparison-price section{margin-bottom:1rem}#comparison-price section .content{margin-top:1rem}#comparison-price section .content table tbody tr td img{width:min(300px,100%);height:170px;object-fit:cover}#sitemap section .content{background:#fff;padding-block:1rem;padding-inline:2rem}#sitemap section .content ul{margin:0}table{border-collapse:collapse;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.1)}th,td{padding:1rem;text-align:center}tr:nth-child(even){background-color:#f2f2f2}tr:hover{background-color:#ddd}th{text-align:left}thead th{background-color:#5bbd20;color:#fff}@media (max-width: 1200px){header nav.navbar div#nav-first-row div{flex-direction:column;align-items:flex-start;justify-contents:flex-start}}@media (max-width: 960px){main{width:95%}header{width:95%}#index{margin-top:1rem}#index section{grid-template-columns:repeat(2, 317px)}}@media (max-width: 850px){header{margin-bottom:1rem}header nav.navbar div#nav-first-row{flex-direction:column;align-items:center;gap:1rem}header nav.navbar div#nav-first-row #mt-slogan{display:none}header nav.navbar ul{flex-direction:column}header nav.navbar ul li{width:100%}main{flex-direction:column;align-items:center}main aside{width:100%;flex-wrap:wrap;flex-direction:row;justify-content:space-between}}@media (max-width: 750px){main aside{flex-direction:column;align-items:center}}@media (max-width: 500px){.panel figure img{width:100%}td,th{padding:0;padding-block:.2rem}#index section{grid-template-columns:317px}}