.grid4>*,[class*=grid]>*{box-sizing:border-box}.btn-box,header#main-header .qp-container nav.mainNav>ul li a{color:#000}.btn-box,footer a{text-decoration:none}body,div,h1,h2,h3,h4,h5,h6,html,input,li,p,select,td{font-family:"Open Sans",Helvetica,Verdana,Tahoma,sans-serif;line-height:1.5}.slider{position:relative;height:100%}.width-limiter{max-width:1280px;width:100%;margin:0 auto}.width-limiter.narrow{max-width:980px}.swiper-nav .swiper-button-next,.swiper-nav .swiper-button-prev{outline:0;background-image:none}.swiper-nav .swiper-button-next:after,.swiper-nav .swiper-button-prev:after{content:"";display:block;position:absolute;width:16px;height:16px;top:10px;left:4px;border-bottom:2px solid #fff;border-left:2px solid #fff;transform:rotate(45deg)}.swiper-nav .swiper-button-next:after{transform:rotate(-135deg)}.fg1{flex-grow:1}.flex{display:flex}.flex.start{justify-content:flex-start}.flex.end{justify-content:flex-end}.flex.column{flex-direction:column}.flex.between{justify-content:space-between}.flex.center{justify-content:center}.flex.around{justify-content:space-around}.flex.v-top{align-items:flex-start!important}.flex.v-center{align-items:center}.flex.wrap{flex-wrap:wrap}.flex.full{width:100%}.flex .full{flex-grow:1}.flex.btns{justify-content:center}.flex.btns>*{margin:0 20px}.flex.b10>*{margin-bottom:10px!important}[class*=grid]{display:flex;flex-grow:1}[class*=grid].between{justify-content:space-between}[class*=grid].start{justify-content:flex-start}[class*=grid].start>*{margin-right:26.5px}[class*=grid].wrap{flex-wrap:wrap}[class*=grid].no-padding{padding:0}[class*=grid].v-center{align-items:center}[class*=grid].v-bottom{align-items:flex-end}[class*=grid].no-shrink>*{flex-shrink:0}.grid2,.grid4.spacing10{justify-content:space-between}[class*=grid]>.range-slider#rgsdr{width:calc(75% - 10px)}[class*=grid].custom-input input{min-width:0!important;width:100%!important}.grid2>*{width:calc(100% / 2)}.grid2.spacing15>*{width:calc(100% / 2 - 15px)}.grid3>*{width:calc(100% / 3);min-width:2.25em}.grid3.spacing5>*{width:calc(100% / 3 - 5px)}.grid3.spacing10>*{width:calc(100% / 3 - 10px)}.grid3.spacing15>*{width:calc(100% / 3 - 15px)}.grid3.spacing20>*{width:calc(100% / 3 - 20px)}.grid4>*{width:25%}.grid4.spacing10>*{width:calc(100% / 4 - 10px);margin-bottom:20px}.grid4.spacing20{justify-content:space-between}.grid4.spacing20>*{width:calc(100% / 4 - 20px);margin-bottom:20px}.grid5>*{width:20%}.grid5.spacing15>*{width:calc(100% / 5 - 15px)}.grid6>*{width:16.6666%}header#main-header{background-color:rgba(255,255,255,.8)}header#main-header .hamburger:after,header#main-header .hamburger:before{background-color:#000}header#main-header h1 a{background-image:url(../img/qnap-logo-black.svg)}header#main-header .qp-container h1{box-sizing:content-box}header#main-header .qp-container nav.mainNav{background-color:transparent;box-shadow:none}.btn-box{display:inline-block;padding:.75em 1.5em;background-color:#fff;line-height:1.5;font-weight:300}.btn-box.bordered{border:1px solid gray}footer{background-color:#2a2a2a;padding-top:50px;padding-bottom:230px}footer .input-field{color:#979797}footer .input-field input{color:#fff}footer .input-field .helper-text{color:#979797}footer .ttl{color:#666;margin-bottom:1em;font-size:14px}footer .ft-aside{margin-bottom:60px}footer .ft-aside li{margin-right:7px}footer .ft-aside li a{display:flex;border:1px solid #979797;padding:10px 15px;font-size:12px;border-radius:10px;transition:all .25s}footer .ft-aside li a .icon{margin-right:5px}footer .ft-aside li a .icon img,footer .ft-aside li a .icon svg{height:16px}footer .ft-aside li a .icon img path,footer .ft-aside li a .icon svg path{transition:all .25s;fill:#979797}footer .ft-aside li a:hover{border-color:#16BFAF;color:#16BFAF}footer .ft-aside li a:hover .icon svg path{fill:#16BFAF}footer .ft-aside .mail-field{display:flex}footer .ft-aside .mail-field button,footer .ft-aside .mail-field input{display:block;height:40px;background-color:#fff;font-size:12px;border:none;box-sizing:border-box;padding:20px}footer .ft-aside .mail-field button::placeholder,footer .ft-aside .mail-field input::placeholder{color:#a2a2a2}footer .ft-aside .mail-field .btn-submit{position:relative;cursor:pointer;width:40px}footer .ft-aside .mail-field .btn-submit:after{content:"";position:absolute;width:6px;height:6px;top:calc(50% - 3px);left:calc(50% - 3px);border-bottom:1px solid #a2a2a2;border-left:1px solid #a2a2a2;transform:rotate(-135deg)}footer .sitemap{background-color:transparent;border:0;box-shadow:none;height:100%}footer .sitemap li a{font-size:12px}footer a{color:#979797}footer .social{padding-top:30px;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #797979}footer .social ul{display:flex;justify-content:flex-end}footer .social ul li{margin-left:12px;max-width:32px}footer .social img,footer .social svg{width:100%}footer .copyright{color:#a0a0a0;font-size:12px}footer .copyright img{width:18px}@media screen and (max-width:1280px){footer{padding-left:2.5%;padding-right:2.5%}}@media screen and (max-width:999px){header#main-header .qp-container h1{background-color:rgba(255,255,255,.8)}header#main-header .qp-container nav.mainNav>ul li a{color:#fff}header#main-header>img{display:none}header#main-header .m{display:block}header#main-header .m img{height:22px;margin-top:15px}footer{padding-top:20px;padding-bottom:50px}footer .ft-aside{flex-direction:column}footer .ft-aside .mail-field{margin-top:2em}footer .sitemap{display:none}footer .social ul li{max-width:64px}}@media screen and (max-width:700px){footer .ft-aside{margin-bottom:30px}footer .ft-aside>ul{flex-direction:column}footer .ft-aside>ul li{margin-bottom:20px;margin-right:0}footer .ft-aside .mail-field input{flex-grow:1}footer .social ul{justify-content:space-between}footer .social ul li{max-width:20%}footer .copyright{display:block;text-align:center}footer .copyright a{display:none}}