/*
Theme Name: ARTlanding
Theme URI: https://artlanding.net
Description:
Author: Artlanding
Author URI: https://artlanding.net
Version: 1.0.1
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=MuseoModerno:wght@700&display=swap');

::-webkit-scrollbar{width:5px;height:5px;} ::-webkit-scrollbar-thumb{border:0;background:#222;} ::-webkit-scrollbar-track{border:0;background:#eee;} ::placeholder{color:#fff;opacity:1;} ::-webkit-input-placeholder{color:#fff;} ::-moz-placeholder{color:#fff;} :-ms-input-placeholder{color:#fff;}

*{box-sizing:border-box;} .modal{cursor:pointer;} html{scroll-behavior:smooth;} body{background:#fff;padding:0;margin:0;font-family:'Montserrat';color:#333;font-size:15px;font-weight:400;overflow-x:hidden;} body.over{overflow:hidden;} b, strong{font-family:'Montserrat';color:inherit;font-size:15px;font-weight:500;} h1, h2{position:relative;padding:0;margin:0 0 25px;text-align:left;font-family:'Montserrat';color:inherit;font-size:35px;font-weight:700;} a, a:hover{text-decoration:none;color:inherit;} p a, span a, b a, strong a, li a:not(.menu li a, .footer li a){text-decoration:underline;color:#1F4BE0;} input, button, textarea{outline:0;border:1.5px solid #fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:'Montserrat';font-weight:400;color:#fff;font-size:15px;resize:none;padding:10px;background:transparent;border-radius:10px;} .container{position:relative;margin:0 auto;max-width:1560px;width:100%;text-align:left;z-index:3;} .btn{background:#1F4BE0 url('data:image/svg+xml,<svg width="22" height="15" viewBox="0 0 22 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.7701 7.90356C21.1514 7.504 21.1365 6.87101 20.737 6.48973L14.2258 0.276436C13.8263 -0.104843 13.1933 -0.0900257 12.812 0.30953C12.4307 0.709087 12.4455 1.34208 12.8451 1.72336L18.6328 7.24628L13.1099 13.034C12.7286 13.4335 12.7434 14.0665 13.143 14.4478C13.5425 14.8291 14.1755 14.8143 14.5568 14.4147L20.7701 7.90356ZM0.0234375 7.68188L0.0468387 8.68161L20.07 8.21292L20.0466 7.21319L20.0232 6.21346L3.63309e-05 6.68216L0.0234375 7.68188Z" fill="white"/></svg>') no-repeat right 10px center / 20px;color:#fff;border-radius:10px;transition:all .3s;border:none;padding:15px 40px 15px 15px;margin:10px;cursor:pointer;font-weight:500;border:1px solid #1F4BE0;} .btn:hover{background:#fff url('data:image/svg+xml,<svg width="22" height="15" viewBox="0 0 22 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.7701 7.90356C21.1514 7.504 21.1365 6.87101 20.737 6.48973L14.2258 0.276436C13.8263 -0.104843 13.1933 -0.0900257 12.812 0.30953C12.4307 0.709087 12.4455 1.34208 12.8451 1.72336L18.6328 7.24628L13.1099 13.034C12.7286 13.4335 12.7434 14.0665 13.143 14.4478C13.5425 14.8291 14.1755 14.8143 14.5568 14.4147L20.7701 7.90356ZM0.0234375 7.68188L0.0468387 8.68161L20.07 8.21292L20.0466 7.21319L20.0232 6.21346L3.63309e-05 6.68216L0.0234375 7.68188Z" fill="%231F4BE0"/></svg>') no-repeat right 10px center / 20px;color:#1F4BE0;text-decoration:underline;} .btn.white{background:#fff url('data:image/svg+xml,<svg width="22" height="15" viewBox="0 0 22 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.7701 7.90356C21.1514 7.504 21.1365 6.87101 20.737 6.48973L14.2258 0.276436C13.8263 -0.104843 13.1933 -0.0900257 12.812 0.30953C12.4307 0.709087 12.4455 1.34208 12.8451 1.72336L18.6328 7.24628L13.1099 13.034C12.7286 13.4335 12.7434 14.0665 13.143 14.4478C13.5425 14.8291 14.1755 14.8143 14.5568 14.4147L20.7701 7.90356ZM0.0234375 7.68188L0.0468387 8.68161L20.07 8.21292L20.0466 7.21319L20.0232 6.21346L3.63309e-05 6.68216L0.0234375 7.68188Z" fill="%231F4BE0"/></svg>') no-repeat right 10px center / 20px;color:#1F4BE0;border-color:#fff;} .btn.white:hover{border-color:#1F4BE0;} .btn.trans{background:transparent;border-color:#fff;color:#fff;padding:15px;} .btn.dark{background:transparent url('data:image/svg+xml,<svg width="22" height="15" viewBox="0 0 22 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.7701 7.90356C21.1514 7.504 21.1365 6.87101 20.737 6.48973L14.2258 0.276436C13.8263 -0.104843 13.1933 -0.0900257 12.812 0.30953C12.4307 0.709087 12.4455 1.34208 12.8451 1.72336L18.6328 7.24628L13.1099 13.034C12.7286 13.4335 12.7434 14.0665 13.143 14.4478C13.5425 14.8291 14.1755 14.8143 14.5568 14.4147L20.7701 7.90356ZM0.0234375 7.68188L0.0468387 8.68161L20.07 8.21292L20.0466 7.21319L20.0232 6.21346L3.63309e-05 6.68216L0.0234375 7.68188Z" fill="%23222222"/></svg>') no-repeat right 10px center / 20px;border-color:#222;color:#222;} input.error, textarea.error {animation: shake 1 linear 1s;border-color: red!important;} @keyframes shake { 0%,100% { transform: translateX(0); } 10%,30%,50%,70%,90% { transform: translateX(-2.5px); } 20%,40%,60%,80% {transform: translateX(2.5px); } } .notify{width:100%;padding:7px 10px;text-align:center;background:#ccc;margin:10px;border-radius:10px;display:none;}

.fade, .fade_up, .fade_lt, .fade_rt{opacity:0;transition:all 1s;} .fade_up{transform:translateY(25%);} .fade_lt{transform:translateX(-15%);} .fade_rt{transform:translateX(15%);} .fade_zm{transform:scale(.85);} .fade.active, .fade_lt.active, .fade_rt.active, .fade_up.active{opacity:1;transform:none;}

#page404{padding:35px 0;} #page404 .txt{margin:20px;display:flex;flex-wrap:wrap;justify-content:center;} #page404 .txt h1{font-size:100px;margin-bottom:15px;text-align:center;} #page404 .txt p{font-size:20px;width:100%;text-align:center;}

#whitepage{padding:35px 0;} #whitepage .ttl, #whitepage .content{margin:20px;}

#spost{position:relative;padding:50px 0;} #spost .img{margin:20px;} #spost .img img{border-radius:20px;max-width:100%;} #spost .content{margin:20px;} #spost .date{margin-bottom:10px;display:block;}

#breadcrumbs .nav{display:flex;margin:20px;background:linear-gradient(90deg, #e8eaef, #f3f4f4);border-radius:10px;padding:7.5px;box-shadow:0 1px 0 rgba(0,0,0,.15);overflow:auto;} #breadcrumbs .nav a, #breadcrumbs .nav span{white-space:nowrap;display:inline-block;margin:5px;background:url('data:image/svg+xml,<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.205078 9.58399C0.0683593 9.44727 -6.63355e-08 9.2832 -9.14353e-08 9.0918C-1.16535e-07 8.90039 0.0683592 8.73633 0.205078 8.59961L3.91016 4.89453L0.205077 1.18945C0.0683582 1.05274 -1.16715e-06 0.888673 -1.19225e-06 0.697266C-1.21735e-06 0.50586 0.0683581 0.341798 0.205077 0.205079C0.341796 0.0683601 0.508137 6.68434e-07 0.7041 6.42737e-07C0.900064 6.17039e-07 1.0664 0.06836 1.20312 0.205079L5.40039 4.40234C5.53711 4.53906 5.60547 4.70312 5.60547 4.89453C5.60547 5.08594 5.53711 5.25 5.40039 5.38672L1.20312 9.58398C1.06641 9.7207 0.900065 9.78906 0.704102 9.78906C0.508138 9.78906 0.341797 9.7207 0.205078 9.58399Z" fill="%231E1E1E"/></svg>') no-repeat left center / 5px;padding-left:15px;} #breadcrumbs .nav a[href="/"]{background:url('data:image/svg+xml,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.44417 12.9436V19.0908C3.44417 20.6056 4.67219 21.8336 6.18703 21.8336H16.779C18.2938 21.8336 19.5218 20.6056 19.5218 19.0908V12.8081C19.5218 12.2093 20.0073 11.7238 20.6061 11.7238C21.5758 11.7238 22.0579 10.5483 21.3675 9.86747L13.1759 1.78983C12.1079 0.736728 10.3921 0.736729 9.32414 1.78983L1.36786 9.63542C0.591111 10.4014 1.13347 11.7238 2.22435 11.7238C2.89804 11.7238 3.44417 12.27 3.44417 12.9436Z" stroke="%231E1E1E" stroke-width="2"/></svg>') no-repeat left center / 12px;padding-left:20px;} #breadcrumbs .nav a[href="/"]:before{content:"Для бізнесу";border-left:1px solid #ccc;padding-left:10px;}

#pagination{padding:35px 0;} #pagination .nav{display:flex;flex-wrap:wrap;margin:0 20px;justify-content:center;font-size:20px;font-weight:600;color:#888;} #pagination .nav span,#pagination .nav a{margin:5px 10px;} #pagination .nav .current{color:#000;border-bottom:2px solid #1F4BE0;}

#casespage{position:relative;padding:25px 0;} #casespage .ttl{margin:20px;} #casespage .case{margin-bottom:10px;display:flex;flex-wrap:wrap;} #casespage .case img{border-radius:20px;flex:1 0 0;min-width:300px;margin:10px 20px;} #casespage .case .txt{flex:1 0 0;min-width:300px;margin:10px 20px;} #casespage .case .txt h3{text-transform:uppercase;font-size:20px;} #casespage .case .txt .date{display:block;margin-top:25px;}

#newspage{position:relative;padding:25px 0;} #newspage .ttl{margin:20px;} #newspage .posts{display:flex;flex-wrap:wrap;} #newspage .post{margin:20px 20px 0;flex:1 0 0;min-width:350px;} #newspage .post img{border-radius:20px;width:100%;aspect-ratio:1/.7;object-fit:cover;} #newspage .post .txt h3{text-transform:uppercase;font-size:20px;} #newspage .post .txt .date{display:block;margin-top:25px;}

#servicepage{position:relative;padding:25px 0;} #servicepage .ttl{margin:20px;} #servicepage .head{margin:20px;background:#f5f5f5;border-radius:20px;display:flex;flex-wrap:wrap;border:1px solid #ccc;} #servicepage .head .txt{display:inline-flex;flex-wrap:wrap;flex:1 0 0;margin:20px;} #servicepage .head .txt p{display:block;width:100%;} #servicepage .head .colums{display:inline-flex;flex:1 0 0;flex-wrap:wrap;margin:10px;} #servicepage .head .colums .col{display:inline-flex;flex:1 0 0;flex-wrap:wrap;align-items:center;background:rgba(255,255,255,.5);margin:10px;border:1px solid #555;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.1);padding:15px;backdrop-filter:blur(5px);min-width:200px;} #servicepage .head .colums .col strong, #servicepage .head .txt strong, #servicepage .head .txt p{font-size:18px;} #servicepage .txt{margin:50px 20px;} #servicepage .srv{display:flex;flex-wrap:wrap;margin:10px;} #servicepage .srv .col{margin:10px;flex:1 0 0;min-width:300px;} #servicepage .srv .col img{width:100%;}

#companypage{position:relative;padding:25px 0;} #companypage .ttl, #companypage .text{margin:20px;} #companypage .positions{margin:50px 0;} #companypage .positions .items{position:relative;display:flex;background:linear-gradient(200deg, rgba(31,47,102,.5), rgba(65,65,65,.15));margin:20px 20px 55px;padding:5px;padding-bottom:50px;border-radius:20px;overflow:hidden;} #companypage .positions .items a{margin:5px;} #companypage .positions .items a img{width:100%;height:200px;border-radius:20px;object-fit:cover;margin-bottom:-5px;} #companypage .track{display:flex;} #companypage .positions .items .nav{position:absolute;left:0;right:0;bottom:-10px;padding:0;list-style:none;text-align:center;} #companypage .positions .items .nav li {position:relative;display:inline-block;width:10px;height:10px;border-radius:20px;background:#aaa;margin:0 5px;cursor:pointer;transition:all .5s;} #companypage .positions .items .nav li.active{background:#1F4BE0;width:45px;} #companypage .whywe{position:relative;} #companypage .whywe .logos{display:flex;width:calc(100% - 20px);margin:10px 10px 75px;position:relative;} #companypage .whywe .logos .logo{display:inline-flex;align-items:center;justify-content:center;padding:20px;margin:10px;} #companypage .whywe .logos .logo img{width:100%;height:75px;object-fit:contain;} #companypage .whywe .logos .arrow{position:absolute;bottom:-50px;left:calc(50% - 35px);width:30px;height:30px;border:1px solid #ccc;color:#ccc;border-radius:50%;text-align:center;line-height:25px;font-size:20px;cursor:pointer;} #companypage .whywe .logos .arrow.next{right:calc(50% - 35px);left:auto;} #companypage .whywe .colums{display: flex;flex-wrap:wrap;margin:5px;} #companypage .whywe .colums .main, #companypage .whywe .colums .add{position:relative;display:inline-flex;flex:1 0 0;margin:10px;flex-wrap:wrap;min-width:300px;} #companypage .whywe .colums .main .col{border-radius:20px;margin:5px;padding:175px 20px 20px 20px;flex:1 0 0;min-width:200px;color:#fff;} #companypage .whywe .colums .add{align-items:end;padding-top:170px;} #companypage .whywe .colums .add .col{background:linear-gradient(273.89deg, rgba(31,47,102,.05), rgba(65,65,65,.015));border:1px solid #989898;border-radius:20px;margin:5px;padding:20px;min-width:200px;display:inline-flex;flex:1 0 0;flex-wrap: wrap;} #companypage .whywe .colums .add .col h3{display:block;width:100%;font-weight:800;font-size:20px;margin:0 0 5px;} #companypage .whywe .colums .add .col b{display:block;width:100%;font-weight:800;font-size:15px;margin-bottom:10px;} #companypage .whywe .colums .srv{position: absolute;top:0;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;} #companypage .whywe .colums .srv span{font-size:55px;font-weight: 800;} @media screen and (max-width: 650px) { #companypage .whywe .colums .add .col span {display: none;} }

#productpage{position:relative;padding:25px 0;} #productpage .text{margin:20px;} #productpage .main{display:flex;flex-wrap:wrap;align-items:center;} #productpage .main .img, #productpage .main .ttl{margin:20px;display:inline-flex;flex-wrap:wrap;} #productpage .main .ttl{width:calc(30% - 40px);} #productpage .main .img{width:calc(70% - 40px);} #productpage .main .ttl h1{width:100%;} #productpage .main .img img{width:100%;border-radius:20px;} #productpage .main .ttl .btn{display:inline-block;margin:0;} #productpage .prdc{margin:50px 0;display:flex;flex-wrap:wrap;align-items:flex-start;} #productpage .prdc .ttl{display:inline-flex;flex-wrap:wrap;margin:20px;width:calc(30% - 40px);} #productpage .prdc .ttl .list{display:flex;flex-wrap:wrap;width:100%;} #productpage .prdc .ttl .list div{display:flex;width:100%;align-items:center;} #productpage .prdc .ttl .list div img{width:20px;margin:5px 15px 5px 0;} #productpage .galary .track{display:flex;} #productpage .galary{position:relative;width:calc(70% - 40px);display:inline-flex;margin:20px;padding:5px;background:linear-gradient(200deg, rgba(31, 47, 102, .5), rgba(65, 65, 65, .15));border-radius:15px;} #productpage .galary .slide{margin:5px;overflow:hidden;border-radius:15px;} #productpage .galary img{width:100%;aspect-ratio:1/.8;object-fit:cover;margin-bottom:-5px;} #productpage .galary .arrow{position:absolute;top:0;left:-80px;width:30px;height:30px;border:1px solid #ccc;color:#ccc;border-radius:50%;text-align:center;line-height:25px;font-size:20px;cursor:pointer;} #productpage .galary .arrow.next{left:-40px;} @media screen and (max-width:1000px){ #productpage .galary .arrow{top:auto;bottom:-50px;left:calc(50% - 35px);} #productpage .galary .arrow.next{left:auto;right:calc(50% - 35px);} } #productpage .faq{position:relative;padding:25px 0;} #productpage .faq .ttl{margin:20px;} #productpage .faq .list{background:#fff;border:1px solid #ccc;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.1);padding:20px;margin:20px;} #productpage .faq .list .item{border-bottom:1px solid #ccc;padding:15px 0;} #productpage .faq .list .item:last-child{border:none;} #productpage .faq .list .item .head{position:relative;font-size:22px;font-weight:500;cursor:pointer;padding-right: 100px;} #productpage .faq .list .item .head:before{display:inline-block;content:attr(data-num);color:#1F4BE0;margin-right:15px;font-weight:900;font-size:25px;} #productpage .faq .list .item .head:after{position:absolute;content:"Детальніше +";top:50%;right:0;transform:translateY(-50%);color:#1F4BE0;font-size:15px;} #productpage .faq .list .item.open .head:after{content:"Приховати -";} #productpage .faq .list .item .body{display:none;} #productpage .faq .list .item.open .body{display:block;} @media screen and (max-width:1000px){ #productpage .faq .list .item .head{position:relative;font-size:18px; } #productpage .prdc .ttl, #productpage .galary, #productpage .main .img, #productpage .main .ttl{width:calc(50% - 40px);} } @media screen and (max-width:650px){ #productpage .prdc .ttl, #productpage .galary, #productpage .main .img, #productpage .main .ttl{width:calc(100% - 40px);} }

#header{position:relative;background:#fff;z-index:5;} #header .wrap{position:relative;background:#1F4BE0;margin:20px;border-radius:10px;display:flex;justify-content:space-between;} #header .wrap .pm{position:relative;display:inline-block;margin:20px 0 20px 20px;border-top:2px solid #fff;border-bottom:2px solid #fff;height:20px;width:30px;cursor:pointer;} #header .wrap .pm:after{position:absolute;content:"";height:2px;left:0;top:calc(50% - 1px);width:50%;background:#fff;transition:width .5s;} #header .wrap .pm:hover:after{width:100%;} #header .wrap .logo{display:inline-block;margin:5px 0 5px 20px;} #header .wrap .logo img{height:40px;margin-top:5px;} #header .wrap #main_menu{display:inline-block;padding:0;margin:10px;border-radius:10px;border:1px solid #fff;} #header .wrap #main_menu li{display:inline-block;margin:10px 20px;color:#fff;font-size:15px;} #header .wrap #main_menu li:first-child a:before{content:"B2B";display:inline-block;color:#fff;font-weight:500;margin-right:10px;font-size:15px;} #header .wrap .contact{display:inline-block;border-radius:10px;border:1px solid #fff;margin:10px 20px;color:#fff;font-size:15px;padding:10px 35px 10px 20px;background:url('data:image/svg+xml,<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.54492 1.07611C3.1441 0.508464 4.08343 0.508463 4.68262 1.07611L7.5166 3.76068C8.20356 4.41149 8.20356 5.50636 7.5166 6.15717L6.53027 7.08978C7.71358 9.29346 9.57123 11.0613 11.833 12.1328L11.9346 12.1806L13.0342 11.1386C13.6705 10.5358 14.6673 10.5359 15.3037 11.1386L18.0947 13.7822C18.7693 14.4216 18.7693 15.4963 18.0947 16.1357C15.8483 18.2638 12.4102 18.506 9.8877 16.7138L8.02344 15.3896C6.19918 14.0934 4.56777 12.5446 3.17871 10.79L1.96094 9.25092C0.00945808 6.78569 0.26267 3.23867 2.54492 1.07611Z" stroke="white" stroke-width="1.3"/></svg>') no-repeat right 7.5px center / 15px;} #header .wrap .contact:hover{background:url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.58579 0.897579C3.23731 0.567439 2.69151 0.56744 2.34302 0.897579C0.304705 2.82862 0.0781682 5.99645 1.82097 8.19789L3.03893 9.73636C4.38982 11.4427 5.97607 12.9488 7.75022 14.2093L9.61454 15.534C11.8839 17.1465 14.9769 16.9286 16.9979 15.014C17.4023 14.6309 17.4023 13.9869 16.9979 13.6038L14.2077 10.9604C13.822 10.595 13.2179 10.595 12.8322 10.9604L11.6872 12.0452C11.5194 12.2042 11.2712 12.2437 11.0623 12.1448L10.9057 12.0706C8.49147 10.927 6.51271 9.032 5.26582 6.66946C5.15331 6.45629 5.19651 6.19428 5.37149 6.02851L6.42035 5.03485C6.83669 4.64042 6.83669 3.97737 6.42035 3.58295L3.58579 0.897579Z" fill="%23FE7024" stroke="%23FE7024" stroke-width="1.3"/></svg>') no-repeat right 7.5px center / 15px;} #header .wrap #hide_menu{position:absolute;left:20px;top:50px;max-width:100%;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.2);padding:5px 10px;display:none;border-radius:15px;} #header .wrap #hide_menu li{display:block;border-bottom:1px solid #ccc;color:#222;margin:10px;padding-bottom:10px;} #header .wrap #hide_menu li:last-child{border:none;} @media screen and (max-width:1000px){ #header .wrap .contact{background-position:center;} #header .wrap #main_menu, #header .wrap .contact span{display:none;} }

#mainpage .top{padding:50px 0 100px;} #mainpage .top .ttl{margin:50px 20px;text-align:center;} #mainpage .top .ttl h1{font-size:75px;text-align:center;} #mainpage .top .ttl span{display:block;margin-bottom:25px;font-size:20px;} #mainpage .top .ttl .btn{display:inline-block;background:#1F4BE0;padding:15px;} #mainpage .top .ttl .btn:hover{background:#fff;} #mainpage .why{display:flex;flex-wrap:wrap;background:rgba(255,255,255,.25);border-radius:20px;backdrop-filter:blur(5px);border:1px solid #ccc;padding:10px;margin:-50px 20px 0;} #mainpage .why div{background:linear-gradient(90deg,#f5f5f5, rgba(66,133,244,.2));width:calc(25% - 20px);border-radius:10px;margin:10px;display:inline-flex;align-items:center;flex-wrap:nowrap;padding:15px;} #mainpage .why div img{width:30px;margin-right:10px;} #mainpage .products{position:relative;padding:25px 0;} #mainpage .products .ttl{margin:20px;} #mainpage .products .colums{display:flex;flex-wrap:wrap;margin:15px;} #mainpage .products .colums .col{position:relative;margin:5px;border-radius:15px;border:1px solid #ccc;box-shadow:0 0 5px rgba(0,0,0,.1);overflow:hidden;width:calc(25% - 10px);padding-bottom:65px;} #mainpage .products .colums .col .img{overflow:hidden;width:100%;aspect-ratio:1/.7;} #mainpage .products .colums .col img{width:100%;aspect-ratio:1/.7;object-fit:cover;transition:transform .5s;} #mainpage .products .colums .col:hover .img img{transform:scale(1.2);} #mainpage .products .colums .col strong{display:block;margin:15px;font-weight:700;} #mainpage .products .colums .col span, #mainpage .products .colums .col .btn{display:block;margin:15px;} #mainpage .products .colums .col .btn{padding:10px;text-align: center;margin-top:35px;position:absolute;bottom:0;width:calc(100% - 30px);} #mainpage .whywe{position:relative;padding:25px 0;} #mainpage .whywe .ttl{margin:20px;} #mainpage .whywe .logos{display:flex;width:calc(100% - 20px);margin:10px 10px 75px;position:relative;} #mainpage .whywe .logos .logo{display:inline-flex;border-radius:10px;align-items:center;justify-content:center;padding:20px;margin:10px;} #mainpage .whywe .logos .logo img{width:100%;height:75px;object-fit:contain;} #mainpage .whywe .logos .arrow{position:absolute;bottom:-50px;left:calc(50% - 35px);width:30px;height:30px;border:1px solid #ccc;color:#ccc;border-radius:50%;text-align:center;line-height:25px;font-size:20px;cursor:pointer;} #mainpage .whywe .logos .arrow.next{right:calc(50% - 35px);left:auto;} #mainpage .whywe .colums{display: flex;flex-wrap:wrap;margin:5px;} #mainpage .whywe .colums .main, #mainpage .whywe .colums .add{position:relative;display:inline-flex;flex:1 0 0;margin:10px;flex-wrap: wrap;min-width:275px;} #mainpage .whywe .colums .main .col{border-radius:20px;margin:5px;padding:175px 20px 20px 20px;flex:1 0 0;min-width:200px;color:#fff;} #mainpage .whywe .colums .add{align-items:end;padding-top:170px;} #mainpage .whywe .colums .add .col{background:linear-gradient(273.89deg, rgba(31,47,102,.05), rgba(65,65,65,.015));border:1px solid #989898;border-radius:20px;margin:5px;padding:20px;min-width:200px;display:inline-flex;flex:1 0 0;flex-wrap: wrap;} #mainpage .whywe .colums .add .col h3{display:block;width:100%;font-weight:800;margin:0 0 5px;} #mainpage .whywe .colums .add .col b{display:block;width:100%;font-weight:800;font-size:15px;margin-bottom:10px;} #mainpage .whywe .colums .srv{position: absolute;top:0;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;} #mainpage .whywe .colums .srv span{font-size:55px;font-weight: 800;} #mainpage .videos{padding:25px 0;overflow:hidden;} #mainpage .videos .ttl{margin:50px 20px;display:flex;flex-wrap:wrap;align-items:center;} #mainpage .videos .ttl h2{display:inline-block;margin:5px 15px 0 0;} #mainpage .videos .ttl .btn{padding:10px 40px 10px 10px;margin:10px 0 0;} #mainpage .videos .colums .track{display:flex;} #mainpage .videos .colums{margin:15px;display:flex;flex-wrap:wrap;width:calc(100vw - 30px);} #mainpage .videos .colums .item{flex:1 0 0;margin:5px;} #mainpage .videos .colums .item iframe{width:100%!important;height:300px!important;border-radius:15px;} #mainpage .videos .colums .arrow{position:absolute;top:10px;right:55px;width:30px;height:30px;border:1px solid #ccc;color:#ccc;border-radius:50%;text-align:center;line-height:25px;font-size:20px;cursor:pointer;} #mainpage .videos .colums .arrow.next{right:20px;} @media screen and (max-width:1000px){ #mainpage .why div{width:calc(50% - 20px);} #mainpage .products .colums .col{width:calc(50% - 10px);} } @media screen and (max-width:650px){ #mainpage .why div{width:calc(100% - 20px);} #mainpage .products .colums .col{width:calc(100% - 10px);} #mainpage .whywe .colums .add .col span{display:none;} }

#mainpage .cases{padding:25px 0;background: linear-gradient(45deg,rgba(31,47,102,.2), rgba(65,65,65,.05));} #mainpage .cases .colums{display:flex;flex-wrap:wrap;align-items:center;} #mainpage .cases .colums .ttl{margin:20px;display:inline-flex;flex-wrap:wrap;width:calc(40% - 40px);} #mainpage .cases .colums .ttl span{display:block;width:100%;font-size:18px;margin-bottom:25px;} #mainpage .cases .colums .ttl .btn{margin:0;} #mainpage .cases .colums .items{display:inline-flex;width:calc(60% - 40px);margin:15px;} #mainpage .cases .colums .items .list{width: 100%;} #mainpage .cases .colums .items .track{display:flex;min-width: 100% !important;} #mainpage .cases .colums .items .item{flex:1 0 0;background:#fff;border-radius:10px;border:1px solid #ccc;overflow:hidden;margin:5px;} #mainpage .cases .colums .items .item img{width:100%;aspect-ratio:1/.7;object-fit:cover;} #mainpage .cases .colums .items .item strong, #mainpage .cases .colums .items .item span{margin:20px;display:block;} #mainpage .cases .colums .items .item strong{font-weight:700;font-size:17px;} #mainpage .cases .colums .items .arrow{position:absolute;top:20px;left:20px;width:30px;height:30px;border:1px solid #222;color:#222;border-radius:50%;text-align:center;line-height:25px;font-size:20px;cursor:pointer;} #mainpage .cases .colums .items .arrow.next{left:60px;} #mainpage .whom{padding:25px 0;} #mainpage .whom .ttl{margin:20px;} #mainpage .whom .items .item{display:flex;flex-wrap:wrap;margin:20px;background:#fff;border:1px solid #ccc;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.2);} #mainpage .whom .items .item img{flex:1 0 0;border-radius:20px;min-width:300px;margin:10px;} #mainpage .whom .items .item .txt{flex:1 0 0;min-width:300px;margin:20px;} #mainpage .whom .items .item:nth-child(2n) img{order:1;} #mainpage .whom .items .item .txt .ttl{margin:0 0 25px;font-weight:700;font-size:20px;}

#mainpage .news{padding:25px 0;} #mainpage .news .ttl{margin:50px 20px;display:flex;flex-wrap:wrap;align-items:center;} #mainpage .news .ttl h2{display:inline-block;margin:5px 15px 0 0;} #mainpage .news .ttl .btn{padding:10px 40px 10px 10px;margin:10px 0 0;} #mainpage .news .colums{margin:15px 15px 50px;display:flex;flex-wrap:wrap;width:calc(100% - 30px);} #mainpage .news .colums .list{width: 100%;} #mainpage .news .colums .track{display:flex;min-width: 100% !important;} #mainpage .news .colums .item{flex:1 0 0;margin:5px;background: #fff;border-radius:15px;box-shadow:0 0 5px rgba(0,0,0,.15);overflow:hidden;} #mainpage .news .colums .item img{width:100%;aspect-ratio:1/.7;object-fit:cover;} #mainpage .news .colums .item strong, #mainpage .news .colums .item span{margin:20px;display:block;} #mainpage .news .colums .item strong{font-weight:700;font-size:18px;} #mainpage .news .colums .nav{position:absolute;left:0;right:0;bottom:-50px;padding:0;list-style:none;text-align:center;} #mainpage .news .colums .nav li {position:relative;display:inline-block;width:10px;height:10px;border-radius:20px;background:#aaa;margin:0 5px;cursor:pointer;transition:all .5s;} #mainpage .news .colums .nav li.active{background:#1F4BE0;width:45px;}

@media screen and (max-width:1000px){ #mainpage .top .ttl h1{font-size:50px;} #mainpage .videos{padding-bottom:75px;} #mainpage .videos .colums .arrow, #mainpage .cases .colums .items .arrow{top:auto;bottom:-50px;right:50%!important;transform:translateX(-5px);left:auto;} #mainpage .videos .colums .arrow.next, #mainpage .cases .colums .items .arrow.next{transform:translateX(35px);left:auto;} #mainpage .cases .colums .items{position:relative;margin-bottom: 50px;} #mainpage .cases .colums .ttl, #mainpage .cases .colums .items{width:calc(100% - 40px);} #mainpage .whom .items .item:nth-child(2n) img{order:0;} }

#contactus{position:relative;background:url(./img/contactus.jpg) center / cover;padding:75px 0;} #contactus .ttl{margin:0 20px 20px;text-align:center;} #contactus .ttl h2{text-align:center;color:#fff;font-size:35px;} #contactus .ttl span{color:#fff;} #contactus form{display:flex;flex-wrap:wrap;margin:0 auto;max-width:800px;width:calc(100% - 10px);} #contactus form input,#contactus form textarea{margin:10px;} #contactus form input{flex:1 0 0;} #contactus form textarea{width:100%;height:100px;} #contactus form .btn{margin:25px auto 0;}

#footer{position:relative;background:#000;padding:25px 0 0;} #footer .colums{display:flex;flex-wrap:wrap;} #footer .colums .col{flex:1 0 0;min-width:250px;margin:20px;color:#fff;} #footer .colums .col .tel{font-size:20px;font-weight:600;} #footer .colums .col strong{text-transform:uppercase;font-size:20px;} #footer .colums .col ul{display:block;margin:0;padding:0;list-style:none;} #footer .colums .col p, #footer .colums .col b, #footer .colums .col strong{display: block;} #footer .colums .col .btn{margin:10px 0 0;display:inline-block;} #footer .mini{margin:20px 20px 0;padding:10px 0;border-top:1px solid #fff;text-align:center;color:#fff;font-size:13px;}