2 lines
18 KiB
CSS
2 lines
18 KiB
CSS
@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap";*{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth}.container{padding:0 1.5rem;margin:0 auto;max-width:154.2rem;width:100%}html{font-size:62.5%;font-family:Lato,sans-serif}ul{list-style-type:none}input,button{background:none;outline:none;border:none}a{color:#151515;text-decoration:none}p,span,a,input,button,ul,li,ol,div,h1,h2,h3,h4,h5,h6{line-height:150%}.header{position:relative}.nav-top{background:#afbfcb}.nav-top-wrapper{padding:1.6rem 0;color:#151515;font-weight:700;display:flex;align-items:center;justify-content:space-between}.logo{width:19.5rem}.nav-top-list{display:flex;gap:.8rem}.nav-top-list-item a{padding:.8rem;font-size:1.6rem}.sign-in-item{font-size:1.6rem;padding:.8rem;font-weight:700}.nav-bottom{background:#05172d}.nav-bottom-list{padding:2.4rem 0;display:flex;justify-content:center;align-items:center;gap:2.4rem}.nav-bottom-list a{color:#fff;font-size:1.4rem;font-weight:700;padding:.8rem}.mobile-nav{display:none;background:#afbfcb;padding:1.6rem 0;width:100%;z-index:1100}.burger{width:4rem;height:auto;cursor:pointer}.burger img{width:100%;height:100%}.close-burger{width:4rem;height:auto;fill:#fff;position:absolute;top:2rem;right:2rem}.mobile-nav-content{height:auto;position:absolute;top:0;left:0;background:#05172d;width:100%;display:flex;justify-content:center;align-items:center;transition:all .3s linear;transform:translateY(-100%);z-index:-1}.active{top:100%;transform:translateY(0)}.active .mobile-nav-list{opacity:1}.mobile-nav-list-item{display:flex;align-items:center}.mobile-nav-list-item a{color:#fff;font-size:1.8rem;padding:.8rem;display:inline-block;width:100%}.mobile-nav-wrapper{display:flex;align-items:center;justify-content:space-between;height:100%;width:100%}.mobile-nav-list{padding:2.4rem 0;height:100%;display:flex;flex-direction:column;gap:2.4rem;opacity:0;transition:all 1.5s ease}@keyframes nav-anim{0%{opacity:0}to{opacity:1}}@media (max-width: 1024px){.nav-top-list-item a,.sign-in-item{font-size:1.4rem}.logo{width:auto}.nav-bottom-list{padding:2.4rem 0;gap:2.4rem}.nav-bottom-list a{color:#fff;font-size:1.4rem;font-weight:600;padding:.8rem}}@media (max-width: 768px){.nav-top,.nav-bottom{display:none}.mobile-nav{display:block}}.home-main{display:flex;flex-direction:column;gap:4.8rem}.hero{height:60rem;background:url(/assets/hero.0020d010.png);background-repeat:no-repeat;background-size:cover;background-position:center;z-index:-2}.hero-wrapper,.hero .container{height:100%}.hero-wrapper{display:flex;align-items:flex-end}.buttons-wrapper{display:flex}.hero-button{width:34.8rem;height:11rem;font-size:2rem;font-weight:700;display:flex;justify-content:center;align-items:center;text-transform:uppercase;line-height:150%;padding:0 5rem}.hero-button:first-child{background:#05172d;color:#fff}.hero-button:last-child{background:#afbfcb;color:#151515}@media (max-width: 768px){.hero-button{width:24rem;height:8rem;font-size:1.6rem;padding:1.6rem}}@media (max-width: 500px){.hero-button{width:20rem;height:8rem;font-size:1.4rem}}@media (max-width: 425px){.buttons-wrapper{display:flex;flex-direction:column;width:100%;align-items:center;position:absolute;left:0}.hero-button{width:100%;padding:.8rem;height:7rem;font-size:1.4rem}}.ticker{background:#05172d;color:#fff;font-size:1.6rem;z-index:1100}.ticker-wrapper{width:100%;height:100%;padding:1.6rem 0;display:flex}.ticker-block{display:flex;flex-direction:column;gap:.8rem;width:fit-content;padding:0 1.6rem;border-left:1px solid #868686;border-right:1px solid #868686}.ticker-block .green{color:#6eeb83}.ticker-block .red{color:#ff5e5b}.ticker-title{font-size:1.8rem;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker-content{display:flex;align-items:center;gap:1.6rem}.ticker-price{font-size:1.8rem}.ticker-status{display:flex;align-items:center;color:#6eeb83;gap:.8rem}.ticker-status span{display:inline-block;font-size:1.8rem}.ticker-arrow{width:fit-content;height:fit-content;display:flex;justify-content:center;align-items:center}.section-title{text-transform:uppercase;font-size:2.4rem;font-weight:700;color:#05172d}.about-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem}.about-left{display:flex;flex-direction:column;max-width:73.6rem;gap:2.4rem}.about-text-wrapper{display:flex;flex-direction:column;gap:1.6rem;max-width:73.6rem;margin-bottom:2.6rem}.about-text{color:#868686;font-size:1.6rem;line-height:150%}.about-link-wrapper{display:flex;flex-direction:column;gap:1.6rem}.about-link{display:flex;gap:.8rem;align-items:center;transition:all .2s ease}.about-link:hover{text-decoration:underline}.about-link-text{font-size:1.6rem;font-weight:700;color:#05172d}@media (max-width: 1024px){.about-left{gap:1.6rem;max-width:100%}.about-text-wrapper{gap:.8rem;margin-bottom:1.6rem;max-width:100%}.about-wrapper{grid-template-columns:1fr}}@media (max-width: 425px){.about-link-text{font-size:1.4rem}.about-text-wrapper{margin-bottom:.8rem}}.video-player{background:#868686;height:41.4rem;width:100%;overflow:hidden}@media (max-width: 600px){.video-player{height:32rem}}@media (max-width: 500px){.video-player{height:24rem}}@media (max-width: 400px){.video-player{height:20rem}}@media (max-width: 350px){.video-player{height:16rem}}.news-wrapper{display:flex;flex-direction:column;gap:3.2rem}.news-post-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem}@media (max-width: 953px){.news-post-wrapper{grid-template-columns:repeat(2,1fr)}}@media (max-width: 630px){.news-post-wrapper{grid-template-columns:repeat(1,1fr)}}.news-post{display:flex;flex-direction:column;gap:1.6rem;max-width:50rem;width:100%}.news-post-img{max-height:22.1rem;max-width:100%;width:100%;height:100%;overflow:hidden}.news-post-img img{width:100%;height:100%;object-fit:cover}.news-post-content{display:flex;flex-direction:column;gap:.8rem}.news-post-date{font-size:1.6rem;color:#868686;font-weight:400;margin-bottom:.8rem}.news-post-title{font-size:2.4rem;font-weight:700;color:#151515}.news-post-text{font-size:1.6rem;color:#868686}.news-post-link{display:flex;gap:1.6rem;align-items:center;transition:.3s ease;width:fit-content}.news-post-link h3{font-size:1.6rem;color:#05172d}.news-post-link:hover{text-decoration:underline}@media (max-width: 500px){.news-post-title{font-size:1.8rem}}.documents{margin-bottom:3.2rem}.documents-wrapper{display:flex;flex-direction:column;gap:3.2rem}.documents-links-wrapper{display:grid;grid-template-columns:repeat(3,1fr);column-gap:4rem;row-gap:2.4rem}@media (max-width: 1379px){.documents-links-wrapper{column-gap:1.6rem}}@media (max-width: 1120px){.documents-links-wrapper{grid-template-columns:repeat(2,1fr)}}@media (max-width: 825px){.documents-links-wrapper{grid-template-columns:repeat(1,1fr)}}.document-link{display:flex;gap:2.4rem;align-items:center;padding:1rem;border:1px solid #868686;border-radius:.5rem;transition:all .3s ease}.document-link:hover{background:#05172d}.document-link:hover .document-title{color:#fff}.document-link:hover .document-img svg{fill:#fff}.document-img svg{fill:#05172d;transition:all .2s ease}.document-title{color:#05172d;font-weight:400;font-size:1.8rem;line-height:150%}@media (max-width: 1024px){.document-title{font-size:1.6rem}}@media (max-width: 400px){.document-title{font-size:1.8rem}}.footer{margin-top:8rem}.footer-top{padding:4.8rem 0;background:#afbfcb}.footer-top-wrapper{display:flex;flex-direction:column;gap:4.8rem}.footer-top-content{display:grid;grid-template-columns:repeat(2,1fr);row-gap:2.4rem}.footer-top-item{display:flex;flex-direction:column;gap:.8rem}.footer-top-item:nth-child(3) .footer-top-item-text{text-decoration:underline}.footer-top-item-title{font-size:1.8rem;font-weight:700;color:#05172d}.footer-top-item-text{font-size:1.8rem;color:#151515;font-weight:400}.footer-bottom{padding:4.8rem 0;background:#05172d}.footer-nav-list{display:grid;grid-template-columns:repeat(2,1fr);row-gap:1.6rem}.footer-nav-list-link{font-size:1.8rem;color:#868686;transition:all .3s ease}.footer-nav-list-link:hover{color:#fff}@media (max-width: 500px){.footer-top-content{grid-template-columns:1fr}.footer-bottom,.footer-top{padding:3.2rem 0}.footer-nav-list{grid-template-columns:1fr;row-gap:2.4rem}}.line-chart{position:relative;width:70rem;height:35.5rem;overflow:hidden}@media (max-width: 1500px){.line-chart{width:80%;height:100%}}@media (max-width: 768px){.line-chart{width:100%;height:100%}}.chart{padding:8rem 0;background:#05172d;width:100%}.chart-wrapper{display:flex;flex-direction:column;gap:4.8rem}.tab{width:47.7rem;height:5.9rem;color:#fff;font-size:1.8rem;font-weight:700;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;transition:all .3s ease;background:transparent;border-radius:.5rem}.tab:after{content:"";width:100%;position:absolute;bottom:0;height:.1rem;background:#4b8dff;transition:all .3s ease;border-radius:.5rem}.tab span{z-index:20}.tab:hover.tab:after{height:100%}.chart-tabs{display:flex;width:100%;justify-content:space-between}.chart-tabs .active.tab:after{height:100%}.chart-data{display:flex;gap:3.9rem;justify-content:space-between}@media (max-width: 1500px){.tab{width:30%;height:5.9rem;font-size:1.8rem}.line-chart-wrapper{display:flex;justify-content:center}.chart-data{flex-direction:column}}@media (max-width: 1200px){.tab{font-size:1.6rem}}@media (max-width: 1200px){.tab{font-size:1.4rem}}@media (max-width: 500px){.chart-wrapper{gap:2.4rem}.tab{font-size:1.3rem;height:4.8rem}.chart-data{gap:2.4rem}.chart-tabs{flex-direction:column;gap:1.6rem}.tab{width:100%;font-size:1.2rem}.line-chart-wrapper{width:100%;height:100%}}.table{max-width:74.6rem;width:100%;display:flex;flex-direction:column;gap:2.4rem}.table-top{border-bottom:1px solid #4b8dff;display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;height:5.9rem;justify-content:space-between}.table-title{font-size:1.8rem;color:#fff;font-weight:400;text-align:center}.table-row-arrow{width:2.4rem;height:2.4rem}.table-row-status{gap:.8rem;align-items:center}.table-bottom .active{background:#1b3656}@media (max-width: 1500px){.table{max-width:100%}.table-top{gap:1.8rem}.table-title{font-size:1.6rem}.table-row{gap:1.8rem}.table-row span{font-size:1.6rem}}@media (max-width: 1200px){.table{max-width:100%}}@media (max-width: 500px){.table-top{gap:1rem}.table-title{font-size:1.4rem}.table-row{gap:1rem}.table-row span{font-size:1.4rem}}@media (max-width: 425px){.table-top{gap:1rem;height:4.8rem}.table{gap:1.6rem}.table-title{font-size:1.2rem}}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;cursor:pointer;transition:.3s all ease;border-radius:.5rem;padding:2.4rem 0rem}.table-row:hover{background:#1b3656}.table-row div{font-size:1.8rem;color:#fff;font-weight:400}.table-product-name{text-align:left;padding:0 0 0 1.6rem}.title-hide{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-product-price{display:flex;justify-content:center;align-items:center}.table-row-status{display:flex;align-items:center;color:#6eeb83;justify-content:center}.table-row-status span{display:inline-block;font-size:1.8rem;width:fit-content}.table-row-status .green{color:#6eeb83}.table-row-status .red{color:#ff5e5b}@media (max-width: 600px){.table-row{gap:1rem}.table-row .table-row-status-title,.table-row div{font-size:1.4rem}}.sub-page-wrapper{display:flex;flex-direction:column;gap:2.4rem;margin-top:4.8rem}.sub-page-content-wrapper{margin-top:1.6rem;display:flex;flex-direction:column;gap:2.4rem}.sub-page-text-wrapper{display:flex;flex-direction:column;gap:.8rem}.sub-page-text-wrapper p{font-size:1.8rem;line-height:150%;color:#151515}.sub-page-title{font-size:1.8rem;color:#05172d;line-height:150%}.sub-page-list{display:flex;flex-direction:column;gap:2.4rem}.sub-page-list-wrapper{display:flex;flex-direction:column;gap:2.4rem;background:#afbfcb;border-radius:.5rem;padding:3.2rem 2.4rem}.sub-page-list-item{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4rem}.sub-page-title-text{display:flex;flex-direction:column;gap:1.6rem}.sub-page-list-num{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:#05172d;color:#fff;border-radius:50rem;font-size:1.8rem;font-weight:700;align-self:flex-start}.sub-page-list-item-text{font-size:1.8rem;color:#151515;font-weight:400}.sub-page-list-item-content{display:flex;flex-direction:column;gap:1.6rem}.sub-page-list-item-list{list-style:disc;display:flex;flex-direction:column;gap:1.6rem;padding-left:2.4rem}.sub-page-list-item-list-item{font-size:1.8rem;color:#151515}@media (max-width: 768px){.sub-page-list-wrapper{padding:2.4rem 1.6rem}.sub-page-list-item{gap:2.4rem}}@media (max-width: 425px){.sub-page-list-wrapper{padding:1.6rem}.sub-page-list-item{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}}.contacts-card{padding:2.4rem;border-radius:.5rem;background:#afbfcb;min-height:22.7rem;display:flex;flex-direction:column;gap:2.4rem}.contacts-card-title{font-size:1.8rem;color:#05172d}.contacts-card-pos-wrapper{display:flex;flex-wrap:wrap;gap:2.4rem}.contacts-card-pos{display:flex;flex-direction:column;gap:1.6rem}.contacts-card-pos-title{font-size:1.6rem;font-weight:400;color:#151515}.contacts-card-pos-contact{display:flex;gap:1.6rem;align-items:center}.contacts-card-pos-contact-icon{display:flex;justify-content:center;align-items:center}.contacts-card-pos-contact-icon img{width:100%;height:100%}.contacts-card-pos-contact-title{font-weight:700;color:#151515;font-size:1.6rem}@media (max-width: 1077px){.contacts-card{padding:1.6rem}.contacts-card-pos{gap:.8rem}.contacts-card-pos-wrapper{gap:1.6rem}.contacts-card-pos-contact{gap:.8rem}}@media (max-width: 600px){.contacts-card-pos{gap:1.6rem}.contacts-card-pos-wrapper{gap:2.4rem}.contacts-card-pos-contact{gap:1.6rem}}.contacts-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem}@media (max-width: 1077px){.contacts-wrapper{gap:2.4rem}}@media (max-width: 880px){.contacts-wrapper{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.contacts-wrapper{grid-template-columns:1fr}}.news-page-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem}.post-page-wrapper{padding-top:4.8rem;display:grid;grid-template-columns:2fr 1fr;gap:4rem}.post-page-main-wrapper{display:flex;flex-direction:column;gap:2.4rem;max-width:99.5rem}.post-page-header{display:flex;flex-direction:column;gap:.8rem}.post-page-title{font-size:2.4rem;color:#05172d}.post-page-main-date{font-size:1.6rem;color:#868686;font-weight:400}.post-page-img{margin-bottom:.8rem}.post-page-img img{width:100%;height:100%}.post-page-text{display:flex;flex-direction:column;gap:1.6rem}.post-page-text-item{font-size:1.8rem;color:#151515}.post-page-latest-wrapper{display:flex;flex-direction:column;gap:4rem}.post-page-latest-title{font-size:2.4rem}@media (max-width: 1440px){.post-page-wrapper{gap:2.4rem}}@media (max-width: 1024px){.post-page-latest-wrapper{gap:2.4rem}}@media (max-width: 768px){.post-page-wrapper{grid-template-columns:1fr}.post-page-main-wrapper{gap:1.6rem}.post-page-wrapper{gap:4rem}.post-page-text{gap:.8rem}}@media (max-width: 425px){.post-page-wrapper{padding-top:2.4rem}}.latest-new{display:flex;flex-direction:column;gap:.8rem;padding:1.6rem .8rem;border-top:1px solid #868686;transition:all .2s ease}.latest-new:hover{background:#f5f5f5}.latest-new-date{font-size:1.4rem;font-weight:400;color:#868686}.latest-new-title{font-size:1.8rem}@media (max-width: 1024px){.latest-new{padding:.8rem}.latest-new-title{font-size:1.6rem}}@media (max-width: 768px){.latest-new-title{font-size:1.8rem}.latest-new{padding:1.6rem .8rem}}.tarif-wrapper-top{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem;margin-top:2.4rem}.tarif-table{display:flex;flex-direction:column;gap:2.4rem}@media (max-width: 768px){.tarif-wrapper-top{grid-template-columns:1fr;gap:4rem}}.tab-dark{height:5.9rem;color:#05172d;font-size:1.8rem;font-weight:700;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;transition:all .3s ease;background:transparent;border-radius:.5rem}.tab-dark:hover{color:#fff}.tab-dark:after{content:"";width:100%;position:absolute;bottom:0;height:.1rem;background:#05172d;transition:all .3s ease;border-radius:.5rem}.tab-dark span{z-index:20}.tab-dark:hover.tab-dark:after{height:100%}.active-tab{color:#fff}.active-tab.tab-dark:after{height:100%}@media (max-width: 425px){.tab-dark{font-size:1.6rem}}.tarif-service-item{display:flex;padding:2.4rem 0;justify-content:space-between;align-items:center;gap:4rem;border-bottom:1px solid #868686}.tarif-service-text{font-size:1.8rem;font-weight:400;max-width:88.5rem;color:#151515}.tarif-service-price{font-size:2.4rem;color:#05172d}@media (max-width: 1024px){.tarif-service-item{display:flex;flex-direction:column;align-items:flex-start;gap:2.4rem}}.multimedia-nav{display:flex;flex-direction:column;align-items:center;gap:.8rem;margin:1.6rem 0}.multimedia-top-gallery{display:flex;gap:2.4rem;flex-wrap:wrap;justify-content:center}.multimedia-wrapper{display:flex;flex-direction:column;width:100%;gap:3.2rem}@media (max-width: 500px){.multimedia-top-gallery{gap:.8rem}}.multimedia-tab{font-size:1.8rem;color:#05172d;font-weight:700;transition:all .3s ease;cursor:pointer;padding:1.6rem}.multimedia-tab:hover,.m-tab-active{color:#4b8dff}@media (max-width: 500px){.multimedia-tab{font-size:1.8rem;padding:.8rem}}.gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:2rem}@media (max-width: 1024px){.gallery{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.gallery{grid-template-columns:repeat(3,1fr);gap:.8rem}}@media (max-width: 500px){.gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width: 320px){.gallery{grid-template-columns:repeat(1,1fr)}}.gallery-item{max-width:28.6rem;max-height:37.6rem}.gallery-item img{width:100%;height:100%;object-fit:cover}.videos-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem;width:100%}@media (max-width: 1440px){.videos-wrapper{gap:2.4rem}}@media (max-width: 1300px){.videos-wrapper{gap:.8rem}}@media (max-width: 1300px){.videos-wrapper{grid-template-columns:73.5rem;justify-content:center}}@media (max-width: 800px){.videos-wrapper{grid-template-columns:1fr}}
|