/* !!!!!!!!!!!!!!! Start Liga360 redesign styles !!!!!!!!!!!!!! */ @font-face { font-family: "Lato-Light"; src: url("https://liga360.ligazakon.net/wp-content/uploads/2024/02/Lato-Light.ttf") format("truetype"); src: url("https://liga360.ligazakon.net/wp-content/uploads/2024/02/Lato-Light.woff") format("woff"), url("https://liga360.ligazakon.net/wp-content/uploads/2024/02/Lato-Light.woff2") format("woff2"); font-style: normal; font-weight: 300; } @font-face { font-family: "Lato-Regular"; src: url("https://liga360.ligazakon.net/wp-content/uploads/2024/02/Lato-Regular.ttf") format("truetype"); src: url("https://liga360.ligazakon.net/wp-content/uploads/2024/02/Lato-Regular.woff") format("woff"), url("https://liga360.ligazakon.net/wp-content/uploads/2024/02/Lato-Regular.woff2") format("woff2"); font-style: normal; font-weight: 400; } @font-face { font-family: "Lato-Bold"; src: url("https://liga360.ligazakon.net/wp-content/uploads/2024/02/Lato-Bold.ttf") format("truetype"); src: url("https://liga360.ligazakon.net/wp-content/uploads/2024/02/Lato-Bold.woff") format("woff"), url("https://liga360.ligazakon.net/wp-content/uploads/2024/02/Lato-Bold.woff2") format("woff2"); font-style: normal; font-weight: 700; } body{margin:0;padding:0;box-sizing:border-box;font-size:20px;font-family:"Lato-Light",sans-serif;color:#000} h2{color:#000;font-size:64px;font-weight:700} h4{font-size:40px;font-family:"Lato-Bold",sans-serif} a{text-decoration:none} ul{padding:0;list-style:none} h1,h2,h3,h4,h5,h6,p,a,li,span{margin:0} input[type=email],input[type=text]{border-radius:0;box-shadow:none;height:60px} ::-webkit-scrollbar{height:16px;width:11px;background:#f4fbff} ::-webkit-scrollbar-corner{background:#cfcfcf} ::-webkit-scrollbar-thumb{background:#cfcfcf;border-radius:1ex;box-shadow:0 1px 2px rgba(232,232,232,0.75)} input[placeholder],[placeholder],[placeholder]{color:#1B1937!important;opacity:1} ::-webkit-input-placeholder{color:#1B1937!important} :-moz-placeholder{color:#1B1937!important;opacity:1} ::-moz-placeholder{color:#1B1937!important;opacity:1} :-ms-input-placeholder{color:#1B1937!important} ::-ms-input-placeholder{color:#1B1937!important} ::placeholder{color:#1B1937!important} .container__top{display:flex;align-items:center;max-width:1712px;margin:0 auto;padding:0} .container{width:100%;max-width:1712px;margin:0 auto;padding:0} .usp__title{margin:0;font-size:200px!important;font-family:"Lato-Bold",sans-serif;color:#000} #main-header a.btn, a.btn{display:flex!important;justify-content:center;align-items:center;width:320px;height:74px;padding-bottom:4px;border:1px solid #7065DE;border-radius:67px;font-family:"Lato-Light",sans-serif!important;font-size:32px;background-color:#7065DE;color:#fff;transition:.3s} #main-header .btn:hover, .btn:hover{color:#7065DE;background-color:transparent;transition:.3s} #main-header .btn:active, .btn:active{color:#171919;font-family:"Lato-Regular",sans-serif;transition:.3s} #main-header{position:fixed;display:flex;top:0;width:100%;height:90px;padding:0;z-index:99;background-color:#fff} #main-header .header__logo, .header__logo{margin-top:-6px} #main-header a.header__btn, a.header__btn{width:250px;height:60px!important;right:118px;margin-left:20px;font-size:20px;background-color:transparent!important;color:#7065DE!important;transition:.3s} #main-header .header__btn:hover, .header__btn:hover{color:#fff!important;background-color:#7065DE!important;transition:.3s} #main-header .container__top, #second .container__top{justify-content: space-between;width: 100%;padding:21px 94px} .header__navigation {width: calc(100vw - 47vw);max-width: 100%;right: 0;top: 0;-webkit-transition: .3s;-o-transition: .3s;transition: .3s} .header__navigation-link:nth-child(1)::after,.header__navigation-link:nth-child(2)::after{content:url(https://liga360.ligazakon.net/wp-content/uploads/2024/02/chevron.svg);position:absolute;transform: translate(4px, -2px);transition:.3s;} .header__navigation-link:nth-child(1):hover.header__navigation-link:nth-child(1)::after {transform: translate(4px, 8px) rotate(181deg);transition:.3s} .header__navigation-link:nth-child(2):hover.header__navigation-link:nth-child(2)::after {transform: translate(4px, 8px) rotate(181deg);transition:.3s} .menu-toggle{display:none} .usp{padding-top:136px;background:url(https://liga360.ligazakon.net/wp-content/uploads/2024/02/bg.png) center center no-repeat;background-size:cover} .usp__bottom .container{width:auto!important;height:565px} .usp__top{display:flex;flex-direction:column;justify-content:center;padding-bottom:100px} .usp__title{display:flex;justify-content:center;max-width:1226px;margin:0 auto;flex-wrap:wrap;text-transform:uppercase;cursor:default} .usp__title-small{max-width:372px;margin-left:52px;align-self:center;transform:translateY(38px);color:#7065DE;font-family:"Lato-Light",sans-serif;font-size:40px;text-transform:none} .usp__title-span{font-size:128px;text-transform:uppercase} .usp__sub-title{display:flex;flex-direction:column;margin:44px auto 0;text-align:center;font-family:"Lato-Light",sans-serif;font-size:40px;cursor:default} .usp__sub-title span{font-family:"Lato-Bold",sans-serif;line-height:28px} .usp__btn{width:378px;height:74px;margin:44px auto 0;transition:.3s} .usp__btn:hover svg path{fill:#7065DE;transition:.3s} .usp__btn svg{margin:4px 0 0 18px;transition:.3s} .grid{position:absolute;transform:translateX(50%);left:-50%;display:grid;grid-template-columns:36% 32% 32%;grid-template-rows:188px 188px 188px;width:100%;gap:0;border-top:1px solid #1B1937;cursor:default;margin-bottom:0!important} .grid__item{display:flex;text-align:center;align-items:center;justify-content:center;margin:0!important;height:100%;border-right:1px solid #1B1937;border-bottom:1px solid #1B1937;font-size:40px} .grid__item:first-child{grid-row:1/4;border-bottom:none} .grid__item:nth-child(1){justify-content:start;padding-left:94px} .grid__item:nth-child(6),.grid__item:nth-child(7){border-bottom:none} .grid__item:nth-child(3),.grid__item:nth-child(5),.grid__item:nth-child(7){padding-right:94px;border-right:none} .grid__item:nth-child(3) .grid__item-text,.grid__item:nth-child(5) .grid__item-text,.grid__item:nth-child(7) .grid__item-text{padding-right:0} .grid__item-text{padding:0 20px} .grid__item-title{font-size:64px;font-family:"Lato-Bold",sans-serif} .grid__item-text{max-width:496px;text-align:start;font-size:32px} .grid .hover{transition:.3s} .grid .hover:hover{color:#fff;background-color:#7065DE;transition:.3s} .subscr{padding:58px 0;background-color:#00DB96} .subscr .container{padding:0 94px} .subscr__wrapp{display:flex;justify-content:space-between;align-items:center} .subscr__text{cursor:default} .subscr__text-title{line-height:40px;color:#1B1937} .subscr__text-span{display:block;font-family:"Lato-Light",sans-serif;font-size:20px;line-height:36px} .subscr__text-span__lz{display:inline} .subscr__form-wrapp{display:flex;justify-content:space-between;align-items:center;width:78%} .subscr__form{display:flex;flex-direction:column;width:calc(100% - 448px)} .subscr__form input{width:100%;padding:10px 4px 20px 10px;font-size:2rem;border:none;border-bottom:1px solid #000;background:transparent;color:#1B1937} .subscr__form-span{display:flex;flex-direction:row} .subscr__form-span input + input{margin-left:108px} .subscr__form-email{width:100%;margin-top:30px} .subscr__form-btn{height:76px;margin-right:24px;border:1px solid #1B1937!important;background-color:transparent!important;color:#1B1937!important;transition:.3s;cursor:pointer} .subscr__form-btn:hover{border-color:#7065DE!important;color:#7065DE!important;transition:.3s} .subscr__form-btn:hover svg path{fill:#7065DE;transition:.3s} .subscr__form-btn svg{margin:7px 0 0 24px;transition:.3s} .services{display:flex;background:url(../img/serv-bg.svg) center left no-repeat #1B1937;background-size:calc(100vh - 90px);background-position-x:-1vw} .services__bg{width:67%;height:calc(100vh - 90px)} .services__items{margin:0 0 0 auto;transform:translateX(26vw)} .services__items-item + .services__items-item::before{content:"";position:absolute;width:96%;height:1px;background-color:#00DB96;transform:translateY(-20px)} .services__item-title,.services__item-text{color:#fff} .services__item-title{margin-top:56px} .services .container{display:flex;justify-content:flex-end;align-items:center;height:calc(100vh - 90px)} .crossing-line{display:flex;align-items:center;height:146px;background-color:#1B1937;border-top:1px solid #00DB96;border-bottom:1px solid #00DB96;cursor:default} .crossing-line__text{position:absolute;font-family:"Lato-Bold",sans-serif;font-size:64px;color:#00DB96;text-transform:uppercase} .quiz{background-color:#1B1937} .quiz__title{max-width:826px;padding:140px 0;color:#fff;font-size:40px;font-family:"Lato-Bold",sans-serif;cursor:default} .quiz__title-span{display:block;color:#00DB96;font-size:32px;font-family:"Lato-Light",sans-serif;font-weight:200} .quiz__title-span.reg{display:inline;font-family:"Lato-Regular",sans-serif} .quiz__btn{margin-right:auto} .quiz__btn:hover svg path{fill:#7065DE} .quiz__btn svg{margin-left:16px} .quiz .container{display:flex;justify-content:space-between;align-items:center;padding:58px 94px} .quality{margin-top:-2px;background-color:#1B1937;cursor:default} .quality .container{height:377px} .quality-grid{position:absolute;transform:translateX(50%);left:-50%;display:grid;grid-template-columns:31% 20% 20% 29%;grid-template-rows:188px 188px;width:100%;gap:0;border-top:1px solid #00DB96} .quality-grid__item{display:flex;text-align:center;align-items:center;justify-content:center;border-right:1px solid #00DB96;border-bottom:1px solid #00DB96;font-size:40px} .quality-grid__item:first-child{grid-row:1/3;font-family:"Lato-Bold",sans-serif;border-bottom:none;font-size:40px;color:#fff} .quality-grid__item:nth-child(1){padding-left:94px} .quality-grid__item:nth-child(4),.quality-grid__item:nth-child(7){padding-right:94px;border-right:none} .quality-grid__item:nth-child(5),.quality-grid__item:nth-child(6),.quality-grid__item:nth-child(7){border-bottom:none} .quality-grid__item:first-child .quality-grid__item-text{max-width:488px} .quality-grid__item *{text-align:start} .quality-grid__item-title{margin:0 14px} .quality-grid__item-text{display:flex;flex-direction:column;justify-content:center;width:100%;text-align:center;margin:0 14px;color:#00DB96} .quality-grid__item-span{display:block;max-width:284px;font-size:20px;font-family:"Lato-Light",sans-serif;color:#fff;text-align:center;align-self:center} .motivation{padding:30px 0 40px;background-color:#00DB96;cursor:default} .motivation__title{text-align:center;color:#fff;font-family:"Lato-Bold",sans-serif;font-size:96px} .footer{padding:0!important;background-color:#131313} .footer .container{padding:0!important} .footer-top{display:flex;justify-content:space-between;padding:70px 0 88px} .footer-top__column{display:flex;flex-direction:column;width:100%} .footer-top__column:first-child{padding-left:94px} .footer-top__column + .footer-top__column{padding-left:32px} .footer-top__column .title{font-size:18px;text-align:start;color:#fff;font-family:"Lato-Regular",sans-serif;cursor:default} .footer-top__column .socials{display:flex;justify-content:space-around;max-width:308px;padding:16px 4px;color:#fff;background-color:#000} .footer-top__column .socials a{vertical-align:middle} .footer-top__column .socials a:hover{transform:scale(1.3)} .footer-top__column-wrapp{display:flex} .footer-top__column-wrapp ul:last-child{padding-left:30px} .footer-top__column-wrapp li{font-size:14px;margin-top:12px;font-family:"Lato-Regular",sans-serif} .footer-top__column-wrapp li a:hover{color:#fff!important;text-decoration:underline} .footer-top__label{font-size:12px;max-width:220px;color:#fff} .footer-top-item .socials,.footer-top-item .text{margin-top:26px} .footer-top-item .text{margin-top:26px;cursor:default} .footer__rights{display:flex;flex-wrap:wrap;padding-top:16px;background-color:#000} .footer__rights-text{margin-bottom:10px;color:#747474;font-family:"Lato-Regular",sans-serif;font-size:10px;font-weight:400;cursor:default} .footer .container{padding:0 60px} .footer__rights .container{display:flex;flex-wrap:wrap} .footer a{color:#fff;font-family:"Lato-Regular",sans-serif} .footer-info-item-wrap{display:flex} .footer-info-item-wrap li + li{margin-top:10px} .footer-info-item-wrap a{color:#fff} .footer__rights-text{padding-left:94px} @media all and (min-width: 1601px) { .header__navigation {max-width: 100%;width: calc(1780px - 920px);} .grid__item-title{margin-left:auto;padding-right:80px} .quality-grid__item-title{width:390px;margin-left:auto;padding-right:60px} } @media all and (max-width: 1600px) { #main-header .header__logo, .header__logo { width: calc(100vw - 85vw); } .grid__item-text{font-size:28px} } @media all and (max-width: 1480px) { h1{font-size:140px;width:100%} a.header__navigation-link, .header__navigation-link {font-size: 1.7rem} #main-header a.header__btn, a.header__btn {right: 86px;} .grid__item-title{font-size:54px} .quiz__title{max-width:600px} .quiz__btn{margin-left:auto} } @media all and (max-width: 1296px) {a.header__navigation-link, .header__navigation-link {font-size: 1.48rem} } @media all and (max-width: 1199px) { .container,.container__top{padding:0 60px!important;width:100%} .header{border:none!important} .header .container__top{padding:0 60px} #main-header a.header__btn, a.header__btn {width:268px;margin-left:8px} #main-header a.header__btn, a.header__btn{font-size: 1.8rem !important;} a.header__navigation-link, .header__navigation-link {font-size:1.8rem;} .header__navigation-link:nth-child(1)::after, .header__navigation-link:nth-child(2)::after {transform: translate(50px, -12px);} .usp__title{font-size:14rem!important} .usp__title-small{align-self:start;font-size:3.2rem;margin-left:12px} .usp__title-span{font-size:9rem} .usp__sub-title{font-size:4rem} .grid__item:first-child{padding-left:60px} .grid__item:nth-child(3),.grid__item:nth-child(5),.grid__item:nth-child(7){padding-right:60px} .grid__item-text{font-size:2.5rem} .header__btn{right:3.5vw} .quiz__title{max-width:54%} .quiz__btn{margin-right:0} .subscr__text,.subscr__form-wrapp{width:60%} .subscr__form{width:100%} .subscr__form-btn{margin-left:7%;margin-right:0} .subscr__form-btn svg{margin:4px 0 0 24px} .subscr__form input{padding:40px 4px 20px 10px} .quality-grid__item:first-child{padding-left:60px} .quality-grid__item:nth-child(4),.quality-grid__item:nth-child(7){padding-right:60px} .footer-top{padding:70px 60px 88px} .footer-top__column:first-child{padding-left:0} .footer__rights-text{padding-left:60px} } @media all and (max-width: 1024px) { .container,.container__top{padding:0 32px!important} a.btn{width:290px;font-size:28px} #main-header .header__logo, .header__logo{width:calc(100vw - 76vw);margin: 0} .header .container__top{padding:0 32px} a.header__navigation-link, .header__navigation-link {font-size:1.5rem;} .header__navigation-link:nth-child(1)::after, .header__navigation-link:nth-child(2)::after { transform: translate(38px, -12px); } .usp__title{font-size:11rem!important} .usp__title-small{align-self:start;font-size:3rem} .usp__title-span{font-size:8rem} .usp__sub-title{font-size:3rem} .grid__item-title{font-size:4.4rem} .grid .hover:hover{color:inherit;background-color:inherit;transition:.3s} .grid__item:nth-child(1){padding-left:32px} .grid__item:nth-child(3),.grid__item:nth-child(5),.grid__item:nth-child(7){padding-right:32px} .subscr__form-wrapp{margin-top:20px;flex-direction:column} .subscr__form-btn{margin:40px 0 0} .subscr__text-span{margin-top:6px} .subscr__text-span__lz{display:inline} .quality-grid__item-title{font-size:3rem} .quality-grid__item-text{font-size:2.5rem} .quality-grid__item-span:nth-child(6){max-width:130px} .quality-grid__item:nth-child(1){padding-left:32px} .quality-grid__item:nth-child(4),.quality-grid__item:nth-child(7){padding-right:32px} .motivation__title{font-size:7rem} .footer-top{padding:70px 32px 88px} .footer__rights-text{padding-left:32px} } @media all and (max-width: 869px) { #main-header .header .container__top, .header .container__top{width:100%;justify-content:space-between} #main-header .header__logo, .header__logo{margin-left:0} #main-header .header__btn, .header__btn{position:absolute;left:50%;transform:translateX(-50%)} .header__navigation {position: fixed;flex-direction:column;justify-content: flex-start!important;height: 100vh;padding: 90px 40px 20px 30px;background-color: #fff;justify-content: flex-start;top: 0;right: 0; transform: translateX(190%);visibility:hidden} a.header__navigation-link, .header__navigation-link {margin-top: 10px;font-size: 1.8rem;font-weight:600} .header__navigation-link-fah, .header__navigation-link-biz {position:relative!important} .header__navigation-link-item{text-align:start!important;margin-left:6px} .header__navigation-link:nth-child(1)::after{transform: translateX(19px);top: 98px;transition:0.01s} .header__navigation-link:nth-child(2)::after {transform: translate(25px, -1px);transition:0.01s} .header__navigation-link:nth-child(1):hover.header__navigation-link:nth-child(1)::after {transform: translateX(187px) rotate(181deg);top: 98px;transition:0.01s} .header__navigation-link:nth-child(2):hover.header__navigation-link:nth-child(2)::after {transform: translateX(190px) rotate(181deg);top: 143px;transition:0.01s} .header__navigation-link:nth-child(1):hover .header__navigation-link-fah, .header__navigation-link:nth-child(2):hover .header__navigation-link-biz {transform: translateX(0)!important} .menu-toggle {display: block;border: none;width: 30px;height: 30px;z-index: 99;} .toggled .menu-toggle-span {-webkit-transform: rotate(44deg);-ms-transform: rotate(44deg);transform: rotate(44deg);-webkit-transition: .3s;-o-transition: .3s;transition: .3s;} .toggled .menu-toggle-span::before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .toggled .menu-toggle-span::after { opacity: 0; } .header__navigation--active { display: flex; transform: translateX(0%); visibility: visible; } .header__navigation-link:first-child:hover .header__navigation-link-fah, .header__navigation-link:nth-child(2):hover .header__navigation-link-biz { display: none; } .header__navigation-link:first-child:active .header__navigation-link-fah, .header__navigation-link:nth-child(2):active .header__navigation-link-biz { display: block; transform: translateX(0%); transition: .3s; } } @media all and (max-width: 820px) { .btn{font-size:2.2rem!important} .usp__bottom .container{height:753px} .grid{grid-template-columns:50% 50%;grid-template-rows:188px 188px 188px 188px} .grid__item:first-child{grid-row:1/2;grid-column:1/3;border-bottom:1px solid #1B1937;justify-content:center;border-right:none} .grid__item-title{font-size:7rem} .subscr__wrapp{flex-direction:column} .subscr__text{text-align:center} .footer-top{flex-wrap:wrap} .footer-top__column:nth-child(1){order:3;margin:30px 0 0} .footer-top__column:nth-child(2){padding-left:0} .footer-top__column:nth-child(2),.footer-top__column:nth-child(3){width:50%} } @media all and (max-width: 698px) { .container,.container__top{padding: 0 16px} .header .container__top {padding:0 16px} #main-header .header__logo, .header__logo {width: calc(100vw - 82vw)} .usp__title{font-size:9rem!important} .usp__title-small{font-size:2.5rem} .usp__title-span{font-size:6.5rem} .grid__item:nth-child(odd) .grid__item-text{margin-left:7px} .grid__item:nth-child(even) .grid__item-text{margin-right:7px} .grid__item:nth-child(odd){padding-right:16px} .grid__item:nth-child(even){padding-left:16px} .subscr__form-btn{width:270px} .subscr__form-span input + input{margin-left:60px} .crossing-line{height:78px} .crossing-line__text{font-size:3.8rem} .quiz .container{flex-direction:column} .quiz__title{max-width:100%} .quiz__title,.quiz__btn{width:100%;padding:0;margin-top:60px} .quiz__btn{margin-bottom:60px;margin-left:0} .quality .container{height:565px} .quality-grid{grid-template-columns:1fr 1fr 1fr;grid-template-rows:188px 188px 188px} .quality-grid__item:first-child{grid-row:1/2;grid-column:1/4;border-bottom:1px solid #00DB96;border-right:none} .quality-grid__item:nth-child(4), .quality-grid__item:nth-child(7) {padding-right: 0} .motivation__title{font-size:5rem} .footer__rights{justify-content:center} .footer__rights-text + .footer__rights-text{margin-left:0} .footer__rights-text{padding-left:16px} } @media all and (max-width: 586px) { .container{padding:0 16px!important} #main-header .header, .header{height:60px!important} #main-header .container__top a {height:40px!important} #main-header a.header__btn, a.header__btn {width: 212px} .usp__title{justify-content:start} .usp__title-small{margin-left:auto} .grid__item:nth-child(even){padding-left:0} .grid__item-text{font-size:2rem;padding:0 16px} .subscr__form-span{flex-direction:column} .subscr__form-span input + input{margin:30px 0 0} .quality .container{height:753px} .quality-grid{grid-template-columns:1fr 1fr;grid-template-rows:188px 188px 188px 188px} .quality-grid__item:first-child{grid-row:1/2;grid-column:1/3} .quality-grid__item:nth-child(1),.quality-grid__item:nth-child(3),.quality-grid__item:nth-child(5){border-right:none} .quality-grid__item:nth-child(4){border-right:1px solid #00DB96} .quality-grid__item:nth-child(5){border-bottom:1px solid #00DB96} .quality-grid__item-title{margin:0 40px} .quality-grid__item-text{padding:0} .footer-top__column:nth-child(2),.footer-top__column:nth-child(3){width:100%} .footer-top__column:nth-child(3){margin-top:30px;padding-left:0} .footer-top__column .socials a{height:30px} .footer-top__column-wrapp{justify-content:space-between} .socials svg{width:30px;height:30px} .footer-top{padding:70px 16px 88px} .footer-top__column{margin-left:0!important;padding-left:0!important} } @media all and (max-width: 526px) { #main-header .container__top a.header__btn{width:176px!important;font-size:1.7rem!important} #main-header a.header__btn, a.header__btn {margin-left: 18px} .header__navigation {width: calc(100vw - 27vw)} .usp__title-small{order:-1;transform:translateY(0)} .grid__item-title{font-size:5rem} .grid__item-text{font-size:1.7rem} .quality-grid__item-text,.quality-grid__item-span{text-align:center} .subscr__text-span__lz{display:block} .motivation__title{max-width:326px;margin:0 auto} .footer-top__column:nth-child(1){margin:30px 0 0 16px} .footer-top__column + .footer-top__column{padding-left:16px} } @media all and (max-width: 391px) { .container__top{padding:0 10px!important} #main-header{width:auto;height: 62px} #main-header .container__top a.header__btn {font-size: 1.5rem !important} #main-header .container__top {width: 100vw;justify-content: space-between} #main-header .header__logo, .header__logo {width: calc(100vw - 78vw)} .header__navigation{padding: 90px 10px 20px 10px} a.header__navigation-link, .header__navigation-link{font-size:1.5rem} .usp .container{padding:0 16px!important} .usp__title-span {font-size: 6rem} .subscr .container{padding:0!important} .quality-grid__item-text {margin: 0 8px} } .elementor-section.elementor-section-boxed > .elementor-container{max-width:100vw!important} .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated{padding:0!important} /* -----Start Risks page------ */ #second{position:fixed;display:flex;top:0;width:100%;height:90px;padding:0;z-index:99;background-color:transparent} #second .header__logo{margin:0} #second .header__btn{position:absolute;width:170px;padding:13px 67px 15px;right:118px;font-size:20px;background-color:transparent;color:#7267E6} #second .container-top .header__navigation { width: calc(100vw - 34vw);} #second .header__btn:hover{color:#fff;background-color:#7267E6} #second.visible{visibility:visible;background:linear-gradient(180deg,rgba(0,0,0,0.59) 0%,rgba(0,0,0,0.48) 50%,rgba(0,0,0,0.41) 100%,rgba(0,0,0,0.34) 63%,rgba(0,0,0,0.19) 86%,rgba(0,0,0,0.05) 100%);transition:.8s} .visible{background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%,rgba(0,0,0,0) 63%,rgba(0,0,0,0) 86%,rgba(0,0,0,0) 100%);visibility:hidden;transition:.8s} .container-full{width:100%} .bg-dark{margin-top:-1px;background:linear-gradient(45.26deg,#1B1937 55.13%,#7267E6 100.26%);font-size:32px} .bg-dark .text{color:#fff;font-family:"Lato-Regular";cursor:default} .bg-dark .reg{font-family:"Lato-Regular";color:#000} .bg-dark .bold{font-family:"Lato-Bold";color:#fff;cursor:default} .bg-dark .dark-bold{font-family:"Lato-Bold";color:#000;cursor:default} .bg-dark .bold-green{font-family:"Lato-Bold";color:#00FFAF;cursor:default} .bg-dark .btn{height:74px;font-family:"Lato-Regular"} .usp-dark{height:100vh;background:url(https://liga360.ligazakon.net/wp-content/uploads/2024/02/serv-bg.svg) center left no-repeat;background-size:50vw 100vh;background-position:120% 99%} .usp-dark__content{max-width:796px;backdrop-filter:blur(1px)} .usp-dark__title{max-width:736px;margin-top:130px;line-height:74px;font-size:64px;text-transform:uppercase} .usp-dark__text{margin-top:18px;line-height:38.4px} .usp-dark__btn{margin-top:20px;cursor:pointer} .usp-dark__btn svg{margin-left:10px;transition:.3s} .usp-dark__btn:hover svg{transition:.3s;path{fill:#7267E6};transition:0.3s} .usp-dark__table-title{position:absolute;top:calc(100vh - 60px);font-weight:700} .usp-dark .container{display:flex;flex-direction:column;padding:0 94px} .table .container-full{border-top:1px solid #00FFAF} .table-cats{display:flex;justify-content:space-between;align-items:center;padding:24px 94px 16px} .table-cats__item{display:flex;justify-content:center;align-items:center;text-align:center;margin-bottom:8px;transition:.3s} .table-cats__item:hover{font-weight:700;color:#00FFAF;transition:.3s} .table-cats__item.circle{width:20px;height:20px;background-color:#00FFAF;border-radius:50%} .table-cats__item.-one,.table-cats__item.-two,.table-cats__item.one,.table-cats__item.two,.table-cats__item.three{display:none} .table-cats__item.-first,.table-cats__item.zero,.table-cats__item.first,.table-cats__item.sec,.table-cats__item.last{display:none} .table-table{border-top:1px solid #00FFAF} .table-table__item{display:flex;align-items:center;width:100%;height:173px} .table-table__item-title{display:flex;align-items:center;width:40vw;text-align:start;text-transform:uppercase} .table-table__item-title::after{content:"";position:absolute;width:1px;height:173px;transform:translateX(330px);background-color:#00FFAF} .table-table__item-text{width:60vw;padding-left:23px;text-align:start} .table-table__item-span{display:block;font-size:24px} .table-table .container{display:flex;padding:0 94px} .divider{display:flex;height:370px;background-color:#00FFAF} .divider__title{width:40vw;text-transform:uppercase} .divider__text-wrapp{width:55vw} .divider__text{max-width:688px;width:644px;text-align:start} .divider__text-span{display:block;font-family:"Lato-Regular";font-size:24px;margin-top:24px} .divider__text-btn{margin-top:28px;cursor:pointer} .divider__text-btn svg{margin-left:10px;transition:.3s} .divider__text-btn:hover svg{transition:.3s;path {fill:#7267E6};transition:0.3s} .divider .container{display:flex;justify-content:space-between;align-items:center;padding:0 94px} .org{padding:70px 0 55px} .org__content-wrapp{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;max-width:430px;margin-top:32px} .org__title{text-transform:uppercase} .org__content-img + .org__content-img{margin-left:28px} .org .container{display:flex;justify-content:center;align-items:center;flex-direction:column} .hr-line{margin:0;border-color:#00DB96} .supporting{height:230px;padding:70px 0 55px} .supporting__title{width:266px;text-transform:uppercase} .supporting__logo-wrapp{display:flex;align-items:center;margin-left:40px;justify-content:center} .supporting__logo-wrapp img + img{margin-left:30px} .supporting .container{display:flex;justify-content:center;align-items:center;padding:0 94px} @media all and (min-width: 1700px) { .table-cats{width:1700px!important} } @media all and (max-width: 1602px) { .supporting__logo-img {width:9vw} .supporting__logo-img:first-child{width:14vw} .supporting__logo-img:nth-child(4){width:12vw} .supporting__logo-img:last-child{width:6vw} } @media all and (min-width: 1581px) { .table-cats{width:100%;margin:0 auto} } @media all and (max-width: 1580px) { .btn{font-size:20px} .table-cats__item{margin-right:26px;font-size:24px} } @media all and (min-width: 1467px) { .table-cats {justify-content: space-between} } @media all and (max-width: 1440px) { .table-cats__item {margin-right: 16px} } @media all and (max-width: 1300px) { .table-cats{flex-wrap:wrap;justify-content:center} .table-cats__item.sec{display:block} .table-cats__item.last{display:none} .table-cats__item.three{display:block;min-inline-size:-webkit-fill-available} .table-cats__item.three{display:none} .table-cats__item.two{display: block;min-inline-size: -webkit-fill-available} } @media all and (max-width: 1199px) { #second .header__navigation {width: calc(100vw - 30vw)} #second .header__navigation-link:nth-child(1)::after, #second .header__navigation-link:nth-child(2)::after {transform: translate(4px, -2px)} a.btn{width:280px;height:60px!important;font-size:2.2rem!important} .usp-dark{background-position:128% 99%} .table-cats{padding:24px 60px 16px} .divider__text{width:100%;line-height:104%} .divider__text-span{max-width:490px;margin-top:16px} .divider__text-btn{margin-top:16px} .supporting__logo-wrapp{margin-left:auto} } @media all and (max-width: 1052px) { .table-cats__item.first{display:block} .table-cats__item.sec,.table-cats__item.last{display:none} .table-cats__item.one{display:block;min-inline-size:-webkit-fill-available} .table-cats__item.two,.table-cats__item.three{display:none} .supporting{height:305px} .supporting .container{flex-direction:column} .supporting__logo-wrapp{margin:20px auto 0} .supporting__logo-img {width:9vw} .supporting__logo-img:first-child{width:18vw} .supporting__logo-img:nth-child(4){width:12vw} .supporting__logo-img:last-child{width:6vw} } @media all and (max-width: 1024px) { .table-cats{padding:24px 32px 16px} } @media all and (max-width: 985px) { .usp-dark__title{line-height:108%} .usp-dark__btn svg{margin-left:4px} .table-table__item-title::after{transform:translate(300px)} .table-table__item-text{font-size:28px} .table-table__item-span{font-size:20px} .divider__text-btn svg{margin-left:4px} .supporting__logo-img {width:14vw} .supporting__logo-img:first-child{width:16vw} .supporting__logo-img:nth-child(4){width:17vw} .supporting__logo-img:last-child{width:9vw} } @media all and (max-width: 851px) { .table-cats__item.zero{display:block} .table-cats__item.first,.table-cats__item.sec,.table-cats__item.last{display:none} .table-cats__item.-one{display:block;min-inline-size:-webkit-fill-available} .table-cats__item.one,.table-cats__item.two,.table-cats__item.three{display:none} } @media all and (max-width: 880px) { .usp-dark__title{max-width:584px;font-size:48px} .usp-dark__text{max-width:584px;font-size:28px} .usp-dark__table-title{font-size:28px} .table-cats__item{margin:0 12px 8px} .table-cats__item:hover{color:#fff} .table-table__item-title{font-size:26px} .table-table__item-title::after{transform:translateX(240px)} .table-table__item-text{line-height:107%} .divider__title{padding-right:70px} .divider__text{line-height:90%} .divider__text-span{line-height:100%} .org{padding:48px 0} .supporting .container{flex-direction:column} } @media all and (max-width: 753px) { .table-cats__item.zero,.table-cats__item.last{display:block} .table-cats__item.first,.table-cats__item.sec{display:none} .table-cats__item.-one,.table-cats__item.three{display:block;min-inline-size:-webkit-fill-available} .table-cats__item.one,.table-cats__item.two{display:none} .supporting__title {text-align:center} } @media all and (max-width: 720px) { .usp-dark{background-size:97%;background-position:1700% 99%} .usp-dark__title {font-size:48px} .divider__text{font-size:28px} .divider__text-span{font-size:20px} .supporting {padding: 24px 0 55px} .supporting__logo-wrapp{flex-wrap:wrap} .supporting__logo-wrapp img + img{margin-left:32px} .supporting__logo-img {width:18vw} .supporting__logo-img:first-child{width:20vw} .supporting__logo-img:nth-child(4){width:21vw} .supporting__logo-img:last-child{width:13vw} } @media all and (max-width: 674px) { .table-cats__item.sec,.table-cats__item.-first{display:block} .table-cats__item.zero,.table-cats__item.first,.table-cats__item.last{display:none} .table-cats__item.-two,.table-cats__item.two{display:block;min-inline-size:-webkit-fill-available} .table-cats__item.-one,.table-cats__item.one,.table-cats__item.three{display:none} } @media all and (max-width: 655px) { .table-table__item-title{font-size:20px} .table-table__item-title::after{transform:translateX(182px)} .table-table__item-text{font-size:24px} .table-table__item-span{font-size:16px} .org__content-wrapp{display:flex} } @media all and (max-width: 634px) { .table-cats__item.first,.table-cats__item.-first{display:block} .table-cats__item.sec,.table-cats__item.zero,.table-cats__item.last{display:none} .table-cats__item.-two,.table-cats__item.one{display:block;min-inline-size:-webkit-fill-available} .table-cats__item.-one,.table-cats__item.three,.table-cats__item.two{display:none} } @media all and (max-width: 601px) { .divider{height:360px} .divider__text{font-size:22px} .divider__text-span{font-size:17px} .org,.supporting{padding:24px 0} .org__title,.supporting__title{font-size:24px} .supporting{height:max-content} .supporting__logo-wrapp{flex-wrap:wrap} .supporting__logo-img {width:26vw} .supporting__logo-img:first-child{width:40vw} .supporting__logo-img:nth-child(4){width:35vw} .supporting__logo-img:last-child{width:16vw} } @media all and (max-width: 576px) { .usp-dark__content{backdrop-filter:none} .table-cats__item.first,.table-cats__item.-first,.table-cats__item.last{display:block} .table-cats__item.sec,.table-cats__item.zero{display:none} .table-cats__item.-two,.table-cats__item.one,.table-cats__item.three{display:block;min-inline-size:-webkit-fill-available} .table-cats__item.-one,.table-cats__item.two{display:none} } @media all and (max-width: 560px) { .usp-dark__title{font-size:40px} .usp-dark__text{font-size:26px} .table-table__item-title::after{transform:translateX(174px)} .table-table__item-text{font-size:20px} .divider .container{flex-direction:column} .divider__title,.divider__text{width:100%} .divider__title{padding-right:0;text-align:center} .divider__text-wrapp{text-align:center;text-align:-webkit-center} .divider__text{text-align:center;text-align:-webkit-center} .supporting__logo-wrapp{margin:11% auto 0} } @media all and (max-width: 479px) { .table-cats{padding:24px 16px 16px} .table-cats__item.first,.table-cats__item.last,.table-cats__item.zero,.table-cats__item.-first{display:block} .table-cats__item.sec{display:none} .table-cats__item.-one,.table-cats__item.-two,.table-cats__item.one,.table-cats__item.three{display:block;min-inline-size:-webkit-fill-available} .table-cats__item.two{display:none} } @media all and (max-width: 466px) { .hr-line {display: none} .usp-dark__title{margin-top:26vh} .usp-dark__table-title{font-size:24px} .table-cats__item{margin:0 4px 8px;font-size:20px} .table-cats__item.one{display:block;order:10} .table-cats__item.two,.table-cats__item.three,.table-cats__item.-two,.table-cats__item.-one{display:none} .table-cats__item.circle{width:9px;height:9px} .table-cats__item:nth-child(1){order:1} .table-cats__item:nth-child(2){order:2} .table-cats__item:nth-child(3){order:3} .table-cats__item:nth-child(4){order:19} .table-cats__item:nth-child(5){order:18} .table-cats__item:nth-child(7){display:none} .table-cats__item:nth-child(8){order:26} .table-cats__item:nth-child(9){order:26} .table-cats__item:nth-child(11){display:none} .table-cats__item:nth-child(12){order:8} .table-cats__item:nth-child(13){order:9} .table-cats__item:nth-child(15){order:7} .table-cats__item:nth-child(16){order:6} .table-cats__item:nth-child(23){display:none} .table-cats__item:nth-child(24){order:4} .table-cats__item:nth-child(25){order:5} .table-cats__item:nth-child(19){order:22} .table-cats__item:nth-child(20){order:23} .table-cats__item:nth-child(21){order:24} .table-table__item{flex-direction:column} .table-table__item-title{width:100%;justify-content:center;padding-top:38px;text-align:center} .table-table__item-title::after{display:none} .table-table__item-text{width:100%;padding-left:0;text-align:center;font-size:20px} .divider__text-wrapp{width:100%} } @media all and (max-width: 452px) { .usp-dark{background-size:460px;background-position:50% -346px} .org__title,.supporting__title{font-size:20px} } @media all and (max-width: 449px) { .usp-dark__title{font-size:36px} .table-cats__item{margin:0 4px 8px;font-size:19px;width:auto;margin-right:0} .supporting__logo-img:nth-child(2){margin-top:16px} .supporting__logo-img:nth-child(3){margin-top:10px} } @media all and (max-width: 409px) { a.usp-dark__btn.btn.scrll{width:100%!important;font-size:32px!important} #second {height:68px} #second .header__logo-image{width:calc(100vw - 57vw);height:66px} #second .container__top{padding:0} .usp-dark__btn{margin-left: auto;margin-right:auto} .usp-dark__btn svg {margin-left:18px} .usp-dark__table-title{width:max-content;left:50%;transform:translateX(-50%);font-size:20px} .usp-dark__table-title{top:calc(100vh - -50px)} .table {margin-top:100px;} .table-cats{justify-content:space-evenly;padding:18px 11px} .org__content-wrapp{flex-direction:column;align-items:center} .supporting__logo-wrapp .supporting__logo-img:nth-child(even){margin-left:20px} .supporting__logo-wrapp img:first-child{transform:scale(1)} .supporting__logo-wrapp img + img{margin-left:0} .supporting__logo-img {width:30vw} .supporting__logo-img:first-child{width:42vw} .supporting__logo-img:nth-child(4){width:39vw} .supporting__logo-img:last-child{width:24vw} } @media all and (max-width: 396px) { a.btn{height:58px!important;font-size:28px!important} .usp-dark__title {font-size: 38px;line-height: 45px} .table-cats{padding:18px 0} .divider{height:420px} .org__title,.supporting__title{font-size:18px} } @media all and (max-width: 374px) { .table-cats__item{margin:0 2px 8px;font-size:18px;word-spacing:.8px} } @media all and (max-width: 360px) { .usp-dark__title{font-size: 32px;line-height: 110%} .usp-dark__table-title{top:calc(100vh - -70px)} } @media (min-width: 1220px) and (min-height: 920px) { .usp-dark{background-size:61%;background-position:133% 100%} } @media all and (max-height: 678px) { .usp-dark__title{margin-top:110px} .usp-dark__btn{margin-top:16px} } @media all and (max-height: 640px) { a.btn{height:56px!important} .usp-dark{background-size:58vw 100vh;background-position:170% 99%} .usp-dark__title{max-width:734px;margin-top:84px;font-size:48px;line-height:62px} .usp-dark__text{font-size:30px;max-width:540px} .usp-dark__table-title{top:520px} } @media (max-width: 380px) and (max-height: 710px) { .usp-dark { background-position: 50% -346px; } } /* -----End Risks page----- */ .element-visibility{opacity:0} .element-visibility.element-visible {opacity: 1;transition: opacity 2s} /* !!!!!!!!!!!!!!! End Liga360 redesign styles !!!!!!!!!!!!!! */ #second{justify-content:space-between;background-color:#fff;} .header__logo{padding-top:0;} .header__navigation {display:flex;justify-content:space-between} a.header__navigation-link,.header__navigation-link{margin-left:20px;color:#000;cursor:pointer;transition: .3s;} a.header__navigation-link:hover,.header__navigation-link:hover{color:#7065DE;transition: .3s;} .header__navigation-link:first-child:hover .header__navigation-link-fah{display:block;transform: translateX(-14.5%);transition: .3s;} .header__navigation-link:nth-child(2):hover .header__navigation-link-biz{display:block;transform: translateX(-14.5%);transition: .3s;} .header__navigation-link-fah,.header__navigation-link-biz{position:absolute;display:none;padding:24px 7px 7px;background-color:#fff;transition: .3s;} .header__navigation-link-item{width:234px;padding:14px;text-align:center;} .header__navigation-link-item:hover{background-color:rgba(217, 217, 217, 0.29);transition: .3s;} .header__navigation-link-second{color:#000;transition: .3s;} .header__navigation-link-item:hover .header__navigation-link-second:hover{color:#7065DE;transition: .3s;} .menu-toggle {width: 30px;height: 30px;margin: 6px 0 0 20px;right: 20px;background-color: rgba(0, 0, 0, 0);} .menu-toggle-span, .menu-toggle-span::before, .menu-toggle-span::after {display: block;width: 18px;height: 3px;background-color: #222;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;} .menu-toggle-span::before, .menu-toggle-span::after {content: "";} .menu-toggle-span::before {-webkit-transform: translateY(-6px);-ms-transform: translateY(-6px);transform: translateY(-6px);} .menu-toggle-span::after {-webkit-transform: translateY(3px);-ms-transform: translateY(3px);transform: translateY(3px);} .menu-toggle-span::before, .menu-toggle-span::after {content: ""}
LIGA 360 | Знай, вирішуй, дій!