Files
smartsoltech_site/frontend/assets/css/styles.min.css
2025-11-24 07:02:33 +09:00

1 line
10 KiB
CSS

@font-face{font-family:'Kaushan Script';src:url(/assets/fonts/Kaushan%20Script-3db770c46931b64b6e281dcb2a7d0586.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Kaushan Script';src:url(/assets/fonts/Kaushan%20Script-ba85b3a237ebd28058cd515071c02485.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-99764e33f03a95926b938c6f56e08a4f.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-cc6c968bcebf02819ee3afff266119d9.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-f32ddc894c166fbd8bc0d500ff2aeb3d.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-bcb799eba0c324e431d5daac3e5ea6bf.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-5cfb114945f0457bd5a940932bb8156d.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-99764e33f03a95926b938c6f56e08a4f.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-cc6c968bcebf02819ee3afff266119d9.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-f32ddc894c166fbd8bc0d500ff2aeb3d.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-bcb799eba0c324e431d5daac3e5ea6bf.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-5cfb114945f0457bd5a940932bb8156d.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.fit-cover{object-fit:cover}.list-inline-item i{color:#fff}footer{background-color:#343a40;color:#fff;padding-top:5rem;padding-bottom:4rem}footer h5{margin-bottom:1.5rem;font-weight:700}footer a,footer p{color:#fff;text-decoration:none}footer a:hover{text-decoration:underline}footer hr{border-top:1px solid #fff;width:100%;margin:2rem 0}footer .list-inline-item a{color:#fff;font-size:23px}.bs-icon{--bs-icon-size:.75rem;display:flex;flex-shrink:0;justify-content:center;align-items:center;font-size:var(--bs-icon-size);width:calc(var(--bs-icon-size) * 2);height:calc(var(--bs-icon-size) * 2);color:var(--bs-primary)}.bs-icon-xs{--bs-icon-size:1rem;width:calc(var(--bs-icon-size) * 1.5);height:calc(var(--bs-icon-size) * 1.5)}.bs-icon-sm{--bs-icon-size:1rem}.bs-icon-md{--bs-icon-size:1.5rem}.bs-icon-lg{--bs-icon-size:2rem}.bs-icon-xl{--bs-icon-size:2.5rem}.bs-icon.bs-icon-primary{color:var(--bs-white);background:var(--bs-primary)}.bs-icon.bs-icon-primary-light{color:var(--bs-primary);background:rgba(var(--bs-primary-rgb),.2)}.bs-icon.bs-icon-semi-white{color:var(--bs-primary);background:rgba(255,255,255,.5)}.bs-icon.bs-icon-rounded{border-radius:.5rem}.bs-icon.bs-icon-circle{border-radius:50%}nav{position:relative}header.dark nav{background-color:rgba(255,255,255,.5)}ul.main-nav{list-style-type:none;padding:0;font-size:0px;max-width:1000px;margin:0 auto}ul.main-nav>li{display:inline-block;padding:0}ul.main-nav>li>a{display:block;padding:20px 30px;position:relative;color:#fff;font-size:16px;font-weight:400;box-sizing:border-box}ul.main-nav>li:hover{background-color:#f9f9f9}ul.main-nav>li:hover>a{color:#333;font-weight:400}ul.main-nav>li ul.sub-menu-lists{margin:0;padding:0;list-style-type:none;display:block}ul.main-nav>li ul.sub-menu-lists>li{padding:2px 0}ul.main-nav>li ul.sub-menu-lists>li>a{font-size:14px}.ic{position:fixed;cursor:pointer;display:inline-block;right:25px;width:32px;height:24px;text-align:center;top:0;outline:0}.ic.close{opacity:0;font-size:0px;font-weight:300;color:#fff;top:8px;height:40px;display:block;outline:0}.ic.menu{top:25px;z-index:20}.ic.menu .line{height:4px;width:100%;display:block;margin-bottom:6px}.sub-menu-head{margin:10px 0}.banners-area{margin-top:20px;padding-top:15px}@media only screen and (max-width:768px){.sub-menu-head{color:orange;font-size:16px}.ic.menu{display:block}header.dark .ic.menu .line{background-color:#fff}.ic.menu .line{-webkit-transition:.4s;-o-transition:.4s;transition:.4s;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}.ic.menu:focus .line{background-color:#fff!important}.ic.menu:focus .line:first-child{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.ic.menu:focus .line:nth-child(2){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:-10px}.ic.menu:focus .line:nth-child(3){transform:translateY(15px);opacity:0}.ic.menu:focus{outline:0;opacity:1}.ic.menu:focus~.ic.close{opacity:1;z-index:21;outline:0}nav,ul.main-nav>li:hover{background-color:transparent}ul.main-nav{z-index:2;padding:50px 0;position:fixed;right:0;top:0;width:0;background-color:#000;height:100%;overflow:auto;-webkit-transition-property:background,width;-moz-transition-property:background,width;-o-transition-property:background,width;transition-property:background,width;-webkit-transition-duration:.6s;-moz-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s}.ic.menu:focus~.main-nav{width:300px;background-color:#000}ul.main-nav>*{-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;opacity:0}.ic.menu:focus~.main-nav>*{opacity:1}ul.main-nav>li>a:after{display:none}ul.main-nav>li:first-child{border-radius:0}ul.main-nav>li{display:block;border-bottom:1px solid #444}ul.main-nav>li>a{font-weight:600}ul.main-nav>li ul.sub-menu-lists>li a{color:#eee;font-size:14px}ul.main-nav>li:hover>a{color:#fff;text-decoration:none;font-weight:600}.ic.menu:focus~ul.main-nav>li>div.sub-menu-block{border-left:0 solid #ccc;border-right:0px solid #ccc;border-bottom:0 solid #ccc;position:relative;visibility:visible;opacity:1}.sub-menu-block{padding:0 30px}.banners-area{padding-bottom:0;border-top:1px solid #444}.banners-area div{margin-bottom:15px}}@media only screen and (min-width:769px){.ic.menu{display:none}ul.main-nav{display:block;position:relative}.sub-menu-block{padding:15px}ul.main-nav>li>div.sub-menu-block{visibility:hidden;background-color:#f9f9f9;position:absolute;margin-top:0;width:100%;color:#333;left:0;box-sizing:border-box;z-index:3;font-size:16px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;opacity:0;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center}ul.main-nav>li:hover>div.sub-menu-block{background-color:#f9f9f9;visibility:visible;opacity:1;-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0)}ul.main-nav>li>div.sub-menu-block>*{-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;opacity:0}ul.main-nav>li:hover>div.sub-menu-block>*{opacity:1}.sub-menu-head{font-size:20px}header.dark ul.main-nav>li>a{border-right:1px solid #bbb}ul.main-nav>li>a:after{content:'';width:1px;height:62px;position:absolute;right:0;top:0;z-index:2}header.dark ul.main-nav>li>a:after{background-color:#777}ul.main-nav>li>a.mega-menu>span{display:block;vertical-align:middle}ul.main-nav>li>a.mega-menu>span:after{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;content:'';background-color:transparent;display:inline-block;margin-left:10px;vertical-align:middle}ul.main-nav>li:hover>a.mega-menu span:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:0 solid transparent;border-bottom:5px solid #666}.banners-area{border-top:1px solid #ccc}}