:root{ --gray-1: #f5f5f5; --gray-2: #efefef; --gray-3: #a6a6a6; --gray-4: #666; --gray-5: #F6F7FA; --blue-1:#eaf1fb; --blue-2:#00a1e7; --blue-3:#387af2; --blue-4:#1d74ad; --black-1:#2b2a28; --black-2:#303640; } /****************** * bg & colors *******************/ .bg-gray-1 {background:var(--gray-1);} .bg-gray-2 {background:var(--gray-2);} .bg-blue-1 {background:var(--blue-1);} .bg-blue-2 {background:var(--blue-2);} .bg-blue-3 {background:var(--blue-3);} .bg-blue-4 {background:var(--blue-4);} .bg-black-1 {background:var(--black-1);} .bg-black-2 {background:var(--black-2);} .bg-white {background:white;} .bg-g1 {background-image: linear-gradient(90deg, rgba(89, 131, 252, 1) 0%, rgba(41, 53, 86, 1) 100%);} .bg-g2 {background-image: radial-gradient(circle, rgba(89, 131, 252, 1) 0%, rgba(41, 53, 86, 1) 100%);} .bg-g3 {background-image: linear-gradient(161deg, rgba(5, 84, 131, 1) 50%, rgba(1, 127, 185, 1) 50%);} .bg-g4 {background-image: linear-gradient(90deg, rgba(5, 84, 131, 1) 17%, rgba(1, 127, 185, 1) 85%);} .bg-img-1 {background:url('/template/img/bg-paralax.jpg') no-repeat center / cover;z-index:0; } .bg-img-2 {background:url('/content/template/bg-paralax-1.jpg') no-repeat center / cover;z-index:0; } .bg-black-opt:before {content: ""; background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0; top: 0; bottom: 0; left: 0; right: 0; position: absolute;width: 100%; height: 100%;z-index: -1;} .bg-blue-opt:before {content: ""; background: rgba(29, 116, 173, 0.83) none repeat scroll 0 0; top: 0; bottom: 0; left: 0; right: 0; position: absolute;width: 100%; height: 100%;z-index: -1;} /**/ .clr-white {color:white!important;} .bg-toch {background-color: #fff; background-image: radial-gradient(circle,#f5f5f5 1px,#0000 0); background-size: 8px 8px;} /****************** * block-title *******************/ .blockTitle {display:flex; justify-content:space-between;align-items: center;line-height: 2rem !important;overflow:hidden;} .blockTitle>div:first-child {} .blockTitle>div:first-child>* {text-transform: uppercase;position: relative;padding-bottom: 7px !important;color:var(--black-2);} .blockTitle>div:last-child {/*position: relative;*/} .blockTitle>div:last-child>.btn-go {text-decoration: none; color: #c8c7c79c; border: 1px solid #c8c7c79c; padding: 5px; border-radius: 5px; position: relative;right: -200%;transition: 1s;white-space: nowrap; } /**/ .blockTitle>div:first-child>*:before {content: " ";position: absolute;left: 0;bottom: 0;width: 80px;height: 2px;border-radius: 2px;background-color: var(--blue-2);transition: all 0.5s ease;opacity:.5;} *:hover>.blockTitle>div:first-child>*:before {transition: all 0.5s ease;width: 120px;opacity:.9;} /**/ .blockTitle>div:last-child>.btn-go:hover {color: white;border: 1px solid var(--blue-2);background: var(--blue-2);transition: .3s;} *:hover>.blockTitle>div:last-child>.btn-go {right: 0;} @media (max-width:600px){.blockTitle>div:last-child:has(.btn-go) {display: none!important;}} /****************** * pageTitle *******************/ .pageTitle {} .pageTitle>* {text-transform: uppercase;position: relative;padding-bottom: 7px !important;color:var(--black-2);font-size:calc(1rem + .8vmax);z-index:-1;} .pageTitle>*:before {content: " ";position: absolute;left: 0;bottom: 0;width: 80px;height: 2px;border-radius: 2px;background-color: var(--blue-2);transition: all 0.5s ease;opacity:.5;} *:hover>.pageTitle>*:before {transition: all 0.5s ease;width: 120px;opacity:.9;} /****************** * line-clamp *******************/ .line-clamp-2 {-webkit-line-clamp: 2; line-clamp: 2;display: -webkit-box;overflow: hidden; word-wrap: break-word;overflow-wrap: break-word;-webkit-box-orient: vertical;} /****************** * header *******************/ header.index {height: 100vh; min-height: 450px; max-height: 800px;position: relative;} header.index>.video-background {position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden;} header.index>.video-background:before {content: ""; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 1;width: 100%; height: 100%;z-index: -1;} header.index>.video-background>video {position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; transform: translateX(-50%) translateY(-50%);} header.index>.h-content {position: relative; z-index:999;height: 100%;} /**/ header.index>.h-content .hc-top {position: relative;} header.index>.h-content .hc-top:before {content: ""; background: rgba(0, 0, 0, 0.32) none repeat scroll 0 0; top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 1;width: 100%; height: 100%;z-index: -1;} header.index .row-1 {border: 1px solid #FFFFFF14;} header.index .row-1 .left {} header.index .row-1 .left>li { padding: 0 1vmax;} header.index .row-1 .left>li>a {color: white; text-decoration: none; font-size: .8rem;} header.index .row-1 .left>li>a:hover { color:var(--blue-2);} header.index .row-1 .left>li>a>i {padding: 0 5px; color:var(--blue-2);} header.index .row-1 .left>li>a>span {} header.index .row-1 .right>li { padding: 0 1vmax; } header.index .row-1 .right>li.text {color: white; padding: 0 10px; font-size: .8rem;} header.index .row-1 .right>li.text>i {padding: 0 5px; color:var(--blue-2);} header.index .row-1 .right>li.icons { padding:0 10px;display:flex;} header.index .row-1 .right>li.icons>a { border:1px solid rgba(255,255,255,.5); border-radius:50%; aspect-ratio:1/1; width:28px; /*display:inline-block;*/text-decoration:none;} header.index .row-1 .right>li.icons>a+a {margin-left:3px;} header.index .row-1 .right>li.icons>a>i {color:var(--blue-2);font-size:.9rem;display:flex; justify-content: center;align-items: center;height:100%;} header.index .row-1 .right>li.icons>a:hover>i {color:white;} /*header.index .row-1 .right>li.icons>a:hover {border:1px solid rgba(255,255,255,1);}*/ header.index .row-1 .right>li.btn_zz {} header.index .row-1 .right>li.btn_zz>a { padding: 4px 6px; color: white; text-decoration: none; border-radius: 2px; font-weight: 300; font-size:.9rem; border: 1px solid white;} header.index .row-1 .right>li.btn_zz>a>i {padding:0 4px;} header.index .row-1 .right>li.btn_zz>a:hover {color: var(--blue-2); border: 1px solid var(--blue-2);} /* ICONS COLOR*/ header.index .row-1 .right>li.icons>a:hover:has(.fa-whatsapp) {background: #2cb742;} header.index .row-1 .right>li.icons>a:hover:has(.fa-telegram) {background: #2AABEE;} header.index .row-1 .right>li.icons>a:hover:has(.fa-youtube-play) {background: #c4302b;} header.index .row-1 .right>li.icons>a:hover:has(.fa-instagram) {background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); ;} header.index .row-1 .right>li.icons>a:hover:has(.fa-envelope-o) {background: var(--blue-2);} header.index .row-1 .right>li.icons>a:hover:has(.fa-phone) {background: var(--blue-2);} /**/ header.index .row-2 {} header.index .row-2 .logo {} header.index .row-2 .logo>a {} header.index .row-2 .logo>a>img {max-width: 150px;display: block;} header.index .row-2 nav {} header.index .row-2 nav>ul {} header.index .row-2 nav>ul>li {flex: 1 1 auto; text-align: center;} header.index .row-2 nav>ul>li>a {padding: 5px; text-decoration: none; color:white;} header.index .row-2 nav>ul>li.active>a {color: var(--blue-2);} header.index .row-2 nav>ul>li>a>i {} header.index .row-2 nav>ul>li>ul {} header.index .row-2 nav>ul>li>ul>li {} header.index .row-2 nav>ul>li>ul>li>a {} header.index .row-2 .btn_fzz {display: none;} header.index .row-2 .btn_fzz>a {padding: 4px 6px; color: white; text-decoration: none; border-radius: 2px; font-weight: 300; font-size:.9rem; border: 1px solid white;} header.index .row-2 .btn_fzz>a i {padding:0 4px;} /*.header .row-2.fixed .btn_fzz {display: block;}*/ @media (min-width:1000px) {header.index .row-2.fixed .btn_fzz {display: block;}} /**/ header.index>.h-content .hc-bottom {color:white;padding: 5vmin 10px;} header.index>.h-content .hc-bottom small {font-size:clamp(16px, calc(.5rem + 1vmax), 20px);text-shadow:0px 0px 5px gray;padding:1vh 0; display:block;width: 100%; max-width: 800px;text-wrap: balance;} header.index>.h-content .hc-bottom strong {font-weight:600; font-size: clamp(16px, calc(.8rem + 3vw), 55px)/*clamp(16px, calc(.5rem + 2.5vmax), 65px)*/; display: block; text-shadow:1px 1px 1px gray;} /**/ .submenu_wrap {position: relative;} .submenu_wrap:hover i {transform: rotate(180deg);} .submenu_wrap:hover ul {display: block;} .submenu_wrap>a {} .submenu_wrap>a>i { transition: .2s;} .submenu_wrap>ul {display:none;position: absolute;top:100%; backdrop-filter: blur(5px);text-align: left!important; order: 1px solid rgba(0,0,0,.15); background: rgba(255, 255, 255, .8); box-shadow: 0 0 3px rgba(60,72,88,0.15); border-radius: 3px !important; min-width: 100%; left:0; border-top: 0; z-index: 999;} .submenu_wrap>ul>li {list-style: none;padding: 3px 0; font-size: .85rem; padding: 7px;} .submenu_wrap>ul>li + li {border-top: rgba(0,0,0,.05) 1px solid; border-width: 50%;} .submenu_wrap>ul>li>a {color:#555; text-decoration: none;display: block;white-space: nowrap;} .submenu_wrap>ul>li:hover a {color:var(--blue-4); } /**/ header.index .btn_mm_open {padding:0 3vw;} header.index .btn_mm_open>i {color: white; font-size: 2rem;padding: 5px 10px;} /****************** * block - index-intro *******************/ .index-intro .right {} .index-intro .right strong {display: block;font-size: clamp(16px, calc(.5rem + 1.6vmax), 40px); color:var(--black-2);}/*calc(1.3rem + 1vmax);*/ .index-intro .right strong:first-child, .index-intro .right strong:last-child {color:var(--blue-2);} .index-intro .left {} .index-intro .left>.container {border-left: 2px solid var(--black-2); padding:10px 2vmin;} .index-intro .left>.container>li {display: flex;align-items: center;padding:3px;} .index-intro .left>.container>li>div:first-child {/*width: 30px;*/} .index-intro .left>.container>li>div:first-child>.num {font-size: 1.2rem;padding:0 .3vmax; align-content: center; display: inline-block; color: var(--blue-2);text-align:center;font-weight: 600;} .index-intro .left>.container>li>div:last-child {padding:5px; font-size: clamp(16px, calc(.75rem + .5vmax), 24px);} .index-intro .left>.container>li>div:last-child>.text {color:var(--black-2);} .index-intro .left>.container>li>div:last-child>.text b {} .index-intro .left>.container>li>div:last-child>.plus {color:var(--blue-2); font-weight: 600;} @media (max-width:480px) { .index-intro .left>.container {border:none;padding: 0;} .index-intro .left>.container>li:nth-child(odd) {background: var(--gray-5);} .index-intro .left>.container>li>div:first-child>.num {color: var(--blue-4);} } /****************** * block - index-uslugi *******************/ .index-uslugi {/*overflow:hidden;*/ } .index-uslugi>div {padding:10px;}/*align-self: center;*/ .index-uslugi .item {position: relative;width:100%;overflow:hidden;border-radius: 10px;} .index-uslugi .item>img {position: absolute; inset: 0;display:block;width:100%; object-fit: cover; object-position: center;height:100%;} .index-uslugi .item:after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 1; background: linear-gradient(to top,#000 0,transparent 25%);} .index-uslugi .item:hover:after { background: linear-gradient(to top,#000 0,transparent 50%); /*transition: .5s;*/} .index-uslugi .item>div {position: absolute; bottom: 0;left: 0;right:0;z-index:9;padding:3%;} .index-uslugi .item>div>span {display:flex;justify-content: space-between;align-items: center;} .index-uslugi .item>div>span>a {color: white;text-decoration: none; font-weight: 600;} .index-uslugi .item>div>span>i {background: white;aspect-ratio: 1/1; padding: 5px;border-radius: 50%;color:var(--blue-2);transition:.5s;transform: rotate(-45deg);display:block;} .index-uslugi .item:hover span a {text-decoration: underline;} .index-uslugi .item:hover span i {transform: rotate(0deg);} /**/ .index-uslugi .col-1 {/*aspect-ratio: 1/1;*/} .index-uslugi .col-1>.item {width:100%; height:100%;min-height: 130px;} /**/ .index-uslugi .col-2 {min-width: 270px;} .index-uslugi .col-2>.item { flex-grow:1;aspect-ratio: 3/1;} .index-uslugi .col-2>.item + .item {margin-top: 2%;} /**/ .index-uslugi .col-3 {} .index-uslugi .col-3>div { overflow:hidden;max-height:100px;display:flex;/*align-items: stretch;*/flex-grow:1;padding: 5px; min-width: 190px;} .index-uslugi .col-3>div>a {background: var(--blue-4);flex-grow:1;border-radius: 10px;padding:10px; text-decoration:none;transition:.5s;/*align-content : center;*/display:flex;justify-content: space-between;align-items: center;} .index-uslugi .col-3>div>a:hover {transform: translateY(-5px);box-shadow: 0px 3px 5px -3px rgba(0,0,0,.5);} .index-uslugi .col-3>div>a:hover i {transform: rotate(-45deg); } @media (min-width:1200px) {.index-uslugi .col-3>div>a + a {margin-top: 3%;}} @media (max-width:1200px) {.index-uslugi .col-3>div>a + a {margin-right:0px;}}/*???*/ .index-uslugi .col-3>div>a>span {color: white; font-weight:600;font-size:calc(.8rem + .5vmax);/*1.3rem;*/} .index-uslugi .col-3>div>a>i {background: white;aspect-ratio: 1/1; padding: 10px; border-radius: 50%;color:var(--blue-2);transition:.5s;} /****************** * des-list-stroim *******************/ .des-list-stroim {} .des-list-stroim>div {padding: 10px;display: flex;min-width: 240px;max-width: 420px;margin: 0 auto;} .des-list-stroim>div>a {display: flex;flex-wrap:wrap;background:white; border-radius:5px; overflow:hidden; padding:10px; align-items: center;text-decoration:none; color: var(--black-1);border: 1px solid rgba(0,0,0,.1); } .des-list-stroim>div>a:hover {box-shadow: 0px 0px 5px -1px rgba(0,0,0,.2);} .des-list-stroim>div>a>div:first-child {aspect-ratio:16/9;overflow: hidden;/*padding:5px;*/ border-radius:10px; width: 100%;} .des-list-stroim>div>a>div:first-child img {width: 100%; object-fit: cover; object-position: center;height: 100%;display: block;transition:.5s;} .des-list-stroim>div>a>div:last-child {padding: 5px;} .des-list-stroim>div>a>div:last-child b { text-transform:uppercase; font-size:.8rem;} /**/ .des-list-stroim>div>a:hover img {scale:1.2; } /****************** * details *******************/ details {position: relative; display: block; margin: 0 auto 15px; border-radius: 5px; transition: 0.3s; overflow: hidden;background: var(--gray-5);z-index: 0;border: 1px solid #e1e1e1;} details[open] { padding-bottom: 50px;} details[open] summary {margin-bottom: 32px;color: var(--blue-4);} details>summary {border-radius: 5px; padding: 15px 24px; font-size: 1rem; cursor: pointer; list-style: none; font-weight: 700; transition: .3s;} details>.details_content {padding: 0 32px; font-size: 1rem; margin-bottom: -30px;color:var(--gray-4);} details>.details_content>.faqview {text-decoration: none; color: var(--blue-2); font-size: .9rem;} details::after {position: absolute; right: 24px; top: 15px; content: ""; display: block; width: 10px; height: 10px; border-right: 2px solid var(--blue-4); border-bottom: 2px solid var(--blue-4); transform: rotate(-45deg); transform-origin: center; transition: .3s;} details[open]::after {transform: rotate(45deg);} details__content p:last-child {margin-bottom: 0;} details__content p:first-child {margin-top: 0;} /****************** * auto-lc *******************/ .auto-lc {} .auto-lc>h3 {padding: 5px 20px;color:var(--black-2);} .auto-lc>ul {display:flex; flex-wrap:wrap; justify-content: flex-end;} .auto-lc>ul>li {display:flex;width: calc(33% - 2%); padding: 20px; align-items: center;border: 1px solid rgba(0,0,0,.1); border-radius:10px; margin: 1%;min-width: 200px;transition:.3s;} .auto-lc>ul>li:hover {box-shadow: 0px 0px 5px -1px rgba(0,0,0,.2);} .auto-lc>ul>li>div {padding:15px; aspect-ratio:1/1; background:var(--blue-1); border-radius:10px;} .auto-lc>ul>li>div>i {font-size: 1.4rem;color: var(--blue-4);} .auto-lc>ul>li>span {display:block;padding: 10px;font-size:.8rem;color:var(--gray-4);} .auto-lc>ul>li>span>b {display: block;} @media (max-width:1000px) and (min-width:480px) { .auto-lc>ul {justify-content: center;} .auto-lc>ul>li {display:block!important;flex:1; max-width:360px;} .auto-lc>ul>li>div {display:flex;justify-content: center;align-items: center; max-width:80px; margin:0 auto;} } @media (max-width:480px) { .auto-lc>ul>li {/*flex:1;*/padding: 10px;width:100%!important;} .auto-lc>ul>li>div {padding:10px;} } /****************** * auto-ll *******************/ .auto-ll {position:relative;overflow:hidden;} .auto-ll>ul {display:flex; flex-wrap: wrap; /*white-space: nowrap;*/overflow-x: auto;z-index: 999;/*background:rgba(255,255,255,.8);*/} .auto-ll>ul>li {list-style:none;padding: 5px;min-width: 150px; cursor:pointer; width: 33%;min-width:240px; flex:1 1 33%;max-width: 540px;} .auto-ll>ul>li>div {padding: 1vw;} .auto-ll>ul>li>div>big {display:inline-block; font-size:4rem;font-weight:600;transition: .5s;/*text-shadow: 1px 1px 2px #0000004a;*/ -webkit-text-stroke: 1px; -webkit-text-fill-color: transparent; color:var(--blue-4);} .auto-ll>ul>li>div>strong {display: block;padding:10px 0;color:var(--black-2);} .auto-ll>ul>li>div>span {color:var(--gray-4); font-size:.9rem;} .bg-mousemove { position: absolute; width: 120%; height: 120%; top: -10%; left: -10%; background: url('/content/template/bg-mousemove.jpg') center center no-repeat; z-index: -1;/*background-size: cover;*/} @media (max-width:500px) { .auto-ll>ul>li>div {padding: .5vw;} .auto-ll>ul>li>div>big {font-size:2rem;} .auto-ll>ul>li>div>strong {display: block;padding:5px 0;} .auto-ll>ul>li>div>span {font-size:.8rem;} } /****************** * child-list *******************/ .child-list {display: flex;flex-wrap:wrap;} .child-list>li {list-style:none; overflow:hidden;max-height:100px;display:flex;/*align-items: stretch;*/flex-grow:1;padding: 5px; min-width: 190px;} .child-list>li>a {background: var(--blue-4);flex-grow:1;border-radius: 10px;padding:10px; text-decoration:none;transition:.5s;/*align-content : center;*/display:flex;justify-content: space-between;align-items: center;} .child-list>li>a>span {color: white; font-weight:600;font-size:calc(.8rem + .5vmax);} .child-list>li>a>i {background: white;aspect-ratio: 1/1; padding: 10px; border-radius: 50%;color:var(--blue-2);transition:.5s;} .child-list>li>a:hover {transform: translateY(-5px);box-shadow: 0px 3px 5px -3px rgba(0,0,0,.5);} .child-list>li>a:hover i {transform: rotate(-45deg); } /****************** * footer *******************/ footer {} footer .bgp {background: rgba(150, 150, 150, 0.3); padding:10px;border-radius:10px; height: 100%; /*justify-content: center; align-content: center; align-items: center;align-self: center;justify-items: center; justify-self: center;*/} footer .col-1,footer .col-2, footer .col-3 {padding: 10px;min-width:250px;} /**/ footer .row-1 {} footer .row-1>.col-1 {} footer .row-1>.col-1>.bgp {} footer .row-1>.col-1>.bgp>a {} footer .row-1>.col-1>.bgp>a>img {} footer .row-1>.col-1>.bgp>p {color: var(--gray-3); font-size:.8rem;} /**/ footer .row-1>.col-2 {} footer .row-1>.col-2>.bgp {} footer .row-1>.col-2>.bgp>div {padding:6px;} footer .row-1>.col-2>.bgp>div>b {color:white; font-size:1.1rem;display: block;padding: 3px 0;} footer .row-1>.col-2>.bgp>div>ul {} footer .row-1>.col-2>.bgp>div>ul>li {list-style: none;padding:2px;} footer .row-1>.col-2>.bgp>div>ul>li>a {color: var(--gray-3);text-decoration:none;font-size:.95rem;} footer .row-1>.col-2>.bgp>div>ul>li>a:hover {text-decoration: underline dotted;color:white;} /**/ footer .row-1>.col-3 {} footer .row-1>.col-3>div>div:first-child {padding: 5px 0;} footer .row-1>.col-3>div>div:first-child a {color:white; display: block; text-decoration: none; font-size: calc(1rem + .6vw);text-align: center;} footer .row-1>.col-3>div>div:first-child small {color: var(--gray-3);text-align: right;display: block } footer .row-1>.col-3>div>div:nth-child(2) {} footer .row-1>.col-3>div>div:nth-child(2)>b {color:white;font-size:1.1rem;padding: 3px 0;display:block;} footer .row-1>.col-3>div>div:nth-child(2)>div {} footer .row-1>.col-3>div>div:nth-child(2)>div a {display: block;padding: 5px;text-decoration: none; color: var(--gray-3);font-size:.95rem;} footer .row-1>.col-3>div>div:nth-child(2)>div a:hover {color:white;} /**/ footer .row-2 {} footer .row-2>.col-1 {font-size:.8rem;color:var(--gray-3);} footer .row-2>.col-2 {} footer .row-2>.col-2>div {align-items: center;display:flex;justify-content: center;} footer .row-2>.col-2>div>a {color: var(--gray-3);font-size: .95rem;} /**/ footer .row-3 {} footer .row-3>a {color:var(--gray-4);font-size:.8rem;padding:2px 5px;} footer .row-3>a:hover {color:white;} /****************** * content ul *******************/ .content ul:not([class]), .content ol:not([class]) {padding-left: 0; padding-right: 2.5em;} .content ul:not([class]) li, .content ol:not([class]) li {transform: translateX(2.5em);animation: fixlists 1s;} @keyframes fixlists { 0% {text-indent: -0.001em;} 100% {text-indent: 0;} } /****************** * page-article *******************/ .page-article {} .page-article>div:first-child {float: left; aspect-ratio: 16/9;padding: 5px;margin-right: 20px; margin-bottom: 10px;} .page-article>div:first-child>img {width: 100%; height: 100%;max-width: 400px;box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.1);padding: 8px;} .page-article>div:last-child {padding: 5px;color: #444;line-height: 1.5;} @media (max-width:600px) { .page-article>div:first-child {float: none;margin-right: 0px;} .page-article>div:first-child>img {max-width: 100%;} } /****************** * cookie_note *******************/ #cookie_note {z-index: 999; display: none; flex-wrap: wrap; position: fixed; bottom: 15px; left: 50%; max-width: 800px; width: 100%; transform: translateX(-50%); padding: clamp(10px, 5vw, 30px); background-color: white; border-radius: 8px; box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);} #cookie_note.show{display: flex;} #cookie_note>p {width: auto; flex: 1;margin: 0; font-size: 0.8rem; text-align: left; color: var(--black-2);padding: 0 1vw;} #cookie_note>p>a {color:var(--blue-4);text-decoration: none;} #cookie_note>p>a:hover {text-decoration: underline dotted;} #cookie_note>button {min-width:160px;} @media (max-width:700px) { #cookie_note>p {width: 100%!important;} #cookie_note>button {width:100%; margin-top:10px;} } /****************** * header.page *******************/ .breadcrumb {} .breadcrumb>li {list-style: none;font-size:.8rem;color: var(--blue-4);text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .breadcrumb>li>a {color: var(--gray-4); text-decoration:none;} .breadcrumb > li + li::before {font-family: FontAwesome; content: "\f105"; padding: 0 5px;} /**/ header.page {} header.page>.row-1 {} header.page>.row-2 {} /**/ header.page .row-1 {border-bottom: 1px solid #00000014;} header.page .row-1 .left {} header.page .row-1 .left>li { padding: 0 1vmax;} header.page .row-1 .left>li>a {color: var(--black-1); text-decoration: none; font-size: .8rem;} header.page .row-1 .left>li>a:hover { color:var(--blue-2);} header.page .row-1 .left>li>a>i {padding: 0 5px; color:var(--blue-2);} header.page .row-1 .left>li>a>span {} header.page .row-1 .right>li { padding: 0 1vmax; } header.page .row-1 .right>li.text {color: var(--black-1); padding: 0 10px; font-size: .8rem;} header.page .row-1 .right>li.text>i {padding: 0 5px; color:var(--blue-2);} header.page .row-1 .right>li.icons { padding:0 10px;display:flex;} header.page .row-1 .right>li.icons>a { border:1px solid rgba(0,0,0,.2); border-radius:50%; aspect-ratio:1/1; width:28px; /*display:inline-block;*/text-decoration:none;} header.page .row-1 .right>li.icons>a+a {margin-left:3px;} header.page .row-1 .right>li.icons>a>i {color:var(--blue-4);font-size:.9rem;display:flex; justify-content: center;align-items: center;height:100%;} header.page .row-1 .right>li.icons>a:hover>i {color:white;} /*header.page .row-1 .right>li.icons>a:hover {border:1px solid var(--blue-2);}*/ header.page .row-1 .right>li.btn_zz {} header.page .row-1 .right>li.btn_zz>a { padding: 4px 6px; color: var(--black-1); text-decoration: none; border-radius: 2px; font-weight: 300; font-size:.9rem; border: 1px solid var(--black-1);} header.page .row-1 .right>li.btn_zz>a>i {padding:0 4px;} header.page .row-1 .right>li.btn_zz>a:hover {color: var(--blue-2); border: 1px solid var(--blue-2);} /* ICONS COLOR*/ header.page .row-1 .right>li.icons>a:hover:has(.fa-whatsapp) {background: #2cb742;} header.page .row-1 .right>li.icons>a:hover:has(.fa-telegram) {background: #2AABEE;} header.page .row-1 .right>li.icons>a:hover:has(.fa-youtube-play) {background: #c4302b;} header.page .row-1 .right>li.icons>a:hover:has(.fa-instagram) {background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); ;} header.page .row-1 .right>li.icons>a:hover:has(.fa-envelope-o) {background: var(--blue-2);} header.page .row-1 .right>li.icons>a:hover:has(.fa-phone) {background: var(--blue-2);} /**/ header.page .row-2 {} header.page .row-2 .logo {} header.page .row-2 .logo>a {} header.page .row-2 .logo>a>img {max-width: 150px;display: block;} header.page .row-2 nav {} header.page .row-2 nav>ul {} header.page .row-2 nav>ul>li {flex: 1 1 auto; text-align: center;} header.page .row-2 nav>ul>li>a {padding: 5px; text-decoration: none; color:var(--black-1);} header.page .row-2 nav>ul>li.active>a {color: var(--blue-2);} header.page .row-2 nav>ul>li>a>i {} header.page .row-2 nav>ul>li>ul {} header.page .row-2 nav>ul>li>ul>li {} header.page .row-2 nav>ul>li>ul>li>a {} header.page .row-2 .btn_fzz {display: none;} header.page .row-2 .btn_fzz>a {padding: 4px 6px; color: var(--black-1); text-decoration: none; border-radius: 2px; font-weight: 300; font-size:.9rem; border: 1px solid var(--black-1);} header.page .row-2 .btn_fzz>a i {padding:0 4px;} @media (min-width:1000px) {header.page .row-2.fixed .btn_fzz {display: block;}} /**/ header.page .btn_mm_open {padding:0 3vw;} header.page .btn_mm_open>i {color: var(--black-1); font-size: 2rem;padding: 5px 10px;} /**/ header.page .row-2.fixed::before {background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0!important;} /**/ header.page .row-3 {background: var(--gray-5);} /****************** * gallery-raboti - index *******************/ .gallery-raboti {} .gallery-raboti>.gallery-raboti-menu {overflow: hidden;} .gallery-raboti>.gallery-raboti-menu>.tab-menu {padding: 10px 0;} .gallery-raboti>.gallery-raboti-menu>.tab-menu>li {width: max-content;margin:0 10px;cursor: pointer;} .gallery-raboti>.gallery-raboti-menu>.tab-menu>li>a {background:transparent; padding: 6px;border-radius: 5px; color:var(--blue-2); text-decoration: none;border: 1px solid var(--blue-2);} .gallery-raboti>.gallery-raboti-menu>.tab-menu>li.active a {background: var(--blue-2);color:white;} .gallery-raboti>.gallery-raboti-menu>.tab-menu>li:hover a {background: var(--blue-2);color:white;} /**/ .gallery-raboti>.gallery-raboti-photos {overflow: hidden;margin: 10px 0;} .gallery-raboti>.gallery-raboti-photos .swiper-wrapper {padding:10px 0;} .gallery-raboti>.gallery-raboti-photos .swiper-wrapper>.swiper-slide { max-width:400px;} .gallery-raboti>.gallery-raboti-photos .swiper-wrapper>.swiper-slide>a {padding:5px; display:block;aspect-ratio:16/9; border:1px solid rgba(0,0,0,.2);background: white;} .gallery-raboti>.gallery-raboti-photos .swiper-wrapper>.swiper-slide>a>img {width: 100%; height: 100%;object-fit:cover; object-position:center;display:block;} /****************************** * faq-block *******************************/ .faq-block {overflow:hidden;} .faq-block>.d-flex {/*height:400px;*//*align-items: flex-start;*/ } .faq-block .left {/*aspect-ratio: 8/4;*/} .faq-block .left>div {position:relative;/*min-width:280px;*//*height:100%;*/width:100%;overflow:hidden;} .faq-block .left>div:before {position: absolute;inset:0; z-index:1; content: "";width:100%; height:100%;background-image:url('/content/template/question-answer.webp'); /*opacity:.5;*/background-repeat: no-repeat;background-size: cover;} .faq-block .left>div>div {z-index: 2;} .faq-block .left>div>div:first-child {align-self: flex-start;} .faq-block .left>div>div:first-child>strong {font-size:1.2rem;display:block;padding:10px 0;line-height: 1;} .faq-block .left>div>div:first-child>span {color:#555;} .faq-block .left>div>div:last-child {align-self: flex-end;width: 100%;} .faq-block .left>div>div:last-child>a {color:var(--blue-4); text-decoration: none;text-align: center; border: 1px solid var(--green-1); border-radius:5px; width: 100%;display: block;padding: 7px 10px;margin: 8px auto;border:1px solid var(--blue-4);} .faq-block .left>div>div:last-child>a:hover {background: var(--blue-4); color: white;} .faq-block .right {max-height:400px;/*overflow-y: scroll;*/ scrollbar-color: var(--red-1) var(--gray-2);flex:unset; /*height:100%;*/} .faq-block .right>div {overflow-y: scroll;height:100%;} /*.faq-block .right>div>details {background: white; margin-bottom: 10px;padding: 10px;box-shadow: 0px 3px 5px -3px rgba(0,0,0,.5); border: 1px solid #ddd;} .faq-block .right>div>details>summary {padding: 10px; font-weight: 600;} .faq-block .right>div>details>div {padding: 10px; color:#777;}*/ @media (max-width:576px) { .faq-block .left {order:1;} .faq-block .right {order:0;} } /****************************** * index-karkas 3D *******************************/ .index-karkas {} .index-karkas>.left {} .index-karkas>.left>.v3d {position: absolute;left: 0; bottom: 0;display: block!important;} .index-karkas>.left>.v3d img {width: 80px;left: 0; bottom: 0;} .index-karkas>.left>div[tab] {/*width: 100%; height: 100%;*/} .index-karkas>.left>div[tab]>model-viewer {min-height:250px;aspect-ratio:3/1;width: 100%; height: 100%;} /**/ .index-karkas>.right {min-width: 300px;overflow-x: auto;} .index-karkas>.right>li {width:100%;/*max-content;*/max-width: 400px;margin:auto;padding:3px 0; background: transparent!important;} .index-karkas>.right>li>div {background: var(--black-2);border-radius:10px;padding: 7px;} .index-karkas>.right>li.active>div {background: var(--blue-4);} .index-karkas>.right>li>div>div:first-child {padding: 3px;aspect-ratio: 1/1;max-width: 100px; } .index-karkas>.right>li>div>div:first-child>img {width:100%; height:100%; display: block; object-fit: cover; object-position: center;border-radius:10px;} .index-karkas>.right>li>div>div:last-child {color:white;padding: 5px;} .index-karkas>.right>li>div>div:last-child>b {padding: 5px 0;} .index-karkas>.right>li>div>div:last-child>span {font-size:.9rem;} @media (max-width:1015px) {.index-karkas>.right {flex-wrap: nowrap!important;padding: 10px 0;} .index-karkas>.right>li {width:calc(100% /3);min-width:350px;padding:5px!important;}} /****************************** * index-kompleks *******************************/ .index-kompleks {padding: 3vmax 0;} .index-kompleks>.title b {font-size: calc(1rem + 1vw);} .index-kompleks>div {transition: .5s;padding: calc(3vh - 3vw) calc(5vh - 3vw);} .index-kompleks>div>div {display: flex;padding: 5px 1vw;} .index-kompleks>div>div>big {font-size: 2rem; display: inline-block; aspect-ratio:1/1; width:50px; height: 50px; margin:5px; justify-content:center; align-items:center; text-align:center;color: rgba(255,255,255,.3); font-weight: 600;} .index-kompleks>div>div>div {padding: 0 5px;} .index-kompleks>div>div>div>strong {text-transform:uppercase;padding:5px 0;} .index-kompleks>div>div>div>span {font-size:.9rem;color: #ddd;} .index-kompleks>div:hover div>big { --w: 20px; --c: rgba(255,255,255,.5); } .index-kompleks>div>div>big { transition: .5s; --b: 4px; --c: rgba(255,255,255,.3); --w: 10px; --_g: #0000 90deg,var(--c) 0; --_p: var(--w) var(--w) border-box no-repeat; border: var(--b) solid #0000; background: conic-gradient(from 90deg at top var(--b) left var(--b),var(--_g)) 0 0 / var(--_p), conic-gradient(from 180deg at top var(--b) right var(--b),var(--_g)) 100% 0 / var(--_p), conic-gradient(from 0deg at bottom var(--b) left var(--b),var(--_g)) 0 100% / var(--_p), conic-gradient(from -90deg at bottom var(--b) right var(--b),var(--_g)) 100% 100% / var(--_p); } /* .index-kompleks {padding: 5vh 0;} .index-kompleks>.w-25>div {padding: 5px 1vw;} .index-kompleks>.w-25>div>b {font-size: calc(1rem + 1vw);} .index-kompleks>.w-25>div>strong {text-transform:uppercase;padding:5px 0;} .index-kompleks>.w-25>div>span {font-size:.9rem;color: #ddd;} */ /****************************** * index-mivcifrah *******************************/ .index-mivcifrah {} .index-mivcifrah>div {color: white;max-width:340px;margin:0 auto;min-width: 230px;} .index-mivcifrah>div>big {font-weight: 600; font-size: 4rem;text-align: center;display: block;text-shadow: 1px 1px 2px #0000009e;} .index-mivcifrah>div>p {text-align: center;padding: 10px;} /****************************** * index-partners *******************************/ .index-partners {overflow: hidden;position: relative;} .index-partners .index-partners-pagination {width: 100%;text-align: center;padding: 10px 0;} .index-partners>.swiper-wrapper {padding: 10px 0;} .index-partners>.swiper-wrapper>.swiper-slide {max-width: 200px;height: 60px;align-items: center;align-content: center;overflow: hidden; text-align: center;} .index-partners>.swiper-wrapper>.swiper-slide>img { /*object-fit: cover; object-position: center;*/filter: grayscale(100%);opacity:.3;height: 100%;} .index-partners>.swiper-wrapper>.swiper-slide:hover img {opacity: 1;filter: grayscale(0%); transition:.3s;}*/ /*.index-partners .swiper-slide-active img {opacity: 1!important;filter: grayscale(0%)!important; transition:.5s!important;}*/ /****************************** * page-contact *******************************/ .page-contact {} .page-contact>.w-25 {min-width:290px;} .page-contact>.w-25>div {border: 1px solid #e1e1e1;height: 100%;background:var(--gray-5);} .page-contact>.w-25>div>i {color: var(--blue-4);font-size: 2.8rem; padding: 0 5px;} .page-contact>.w-25>div>div {flex:1;padding:0 10px;} .page-contact>.w-25>div>div>b {display: block; color: var(--black-2);font-size:.95rem;} .page-contact>.w-25>div>div>span {padding: 5px 0;} /***/ .page-contact>.w-25>div>div>span a {text-decoration:none;color: var(--blue-4);display: block;} .page-contact>.w-25>div>div>span a:hover {color: var(--blue-3);text-decoration:underline;} .page-contact>.w-25>div>div>span p {font-size:.9rem;color: var(--gray-4);} /**/ .contact-fos {box-shadow: 0 5px 13px rgba(60,72,88,0.2); padding:10px;} .contact-fos>b {text-align: center;display: block;font-size: 1.2rem; padding: 10px 0;} .contact-fos>form {padding: 10px;} .contact-fos>form>label {display: block;margin:8px 0;} .contact-fos>form>label>input {width: 100%;padding: .7rem;border: 1px solid var(--gray-2); font-size: 14px; line-height: 26px; background-color:var(--gray-1); border-radius: 6px;} .contact-fos>form>label>button {width:100%;padding:10px;border-color: var(--blue-4); box-shadow: 0 3px 5px 0 #74a3c74d;background-color: var(--blue-4);border-radius: 6px;border: 1px solid transparent;color:white;} .contact-fos>form>textarea {resize: none;padding: .7rem;width: 100%;height:100px;background-color:var(--gray-1); border-radius: 6px;border: 1px solid var(--gray-2);} .contact-fos>form>small {display: block; margin: 0 auto; max-width: 310px; padding: 8px 0; color:#555; font-size:.8rem;} .contact-fos>form>small>a {color:var(--blue-4);} .contact-fos>form>label>input:focus, .contact-fos>form>textarea:focus {background: white;} /**/ .CityList {} .CityList>b {padding: 10px; display: inline-block;color: var(--black-2);} .CityList>ul {display:flex; flex-wrap:wrap;} .CityList>ul>li {list-style: none; padding: 5px 10px;} .CityList>ul>li>a {text-decoration: none;color:var(--gray-3);} .CityList>ul>li>a:hover {color: var(--blue-2);} .CityList>ul>li>a.active {color:var(--blue-4);} /****************************** * index-plusi-slider *******************************/ .index-plusi-slider {overflow: hidden; width:100%;} .index-plusi-slider>.swiper-wrapper {padding:20px 0;align-items:center;} .index-plusi-slider>.swiper-wrapper>.swiper-slide {width:100%; max-width:800px;min-width:360px; position: relative;} .index-plusi-slider>.swiper-wrapper>.swiper-slide>div {border: 1px solid #e1e1e1; background: white; padding:5vmin;border-radius: 7px;} .index-plusi-slider>.swiper-wrapper>.swiper-slide>div>.num {position: absolute; right: 0; top:0; padding: 2% 5%;font-weight: 1000;color: rgba(0,0,0,.0); text-shadow: 0px 0px 0px var(--blue-4); opacity: .2;font-size: 2rem;} .index-plusi-slider>.swiper-wrapper>.swiper-slide>div>.title {font-weight: 600; font-size: 1.5rem;padding: 10px 0;color:var(--blue-4);} .index-plusi-slider>.swiper-wrapper>.swiper-slide>div>ul {} .index-plusi-slider>.swiper-wrapper>.swiper-slide>div>ul>li {list-style: none;padding:5px;font-size: .8rem;} .index-plusi-slider>.swiper-wrapper>.swiper-slide>div>ul>li>b {display: block;color:var(--black-2);} .index-plusi-slider>.swiper-wrapper>.swiper-slide>div>ul>li>span {color: gray;} /**/ .index-plusi-slider>.swiper-button-next, .index-plusi-slider>.swiper-button-prev {opacity: .3; transition: .2s;} .index-plusi-slider:hover .swiper-button-next, .index-plusi-slider:hover .swiper-button-prev {opacity: 1;} .index-plusi-slider .swiper-button-disabled {opacity: .3!important;} /****************************** * index-poryadok-rabot *******************************/ .index-poryadok-rabot {} .index-poryadok-rabot>.w-33 {min-width:330px;} .index-poryadok-rabot>.w-33>div {color: white;padding: 1vw;} .index-poryadok-rabot>.w-33>div>big {display:inline-block; font-size:4rem;font-weight:600;transition: .5s;/*text-shadow: 1px 1px 2px #0000004a;*/ -webkit-text-stroke: 1px; -webkit-text-fill-color: transparent;} .index-poryadok-rabot>.w-33>div>strong {display:block; padding:10px 0;} .index-poryadok-rabot>.w-33>div>span {display:block;} .index-poryadok-rabot>.w-33:hover big {/*transform:rotateX(190deg);*/ transform:translateX(10%);} /****************************** * index-vibirayt *******************************/ .index-vibirayt {overflow:hidden; position:relative;} .index-vibirayt>.swiper-wrapper {} .index-vibirayt>.swiper-wrapper>.swiper-slide {width: calc(100% / 5); min-width: 300px; padding: 5px 10px;display:flex;} .index-vibirayt>.swiper-wrapper>.swiper-slide>div {/*background: var(--gray-1);*/border-radius:5px;padding: 15px;transition: .5s;/*box-shadow: 1px 1px 2px 1px gray;*/border: 1px solid #e0e0e0;}/*rgba(255,255,255,.6)*/ .index-vibirayt>.swiper-wrapper>.swiper-slide>div>div {display: flex; align-items: center; position: relative;padding: 5px 0;} .index-vibirayt>.swiper-wrapper>.swiper-slide>div>div img {width: 40px;margin-right: 5px;padding:1px;} .index-vibirayt>.swiper-wrapper>.swiper-slide>div>div:before {content: " "; position: absolute; left: 0; bottom: 0; width: 60px; height: 1px; border-radius: 2px; background-color: var(--blue-4); transition: all 0.5s ease;} .index-vibirayt>.swiper-wrapper>.swiper-slide>div>div b {font-size: 1rem; text-transform: uppercase; display: block; padding: 5px;color: #1d74ad;} .index-vibirayt>.swiper-wrapper>.swiper-slide>div>p {font-size:.8rem;color: #888;padding: 10px 0;} .index-vibirayt>.swiper-wrapper>.swiper-slide>div:hover {background: var(--gray-2);box-shadow: 0px 3px 5px -3px rgba(0,0,0,.5);transform:translateY(-5px); scale:1.05;} .index-vibirayt>.swiper-pagination {margin:-10px 0;} /****************************** * Mob menu ******************************/ body:has(.mm-view) {overflow: hidden;} .mm-container {/*opacity:0;*/position:fixed;left:-100%;z-index: 999;} .mm-view {/*opacity:1;*/inset: 0;/*z-index: 99;*/} .mm-blur {z-index:1;transition: all 1s ease;} .mm-view .mm-blur {backdrop-filter: blur(5px);background-color: rgba(3, 3, 3, 0.3); } .mm-content {z-index:9;position:fixed; top:0; left:-100%; bottom:0;width: 65%;background-color: #fff; min-width:300px; max-width:85%; transition: all .5s ease;} .mm-view .mm-content {/*right:30%;*/left:0; overflow: auto;} /**/ .mm-container .mm-top {} .mm-container .mm-top img {max-width:200px;padding: 5px;} /**/ .mm-content>ul {} .mm-content>ul>li {display:flex;align-items: center;flex-wrap: wrap;border-bottom: 1px solid rgb(55 55 55 / 0.1);} .mm-content>ul>li>b {width:5%;background-image:none!important; text-align: center; width: 30px;} .mm-content>ul>li>b:after { content: "\f107"; text-decoration: inherit; font-family: FontAwesome;padding: 5px;} .mm-content>ul>li>a {font-size: 18px; text-decoration: none; width: 85%; display:flex; align-items: center; color: #373737; opacity: 0.8; padding: 15px 5% ; transition: background-color 0.3s, color 0.3s, border-color 0.3s ease;} .mm-content>ul>li.active>a {color: var(--blue-2);font-weight: 600;} /**/ .mm-content>ul>li>ul {display: none;width: 100%;} .mm-content>ul>li>ul>li { opacity: 0.8; margin: 0; padding: 5px 15px;} .mm-content>ul>li>ul>li.active a {color: var(--blue-2);font-weight: 600;} .mm-content>ul>li>ul>li>a {text-decoration: none; display: block;font-size: 14px; color: #373737; } .mm-content>ul>li>ul>li>a:before {content: "\f105"; text-decoration: inherit; font-family: FontAwesome;padding: 5px;} .mm-content>ul>li>ul>li>a:hover {color: #00a4e7;} /**/ .submenu_mob {} .submenu_mob.active>a {} /****************************** * des-list-uslugi ******************************/ .des-list-uslugi {} .des-list-uslugi>.item {min-width:250px;max-width: 420px;} .des-list-uslugi>.item>div {border: 1px solid #ebebeb;height: 100%;padding: 10px; border-radius: 10px;transition: .5s;} .des-list-uslugi>.item>div>div:nth-child(1) {aspect-ratio:16/9;overflow: hidden;border-radius: 10px;} .des-list-uslugi>.item>div>div:nth-child(1) img {width: 100%; height: 100%; object-fit: cover; object-position: center;display: block; transition: .5s;} .des-list-uslugi>.item>div>div:nth-child(2) {padding: 10px 0;} .des-list-uslugi>.item>div>div:nth-child(2) a {display: block; text-decoration: none; font-weight: 600; color: var(--blue-4);} .des-list-uslugi>.item>div>div:nth-child(3) {font-size:.8rem; color:#777; } .des-list-uslugi>.item>div>div:nth-child(3) p {} .des-list-uslugi>.item>div:hover {background:var(--gray-5);transform: translateY(-5px); box-shadow: 0px 3px 5px -3px rgba(0,0,0,.5);} .des-list-uslugi>.item>div:hover div:nth-child(1) img {scale:1.2;} .des-list-uslugi>.item>div:hover div:nth-child(2) a {text-decoration: underline;} /****************************** * page-articles ******************************/ .page-articles {display:flex; flex-wrap:wrap;} .page-articles>.item {width: 25%; min-width:190px;padding: calc(5px + 1vw) .7vw;flex:1 auto;max-width:450px;} .page-articles>.item>div {background: #F6F7FA; border-radius:5px;padding:8px;box-shadow: 0px 0px 6px rgba(0,0,0,.02),0px 2px 4px rgba(0,0,0,.08);border: 1px solid #e0e3e8;} .page-articles>.item>div>div:nth-child(1) {aspect-ratio: 16/9;width: 100%;} .page-articles>.item>div>div:nth-child(1) img {border-radius:5px;width: 100%; height: 100%;} .page-articles>.item>div>div:nth-child(2) {padding:8px 0; } .page-articles>.item>div>div:nth-child(2) a {color:var(--blue-4); text-decoration:none;font-weight:600;} .page-articles>.item>div>div:nth-child(3) {} .page-articles>.item>div>div:nth-child(3) p {font-size:.8rem; color: #777;} /***---- v2 -----**/ .page-articles-2 {} .page-articles-2>.item {padding:10px; margin: 10px 0; border: 1px solid #e0e3e8;} .page-articles-2>.item>div:first-child {aspect-ratio: 16/9; padding: 10px;} .page-articles-2>.item>div:first-child img {width: 100%; height: 100%;} .page-articles-2>.item>div:last-child {padding: 10px;} .page-articles-2>.item>div:last-child>div {} .page-articles-2>.item>div:last-child>div a {text-decoration:none; color:var(--blue-4); font-weight:600; font-size: 1.3rem;} .page-articles-2>.item>div:last-child>div p {padding: 10px 0;color:#444} /****************************** * GalleryPrevRow ******************************/ .GalleryPrevRow {background: var(--gray-5); margin:1vmax 0; padding: 10px} .GalleryPrevRow>h3 {padding: 5px;color: var(--blue-4);} .GalleryPrevRow>span {padding:5px; color:#888;font-size: .9rem;} .GalleryPrevRow>div {padding: 5px;overflow: hidden;} .GalleryPrevRow>div>.swiper-wrapper {} .GalleryPrevRow>div>.swiper-wrapper>.GalRowItemBlock {max-width:410px; padding:10px;} .GalleryPrevRow>div>.swiper-wrapper>.GalRowItemBlock>a {aspect-ratio:16/9;display:block;border: 1px solid rgba(0,0,0,.1); padding:5px; background:white;} .GalleryPrevRow>div>.swiper-wrapper>.GalRowItemBlock>a>img { width: 100%; height: 100%;object-fit:cover; object-position:center;display: block;} /****************************** * auto-list-scroll-slider *******************************/ .auto-list-scroll-slider {overflow: hidden; width:100%;} .auto-list-scroll-slider>.swiper-wrapper {padding:20px 0;align-items:center;} .auto-list-scroll-slider>.swiper-wrapper>.swiper-slide {width:100%; max-width:650px;min-width:360px; position: relative;} .auto-list-scroll-slider>.swiper-wrapper>.swiper-slide>div {border: 1px solid #e1e1e1; background: white; padding:5vmin;border-radius: 7px;} .auto-list-scroll-slider>.swiper-wrapper>.swiper-slide>div>.num {position: absolute; right: 0; top:0; padding: 2% 5%;font-weight: 1000;color: rgba(0,0,0,.0); text-shadow: 0px 0px 0px var(--blue-4); opacity: .2;font-size: 2rem;} .auto-list-scroll-slider>.swiper-wrapper>.swiper-slide>div>.title {font-weight: 600; font-size: 1.5rem;padding: 10px 0;color:var(--blue-4);} .auto-list-scroll-slider>.swiper-wrapper>.swiper-slide>div>p {color: gray;font-size: .9rem;} /**/ .auto-list-scroll-slider>.swiper-button-next, .auto-list-scroll-slider>.swiper-button-prev {opacity: .3; transition: .2s;} .auto-list-scroll-slider:hover .swiper-button-next, .auto-list-scroll-slider:hover .swiper-button-prev {opacity: 1;} .auto-list-scroll-slider .swiper-button-disabled {opacity: .3!important;} /****************************** * auto-list-scroll-slider *******************************/ .bg-ser-vg {background-color: #f7f7f7; background-image: url("/template/img/services_bg.svg"); background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; }