:root{--primary-color: #fff;--secondary-color: #2b347f;--tertiary-color: #00aeef;--white: #fff;--black: #000;--gray: #202020;--gray-light: #ececec;--gray-lighter: #f0f0f0;--primary-font: 'Kanit', sans-serif;--secondary-font: 'Roboto Condensed', 'sans-serif'}html{scroll-behavior:smooth}html,body{font-family:var(--secondary-font);font-size:20px;font-weight:300}.content{padding:0 12px}@media screen and (min-width: 768px){.content{padding:0 24px}}.navbar{background-color:var(--primary-color);box-shadow:0 6px 24x rgba(0,0,0,.12);-webkit-box-shadow:0 6px 24px rgba(0,0,0,.12);-moz-box-shadow:0 6px 24px rgba(0,0,0,.12)}.navbar .navbar-brand{display:flex;align-items:center;height:72px;padding:0 12px}@media screen and (min-width: 768px){.navbar .navbar-brand{height:84px;padding:0 24px}}.navbar .navbar-image{height:60px;margin:0 6px 0 0}@media screen and (min-width: 768px){.navbar .navbar-image{height:72px;margin-right:12px}}.navbar .navbar-title{color:var(--secondary-color);font-family:var(--primary-font);font-size:26px;font-weight:900;text-transform:uppercase}@media screen and (max-width: 374px){.navbar .navbar-title{font-size:22px}}@media screen and (min-width: 375px)and (max-width: 400px){.navbar .navbar-title{font-size:24px}}@media screen and (min-width: 768px){.navbar .navbar-title{font-size:36px}}.navbar #navbar-menu{position:fixed;top:72px;right:-100%;background-color:var(--primary-color);height:calc(100vh - 72px);overflow-y:scroll;width:100%;z-index:6000;transition:all .4s}@media screen and (max-width: 374px){.navbar #navbar-menu{top:60px}}@media screen and (min-width: 768px)and (max-width: 991px){.navbar #navbar-menu{top:84px;width:72%}}.navbar .menu-items{list-style-type:none;padding:0}.navbar .menu-item{padding:0 24px;transition:all 1s}.navbar .menu-item .menu-link{display:flex;align-items:center;justify-content:center;color:var(--secondary-color);font-weight:300;height:60px}@media screen and (min-width: 768px){.navbar .menu-item .menu-link{height:72px}}.navbar .menu-item:hover,.navbar .menu-item:focus,.navbar .menu-item:active{background-color:var(--secondary-color)}.navbar .menu-item:hover .menu-link,.navbar .menu-item:focus .menu-link,.navbar .menu-item:active .menu-link{color:var(--primary-color)}@media screen and (min-width: 992px){.navbar .nav{display:grid;grid-template-columns:1fr auto}.navbar .navbar-brand{padding:0}.navbar .navbar-title{font-size:32px}.navbar #navbar-menu{position:unset;height:unset;overflow-y:unset}.navbar .menu-items{display:flex;align-items:center;height:84px}.navbar .menu-item{padding:0 12px}.navbar .menu-item .menu-link{border-bottom:none;font-size:18px;height:60px}}@media screen and (min-width: 1200px){.navbar .navbar-brand{height:96px}.navbar .navbar-image{height:84px}.navbar .navbar-title{font-size:40px}.navbar .menu-items{height:96px}.navbar .menu-item{padding:0 18px}.navbar .menu-item .menu-link{font-size:20px}}.navbar-top{position:fixed;top:0;right:0;left:0;z-index:10000}.home{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:72px 24px 60px}@media screen and (max-width: 374px){.home{padding:60px 24px 48px}}@media screen and (min-width: 768px){.home{padding:84px 48px 72px}}@media screen and (min-width: 992px){.home{padding:84px 60px}}@media screen and (min-width: 1200px){.home{padding:96px 60px}}.home .home-banner .banner{color:var(--secondary-color);font-family:var(--primary-font);font-size:32px;font-weight:900;text-transform:uppercase}@media screen and (min-width: 768px){.home .home-banner .banner{font-size:48px}}@media screen and (min-width: 992px){.home .home-banner .banner{font-size:60px}}@media screen and (min-width: 1200px){.home .home-banner .banner{font-size:72px}}@media screen and (min-width: 1440px){.home .home-banner .banner{font-size:96px}}#footer{position:fixed;bottom:0;background-color:var(--primary-color);width:100%;z-index:10000;transition:all 1s}@media screen and (min-width: 768px){#footer{right:0;width:72%}}#footer .navbar-bottom{display:grid}#footer .bottom-item{display:flex;align-items:center;justify-content:end;height:60px}@media screen and (max-width: 374px){#footer .bottom-item{height:48px}}@media screen and (min-width: 768px){#footer .bottom-item{height:72px}}#footer .bottom-item .bottom-icon-background{display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);border-radius:50%;cursor:pointer;height:48px;width:48px;transition:all .4s}@media screen and (max-width: 374px){#footer .bottom-item .bottom-icon-background{height:36px;width:36px}}#footer .bottom-item:hover .bottom-icon-background,#footer .bottom-item:focus .bottom-icon-background,#footer .bottom-item:active .bottom-icon-background{background-color:var(--secondary-color)}#footer .bottom-item:hover .icon,#footer .bottom-item:focus .icon,#footer .bottom-item:active .icon{stroke:var(--primary-color)}@media screen and (min-width: 992px){#footer{display:none;bottom:84px;border-top:1px solid var(--gray-light);border-bottom:1px solid var(--gray-light);border-left:1px solid var(--gray-light);width:72px}#footer .navbar-bottom{grid-template-columns:unset;grid-template-rows:repeat(5, 72px)}#footer .bottom-menu{display:none}#footer .bottom-item{position:relative;background-color:var(--primary-color)}#footer .bottom-item:nth-child(1){border-top-right-radius:24px;border-top-left-radius:24px}#footer .bottom-item:nth-child(5){border-bottom-right-radius:24px;border-bottom-left-radius:24px}#footer .bottom-item .bottom-icon-background{height:60px;width:60px}#footer .bottom-item .bottom-text-container{position:absolute;right:-288px;display:flex;align-items:center;justify-content:center;background-color:var(--secondary-color);height:72px;padding:0 24px;width:288px;transition:all .4s;z-index:-8000}#footer .bottom-item .bottom-text-container .bottom-text{color:var(--primary-color);font-family:var(--primary-font);font-size:32px;font-weight:900}#footer .bottom-item:hover .bottom-text-container,#footer .bottom-item:focus .bottom-text-container,#footer .bottom-item:active .bottom-text-container{right:72px}}@media screen and (min-width: 1200px){#footer{bottom:96px}}.footer-special{box-shadow:0 -6px 24px rgba(0,0,0,.12);-webkit-box-shadow:0 -6px 24px rgba(0,0,0,.12);-moz-box-shadow:0 -6px 24px rgba(0,0,0,.12)}#footer-section{font-size:14px;padding:0 0 72px;text-align:center}#footer-section hr{border:none;border-bottom:1px solid #ccc;margin:0 18% 12px}#footer-section p{color:#ccc;line-height:1.2}#footer-section a{color:#ccc;font-weight:200}#footer-section a:hover,#footer-section a:focus,#footer-section a:active{color:#ccc;font-weight:200}