body{transition:opacity ease-in 0.2s;} *,:after,:before{box-sizing:inherit;} .link-gradient,.link-gradient:hover{-webkit-text-fill-color:transparent;} .btn,.link-gradient{white-space:nowrap;} a,body,div,footer,form,h1,h2,h3,header,html,iframe,img,label,li,p,section,span,ul{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} footer,header,section{display:block;} ul{list-style:none;} html{box-sizing:border-box;-ms-overflow-style:scrollbar;} .container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;} .row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;} .col-10,.col-12,.col-2,.col-lg-6,.col-sm-6,.col-xl-5,.col-xl-7{position:relative;width:100%;padding-right:15px;padding-left:15px;} .col-12{flex:0 0 100%;max-width:100%;} .col-2{flex:0 0 16.66667%;max-width:16.66667%;} .col-10{flex:0 0 83.33333%;max-width:83.33333%;} .d-none{display:none!important;} *{box-sizing:border-box;} .input,.textarea,body{font-family:Graphik, sans-serif;} .btn,.hamburger-box,.input,.input-wrapper,.link,.radio-btn,.textarea{position:relative;} .link:after{left:0;position:absolute;content:"";} .link-gradient,.link:after{background:linear-gradient(270deg, #09a679, #1347c0);} .link{text-decoration:none;} .link:after{right:100%;height:2px;bottom:-4px;transition:right .3s;} .link:hover:after{right:0;} .link-gradient{text-decoration:none;-webkit-background-clip:text;transition:.65s cubic-bezier(.18, .9, .58, 1);transition-property:background;} .link-gradient:hover{background:linear-gradient(270deg, #1347c0, #09a679);-webkit-background-clip:text;} .btn:before,.btn:hover{background:linear-gradient(270deg, #524fd5, #7370fb);} .btn{display:inline-flex;text-decoration:none;flex-shrink:0;color:#26292f;justify-content:center;align-items:center;background:#fff;padding:10px 50px !important;border-radius:40px 20px!important;outline:0;font-size:16px;border:none;cursor:pointer;} .btn,.btn:before{transition:background .25s, color .25s;} .btn--large{height:54px;padding:0 50px;} .btn:hover{color:#fff;} .btn--third,.btn--third:before{background:#eaeaea;} .btn--third:hover:before,.input-wrapper:after{background:linear-gradient(270deg, #09a679, #1347c0);} .input-wrapper:after{content:"";position:absolute;left:0;right:0;width:100%;height:2px;bottom:0;} .input,.textarea{background:0 0;border:none;color:#5f636a;line-height:inherit;padding:10px 5px;width:100%;font-size:16px;} .input::placeholder,.textarea::placeholder{color:#5f636a;} .hamburger:focus,.input:focus,.textarea:focus{outline:0;} .section:first-child:not(.section--hero){padding-top:90px;} .section-heading{display:flex;justify-content:space-between;flex-direction:column;} .section-heading__title{font-size:54px;line-height:56px;font-weight:700;} .section-heading__subtitle{display:block;position:relative;padding-left:60px;font-weight:300;margin-top:15px;} .section-heading__subtitle:after{content:"";position:absolute;top:13px;left:0;width:40px;height:1px;background:linear-gradient(270deg, #09a679, #1347c0);} .hamburger{padding:10px 0 0;display:inline-block;cursor:pointer;transition-property:opacity, filter, -webkit-filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible;line-height:1em;} .hamburger:hover{opacity:.7;} .hamburger-box{width:40px;height:23px;display:inline-block;} .hamburger-inner{display:block;top:50%;margin-top:-1.5px;width:40px;} .hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{width:40px;height:3px;background-color:#1347c0;border-radius:2px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease;} .mobile-menu__link,.mobile-menu__request-btn.btn:before,.mobile-menu__sublink{border-radius:40px 0 0 20px;} .mobile-menu,.request-popup{position:fixed;overflow:scroll;z-index:888;height:100%;bottom:0;} .hamburger-inner:after,.hamburger-inner:before{content:"";display:block;} .hamburger-inner:before{top:-10px;width:33px;} .hamburger-inner:after{bottom:-10px;display:none;} .hamburger--slider .hamburger-inner{top:1.5px;} .hamburger--slider .hamburger-inner:before{top:10px;transition-property:transform, opacity;transition-timing-function:ease;transition-duration:.15s;} .hamburger--slider .hamburger-inner:after{top:20px;} .mobile-menu{background-color:#fff;width:49%;right:-50%;top:0;padding:160px 0 0 70px;transition:transform .5s;} .mobile-menu__list{list-style-type:none;margin:0;padding:0;} .mobile-menu__submenu{display:none;margin-bottom:30px;} .mobile-menu__request-btn.btn{font-size:20px;line-height:25px;border-radius:40px 0 0 20px;width:calc(100% - 3px);justify-content:flex-start;height:55px;margin-top:20px;display:none;} .mobile-menu__link,.mobile-menu__sublink{text-decoration:none;} .mobile-menu__sublink{color:#8e8e8e;text-align:left;display:block;padding:10px 30px;margin-bottom:5px;transition:background .25s, color .25s;} .mobile-menu__sublink:hover{background-color:#f5f5f5;color:#26292f;} .mobile-menu__popup-phone.header__phone{display:none;margin-top:20px;padding:0 30px;} .mobile-menu__socials{padding:0 30px;display:flex;align-items:center;margin:40px 0;} .mobile-menu__social-item{color:#8e8e8e;text-decoration:none;display:inline-block;margin-bottom:10px;transition:color .25s;} .mobile-menu__social-item:not(:last-child){padding-right:10px;margin-right:10px;border-right:1px solid #ccc;} .mobile-menu__link{font-size:25px;line-height:30px;margin-bottom:30px;display:block;color:#000;padding:15px 30px;transition:background .25s, color .25s;} .mobile-menu__link:hover:not(.mobile-menu__link--submenu-on){background:#f5f5f5;} .header,.request-popup{top:0;background-color:#fff;} .mobile-menu__item--active .mobile-menu__link{background-color:#1347c0!important;color:#fff!important;} .request-popup{width:60%;right:-60%;padding:160px 70px 70px;transition:transform .5s;} .footer__social-item{transition:.65s cubic-bezier(.18, .9, .58, 1);} .request-popup__title{font-size:50px;line-height:55px;font-weight:600;} .form-group__content,.request-popup__subtitle{margin-top:20px;} .request-popup .form__end-inner{margin-top:40px;} .request-popup .form__end-subtitle,.request-popup .form__end-title{text-align:left;color:#292929;} .request-popup__form{margin-top:50px;} .request-popup__form .form-group__title{font-size:25px;line-height:30px;font-weight:600;} .request-popup__form-group+.request-popup__form-group{margin-top:60px;} .request-popup__form-submit{margin-top:60px;display:flex;align-items:center;} .request-popup__form-attention{margin-left:20px;} .radio-btn__input{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;margin:0;cursor:pointer;z-index:1;} .radio-btn .radio-btn__input:checked~.radio-btn__btn{background:linear-gradient(270deg, #09a679, #1347c0);color:#fff;} .radio-btn .radio-btn__input:checked~.radio-btn__btn:before{background:linear-gradient(270deg, #09a679, #1347c0);} .form-group__list{margin-top:-30px;} .form-group__list:not(.row){margin-left:-30px;} .form-group__list .form-block{padding-top:30px;} .header__callback-btn-wrapper,.header__nav{margin-left:60px;} .header{position:fixed;z-index:999;left:0;right:0;padding:32px 0;box-shadow:0 4px 14px rgba(195, 198, 207, .4);} .header__logo{max-width:150px;height:38px;flex-shrink:0;} .header__logo-pic{width:100%;height:100%;} .header__panel{display:flex;align-items:center;} .header__nav{display:flex;} .header__nav-item+.header__nav-item{margin-left:34px;} .header__nav-link{color:#26292f;} .header__callback{display:flex;justify-content:flex-end;align-items:center;} .header__menu-title{display:none;font-size:14px;position:relative;} .header__hamburger{display:none;padding-left:60px;position:relative;align-items:center;} .header__hamburger:before{content:"";position:absolute;top:50%;height:145%;transform:translateY(-50%);width:2px;left:30px;background:linear-gradient(180deg, hsla(0, 0%, 76.9%, 0), #c4c4c4 52.08%, hsla(0, 0%, 76.9%, 0));} .footer__addresses a:after,.footer__addresses a:hover:after,.footer__name span{background:linear-gradient(270deg, #09a679, #1347c0);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .header__phone{display:flex;flex-direction:column;align-items:flex-end;} .header__phone span{display:block;font-weight:200;font-size:14px;line-height:19px;} .header__phone-link{white-space:nowrap;color:#26292f;text-decoration:none;font-weight:500;font-size:20px;line-height:25px;text-align:right;} .header__phone-link:active,.header__phone-link:hover{text-decoration:none;outline:0;background:linear-gradient(270deg, #09a679, #1347c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;} .footer{padding:60px 0;background:linear-gradient(90deg, #26292f, #00334a);} .footer__name{font-size:25px;line-height:35px;color:#fff;font-weight:500;} .footer__name span{padding:6px;} .footer__addresses{margin-top:32px;} .footer__addresses p{color:#a5a5a5;display:block;} .footer__addresses p+p{margin-top:12px;} .footer__addresses a{color:#a5a5a5;display:inline-block;position:relative;transition:color .25s;text-decoration:none;overflow:hidden;line-height:1em;} .footer__addresses a:after{content:"";position:absolute;bottom:-3px;right:100%;width:100%;height:2px;transition:transform .3s;} .footer__addresses a:hover{color:#fff;} .footer__addresses a:hover:after{transform:translateX(100%);} .footer__social{margin-top:16px;display:flex;} .footer__social-item{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:5px;border-radius:10px;background-color:#fff;transition-property:transform;} .footer__social-item+.footer__social-item{margin-left:24px;} .footer__social-item:hover{transform:translateY(-5px);} .footer__social-pic{width:20px;height:20px;line-height:40px;} .footer__nav-title{color:#fff;font-size:20px;line-height:25px;margin-bottom:30px;} .footer__panel{display:flex;flex-wrap:wrap;} .footer__info{width:33.33333%;} .footer__nav{width:66.66667%;padding-top:14px;padding-left:10px;display:flex;} .footer__nav-column+.footer__nav-column{margin-left:60px;} .footer__nav-content{margin-top:27px;} .footer__nav-item+.footer__nav-item{margin-top:10px;} .footer__nav-link{color:#a5a5a5;} .footer__copyright{margin-top:68px;color:#a5a5a5;display:flex;justify-content:space-between;align-items:center;} .our-cases__item+.our-cases__item{margin-top:150px;} .our-cases-item__title{font-size:30px;line-height:35px;font-weight:700;} .our-cases-item__info{display:flex;flex-direction:column;justify-content:center;} .our-cases-item__subtitle{font-size:14px;line-height:19px;color:#8d8d8d;margin-top:5px;} .our-cases-item__btn,.our-cases-item__description{margin-top:30px;} .our-cases-item__img-wrapper{transition:transform .1s linear;perspective:1000px;perspective-origin:50% 50%;} .our-cases-item__img{display:block;height:280px;background:0 0;position:relative;transition:transform .2s;perspective:2000px;transform-style:preserve-3d;} .our-cases-item__pic{display:block;margin:0 auto;max-width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) translateZ(100px) scale(0.84);} .form-block:not([class*=col-]){padding-left:30px;} .form-block--inline{display:inline-flex;} .form-block__input-wrapper{width:100%;flex-shrink:0;} body.animated .js-animated-block .js-animated-element{opacity:0;} body{color:#26292f;} ::-webkit-scrollbar{width:7px;} ::-webkit-scrollbar-thumb{background-color:#26292f;} ::placeholder{color:#5f636a;} .form__end-subtitle,.form__end-title{text-align:center;color:#fff;} ::selection{background-color:#f7ab00;color:#fff;} html *{scroll-behavior:auto;} body{font-size:16px;min-width:320px;position:relative;line-height:1.65;font-weight:400;overflow-x:hidden;} body .container{} .main{padding:120px 0 60px;max-width:1920px;margin:0 auto;overflow:hidden;box-shadow:0 0 30px rgba(0, 0, 0, .22);} .popup-overlay{background-color:rgba(0, 0, 0, .3);height:100%;width:100%;position:fixed;top:0;right:0;bottom:0;left:0;z-index:666;display:none;} .scroll-indikator{width:100%;height:4px;background:#524fd5;position:fixed;left:-100%;top:0;transition:transform .6s;z-index:99999;} .form__end-message{position:relative;display:none;opacity:0;justify-content:center;align-items:center;} .form__end-inner{position:absolute;top:50%;width:100%;transform:translateY(-50%);} .form__end-title{font-size:64px;line-height:1em;font-weight:500;} .form__end-subtitle{font-size:18px;line-height:1.55556em;} @media (min-width:576px){ .container{max-width:540px;} .col-sm-6{flex:0 0 50%;max-width:50%;} } @media (min-width:768px){ .container{max-width:720px;} } @media (min-width:992px){ .container{max-width:960px;} .col-lg-6{flex:0 0 50%;max-width:50%;} } @media (min-width:1200px){ .container{max-width:1140px;} .col-xl-5{flex:0 0 41.66667%;max-width:41.66667%;} .col-xl-7{flex:0 0 58.33333%;max-width:58.33333%;} } @media only screen and (max-width:1329px){ .header__nav-item+.header__nav-item{margin-left:22px;} } @media only screen and (max-width:1199px){ .request-popup{width:80%;right:-80%;} .header__nav{display:none;} .header__callback-btn-wrapper{margin-left:30px;} .header__hamburger{display:flex;} .footer__social{margin-top:auto;} .footer__info{display:flex;flex-direction:column;width:41.66667%;} .footer__nav{flex-wrap:wrap;padding-top:0;width:58.33333%;} .footer__nav-column,.footer__nav-column+.footer__nav-column{margin-left:0;} .footer__nav-column:not(:last-child){width:50%;} .footer__nav-column:last-child{width:100%;margin-top:40px;} body .container{padding-left:40px;padding-right:40px;} } @media only screen and (max-width:991px){ .section:first-child:not(.section--hero){padding-top:60px;} .mobile-menu{width:60%;right:-60%;} .request-popup{width:95%;right:-95%;} .header__callback-btn.btn{padding:0 30px;} .footer__social{margin-top:20px;} .footer__info{width:100%;} .footer__nav{width:100%;margin-top:60px;} .footer__nav-column+.footer__nav-column{margin-left:50px;} .footer__nav-column:last-child,.footer__nav-column:not(:last-child){width:auto;margin-top:0;} .our-cases-item__info{margin-top:30px;} .our-cases__item{flex-direction:column;} .our-cases-item__pic{max-height:425px;height:auto;bottom:0;} } @media only screen and (max-width:767px){ .request-popup__title{font-size:40px;line-height:45px;} .request-popup__form .form-group__title{font-size:20px;line-height:25px;} .request-popup__form .form-group__list{flex-direction:column;margin-top:-5px;} .request-popup__form-block{width:100%;padding-top:5px;} .request-popup__form-block .radio-btn__btn{width:100%;} .request-popup{padding:100px 30px 30px;} .footer__nav,.header__callback-btn-wrapper{display:none;} body .container{padding-left:15px;padding-right:15px;} .main{padding:112px 0 60px;} } @media only screen and (max-width:575px){ .footer__copyright,.request-popup__form-submit{flex-direction:column;} .section-heading__title{font-size:36px;line-height:56px;} .section-heading__subtitle{padding-left:30px;} .section-heading__subtitle:after{width:20px;} .hamburger-box,.hamburger-inner{width:32px;} .hamburger-inner:before{width:22px;} .mobile-menu__request-btn.btn{display:inline-flex;} .mobile-menu__popup-phone.header__phone{display:block;} .header__phone,.request-popup__form-attention br,.request-popup__subtitle br{display:none;} .mobile-menu__link{margin-bottom:10px;font-size:20px;line-height:25px;} .mobile-menu{width:95%;right:-95%;padding:90px 0 0 30px;} .request-popup__title{font-size:30px;line-height:35px;} .request-popup__form-block .textarea{min-height:70px;} .request-popup__form-submit-btn{width:100%;} .request-popup__form-attention{margin-left:0;margin-top:10px;text-align:center;font-size:12px;} .form-group__list .form-block{padding-top:20px;} .form-group__list{margin-top:-20px;} .header{padding:13px 0;} .header__logo{max-width:80px;height:26px;} .header__menu-title{display:inline-flex;align-items:center;} .header__hamburger{padding-top:0;padding-left:45px;} .header__hamburger:before{height:100%;left:20px;} .our-cases-item__title{font-size:25px;line-height:30px;} .footer__copyright{margin-top:40px;align-items:flex-start;} .footer__copyright-dev{margin-top:5px;} .our-cases__item+.our-cases__item{margin-top:60px;} .our-cases-item__subtitle{font-size:16px;line-height:21px;} .our-cases-item__img{height:200px;} .our-cases-item__pic{max-height:285px;} .main{padding:62px 0 60px;} } .intl-tel-input{width:100%;} /*! CSS Used from: https://proykey.com/assets/template/css/main.css */ .blog-heading{flex-direction:row;margin-bottom:100px;} @media (max-width: 767px){ .blog-heading{flex-direction:column;gap:30px;align-items:start;} .card-category-form{overflow:auto;width:100%;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;} .card-category-form::-webkit-scrollbar{display:none;} .card-category-form .card-category__buttons{margin:15px;} } .blog-category__buttons{display:flex;gap:30px;} .btn-active{background:linear-gradient(270deg, #09a679, #1347c0);color:#FFF;} .header__nav-item{position:relative;} .submenu-link:hover .submenu{visibility:visible;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} .submenu-link a{display:flex;justify-content:center;align-items:center;white-space:nowrap;} .submenu-link img{width:15px;margin-left:5px;} .submenu{background-color:#fff;position:absolute;top:30px;left:0;z-index:999;width:max-content;visibility:hidden;opacity:0;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;-webkit-box-shadow:0 15px 69px rgba(0, 0, 0, .1);box-shadow:0 15px 69px rgba(0, 0, 0, .1);} .submenu li{padding:15px 20px;} .submenu li a{text-decoration:none;color:#26292f;text-align:left;display:block;} .our-cases-item__img-wrapper a{border-radius:50px;} .our-cases-item{display:flex;flex-wrap:wrap;} .our-cases-item.row{display:flex;flex-wrap:wrap;align-items:stretch;} .our-cases-item__img-wrapper{height:280px;} @media only screen and (min-width: 991px){ .our-cases-item__info{min-height:300px;height:fit-content;} .our-cases-item:nth-child(even){flex-direction:row-reverse;} } @media only screen and (max-width: 991px){ .our-cases__item{flex-direction:column-reverse;} .our-cases__item-39 .our-cases-item__pic{top:115px!important;} .our-cases__item + .our-cases__item{margin-top:100px;} } @media (min-width: 768px){ .our-cases-item:nth-child(odd) .our-cases-item__info{padding-right:20px;} .our-cases-item:nth-child(even) .our-cases-item__info{padding-left:20px;} } @media (max-width: 768px){ .our-cases__item + .our-cases__item{margin-top:80px;} .our-cases-item__info{margin-top:40px;} } @media (min-width: 576px){ .our-cases__item-39 .our-cases-item__pic{top:180px;} } @media (max-width: 576px){ .our-cases__item-39 .our-cases-item__pic,.our-cases__item-83 .our-cases-item__pic,.our-cases__item-81 .our-cases-item__pic{max-height:250px;} .our-cases__item-86 .our-cases-item__pic,.our-cases__item-62 .our-cases-item__pic{max-height:350px;} .our-cases__item-86 .our-cases-item__pic{max-height:310px;} } /*! CSS Used from: Embedded */ .cookie-notice{position:fixed;bottom:20px;left:50%;max-width:500px;min-width:290px;background:#ffffff;border-radius:12px;box-shadow:0px 3px 10px 0px rgba(38, 38, 38, 0.15);padding:10px 32px 10px 12px;z-index:887;opacity:0;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid #e5e7eb;transform:translateX(-50%) scale(0.8);font-size:13px;} .cookie-header{display:flex;} .cookie-message{color:#6b7280;line-height:1.2;} .cookie-close{position:absolute;top:10px;right:12px;background:none;border:none;cursor:pointer;color:#9ca3af;width:20px;height:20px;border-radius:4px;transition:all 0.2s ease;} .cookie-close:hover{color:#374151;} .cookie-close svg{width:16px;height:16px;} /*! CSS Used from: https://proykey.com/assets/template/vendor/intl-tel-input/css/intlTelInput.css */ .intl-tel-input{position:relative;display:inline-block;} .intl-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box;} .intl-tel-input .hide{display:none;} .intl-tel-input input,.intl-tel-input input[type=tel]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0;} .intl-tel-input .flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px;} .intl-tel-input .selected-flag{z-index:1;position:relative;width:36px;height:100%;padding:0 0 0 8px;} .intl-tel-input .selected-flag .iti-flag{position:absolute;top:0;bottom:0;margin:auto;} .intl-tel-input .selected-flag .iti-arrow{position:absolute;top:50%;margin-top:-2px;right:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555;} .intl-tel-input .country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2);background-color:white;border:1px solid #CCC;white-space:nowrap;max-height:200px;overflow-y:scroll;} .intl-tel-input .country-list .flag-box{display:inline-block;width:20px;} @media (max-width: 500px){ .intl-tel-input .country-list{white-space:normal;} } .intl-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #CCC;} .intl-tel-input .country-list .country{padding:5px 10px;} .intl-tel-input .country-list .country .dial-code{color:#999;} .intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code{vertical-align:middle;} .intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name{margin-right:6px;} .intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=tel],.intl-tel-input.separate-dial-code input,.intl-tel-input.separate-dial-code input[type=tel]{padding-right:6px;padding-left:52px;margin-left:0;} .intl-tel-input.allow-dropdown .flag-container,.intl-tel-input.separate-dial-code .flag-container{right:auto;left:0;} .intl-tel-input.allow-dropdown .selected-flag,.intl-tel-input.separate-dial-code .selected-flag{width:46px;} .intl-tel-input.allow-dropdown .flag-container:hover{cursor:pointer;} .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag{background-color:rgba(0, 0, 0, 0.05);} .intl-tel-input.separate-dial-code .selected-flag{background-color:rgba(0, 0, 0, 0.05);display:table;} .intl-tel-input.separate-dial-code .selected-dial-code{display:table-cell;vertical-align:middle;padding-left:28px;} .intl-tel-input.separate-dial-code.iti-sdc-2 input,.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel]{padding-left:66px;} .intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag{width:60px;} .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel]{padding-left:76px;} .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag{width:70px;} .iti-flag{width:20px;} .iti-flag.be{width:18px;} .iti-flag.ch{width:15px;} .iti-flag.mc{width:19px;} .iti-flag.ne{width:18px;} .iti-flag.np{width:13px;} .iti-flag.va{width:15px;} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){ .iti-flag{background-size:5630px 15px;} } .iti-flag.ad{height:14px;background-position:-22px 0px;} .iti-flag.ae{height:10px;background-position:-44px 0px;} .iti-flag.af{height:14px;background-position:-66px 0px;} .iti-flag.ag{height:14px;background-position:-88px 0px;} .iti-flag.ai{height:10px;background-position:-110px 0px;} .iti-flag.al{height:15px;background-position:-132px 0px;} .iti-flag.am{height:10px;background-position:-154px 0px;} .iti-flag.ao{height:14px;background-position:-176px 0px;} .iti-flag.ar{height:13px;background-position:-220px 0px;} .iti-flag.as{height:10px;background-position:-242px 0px;} .iti-flag.at{height:14px;background-position:-264px 0px;} .iti-flag.au{height:10px;background-position:-286px 0px;} .iti-flag.aw{height:14px;background-position:-308px 0px;} .iti-flag.ax{height:13px;background-position:-330px 0px;} .iti-flag.az{height:10px;background-position:-352px 0px;} .iti-flag.ba{height:10px;background-position:-374px 0px;} .iti-flag.bb{height:14px;background-position:-396px 0px;} .iti-flag.bd{height:12px;background-position:-418px 0px;} .iti-flag.be{height:15px;background-position:-440px 0px;} .iti-flag.bf{height:14px;background-position:-460px 0px;} .iti-flag.bg{height:12px;background-position:-482px 0px;} .iti-flag.bh{height:12px;background-position:-504px 0px;} .iti-flag.bi{height:12px;background-position:-526px 0px;} .iti-flag.bj{height:14px;background-position:-548px 0px;} .iti-flag.bl{height:14px;background-position:-570px 0px;} .iti-flag.bm{height:10px;background-position:-592px 0px;} .iti-flag.bn{height:10px;background-position:-614px 0px;} .iti-flag.bo{height:14px;background-position:-636px 0px;} .iti-flag.bq{height:14px;background-position:-658px 0px;} .iti-flag.br{height:14px;background-position:-680px 0px;} .iti-flag.bs{height:10px;background-position:-702px 0px;} .iti-flag.bt{height:14px;background-position:-724px 0px;} .iti-flag.bw{height:14px;background-position:-768px 0px;} .iti-flag.by{height:10px;background-position:-790px 0px;} .iti-flag.bz{height:14px;background-position:-812px 0px;} .iti-flag.ca{height:10px;background-position:-834px 0px;} .iti-flag.cc{height:10px;background-position:-856px 0px;} .iti-flag.cd{height:15px;background-position:-878px 0px;} .iti-flag.cf{height:14px;background-position:-900px 0px;} .iti-flag.cg{height:14px;background-position:-922px 0px;} .iti-flag.ch{height:15px;background-position:-944px 0px;} .iti-flag.ci{height:14px;background-position:-961px 0px;} .iti-flag.ck{height:10px;background-position:-983px 0px;} .iti-flag.cl{height:14px;background-position:-1005px 0px;} .iti-flag.cm{height:14px;background-position:-1027px 0px;} .iti-flag.cn{height:14px;background-position:-1049px 0px;} .iti-flag.co{height:14px;background-position:-1071px 0px;} .iti-flag.cr{height:12px;background-position:-1115px 0px;} .iti-flag.cu{height:10px;background-position:-1137px 0px;} .iti-flag.cv{height:12px;background-position:-1159px 0px;} .iti-flag.cw{height:14px;background-position:-1181px 0px;} .iti-flag.cx{height:10px;background-position:-1203px 0px;} .iti-flag.cy{height:13px;background-position:-1225px 0px;} .iti-flag.cz{height:14px;background-position:-1247px 0px;} .iti-flag.de{height:12px;background-position:-1269px 0px;} .iti-flag.dj{height:14px;background-position:-1313px 0px;} .iti-flag.dk{height:15px;background-position:-1335px 0px;} .iti-flag.dm{height:10px;background-position:-1357px 0px;} .iti-flag.do{height:13px;background-position:-1379px 0px;} .iti-flag.dz{height:14px;background-position:-1401px 0px;} .iti-flag.ec{height:14px;background-position:-1445px 0px;} .iti-flag.ee{height:13px;background-position:-1467px 0px;} .iti-flag.eg{height:14px;background-position:-1489px 0px;} .iti-flag.eh{height:10px;background-position:-1511px 0px;} .iti-flag.er{height:10px;background-position:-1533px 0px;} .iti-flag.es{height:14px;background-position:-1555px 0px;} .iti-flag.et{height:10px;background-position:-1577px 0px;} .iti-flag.fi{height:12px;background-position:-1621px 0px;} .iti-flag.fj{height:10px;background-position:-1643px 0px;} .iti-flag.fk{height:10px;background-position:-1665px 0px;} .iti-flag.fm{height:11px;background-position:-1687px 0px;} .iti-flag.fo{height:15px;background-position:-1709px 0px;} .iti-flag.fr{height:14px;background-position:-1731px 0px;} .iti-flag.ga{height:15px;background-position:-1753px 0px;} .iti-flag.gb{height:10px;background-position:-1775px 0px;} .iti-flag.gd{height:12px;background-position:-1797px 0px;} .iti-flag.ge{height:14px;background-position:-1819px 0px;} .iti-flag.gf{height:14px;background-position:-1841px 0px;} .iti-flag.gg{height:14px;background-position:-1863px 0px;} .iti-flag.gh{height:14px;background-position:-1885px 0px;} .iti-flag.gi{height:10px;background-position:-1907px 0px;} .iti-flag.gl{height:14px;background-position:-1929px 0px;} .iti-flag.gm{height:14px;background-position:-1951px 0px;} .iti-flag.gn{height:14px;background-position:-1973px 0px;} .iti-flag.gp{height:14px;background-position:-1995px 0px;} .iti-flag.gq{height:14px;background-position:-2017px 0px;} .iti-flag.gr{height:14px;background-position:-2039px 0px;} .iti-flag.gt{height:13px;background-position:-2083px 0px;} .iti-flag.gu{height:11px;background-position:-2105px 0px;} .iti-flag.gw{height:10px;background-position:-2127px 0px;} .iti-flag.gy{height:12px;background-position:-2149px 0px;} .iti-flag.hk{height:14px;background-position:-2171px 0px;} .iti-flag.hn{height:10px;background-position:-2215px 0px;} .iti-flag.hr{height:10px;background-position:-2237px 0px;} .iti-flag.ht{height:12px;background-position:-2259px 0px;} .iti-flag.hu{height:10px;background-position:-2281px 0px;} .iti-flag.id{height:14px;background-position:-2325px 0px;} .iti-flag.ie{height:10px;background-position:-2347px 0px;} .iti-flag.il{height:15px;background-position:-2369px 0px;} .iti-flag.im{height:10px;background-position:-2391px 0px;} .iti-flag.in{height:14px;background-position:-2413px 0px;} .iti-flag.io{height:10px;background-position:-2435px 0px;} .iti-flag.iq{height:14px;background-position:-2457px 0px;} .iti-flag.ir{height:12px;background-position:-2479px 0px;} .iti-flag.is{height:15px;background-position:-2501px 0px;} .iti-flag.it{height:14px;background-position:-2523px 0px;} .iti-flag.je{height:12px;background-position:-2545px 0px;} .iti-flag.jm{height:10px;background-position:-2567px 0px;} .iti-flag.jo{height:10px;background-position:-2589px 0px;} .iti-flag.jp{height:14px;background-position:-2611px 0px;} .iti-flag.ke{height:14px;background-position:-2633px 0px;} .iti-flag.kg{height:12px;background-position:-2655px 0px;} .iti-flag.kh{height:13px;background-position:-2677px 0px;} .iti-flag.ki{height:10px;background-position:-2699px 0px;} .iti-flag.km{height:12px;background-position:-2721px 0px;} .iti-flag.kn{height:14px;background-position:-2743px 0px;} .iti-flag.kp{height:10px;background-position:-2765px 0px;} .iti-flag.kr{height:14px;background-position:-2787px 0px;} .iti-flag.kw{height:10px;background-position:-2809px 0px;} .iti-flag.ky{height:10px;background-position:-2831px 0px;} .iti-flag.kz{height:10px;background-position:-2853px 0px;} .iti-flag.la{height:14px;background-position:-2875px 0px;} .iti-flag.lb{height:14px;background-position:-2897px 0px;} .iti-flag.lc{height:10px;background-position:-2919px 0px;} .iti-flag.li{height:12px;background-position:-2941px 0px;} .iti-flag.lk{height:10px;background-position:-2963px 0px;} .iti-flag.lr{height:11px;background-position:-2985px 0px;} .iti-flag.ls{height:14px;background-position:-3007px 0px;} .iti-flag.lt{height:12px;background-position:-3029px 0px;} .iti-flag.lu{height:12px;background-position:-3051px 0px;} .iti-flag.lv{height:10px;background-position:-3073px 0px;} .iti-flag.ly{height:10px;background-position:-3095px 0px;} .iti-flag.ma{height:14px;background-position:-3117px 0px;} .iti-flag.mc{height:15px;background-position:-3139px 0px;} .iti-flag.md{height:10px;background-position:-3160px 0px;} .iti-flag.me{height:10px;background-position:-3182px 0px;} .iti-flag.mf{height:14px;background-position:-3204px 0px;} .iti-flag.mg{height:14px;background-position:-3226px 0px;} .iti-flag.mh{height:11px;background-position:-3248px 0px;} .iti-flag.mk{height:10px;background-position:-3270px 0px;} .iti-flag.ml{height:14px;background-position:-3292px 0px;} .iti-flag.mm{height:14px;background-position:-3314px 0px;} .iti-flag.mn{height:10px;background-position:-3336px 0px;} .iti-flag.mo{height:14px;background-position:-3358px 0px;} .iti-flag.mp{height:10px;background-position:-3380px 0px;} .iti-flag.mq{height:14px;background-position:-3402px 0px;} .iti-flag.mr{height:14px;background-position:-3424px 0px;} .iti-flag.ms{height:10px;background-position:-3446px 0px;} .iti-flag.mt{height:14px;background-position:-3468px 0px;} .iti-flag.mu{height:14px;background-position:-3490px 0px;} .iti-flag.mv{height:14px;background-position:-3512px 0px;} .iti-flag.mw{height:14px;background-position:-3534px 0px;} .iti-flag.mx{height:12px;background-position:-3556px 0px;} .iti-flag.my{height:10px;background-position:-3578px 0px;} .iti-flag.mz{height:14px;background-position:-3600px 0px;} .iti-flag.na{height:14px;background-position:-3622px 0px;} .iti-flag.nc{height:10px;background-position:-3644px 0px;} .iti-flag.ne{height:15px;background-position:-3666px 0px;} .iti-flag.nf{height:10px;background-position:-3686px 0px;} .iti-flag.ng{height:10px;background-position:-3708px 0px;} .iti-flag.ni{height:12px;background-position:-3730px 0px;} .iti-flag.nl{height:14px;background-position:-3752px 0px;} .iti-flag.no{height:15px;background-position:-3774px 0px;} .iti-flag.np{height:15px;background-position:-3796px 0px;} .iti-flag.nr{height:10px;background-position:-3811px 0px;} .iti-flag.nu{height:10px;background-position:-3833px 0px;} .iti-flag.nz{height:10px;background-position:-3855px 0px;} .iti-flag.om{height:10px;background-position:-3877px 0px;} .iti-flag.pa{height:14px;background-position:-3899px 0px;} .iti-flag.pe{height:14px;background-position:-3921px 0px;} .iti-flag.pf{height:14px;background-position:-3943px 0px;} .iti-flag.pg{height:15px;background-position:-3965px 0px;} .iti-flag.ph{height:10px;background-position:-3987px 0px;} .iti-flag.pk{height:14px;background-position:-4009px 0px;} .iti-flag.pl{height:13px;background-position:-4031px 0px;} .iti-flag.pm{height:14px;background-position:-4053px 0px;} .iti-flag.pr{height:14px;background-position:-4097px 0px;} .iti-flag.ps{height:10px;background-position:-4119px 0px;} .iti-flag.pt{height:14px;background-position:-4141px 0px;} .iti-flag.pw{height:13px;background-position:-4163px 0px;} .iti-flag.py{height:11px;background-position:-4185px 0px;} .iti-flag.qa{height:8px;background-position:-4207px 0px;} .iti-flag.re{height:14px;background-position:-4229px 0px;} .iti-flag.ro{height:14px;background-position:-4251px 0px;} .iti-flag.rs{height:14px;background-position:-4273px 0px;} .iti-flag.ru{height:14px;background-position:-4295px 0px;} .iti-flag.rw{height:14px;background-position:-4317px 0px;} .iti-flag.sa{height:14px;background-position:-4339px 0px;} .iti-flag.sb{height:10px;background-position:-4361px 0px;} .iti-flag.sc{height:10px;background-position:-4383px 0px;} .iti-flag.sd{height:10px;background-position:-4405px 0px;} .iti-flag.se{height:13px;background-position:-4427px 0px;} .iti-flag.sg{height:14px;background-position:-4449px 0px;} .iti-flag.sh{height:10px;background-position:-4471px 0px;} .iti-flag.si{height:10px;background-position:-4493px 0px;} .iti-flag.sj{height:15px;background-position:-4515px 0px;} .iti-flag.sk{height:14px;background-position:-4537px 0px;} .iti-flag.sl{height:14px;background-position:-4559px 0px;} .iti-flag.sm{height:15px;background-position:-4581px 0px;} .iti-flag.sn{height:14px;background-position:-4603px 0px;} .iti-flag.so{height:14px;background-position:-4625px 0px;} .iti-flag.sr{height:14px;background-position:-4647px 0px;} .iti-flag.ss{height:10px;background-position:-4669px 0px;} .iti-flag.st{height:10px;background-position:-4691px 0px;} .iti-flag.sv{height:12px;background-position:-4713px 0px;} .iti-flag.sx{height:14px;background-position:-4735px 0px;} .iti-flag.sy{height:14px;background-position:-4757px 0px;} .iti-flag.sz{height:14px;background-position:-4779px 0px;} .iti-flag.tc{height:10px;background-position:-4823px 0px;} .iti-flag.td{height:14px;background-position:-4845px 0px;} .iti-flag.tg{height:13px;background-position:-4889px 0px;} .iti-flag.th{height:14px;background-position:-4911px 0px;} .iti-flag.tj{height:10px;background-position:-4933px 0px;} .iti-flag.tk{height:10px;background-position:-4955px 0px;} .iti-flag.tl{height:10px;background-position:-4977px 0px;} .iti-flag.tm{height:14px;background-position:-4999px 0px;} .iti-flag.tn{height:14px;background-position:-5021px 0px;} .iti-flag.to{height:10px;background-position:-5043px 0px;} .iti-flag.tr{height:14px;background-position:-5065px 0px;} .iti-flag.tt{height:12px;background-position:-5087px 0px;} .iti-flag.tv{height:10px;background-position:-5109px 0px;} .iti-flag.tw{height:14px;background-position:-5131px 0px;} .iti-flag.tz{height:14px;background-position:-5153px 0px;} .iti-flag.ua{height:14px;background-position:-5175px 0px;} .iti-flag.ug{height:14px;background-position:-5197px 0px;} .iti-flag.us{height:11px;background-position:-5241px 0px;} .iti-flag.uy{height:14px;background-position:-5263px 0px;} .iti-flag.uz{height:10px;background-position:-5285px 0px;} .iti-flag.va{height:15px;background-position:-5307px 0px;} .iti-flag.vc{height:14px;background-position:-5324px 0px;} .iti-flag.ve{height:14px;background-position:-5346px 0px;} .iti-flag.vg{height:10px;background-position:-5368px 0px;} .iti-flag.vi{height:14px;background-position:-5390px 0px;} .iti-flag.vn{height:14px;background-position:-5412px 0px;} .iti-flag.vu{height:12px;background-position:-5434px 0px;} .iti-flag.wf{height:14px;background-position:-5456px 0px;} .iti-flag.ws{height:10px;background-position:-5478px 0px;} .iti-flag.xk{height:15px;background-position:-5500px 0px;} .iti-flag.ye{height:14px;background-position:-5522px 0px;} .iti-flag.yt{height:14px;background-position:-5544px 0px;} .iti-flag.za{height:14px;background-position:-5566px 0px;} .iti-flag.zm{height:14px;background-position:-5588px 0px;} .iti-flag.zw{height:10px;background-position:-5610px 0px;} .iti-flag{width:20px;height:15px;box-shadow:0px 0px 1px 0px #888;background-image:url("https://proykey.com/assets/template/vendor/intl-tel-input/img/flags.png");background-repeat:no-repeat;background-color:#DBDBDB;background-position:20px 0;} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){ } .iti-flag.np{background-color:transparent;} /*! CSS Used fontfaces */ .main-hero, .os-host-overflow>.os-padding, .os-viewport, .tns-ovh, .tns-t-subp2 { overflow: hidden } *, .os-content-glue, .os-padding, :after, :before { box-sizing: inherit } .js-event-trigger>*, .os-content-arrange, .os-content-glue, .os-scrollbar, .os-scrollbar-handle-off, .os-scrollbar-track-off, .os-size-auto-observer, .os-textarea-cover { pointer-events: none } .link-gradient, .link-gradient:hover { -webkit-text-fill-color: transparent } .btn, .link-gradient, .tns-horizontal.tns-subpixel, .tns-vpfix { white-space: nowrap } #item-0, #item-2 { grid-row-start: 1 } #item-3, #item-4 { grid-row-start: 3 } #item-6, #item-7 { grid-row-start: 5; grid-row-end: 6 } #item-0, #item-1, #item-3, #item-6, #item-9 { grid-column-start: 1; grid-column-end: 2 } #item-10, #item-9 { grid-row-start: 7 } #item-10, #item-11, #item-2, #item-4, #item-5, #item-7 { grid-column-start: 2; grid-column-end: 3 } #item-10, #item-11, #item-2, #item-4, #item-5, #item-7, #item-8 { grid-column-end: 3 } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline } .hamburger.is-active .hamburger-inner:after, .reviews__list.tns-slider, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block } .os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before, [hidden] { display: none } menu, ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none } table { border-collapse: collapse; border-spacing: 0 } /*! * Bootstrap Grid v4.5.3 (https://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2020 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ html { box-sizing: border-box; -ms-overflow-style: scrollbar } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .no-gutters { margin-right: 0; margin-left: 0 } .no-gutters>.col, .no-gutters>[class*=col-] { padding-right: 0; padding-left: 0 } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px } .col { flex-basis: 0; flex-grow: 1; max-width: 100% } .col-12, .row-cols-1>* { flex: 0 0 100%; max-width: 100% } .col-6, .row-cols-2>* { flex: 0 0 50%; max-width: 50% } .col-4, .row-cols-3>* { flex: 0 0 33.33333%; max-width: 33.33333% } .col-3, .row-cols-4>* { flex: 0 0 25%; max-width: 25% } .row-cols-5>* { flex: 0 0 20%; max-width: 20% } .col-2, .row-cols-6>* { flex: 0 0 16.66667%; max-width: 16.66667% } .col-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333% } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667% } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333% } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667% } .col-9 { flex: 0 0 75%; max-width: 75% } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333% } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667% } .order-first { order: -1 } .order-last { order: 13 } .order-0 { order: 0 } .order-1 { order: 1 } .order-2 { order: 2 } .order-3 { order: 3 } .order-4 { order: 4 } .order-5 { order: 5 } .order-6 { order: 6 } .order-7 { order: 7 } .order-8 { order: 8 } .order-9 { order: 9 } .order-10 { order: 10 } .order-11 { order: 11 } .order-12 { order: 12 } .offset-1 { margin-left: 8.33333% } .offset-2 { margin-left: 16.66667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.33333% } .offset-5 { margin-left: 41.66667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.33333% } .offset-8 { margin-left: 66.66667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.33333% } .offset-11 { margin-left: 91.66667% } .d-none, .tns-outer [hidden] { display: none !important } .d-inline { display: inline !important } .d-inline-block { display: inline-block !important } .d-block { display: block !important } .d-table { display: table !important } .d-table-row { display: table-row !important } .d-table-cell { display: table-cell !important } .d-flex { display: flex !important } .d-inline-flex { display: inline-flex !important } .flex-row { flex-direction: row !important } .flex-column { flex-direction: column !important } .flex-row-reverse { flex-direction: row-reverse !important } .flex-column-reverse { flex-direction: column-reverse !important } .flex-wrap { flex-wrap: wrap !important } .flex-nowrap { flex-wrap: nowrap !important } .flex-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-fill { flex: 1 1 auto !important } .flex-grow-0 { flex-grow: 0 !important } .flex-grow-1 { flex-grow: 1 !important } .flex-shrink-0 { flex-shrink: 0 !important } .flex-shrink-1 { flex-shrink: 1 !important } .justify-content-start { justify-content: flex-start !important } .justify-content-end { justify-content: flex-end !important } .justify-content-center { justify-content: center !important } .justify-content-between { justify-content: space-between !important } .justify-content-around { justify-content: space-around !important } .align-items-start { align-items: flex-start !important } .align-items-end { align-items: flex-end !important } .align-items-center { align-items: center !important } .align-items-baseline { align-items: baseline !important } .align-items-stretch { align-items: stretch !important } .align-content-start { align-content: flex-start !important } .align-content-end { align-content: flex-end !important } .align-content-center { align-content: center !important } .align-content-between { align-content: space-between !important } .align-content-around { align-content: space-around !important } .align-content-stretch { align-content: stretch !important } .align-self-auto { align-self: auto !important } .align-self-start { align-self: flex-start !important } .align-self-end { align-self: flex-end !important } .align-self-center { align-self: center !important } .align-self-baseline { align-self: baseline !important } .align-self-stretch { align-self: stretch !important } .m-0 { margin: 0 !important } .mt-0, .my-0 { margin-top: 0 !important } .mr-0, .mx-0 { margin-right: 0 !important } .mb-0, .my-0 { margin-bottom: 0 !important } .ml-0, .mx-0 { margin-left: 0 !important } .m-1 { margin: .25rem !important } .mt-1, .my-1 { margin-top: .25rem !important } .mr-1, .mx-1 { margin-right: .25rem !important } .mb-1, .my-1 { margin-bottom: .25rem !important } .ml-1, .mx-1 { margin-left: .25rem !important } .m-2 { margin: .5rem !important } .mt-2, .my-2 { margin-top: .5rem !important } .mr-2, .mx-2 { margin-right: .5rem !important } .mb-2, .my-2 { margin-bottom: .5rem !important } .ml-2, .mx-2 { margin-left: .5rem !important } .m-3 { margin: 1rem !important } .mt-3, .my-3 { margin-top: 1rem !important } .mr-3, .mx-3 { margin-right: 1rem !important } .mb-3, .my-3 { margin-bottom: 1rem !important } .ml-3, .mx-3 { margin-left: 1rem !important } .m-4 { margin: 1.5rem !important } .mt-4, .my-4 { margin-top: 1.5rem !important } .mr-4, .mx-4 { margin-right: 1.5rem !important } .mb-4, .my-4 { margin-bottom: 1.5rem !important } .ml-4, .mx-4 { margin-left: 1.5rem !important } .m-5 { margin: 3rem !important } .mt-5, .my-5 { margin-top: 3rem !important } .mr-5, .mx-5 { margin-right: 3rem !important } .mb-5, .my-5 { margin-bottom: 3rem !important } .ml-5, .mx-5 { margin-left: 3rem !important } .p-0, .tns-outer { padding: 0 !important } .pt-0, .py-0 { padding-top: 0 !important } .pr-0, .px-0 { padding-right: 0 !important } .pb-0, .py-0 { padding-bottom: 0 !important } .pl-0, .px-0 { padding-left: 0 !important } .p-1 { padding: .25rem !important } .pt-1, .py-1 { padding-top: .25rem !important } .pr-1, .px-1 { padding-right: .25rem !important } .pb-1, .py-1 { padding-bottom: .25rem !important } .pl-1, .px-1 { padding-left: .25rem !important } .p-2 { padding: .5rem !important } .pt-2, .py-2 { padding-top: .5rem !important } .pr-2, .px-2 { padding-right: .5rem !important } .pb-2, .py-2 { padding-bottom: .5rem !important } .pl-2, .px-2 { padding-left: .5rem !important } .p-3 { padding: 1rem !important } .pt-3, .py-3 { padding-top: 1rem !important } .pr-3, .px-3 { padding-right: 1rem !important } .pb-3, .py-3 { padding-bottom: 1rem !important } .pl-3, .px-3 { padding-left: 1rem !important } .p-4 { padding: 1.5rem !important } .pt-4, .py-4 { padding-top: 1.5rem !important } .pr-4, .px-4 { padding-right: 1.5rem !important } .pb-4, .py-4 { padding-bottom: 1.5rem !important } .pl-4, .px-4 { padding-left: 1.5rem !important } .p-5 { padding: 3rem !important } .pt-5, .py-5 { padding-top: 3rem !important } .pr-5, .px-5 { padding-right: 3rem !important } .pb-5, .py-5 { padding-bottom: 3rem !important } .pl-5, .px-5 { padding-left: 3rem !important } .m-n1 { margin: -.25rem !important } .mt-n1, .my-n1 { margin-top: -.25rem !important } .mr-n1, .mx-n1 { margin-right: -.25rem !important } .mb-n1, .my-n1 { margin-bottom: -.25rem !important } .ml-n1, .mx-n1 { margin-left: -.25rem !important } .m-n2 { margin: -.5rem !important } .mt-n2, .my-n2 { margin-top: -.5rem !important } .mr-n2, .mx-n2 { margin-right: -.5rem !important } .mb-n2, .my-n2 { margin-bottom: -.5rem !important } .ml-n2, .mx-n2 { margin-left: -.5rem !important } .m-n3 { margin: -1rem !important } .mt-n3, .my-n3 { margin-top: -1rem !important } .mr-n3, .mx-n3 { margin-right: -1rem !important } .mb-n3, .my-n3 { margin-bottom: -1rem !important } .ml-n3, .mx-n3 { margin-left: -1rem !important } .m-n4 { margin: -1.5rem !important } .mt-n4, .my-n4 { margin-top: -1.5rem !important } .mr-n4, .mx-n4 { margin-right: -1.5rem !important } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important } .ml-n4, .mx-n4 { margin-left: -1.5rem !important } .m-n5 { margin: -3rem !important } .mt-n5, .my-n5 { margin-top: -3rem !important } .mr-n5, .mx-n5 { margin-right: -3rem !important } .mb-n5, .my-n5 { margin-bottom: -3rem !important } .ml-n5, .mx-n5 { margin-left: -3rem !important } .m-auto { margin: auto !important } .mt-auto, .my-auto { margin-top: auto !important } .mr-auto, .mx-auto { margin-right: auto !important } .mb-auto, .my-auto { margin-bottom: auto !important } .ml-auto, .mx-auto { margin-left: auto !important } .tns-outer [aria-controls], .tns-outer [data-action] { cursor: pointer } .tns-slider { transition: none } *, .tns-slider>.tns-item { box-sizing: border-box } .tns-horizontal.tns-subpixel>.tns-item { display: inline-block; vertical-align: top; white-space: normal } .tns-horizontal.tns-no-subpixel:after, .tns-t-ct:after { content: ""; display: table; clear: both } .tns-horizontal.tns-no-subpixel>.tns-item { float: left } .tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item { margin-right: -100% } .tns-gallery, .tns-no-calc { position: relative; left: 0 } .tns-gallery { min-height: 1px } .tns-gallery>.tns-item { position: absolute; left: -100%; transition: transform, opacity } .tns-gallery>.tns-slide-active { position: relative; left: auto !important } .tns-gallery>.tns-moving { transition: .25s } .tns-autowidth, .tns-vpfix>div, .tns-vpfix>li { display: inline-block } .tns-lazy-img { transition: opacity .6s; opacity: .6 } .tns-lazy-img.tns-complete { opacity: 1 } .tns-ah { transition: height } .tns-visually-hidden { position: absolute; left: -10000em } .tns-transparent { opacity: 0; visibility: hidden } .tns-fadeIn { opacity: 1; z-index: 0 } .tns-fadeOut, .tns-normal { opacity: 0; z-index: -1 } .tns-t-subp2 { margin: 0 auto; width: 310px; position: relative; height: 10px } .os-padding, .os-viewport { left: 0; margin: 0; top: 0; bottom: 0; right: 0 } .os-scrollbar-handle, .tns-t-ct, html.os-html>.os-host>.os-padding { position: absolute } .tns-t-ct { width: 2333.33333%; right: 0 } .tns-t-ct>div { width: 1.42857%; height: 10px; float: left } html.os-html, html.os-html>.os-host { display: block; overflow: hidden; box-sizing: border-box; height: 100% !important; width: 100% !important; min-width: 100% !important; min-height: 100% !important; margin: 0 !important; position: absolute !important } .os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize, body.os-dragging, body.os-dragging * { cursor: default } .os-host, .os-host-textarea { position: relative; overflow: visible !important; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start } .os-host-flexbox { overflow: hidden !important; display: flex } .os-host-flexbox .os-size-auto-observer { height: inherit !important } .os-host-flexbox .os-size-auto-observer .os-content-glue { flex-grow: 1; flex-shrink: 0 } .os-host-flexbox .os-size-auto-observer .os-content-glue, .os-host-flexbox .os-size-auto-observer .os-size-auto-observer { min-height: 0; min-width: 0; flex-grow: 0; flex-shrink: 1; flex-basis: auto } #os-dummy-scrollbar-size { position: fixed; opacity: 0; visibility: hidden; overflow: scroll; height: 500px; width: 500px } #os-dummy-scrollbar-size>div { width: 200%; height: 200%; margin: 10px 0 } #os-dummy-scrollbar-size:after, #os-dummy-scrollbar-size:before, .os-content:after, .os-content:before { content: ""; display: table; width: .01px; height: .01px; line-height: 0; font-size: 0; flex-grow: 0; flex-shrink: 0; visibility: hidden } #os-dummy-scrollbar-size, .os-viewport { -ms-overflow-style: scrollbar !important } .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size, .os-viewport-native-scrollbars-invisible.os-viewport { scrollbar-width: none !important } .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner { display: none !important; width: 0 !important; height: 0 !important; visibility: hidden !important; background: 0 0 !important } .os-content-glue { max-height: 100%; max-width: 100%; width: 100% } .os-padding { direction: inherit; position: absolute; overflow: visible; padding: 0; width: auto !important; height: auto !important; z-index: 1 } .os-content>.os-textarea, .os-viewport { direction: inherit !important; resize: none !important; padding: 0 } .os-viewport { box-sizing: inherit !important; outline: 0 !important; position: absolute; -webkit-overflow-scrolling: touch } .os-content, .os-content>.os-textarea, object.os-resize-observer { box-sizing: border-box !important } .os-content-arrange { position: absolute; z-index: -1; min-height: 1px; min-width: 1px } .os-content { direction: inherit; position: relative; display: block; height: 100%; width: 100%; visibility: visible } .os-content>.os-textarea { background: 0 0 !important; outline: transparent 0 !important; overflow: hidden !important; position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; margin: 0 !important; border-radius: 0 !important; float: none !important; -webkit-filter: none !important; filter: none !important; border: none !important; transform: none !important; max-width: none !important; max-height: none !important; box-shadow: none !important; perspective: none !important; opacity: 1 !important; z-index: 1 !important; clip: auto !important; vertical-align: baseline !important } .os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea { right: 0 !important } .os-textarea-cover { z-index: -1 } .os-textarea-cover .os-textarea[wrap=off] { white-space: pre !important; margin: 0 !important } .os-text-inherit { font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; font-variant: inherit; text-transform: inherit; text-decoration: inherit; text-indent: inherit; text-align: inherit; text-shadow: inherit; text-overflow: inherit; letter-spacing: inherit; word-spacing: inherit; line-height: inherit; unicode-bidi: inherit; direction: inherit; color: inherit; cursor: text } .input, .textarea, body { font-family: Graphik, sans-serif } .os-resize-observer, .os-resize-observer-host { box-sizing: inherit; display: block; visibility: hidden; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1 } .os-resize-observer-host { padding: inherit; border: solid inherit; box-sizing: border-box } .os-resize-observer-host>.os-resize-observer { height: 200%; width: 200%; padding: inherit; border: inherit; margin: 0; display: block; box-sizing: content-box } .os-resize-observer-host.observed { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start } .os-resize-observer-host.observed>.os-resize-observer { position: relative; flex-grow: 1; flex-shrink: 0; flex-basis: auto } .os-size-auto-observer { box-sizing: inherit !important; height: 100%; width: inherit; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; flex-grow: inherit; flex-shrink: 0; flex-basis: 0 } .os-size-auto-observer>.os-resize-observer { width: 1000%; height: 1000%; min-height: 1px; min-width: 1px } .os-resize-observer-item { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -1; opacity: 0; direction: ltr !important; flex: none !important } .os-resize-observer-item-final { position: absolute; left: 0; top: 0; transition: none !important; flex: none !important } .os-resize-observer { -webkit-animation-duration: 1ms; animation-duration: 1ms; -webkit-animation-name: os-resize-observer-dummy-animation; animation-name: os-resize-observer-dummy-animation } @-webkit-keyframes os-resize-observer-dummy-animation { 0% { z-index: 0 } to { z-index: -1 } } @keyframes os-resize-observer-dummy-animation { 0% { z-index: 0 } to { z-index: -1 } } .os-scrollbar, .os-scrollbar-corner { transition: opacity .3s, visibility .3s, top .3s, right .3s, bottom .3s, left .3s; position: absolute; opacity: 1; z-index: 1 } .ambulatory-contacts__img, .btn, .hamburger-box, .how-work, .input, .input-wrapper, .kazinteretnos-hero, .kazinteretnos-hero__img, .kazinteretnos-info__item, .kazzinc-production__img, .link, .link-external, .os-scrollbar-track, .radio-btn, .reviews, .seo-block, .textarea, .uk-kz-about__container, .uk-kz-contacts__container, .uk-kz-hero, .uk-kz-product-card, .uk-kz-production__container { position: relative } html.os-html>.os-host>.os-scrollbar { position: absolute; z-index: 999999 } .os-scrollbar-corner { bottom: 0; right: 0 } .os-scrollbar-track { padding: 0 !important; border: none !important } .os-scrollbar-handle, .os-scrollbar-track { pointer-events: auto; height: 100%; width: 100% } .os-scrollbar.os-scrollbar-unusable, .os-scrollbar.os-scrollbar-unusable * { pointer-events: none !important } .os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle { opacity: 0 !important } .os-scrollbar-horizontal { bottom: 0; left: 0; right: 0 } .os-scrollbar-vertical { top: 0; right: 0 } .os-scrollbar-horizontal .os-scrollbar-corner, .os-scrollbar-horizontal .os-scrollbar-vertical { right: auto; left: 0 } .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner, .os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner, .os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal, .os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical, .os-padding+.os-scrollbar-corner, .os-scrollbar-auto-hidden, .os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner { opacity: 0; visibility: hidden; pointer-events: none } .os-scrollbar-corner-resize-both { cursor: nwse-resize } .os-host-rtl>.os-scrollbar-corner-resize-both { cursor: nesw-resize } .os-scrollbar-corner-resize-horizontal { cursor: ew-resize } .os-scrollbar-corner-resize-vertical { cursor: ns-resize } .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical { top: 0; bottom: 0 } .os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal, .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal { right: 0; left: 0 } .os-scrollbar-corner.os-scrollbar-corner-resize, .os-scrollbar:hover { opacity: 1 !important; visibility: visible !important } .os-scrollbar-corner.os-scrollbar-corner-resize { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCI+PHBhdGggZD0iTTcuNDI0IDBhMS4zMSAxLjMxIDAgMDAtMS4zMSAxLjMxYzAgLjMuMTA0LjU3MS4yNzMuNzkyLjIxLjE0MS40NjYuMjE4LjczNy4yMThhMS4zMSAxLjMxIDAgMDAxLjMxLTEuMzFjMC0uMjcxLS4wNzctLjUyOC0uMjE4LS43MzdBMS4yOTggMS4yOTggMCAwMDcuNDI0IDB6bTAgMy4wODRhMS4zMSAxLjMxIDAgMDAtMS4zMSAxLjMxYzAgLjMuMTA0LjU3MS4yNzMuNzkyLjIxLjE0MS40NjYuMjE4LjczNy4yMThhMS4zMSAxLjMxIDAgMDAxLjMxLTEuMzFjMC0uMjcxLS4wNzctLjUyOC0uMjE4LS43MzdhMS4yOTggMS4yOTggMCAwMC0uNzkyLS4yNzN6bS0zLjA4NCAwYTEuMzEgMS4zMSAwIDAwLTEuMzEgMS4zMWMwIC4zLjEwNC41NzEuMjczLjc5Mi4yMDkuMTQxLjQ2NS4yMTguNzM3LjIxOGExLjMxIDEuMzEgMCAwMDEuMzEtMS4zMWMwLS4yNzEtLjA3Ny0uNTI4LS4yMTktLjczN2ExLjI5OCAxLjI5OCAwIDAwLS43OTEtLjI3M3ptLTMuMDMgMy4wM0ExLjMxIDEuMzEgMCAwMDAgNy40MjRjMCAuMy4xMDQuNTcxLjI3My43OTIuMjEuMTQxLjQ2Ni4yMTguNzM3LjIxOGExLjMxIDEuMzEgMCAwMDEuMzEtMS4zMWMwLS4yNzEtLjA3Ny0uNTI4LS4yMTgtLjczN2ExLjI5OCAxLjI5OCAwIDAwLS43OTItLjI3M3ptMy4wMyAwYTEuMzEgMS4zMSAwIDAwLTEuMzEgMS4zMWMwIC4zLjEwNC41NzEuMjczLjc5Mi4yMDkuMTQxLjQ2NS4yMTguNzM3LjIxOGExLjMxIDEuMzEgMCAwMDEuMzEtMS4zMWMwLS4yNzEtLjA3Ny0uNTI4LS4yMTktLjczN2ExLjI5OCAxLjI5OCAwIDAwLS43OTEtLjI3M3ptMy4wODQgMGExLjMxIDEuMzEgMCAwMC0xLjMxIDEuMzFjMCAuMy4xMDQuNTcxLjI3My43OTIuMjEuMTQxLjQ2Ni4yMTguNzM3LjIxOGExLjMxIDEuMzEgMCAwMDEuMzEtMS4zMWMwLS4yNzEtLjA3Ny0uNTI4LS4yMTgtLjczN2ExLjI5OCAxLjI5OCAwIDAwLS43OTItLjI3M3oiIGZpbGwtb3BhY2l0eT0iLjQ5NCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZD0iTTguMjE2LjI3M2MuMTQxLjIxLjIxOC40NjYuMjE4LjczN2ExLjMxIDEuMzEgMCAwMS0xLjMxIDEuMzFjLS4yNzEgMC0uNTI4LS4wNzctLjczNy0uMjE4LjI0LjMxMy42MTMuNTE4IDEuMDM3LjUxOGExLjMxIDEuMzEgMCAwMDEuMzEtMS4zMWMwLS40MjQtLjIwNS0uNzk4LS41MTgtMS4wMzd6bTAgMy4wODRjLjE0MS4yMS4yMTguNDY2LjIxOC43MzdhMS4zMSAxLjMxIDAgMDEtMS4zMSAxLjMxYy0uMjcxIDAtLjUyOC0uMDc3LS43MzctLjIxOC4yNC4zMTMuNjEzLjUxOSAxLjAzNy41MTlhMS4zMSAxLjMxIDAgMDAxLjMxLTEuMzFjMC0uNDI1LS4yMDUtLjc5OC0uNTE4LTEuMDM4em0tMy4wODUgMGMuMTQyLjIxLjIxOS40NjYuMjE5LjczN2ExLjMxIDEuMzEgMCAwMS0xLjMxIDEuMzFjLS4yNzIgMC0uNTI4LS4wNzctLjczNy0uMjE4LjI0LjMxMy42MTIuNTE5IDEuMDM3LjUxOWExLjMxIDEuMzEgMCAwMDEuMzEtMS4zMWMwLS40MjUtLjIwNS0uNzk4LS41MTktMS4wMzh6bS0zLjAzIDMuMDNjLjE0Mi4yMS4yMi40NjYuMjIuNzM3YTEuMzEgMS4zMSAwIDAxLTEuMzExIDEuMzFjLS4yNzEgMC0uNTI4LS4wNzctLjczNy0uMjE4LjI0LjMxMy42MTMuNTE4IDEuMDM3LjUxOGExLjMxIDEuMzEgMCAwMDEuMzEtMS4zMWMwLS40MjQtLjIwNS0uNzk4LS41MTgtMS4wMzd6bTMuMDMgMGMuMTQyLjIxLjIxOS40NjYuMjE5LjczN2ExLjMxIDEuMzEgMCAwMS0xLjMxIDEuMzFjLS4yNzIgMC0uNTI4LS4wNzctLjczNy0uMjE4LjI0LjMxMy42MTIuNTE4IDEuMDM3LjUxOGExLjMxIDEuMzEgMCAwMDEuMzEtMS4zMWMwLS40MjQtLjIwNS0uNzk4LS41MTktMS4wMzd6bTMuMDg1IDBjLjE0MS4yMS4yMTguNDY2LjIxOC43MzdhMS4zMSAxLjMxIDAgMDEtMS4zMSAxLjMxYy0uMjcxIDAtLjUyOC0uMDc3LS43MzctLjIxOC4yNC4zMTMuNjEzLjUxOCAxLjAzNy41MThhMS4zMSAxLjMxIDAgMDAxLjMxLTEuMzFjMC0uNDI0LS4yMDUtLjc5OC0uNTE4LTEuMDM3eiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+); background-repeat: no-repeat; background-position: 100% 100%; pointer-events: auto !important } .os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize { transform: scaleX(-1) } .os-host-overflow { overflow: hidden !important } .os-theme-dark>.os-scrollbar-horizontal, .os-theme-light>.os-scrollbar-horizontal { right: 10px; height: 10px } .os-theme-dark>.os-scrollbar-vertical, .os-theme-light>.os-scrollbar-vertical { bottom: 10px; width: 10px } .os-theme-dark.os-host-rtl>.os-scrollbar-horizontal, .os-theme-light.os-host-rtl>.os-scrollbar-horizontal { left: 10px; right: 0 } .link-external:after, .link:after { left: 0; position: absolute; content: "" } .os-theme-dark>.os-scrollbar-corner, .os-theme-light>.os-scrollbar-corner { height: 10px; width: 10px; background-color: transparent } .os-theme-dark>.os-scrollbar, .os-theme-light>.os-scrollbar { padding: 2px; box-sizing: border-box; background: 0 0 } .os-theme-dark>.os-scrollbar.os-scrollbar-unusable, .os-theme-dark>.os-scrollbar>.os-scrollbar-track, .os-theme-light>.os-scrollbar.os-scrollbar-unusable, .os-theme-light>.os-scrollbar>.os-scrollbar-track { background: 0 0 } .link-external:hover:after, .link-gradient, .link:after { background: linear-gradient(270deg, #09a679, #1347c0) } .os-theme-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle, .os-theme-light>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle { min-width: 30px } .os-theme-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle, .os-theme-light>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle { min-height: 30px } .os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle, .os-theme-light.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle { transition: background-color .3s } .os-theme-dark>.os-scrollbar>.os-scrollbar-track, .os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle, .os-theme-light>.os-scrollbar>.os-scrollbar-track, .os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle { border-radius: 0 } .os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle { background: hsla(0, 0%, 100%, .4) } .os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle { background: rgba(0, 0, 0, .55) } .os-theme-light>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle { background: hsla(0, 0%, 100%, .55) } .os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active { background: rgba(0, 0, 0, .7) } .os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active { background: hsla(0, 0%, 100%, .7) } .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-scrollbar-vertical .os-scrollbar-handle:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block } .os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before { top: -6px; bottom: -2px } .os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before { left: -6px; right: -2px } .os-host-rtl.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before, .os-host-rtl.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before { right: -6px; left: -2px } @-webkit-keyframes flicky { 0%, 10%, 6%, 8%, 89% { opacity: 1 } 3%, 7%, 9%, 90%, to { opacity: .4 } } @keyframes flicky { 0%, 10%, 6%, 8%, 89% { opacity: 1 } 3%, 7%, 9%, 90%, to { opacity: .4 } } @-webkit-keyframes bgColorChange { 0% { background: #fff } to { background: linear-gradient(66.04deg, #1347c0, #09a679) } } @keyframes bgColorChange { 0% { background: #fff } to { background: linear-gradient(66.04deg, #1347c0, #09a679) } } @-webkit-keyframes rotated { 0% { transform: rotate(0) } to { transform: rotate(1turn) } } @keyframes rotated { 0% { transform: rotate(0) } to { transform: rotate(1turn) } } @-webkit-keyframes fadeInBottom { 0% { opacity: 0; transform: translate3d(0, 100%, 0) } to { opacity: 1; transform: translateZ(0) } } @keyframes fadeInBottom { 0% { opacity: 0; transform: translate3d(0, 100%, 0) } to { opacity: 1; transform: translateZ(0) } } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0, 0) } to { opacity: 1; transform: translateZ(0) } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0, 0) } to { opacity: 1; transform: translateZ(0) } } @font-face { font-family: Graphik; src: url(../fonts/GraphikLCG-Light.woff2) format("woff2"); font-weight: 200; font-style: normal } @font-face { font-family: Graphik; src: url(../fonts/GraphikLCG-Regular.woff2) format("woff2"); font-weight: 400; font-style: normal } @font-face { font-family: Graphik; src: url(../fonts/GraphikLCG-Medium.woff2) format("woff2"); font-weight: 500; font-style: normal } @font-face { font-family: Graphik; src: url(../fonts/GraphikLCG-Semibold.woff2) format("woff2"); font-weight: 600; font-style: normal } @font-face { font-family: Graphik; src: url(../fonts/GraphikLCG-Bold.woff2) format("woff2"); font-weight: 700; font-style: normal } @font-face { font-family: Roboto; src: url(/fonts/Roboto-Regular.woff2) format("woff2"); font-weight: 400; font-style: normal } @font-face { font-family: Roboto; src: url(/fonts/Roboto-Bold.woff2) format("woff2"); font-weight: 700; font-style: normal } @font-face { font-family: Gilroy; src: url(/fonts/Gilroy-Regular.woff2) format("woff2"); font-weight: 400; font-style: normal } @font-face { font-family: Gilroy; src: url(/fonts/Gilroy-Bold.woff2) format("woff2"); font-weight: 700; font-style: normal } .bold, b, strong { font-weight: 600 } .link { text-decoration: none } .link:after { right: 100%; height: 2px; bottom: -4px; transition: right .3s } .link:hover:after { right: 0 } .link-external { display: inline-block; color: #5f636a; text-decoration: none; padding-bottom: 7px } .link-external:after { right: 50%; height: 2px; bottom: 0; background: #ccc; transition: right .3s } .link-external:hover:after { right: 0 } .input--inverse, .link-external--inverse, .textarea--inverse { color: #fff } .link-gradient { text-decoration: none; -webkit-background-clip: text; transition: .65s cubic-bezier(.18, .9, .58, 1); transition-property: background } .link-gradient:hover { background: linear-gradient(270deg, #1347c0, #09a679); -webkit-background-clip: text } .btn { display: inline-flex !important; text-decoration: none; flex-shrink: 0; color: #26292f; justify-content: center; align-items: center; background: #fff; padding: 0 30px; border-radius: 40px 20px; outline: 0; height: 42px; font-size: 16px; border: none; cursor: pointer } .btn, .btn:before { transition: background .25s, color .25s } .btn:before { content: ""; position: absolute; top: -3px; right: -3px; bottom: -3px; border-radius: 40px 20px; z-index: -1; left: -3px } .btn--large { height: 54px; padding: 0 50px } .btn--exlarge { height: 52px; padding: 0 40px } .btn--small { height: 38px; padding: 0 28px } .btn:hover { color: #fff } .btn--third, .btn--third:before { background: #eaeaea } .btn--third:hover:before, .input-wrapper:after { background: linear-gradient(270deg, #09a679, #1347c0) } .btn--purple { background: linear-gradient(66.04deg, #1347c0, #4674e0); color: #fff } .btn--purple:before { display: none } .input-wrapper:after { content: ""; position: absolute; left: 0; right: 0; width: 100%; height: 2px; bottom: 0 } .input, .textarea { background: 0 0; border: none; color: #5f636a; line-height: inherit; padding: 10px 5px; width: 100%; font-size: 16px } .input::-moz-placeholder, .textarea::-moz-placeholder { color: #5f636a } .input:-ms-input-placeholder, .textarea:-ms-input-placeholder { color: #5f636a } .input::-ms-input-placeholder, .textarea::-ms-input-placeholder { color: #5f636a } .input::placeholder, .textarea::placeholder { color: #5f636a } .hamburger:focus, .input:focus, .textarea:focus { outline: 0 } .input--inverse::-moz-placeholder, .textarea--inverse::-moz-placeholder { color: #fff } .input--inverse:-ms-input-placeholder, .textarea--inverse:-ms-input-placeholder { color: #fff } .input--inverse::-ms-input-placeholder, .textarea--inverse::-ms-input-placeholder { color: #fff } .input--inverse::placeholder, .textarea--inverse::placeholder { color: #fff } .section--jobs .section-heading__title, .section--jobs .faq__item-content, .section--jobs .faq__item-title { color: #26292f } .section--jobs { padding-top: 0!important; } .section--jobs .faq__content { width: 100%; } .section--jobs h3 { margin-bottom: 20px; font-size: 24px; } .section--jobs ul { list-style-type: inherit; } .section--jobs ul li { margin-left: 20px; margin-bottom: 7px; } .section--dark { background: linear-gradient(90deg, #26292f, #00334a) } .section--dark .section-heading__subtitle, .section--dark .section-heading__title { color: #fff } .section-heading__subtitle a { color: #199C68; text-decoration: none; } .section-heading__subtitle a:active, .section-heading__subtitle a:hover, .section-heading__subtitle a:focus { text-decoration: none; outline: 0; background: linear-gradient(270deg, #09a679, #1347c0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .section-heading__badge { margin-bottom: 30px; width: fit-content; } .section-heading__badge-item { display: block; text-decoration: none; border-radius: 10px; text-align: center; position: relative; padding: 10px 20px; font-size: 18px; font-weight: 300; } .gradient-1.section-heading__badge-item::selection { color: rgb(255, 255, 255); background-clip: text; -webkit-text-fill-color: rgb(255, 255, 255); } @media (max-width: 576px) { .section-heading__badge-item { font-size: 14px; } } .section-heading__badge-item::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1.5px solid transparent; z-index: -1; border-radius: inherit; } .gradient-1.section-heading__badge-item { background: linear-gradient(270deg, #524fd5, #557fd8); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .gradient-1.section-heading__badge-item::before { background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #524fd5, #9ab4f0) border-box; } .section--dark .tns-nav button { background: #d1d8e7; opacity: 1 } .section--dark .tns-nav button.tns-nav-active { background: linear-gradient(66.04deg, #1347c0, #09a679) } .section--bg+.section, .section--bg:not(.section--increase), .section:first-child:not(.section--hero) { padding-top: 90px } .section:not(:last-child):not(.section--increase) { padding-bottom: 90px } .section-heading { display: flex; justify-content: space-between; flex-direction: column } .section-heading+.section__content { margin-top: 50px } .case-hero .section-heading__title { font-weight: 700; } .about-us__title, .section-heading__title { font-size: 54px; line-height: 56px; font-weight: 700 } .section-heading__list { display: flex; align-items: center; flex-wrap: wrap; margin-top: -30px; margin-left: -30px } .hero .section-heading__inner { max-width: 1160px; } .faq__content, .faq__img, .section-heading__col { box-sizing: border-box; padding-left: 30px; padding-top: 30px } .section-heading__subtitle { display: block; position: relative; padding-left: 60px; font-weight: 300; margin-top: 15px; } .section-heading__subtitle:after { content: ""; position: absolute; top: 13px; left: 0; width: 40px; height: 1px; background: linear-gradient(270deg, #09a679, #1347c0) } .hamburger { padding: 10px 0 0; display: inline-block; cursor: pointer; transition-property: opacity, filter, -webkit-filter; transition-duration: .15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; line-height: 1em } .hamburger.is-active:hover, .hamburger:hover { opacity: .7 } .hamburger-box { width: 40px; height: 23px; display: inline-block } .hamburger-inner { display: block; top: 50%; margin-top: -1.5px; width: 40px } .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { width: 40px; height: 3px; background-color: #1347c0; border-radius: 2px; position: absolute; transition-property: transform; transition-duration: .15s; transition-timing-function: ease } .mobile-menu__link, .mobile-menu__request-btn.btn:before, .mobile-menu__sublink { border-radius: 40px 0 0 20px } .mobile-menu, .request-popup { position: fixed; overflow: scroll; z-index: 888; height: 100%; bottom: 0 } .hamburger-inner:after, .hamburger-inner:before { content: ""; display: block } .hamburger-inner:before { top: -10px; width: 33px } .hamburger-inner:after { bottom: -10px; display: none } .hamburger--slider .hamburger-inner { top: 1.5px } .hamburger--slider .hamburger-inner:before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: .15s } .hamburger--slider .hamburger-inner:after { top: 20px } .hamburger--slider.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(45deg) } .hamburger--slider.is-active .hamburger-inner:before { transform: rotate(-45deg) translate3d(-5.71429px, -7px, 0); opacity: 0 } .hamburger--slider.is-active .hamburger-inner:after { transform: translate3d(0, -20px, 0) rotate(-90deg) } .hamburger.is-active .hamburger-inner { margin-top: -5px; background-color: #09a679; width: 40px } .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before { width: 40px; background-color: #09a679 } .mobile-menu { background-color: #fff; width: 49%; right: -50%; top: 0; padding: 160px 0 0 70px; transition: transform .5s } .mobile-menu--active, .request-popup--active { transform: translateX(-100%) } .mobile-menu__list { list-style-type: none; margin: 0; padding: 0 } .mobile-menu__submenu { display: none; margin-bottom: 30px } .mobile-menu__request-btn.btn { font-size: 20px; line-height: 25px; border-radius: 40px 0 0 20px; width: calc(100% - 3px); justify-content: flex-start; height: 55px; margin-top: 20px; display: none } .mobile-menu__link, .mobile-menu__sublink { text-decoration: none } .mobile-menu__sublink { color: #8e8e8e; text-align: left; display: block; padding: 10px 30px; margin-bottom: 5px; transition: background .25s, color .25s } .mobile-menu__sublink:hover { background-color: #f5f5f5; color: #26292f } .mobile-menu__socials { padding: 0 30px; display: flex; align-items: center; margin: 40px 0 } .mobile-menu__social-item { color: #8e8e8e; text-decoration: none; display: inline-block; margin-bottom: 10px; transition: color .25s } .mobile-menu__social-item:not(:last-child) { padding-right: 10px; margin-right: 10px; border-right: 1px solid #ccc } .mobile-menu__link { font-size: 25px; line-height: 30px; margin-bottom: 30px; display: block; color: #000; padding: 15px 30px; transition: background .25s, color .25s } .btn-result:before, .mobile-menu__link:hover:not(.mobile-menu__link--submenu-on) { background: #f5f5f5; } .mobile-menu__link--submenu-on { background-color: #09a679; color: #fff; } .mobile-menu__item--active .mobile-menu__link { background-color: #1347c0 !important; color: #fff !important } .request-popup { width: 60%; right: -60%; padding: 160px 70px 70px; transition: transform .5s } .footer__social-item, .reviews-item { transition: .65s cubic-bezier(.18, .9, .58, 1) } .request-popup__title { font-size: 50px; line-height: 55px; font-weight: 600 } .form-group__content, .group:first-child, .request-popup__subtitle { margin-top: 20px } .our-contacts .section-heading+.section__content, .request-popup .form__end-inner { margin-top: 40px } .our-contacts .form__end-subtitle, .our-contacts .form__end-title, .request-popup .form__end-subtitle, .request-popup .form__end-title { text-align: left; color: #292929 } .our-services__img, .request-popup__form, .reviews__content { margin-top: 50px } .request-popup__form .form-group__title { font-size: 25px; line-height: 30px; font-weight: 600 } .azia-avto-constructor, .azia-avto-presentation, .azia-avto__img, .our-contacts__block+.our-contacts__block, .request-popup__form-group+.request-popup__form-group, .services-hero__btn-request-wrapper { margin-top: 60px } .callback__form-submit, .our-contacts__form-submit, .request-popup__form-submit { margin-top: 60px; display: flex; align-items: center } #item-2, #item-7, .request-popup__form-attention { margin-left: 20px } .radio-btn__input { opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 0; cursor: pointer; z-index: 1 } .btn-result.active, .btn-result.active:before, .btn-result:hover:before, .radio-btn .radio-btn__input:checked~.radio-btn__btn { background: linear-gradient(270deg, #09a679, #1347c0); color: #fff } .radio-btn .radio-btn__input:checked~.radio-btn__btn:before { background: linear-gradient(270deg, #09a679, #1347c0) } .blog-list__list, .blog__list, .form-group__list, .our-services-list__list { margin-top: -30px } @media (max-width: 992px) { .blog__col:last-child { display: none; } } .form-group__list:not(.row) { margin-left: -30px } .blog-list__col, .blog-thumbnail__link, .form-group__list .form-block, .project-thumbnail__link { padding-top: 30px } .project-thumbnail__link { margin-top: auto; } .faq__inner, .tabs__list, .why-we__list { display: flex; flex-wrap: wrap; margin-left: -30px; margin-top: -30px } .tabs__item { margin-top: 30px; margin-left: 30px } .footer__addresses a:after, .footer__addresses a:hover:after, .footer__name span, .main-hero__counter span { background: linear-gradient(270deg, #09a679, #1347c0); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .footer { padding: 60px 0; background: linear-gradient(90deg, #26292f, #00334a) } .footer__name { font-size: 25px; line-height: 35px; color: #fff; font-weight: 500 } .footer__name span { padding: 6px } .azia-avto-typography, .footer__addresses { margin-top: 32px } .footer__addresses p { color: #a5a5a5; display: block } .footer__addresses p+p { margin-top: 12px } .footer__addresses a { color: #a5a5a5; display: inline-block; position: relative; transition: color .25s; text-decoration: none; overflow: hidden; line-height: 1em } .footer__addresses a:after { content: ""; position: absolute; bottom: -3px; right: 100%; width: 100%; height: 2px; transition: transform .3s } .footer__addresses a:hover { color: #fff } .footer__addresses a:hover:after { transform: translateX(100%) } .footer__social { margin-top: 16px; display: flex } .footer__social-item { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 5px; border-radius: 10px; background-color: #fff; transition-property: transform } .footer__social-item+.footer__social-item { margin-left: 24px } .footer__social-item:hover, .link-card:hover { transform: translateY(-5px) } .footer__social-pic { width: 20px; height: 20px; line-height: 40px } .footer__nav-title { color: #fff; font-size: 20px; line-height: 25px; margin-bottom: 30px } .footer__panel, .our-clients__list { display: flex; flex-wrap: wrap } .footer__info { width: 33.33333% } .footer__nav { width: 66.66667%; padding-top: 14px; padding-left: 10px; display: flex } .footer__nav-column+.footer__nav-column { margin-left: 60px } .footer__nav-content { margin-top: 27px } .footer__nav-item+.footer__nav-item, .reviews .tns-nav { margin-top: 10px } .footer__nav-link { color: #a5a5a5 } .footer__copyright { margin-top: 68px; color: #a5a5a5; display: flex; justify-content: space-between; align-items: center } .main-hero-item, .main-hero-item__inner { align-items: center } .main-hero.section { padding-bottom: 62px } .main-hero__cloud { position: absolute; right: 0; top: 30px; left: 0; bottom: 0; z-index: -1; max-height: 545px } .main-hero__cloud img { transition: transform .1s; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .kazzinc-mockup, .main-hero__container { position: relative; z-index: 2 } .main-hero__slider { position: relative; overflow: hidden } .main-hero__slider-pic, .services-hero__pic { max-height: 615px; width: 100%; height: auto } .main-hero__counter { position: absolute; right: 0; bottom: 8px; font-size: 25px; line-height: 30px; color: #dcdcdc; font-weight: 500; background-color: transparent } .main-hero__counter span { width: 50px; height: 50px; font-size: 30px; line-height: 50px; text-align: center; display: inline-block; color: #fff; border-radius: 14px 8px } .blog-thumbnail__title-link:hover, .project-thumbnail__title-link:hover { color: #1347c0 } .main-hero-item { display: flex; visibility: hidden; pointer-events: none; opacity: 0; transition: opacity .6s } .main-hero-item.tns-slide-active { pointer-events: auto; visibility: visible; opacity: 1 } .main-hero-item.tns-slide-active .main-hero-item__title { -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } .main-hero-item.tns-slide-active .main-hero-item__subtitle { font-size: 18px; line-height: 28px; font-weight: 100; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } .main-hero-item.tns-slide-active .main-hero-item__btn-wrapper { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } .main-hero-item.tns-slide-active .main-hero-item__proof-block:first-child { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-name: fadeInBottom; animation-name: fadeInBottom } .main-hero-item.tns-slide-active .main-hero-item__proof-block:nth-child(2) { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInBottom; animation-name: fadeInBottom } .main-hero-item.tns-slide-active .main-hero-item__proof-block:last-child { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-name: fadeInBottom; animation-name: fadeInBottom } .main-hero-item__title { font-size: 60px; line-height: 65px; font-weight: 700; position: relative } .main-hero-item__subtitle { margin-top: 30px; padding-right: 100px } .main-hero-item__img { position: relative; max-height: 605px } .main-hero-item__btn-wrapper { margin-top: 40px; padding-left: 5px } .main-hero-item__proof { display: flex; margin-top: 60px } .about-us__chief, .main-hero-item__proof-block, .reviews-item__heading, .uk-kz-hero__logo { display: flex; align-items: center } .main-hero-item__proof-block+.main-hero-item__proof-block { margin-left: 90px } .main-hero-item__proof-num { font-size: 55px; line-height: 1em; font-weight: 500 } .main-hero-item__proof-description { padding-left: 20px; line-height: 20px; color: #292929; font-size: 16px } .service-card { padding: 60px; background-color: #fff; box-shadow: 0 20px 50px hsla(0, 0%, 100%, .1); border-radius: 60px 30px; margin-bottom: 30px; transition: transform .65s cubic-bezier(.18, .9, .58, 1) } .service-card__title { font-weight: 500; font-size: 30px; line-height: 35px } .service-card__list { margin-top: 25px } .service-card__link { display: inline-block; color: #5f636a; font-weight: 200; font-size: 20px; line-height: 25px; position: relative } .service-card__item+.service-card__item { margin-top: 14px } .our-services__mockup-bottom { margin-top: 10px; margin-left: 25px } .our-cases__item+.our-cases__item { margin-top: 150px } .reviews-item__description.os-theme-dark>.os-scrollbar { background: #eee } .our-cases__more { display: flex; justify-content: center; margin-top: 90px } .our-cases-item__title { font-size: 30px; line-height: 35px; font-weight: 700 } .our-cases-item__info { display: flex; flex-direction: column; justify-content: center } .our-cases-item__subtitle { font-size: 14px; line-height: 19px; color: #8d8d8d; margin-top: 5px } .our-cases-item__btn, .our-cases-item__description, .reviews-item__description-wrapper { margin-top: 30px } .our-cases-item__img-wrapper { transition: transform .1s linear; perspective: 1000px; perspective-origin: 50% 50% } .our-cases-item__img { display: block; height: 280px; background: 0 0; position: relative; transition: transform .2s; perspective: 2000px; transform-style: preserve-3d } .our-cases-item__pic { /* -o-object-fit: contain; object-fit: contain; */ display: block; margin: 0 auto; max-width: 100%; position: absolute; /* transform: scale(.84) translateZ(100px); */ left: 50%; top: 50%; transform: translate(-50%, -50%) translateZ(100px) scale(0.84); /* width: 100%; height: calc(100% + 40px) */ } .our-clients__item.our-clients-item { width: 20% } .our-clients__more { display: none; justify-content: center } .our-clients-item { position: relative; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: filter .5s; transition: filter .5s, -webkit-filter .5s } .our-clients-item:hover { -webkit-filter: none; filter: none } .our-clients-item:before { height: 130px; width: 2px; top: 50%; right: 0; transform: translateY(-50%) } .our-clients-item:after, .our-clients-item:before { position: absolute; background: linear-gradient(180deg, hsla(0, 0%, 76.9%, 0), #e8e8e8 51.04%, hsla(0, 0%, 76.9%, 0)) } .about-us__chief-name:before, .about-us__title span { background: linear-gradient(270deg, #09a679, #1347c0) } .our-clients-item:after { height: 2px; width: 130px; left: 50%; bottom: 0; transform: translateX(-50%) } .kazinteretnos-item__pic, .our-clients-item__pic { width: 100%; max-width: 180px; margin: 0 auto; display: block; height: 100%; -o-object-fit: contain; object-fit: contain } .our-clients-item:not(:nth-child(5n)):before, .our-clients-item:nth-last-child(n+6):after { content: "" } .cost-group-1, .cost-group-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } @media (min-width: 768px) { .cost-item-1 { grid-area: 1 / 1 / 2 / 2; } .cost-item-2 { grid-area: 2 / 1 / 3 / 2; } .cost-item-3 { grid-area: 3 / 1 / 4 / 2; } .cost-item-4 { grid-area: 1 / 2 / 4 / 3; } .cost-item-5 { grid-area: 4 / 1 / 7 / 2; } .cost-item-6 { grid-area: 4 / 2 / 5 / 3; } .cost-item-7 { grid-area: 5 / 2 / 6 / 3; } .cost-item-8 { grid-area: 6 / 2 / 7 / 3; } } .cost-group-1 { margin-top: 90px; margin-bottom: 30px; } @media (max-width: 767px) { .cost-group-1, .cost-group-2 { grid-template-columns: repeat(1, 1fr); gap: 20px; } .cost-group-1 { margin-top: 20px; margin-bottom: 0; } .cost-item-5 { grid-area: 7 / 1 / 8 / 2; } .cost-item-6 { grid-area: 4 / 1 / 5 / 2; } .cost-item-7 { grid-area: 5 / 1 / 6 / 2; } .cost-item-8 { grid-area: 6 / 1 / 7 / 2; } } .cost-refs { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-top: 90px; } @media (max-width: 767px) { .cost-refs { grid-template-columns: repeat(1, 1fr); margin-top: 60px; gap: 20px; } } .ambulatory-hero__container, .reviews__info { position: relative; z-index: 1 } .reviews__img { position: absolute; right: 78px; top: 50%; transform: translateY(-50%); z-index: 0 } .reviews__col.tns-item { flex: none } .reviews-item { transition-property: transform; border-radius: 60px 30px; padding: 40px; background-color: #fff; display: flex; flex-direction: column; margin-bottom: 30px } .reviews-item__file { display: flex; align-items: center; margin-top: 20px; font-size: 14px; line-height: 21px; text-decoration: none; color: #26292f } .reviews-item__file-pic { height: 32px; width: 32px; margin-right: 10px } .reviews-item__avatar { width: 92px; height: 92px; overflow: hidden } .colors-item__pic, .reviews-item__avatar-pic, .service-plate__pic, .thumbnail-card__pic { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .reviews-item__info { margin-left: 25px } .reviews-item__name { font-size: 25px; line-height: 30px; font-weight: 500; margin-bottom: 0 } .reviews-item__post { line-height: 18px; font-weight: 200; color: #5f636a } .reviews-item__description { max-height: 210px; font-weight: 300 } .reviews-item__description.os-host-overflow-y .os-content { padding-right: 20px !important } .blog__col, .our-services-list__item { padding-top: 30px; box-sizing: border-box } .blog-thumbnail, .project-thumbnail { height: 100%; transition: .65s cubic-bezier(.18, .9, .58, 1); transition-property: box-shadow, transform; display: flex; flex-direction: column } .blog-thumbnail:hover, .project-thumbnail:hover { transform: translateY(-5px); box-shadow: 10px 14px 30px rgba(0, 0, 0, .1) } .blog-thumbnail { border-radius: 20px; text-decoration: none; color: #1347c0; } .blog-thumbnail__img { background: #f5f5f5; /* padding: 30px 90px 30px 30px; */ text-align: right; border-top-left-radius: 20px; border-top-right-radius: 20px; height: 240px; display: flex; align-items: center; justify-content: center; } .blog-thumbnail__title-link, .project-thumbnail__title-link { text-decoration: none; transition: color .25s; color: #000 } .blog-thumbnail__title, .project-thumbnail__title { margin-top: 30px; font-size: 30px; line-height: 35px; color: #000; transition: .25s; font-weight: 500 } .blog-thumbnail__caption, .project-thumbnail__caption { padding: 27px 30px 30px; flex-grow: 1; display: flex; flex-direction: column } .blog-thumbnail__title { display: block } .blog-thumbnail__info, .project-thumbnail__info { color: #5f636a; } .project-thumbnail__img { background: #f5f5f5; max-height: 240px; min-height: 240px; max-width: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center } .seo-block__content.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle, .thesis-item__description.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle { background: #fff } /* .project-thumbnail__img img { width: 100%; height: auto } */ @media(max-width:576px) { .project-thumbnail__img { max-height: 192px; min-height: 192px } } .project-thumbnail__title { display: block } .form-block:not([class*=col-]) { padding-left: 30px } .form-block--inline { display: inline-flex } .form-block--inverse .input, .form-block--inverse .textarea { color: #fff } .form-block--inverse .input::-moz-placeholder, .form-block--inverse .textarea::-moz-placeholder { color: #fff } .form-block--inverse .input:-ms-input-placeholder, .form-block--inverse .textarea:-ms-input-placeholder { color: #fff } .form-block--inverse .input::-ms-input-placeholder, .form-block--inverse .textarea::-ms-input-placeholder { color: #fff } .form-block--inverse .input::placeholder, .form-block--inverse .textarea::placeholder { color: #fff } .form-block__input-wrapper { width: 100%; flex-shrink: 0 } .callback { padding: 90px 0; position: relative } .callback__form-attention { font-size: 14px; margin-left: 20px; color: #fff } .callback__form-block { padding-top: 60px; box-sizing: border-box } .callback__img { position: absolute; right: 14px; top: -36%; width: 100%; max-width: 663px } .about-us.section, .uk-kz-contacts { padding-top: 100px } .about-us .section__content, .uk-kz-colors__list { display: flex } .about-us__signature { margin-left: 10px } .about-us__chief-name { font-size: 20px; font-weight: 500; line-height: 1em; display: block; position: relative; padding-left: 53px; margin-top: 14px } .about-us__chief-name:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 40px; height: 1px; pointer-events: none } .about-us__img-wrapper { width: 100%; padding-right: 115px; max-width: 628px; display: flex; align-items: flex-start; justify-content: center; padding-top: 10px } .about-us__expand { margin-top: 40px; justify-content: center; display: none } .about-us__info { margin-left: auto; flex: 1 0 705px } .about-us__description { margin-top: 32px; line-height: 28px; font-size: 18px; font-weight: 300 } .about-us__description p+p, .our-contacts__2gis-link, .services-hero__pills { margin-top: 30px } .about-us__title span { padding: 6px 8px 4px; color: #fff; line-height: 1em; margin-top: 4px; display: inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .about-us__img { height: auto; width: 100%; max-width: 510px; position: relative; display: flex; align-items: center; justify-content: center } .about-us__cloud { position: absolute; left: 50%; top: 50%; width: 132%; transform: translate(-50%, -50%) } .about-us__pic { position: relative; z-index: 1; width: 100%; height: 100%; max-width: 510px; max-height: 510px; border-radius: 120px 60px } .our-team.slider-initialized .section__slider-wrapper { margin: -30px } .our-team.slider-initialized .tns-outer { padding: 30px !important; overflow: hidden } .seo-block__content.os-theme-dark.os-host-overflow-y, .thesis-item__description.os-theme-dark.os-host-overflow-y { padding-right: 25px } .our-team.slider-initialized .tns-ovh { overflow: visible } .our-team-card { padding-top: 100px; position: relative } .our-team-card:hover .our-team-card__caption { box-shadow: 0 15px 20px rgba(0, 0, 0, .05) } .our-team-card:hover .our-team-card__caption:after, .our-team-card:hover .our-team-card__caption:before { opacity: 1 } .our-team-card__img { display: flex; justify-content: center; height: 205px; width: 100%; position: absolute; top: 0; left: 0 } .our-team-card__description { font-size: 14px; font-weight: 300; line-height: 24px; margin-top: 12px; text-align: center } .our-team-card__name { text-align: center; font-size: 24px; line-height: 29px; font-weight: 500 } .our-team-card__description, .our-team-card__name { max-width: 300px; margin-left: auto; margin-right: auto } .our-team-card__caption { position: relative; padding-top: 88px; padding-bottom: 25px; transition: .65s cubic-bezier(.18, .9, .58, 1); transition-property: box-shadow } .our-team-card__caption:after, .our-team-card__caption:before { content: ""; width: 42px; height: 42px; position: absolute; transition: .65s cubic-bezier(.18, .9, .58, 1); transition-property: opacity; opacity: 0 } .our-team-card__caption:before { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00MiAyVjBIMHYyaDQwdjQwaDJWMnoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcikiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXIiIHgxPSIwIiB5MT0iNDIiIHgyPSI1MC42NiIgeTI9IjE5LjQ4NSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiMxRTVGRDIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxOUM2OUMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=) 50% 50% no-repeat; right: 0; top: 0 } .our-team-card__caption:after { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDQwdjJoNDJ2LTJIMlYwSDB2NDB6IiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iNDIiIHkxPSIwIiB4Mj0iLTguNjYiIHkyPSIyMi41MTUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjMUU1RkQyIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMTlDNjlDIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+) 50% 50% no-repeat; left: 0; bottom: 0 } .our-contacts { position: relative; margin-bottom: -60px; padding-bottom: 85px } .our-contacts__map-wrapper { position: absolute; right: 0; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: -1 } .our-contacts__map-wrapper:before { content: ""; height: 100%; width: 100%; position: absolute; left: 0; top: 0; pointer-events: none; background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0) 57.29%); z-index: 900 } .our-contacts__map, .our-contacts__mobile-map-pic { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .our-contacts__popup { max-width: 470px; margin-left: 16.66667% } .our-contacts__title { font-size: 30px; line-height: 1em; font-weight: 500 } .our-contacts__content { margin-top: 30px; max-width: 400px } .our-contacts__block--mobile { display: none } .our-contacts .form__end-inner { position: relative; top: 0; transform: none; margin-top: 40px } .our-contacts .form-group__list { margin-top: 0 } .our-contacts__forms-attention { font-size: 14px; font-weight: 300; line-height: 24px; margin-left: 30px } .cost-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } .cost-cards .card-box { height: 100% !important; } .card-img img { height: auto; width: 100%; } @media(max-width: 767px) { .cost-cards { grid-template-columns: repeat(1, 1fr) } } .service-plate { padding: 50px 30px; box-shadow: none; display: block; position: relative; transition: .65s cubic-bezier(.18, .9, .58, 1); transition-property: box-shadow } .service-plate:hover { box-shadow: 0 4px 30px rgba(0, 0, 0, .1) } .service-plate__img { width: 289px; height: 250px; position: relative; top: -10px; flex-shrink: 0 } .service-plate__abs-link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1 } .service-plate__title { font-weight: 500; font-size: 30px; line-height: 1em } .service-plate__info { margin-left: auto; width: 100%; max-width: 320px; padding-top: 12px } .service-plate__inner { max-width: 740px; display: flex } .service-plate__list { margin-top: 34px } .service-plate__link { font-weight: 300; font-size: 16px; display: block; line-height: 24px; text-decoration: none; width: 100%; cursor: pointer; color: #5f636a; padding-bottom: 7px; position: relative; padding-right: 16px; z-index: 2 } .service-plate__item-arrow, .service-plate__link:after { position: absolute; transition: .65s cubic-bezier(.18, .9, .58, 1) } .service-plate__link+.service-plate__link { margin-top: 14px } .service-plate__link:after { content: ""; width: 100%; height: 1px; bottom: 0; left: 0; background: #d1d8e7; transition-property: background } .service-plate__link:hover:after { background: linear-gradient(66.04deg, #1347c0, #09a679) } .service-plate__link:hover .service-plate__item-arrow #rect-gradient { opacity: 1 } .service-plate__item-arrow { width: 16px; height: 16px; right: 0; top: 0; color: #d1d8e7; transition-property: color } .service-plate__item-arrow #rect-gradient { opacity: 0; transition: .65s cubic-bezier(.18, .9, .58, 1); transition-property: opacity } .blog-list__external { display: flex; justify-content: center; margin-top: 60px } .search-input { position: relative; width: 138px; transition: width .4s, border .4s } .search-input__label { color: #5f636a; font-size: 16px; left: 60px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: .65s cubic-bezier(.18, .9, .58, 1); transition-property: opacity } .search-input:before, .search-input__label { position: absolute; top: 50%; pointer-events: none; transform: translateY(-50%) } .search-input:before { content: ""; left: 34px; display: block; width: 16px; height: 16px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjA5OCAxMS4zMDJhNS45NTIgNS45NTIgMCAxMC0xLjQtMS40bC0zLjkxIDMuOTFhLjk3Ni45NzYgMCAwMDAgMS4zODRsLjAxNi4wMTZhLjk4Ljk4IDAgMDAxLjM4NCAwbDMuOTEtMy45MXptMy40NS0uM2E0LjU1MSA0LjU1MSAwIDExMC05LjEwMiA0LjU1MSA0LjU1MSAwIDAxMCA5LjEwM3oiIGZpbGw9IiM1RjYzNkEiLz48L3N2Zz4=) 50% 50% no-repeat } .search-input:after { content: ""; position: absolute; left: -2px; top: -2px; right: -2px; bottom: -2px; background: #d1d8e7; z-index: -1; border-radius: 40px 20px } .search-input__input { width: 100%; border-radius: 40px 20px; height: 42px; line-height: 42px; box-shadow: none; border: none; padding: 0 30px 0 65px } .search-input__input::-moz-placeholder { font-size: 0; opacity: 0; transition: .65s cubic-bezier(.18, .9, .58, 1); transition-property: opacity } .search-input__input:-ms-input-placeholder { font-size: 0; opacity: 0; transition: .65s cubic-bezier(.18, .9, .58, 1); transition-property: opacity } .search-input__input::-ms-input-placeholder { font-size: 0; opacity: 0; transition: .65s cubic-bezier(.18, .9, .58, 1); transition-property: opacity } .how-work__item-img, .link-card { transition: .65s cubic-bezier(.18, .9, .58, 1) } .search-input__input::placeholder { font-size: 0; opacity: 0; transition: .65s cubic-bezier(.18, .9, .58, 1); transition-property: opacity } .search-input__input:focus, .tns-nav button:focus { outline: 0 } .search-input--focus { width: 293px } .search-input--focus:after { background: linear-gradient(66.04deg, #1347c0, #09a679) } .search-input--focus .search-input__label { opacity: 0; visibility: hidden; pointer-events: none } .search-input--focus .search-input__input::-moz-placeholder { opacity: 1; font-size: 16px } .search-input--focus .search-input__input:-ms-input-placeholder { opacity: 1; font-size: 16px } .search-input--focus .search-input__input::-ms-input-placeholder { opacity: 1; font-size: 16px } .search-input--focus .search-input__input::placeholder { opacity: 1; font-size: 16px } .services-hero { position: relative; padding-top: 35px } .services-hero:before { content: ""; width: 100%; height: calc(100% - 170px); display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; background-color: #fafafa } .services-hero__title { font-weight: 700; font-size: 60px; line-height: 1.2em } .services-hero__description, .services-hero__pills-title { font-size: 18px; line-height: 28px } .services-hero__description { margin-top: 15px; font-weight: 100 } .services-hero__pills-list { display: flex; margin-left: -50px; margin-top: -30px } .services-hero__pills-item { padding-left: 50px; padding-top: 30px; display: flex; align-items: center } .services-hero__pills-icon { width: 40px; height: 40px } .services-hero__pills-info { margin-left: 10px } .services-hero__pills-val { font-weight: 500; font-size: 20px; line-height: 1em } .services-hero__img { position: relative; line-height: 0; flex: 0 1 705px } .services-hero__info { flex: 1 0 705px; margin-right: 30px; padding-top: 80px; position: relative; z-index: 1 } .services-hero__wallet { position: absolute; bottom: 20px; right: 895px } .services-hero__smell { position: absolute; bottom: 20px; right: 1200px } .services-hero__top { align-items: center; display: flex } .services-hero__bear { position: absolute; right: 690px; top: 45px } .services-hero__cloud { position: absolute; left: 25% !important; top: 3% !important; z-index: -1; max-height: 545px } .services-hero__details { margin-top: 56px } .services-hero__details-list { display: flex; flex-wrap: wrap; margin-left: -30px; margin-top: -30px; max-width: 1380px } .services-hero__details-col { padding-left: 30px; padding-top: 30px; box-sizing: border-box; width: 16.6666666667% } .services-hero--content { background-color: #fff; position: relative; min-height: 780px } .services-hero--content:before { display: none } .services-hero--content .services-hero__bg { position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100% } .services-hero--content .services-hero__bg img { width: 100%; height: auto; position: absolute; left: 0; bottom: 0 } .services-hero--content .services-hero__info { flex: 0 0 58% } .link-card { border-radius: 30px; box-shadow: 10px 14px 30px rgba(0, 0, 0, .1); background-color: #fff; text-decoration: none; color: #26292f; display: block; padding: 20px 20px 35px; width: 100%; height: 100%; transition-property: transform } .link-card__img { width: 48px; height: 48px } .link-card__title { font-size: 16px; line-height: 21px; margin-top: 20px } .why-we__col { padding-left: 30px; padding-top: 30px; box-sizing: border-box; width: 25%; margin-right: 8.33333% } .why-we__thumbnail-card.thumbnail-card .thumbnail-card__info { flex-grow: 1 } .why-we__thumbnail-card.thumbnail-card .thumbnail-card__description { max-width: none } .why-we__thumbnail-card.thumbnail-card .thumbnail-card__img { margin-right: 30px } .thumbnail-card__img { width: 93px; height: 93px; flex-shrink: 0 } .thumbnail-card__title { font-size: 24px; font-weight: 500; line-height: 29px; margin-top: 30px } .thumbnail-card__description { font-size: 18px; line-height: 28px; font-weight: 300; margin-top: 10px; max-width: 345px } .how-work.section { padding-bottom: 384px } .how-work__content { position: relative; margin-right: 16.66667%; width: 83.33333% } .how-work__list { display: flex; flex-wrap: wrap; justify-content: flex-end; margin-top: -50px; margin-left: -25px; position: relative } .how-work__col { padding-left: 25px; padding-top: 50px; box-sizing: border-box; width: 20% } .how-work__col.animation-end .how-work__item-num { background: #09a679; color: #fff } .os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle, .seo-block__content.os-theme-dark>.os-scrollbar, .thesis-item__description.os-theme-dark>.os-scrollbar { background: #26292f } .blue-card .card-title, .how-work__col.animation-end .how-work__item-img { color: #fff } .how-work__item { display: flex; flex-direction: column; align-items: center } .how-work__item-img { color: #d1d8e7; transition-property: fill, stroke, color } .how-work__item-num { width: calc(78px + 1vw); height: calc(78px + 1vw); max-width: 96px; max-height: 96px; flex-shrink: 0; border-radius: 100%; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, .06); background: #fff; font-size: calc(28px + 1vw); display: flex; align-items: center; justify-content: center; line-height: 1em; font-weight: 500; color: #d1d8e7; transition: .65s cubic-bezier(.18, .9, .58, 1); transition-property: color, background } .how-work__item-title { line-height: 1.5em; font-weight: 300; text-align: center; margin-top: 16px; display: block; font-size: 14px } .how-work__bg { width: 37.2%; height: auto; position: absolute; left: -1.5%; top: 40% } .faq__item, .faq__pic, .seo-block__inner, .seo-block__title, .thesis { position: relative } .faq__content { width: 50% } .faq__img { width: 33.33333%; margin-left: auto } .faq__item-title { cursor: pointer; font-size: 24px; font-weight: 500; line-height: 29px; display: flex; align-items: center; color: #fff } .faq__item { padding-bottom: 27px } .faq__item:after { content: ""; width: 100%; height: 1px; background-color: #d1d8e7; position: absolute; bottom: 0; left: 0 } .faq__item:not(:first-child) { padding-top: 27px } .faq__item-head--active .faq__item-title { text-decoration: none; outline: 0; background: linear-gradient(270deg, #09a679, #1347c0); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .faq__item-content { margin-top: 20px; font-size: 18px; line-height: 24px; font-weight: 300; color: #fff; display: none } .faq__pic { top: -50px; right: -15px; fill-opacity: 0; transition: fill-opacity 1s } .faq__pic.animated-img__svg--animated { fill-opacity: 1 } .faq__item-arrow { margin-left: auto; padding-left: 15px; flex-shrink: 0; box-sizing: content-box } .thesis { padding: 60px 0 } .thesis:after { content: ""; display: block; position: absolute; height: 100%; width: 350px; right: 0; bottom: 0; pointer-events: none; background: linear-gradient(270deg, #023349, rgba(3, 51, 73, 0)) } .seo-block__inner:before, .tns-nav button { background: linear-gradient(66.04deg, #1347c0, #09a679) } .thesis .tns-ovh { width: 100vw } .thesis-item__title { font-size: 24px; line-height: 1.2em; font-weight: 500; color: #fff } .thesis-item__description { font-weight: 300; font-size: 18px; line-height: 28px; color: #fff; max-height: 105px; overflow-y: auto; margin-top: 12px } .thesis-item__description .tns-nav { margin-top: 0 } .thesis-item__description.os-theme-dark>.os-scrollbar-vertical { width: 2px } .seo-block.section { margin-bottom: -60px; padding: 60px 0 } .seo-block__inner { padding: 60px 0 60px 60px; z-index: 2 } .seo-block__inner:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100vw; border-radius: 60px 30px } .seo-block__inner:after { content: ""; position: absolute; left: 10px; right: 10px; bottom: 10px; top: 10px; width: 100vw; z-index: 1; border-radius: 54px 19px; background: linear-gradient(90deg, #26292f, #00334a) } .seo-block--imaged.section { padding: 100px 0 } .seo-block--imaged .seo-block__inner { width: calc(100% - 215px); margin-left: auto; padding: 60px 60px 60px 250px } .seo-block--imaged .seo-block__inner:after, .seo-block--imaged .seo-block__inner:before { border-radius: 0; width: 100% } .seo-block--imaged .seo-block__inner:after { width: calc(100% - 20px) } .seo-block--imaged .seo-block__content { max-height: 182px } .seo-block__title { font-size: 30px; line-height: 35px; color: #fff; font-weight: 500; z-index: 2 } .seo-block__image { position: absolute; left: 0; z-index: 3; top: -25%; height: 460px; width: auto; transform: translate(-50%) } .seo-block__content { font-size: 14px; line-height: 24px; font-weight: 300; margin-top: 28px; max-height: 265px; overflow: auto; color: #fff; position: relative; z-index: 2 } .seo-block__content.os-theme-dark>.os-scrollbar-vertical { width: 2px } .colors-item { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; position: relative } .colors-item__title { display: block; margin-top: 30px; color: #858585 } .animated-img svg { overflow: visible; width: 100% } .animated-img__svg, body.animated .js-animated-block .js-animated-element, body.animated .js-animated-block .js-animated-item { opacity: 0 } .animated-img__svg .animated-img__animation-glow, .animated-img__svg g use:first-child:not(.no-animate) { opacity: 0; transition: opacity .6s } .animated-img__svg.animated-img__svg--on .animated-img__animation-glow, .animated-img__svg.animated-img__svg--on g use:first-child:not(.no-animate) { opacity: 1 } .animated-img__svg.animated-img__svg--animated .animated-img__animation1 { -webkit-animation: 6s step-end infinite flicky; animation: 6s step-end infinite flicky } .animated-img__svg.animated-img__svg--animated .animated-img__animation2 { -webkit-animation: 6s step-end 3s infinite flicky; animation: 6s step-end 3s infinite flicky } .uk-kz-hero.section:not(:last-child):not(.section--increase) { padding: 100px 0 120px } .uk-kz-hero__bg-video, .uk-kz-hero__info-wrapper { position: relative; flex-grow: 1 } .uk-kz-hero__bg, .uk-kz-hero__video { position: absolute; top: 0; right: 0; left: 0; height: 100%; bottom: 0 } .uk-kz-hero__bg { width: 100%; display: flex } .uk-kz-hero__bg:after { content: ""; width: 35.2%; flex-shrink: 0; background-color: #c93a55 } .uk-kz-hero__img-wrapper { width: 35.2%; flex-shrink: 0; padding-right: 40px } .uk-kz-hero__video { width: 100%; -o-object-fit: cover; object-fit: cover } .uk-kz-hero__logo-pic { width: 166px; height: auto } .uk-kz-hero__logo-text { font-size: 14px; font-weight: 600; color: #949fa8; margin-left: 30px; max-width: 193px; line-height: 16px } .uk-kz-hero__description, .uk-kz-hero__kondensator-title { font-size: 18px; line-height: 32px; color: #fff } .uk-kz-hero__description { display: block; margin-top: 100px; width: 793px } .uk-kz-hero__container, .uk-kz-hero__video-container { position: relative; margin-left: 387px } .uk-kz-hero__container { max-width: 1360px; display: flex; align-items: stretch; z-index: 1 } .uk-kz-hero__kondensator { border: 4px solid #fff; padding: 30px; margin-top: 65px; max-width: 395px; width: 100% } .card-box, .project-thumbnail { border-radius: 50px } .card-box-text { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 130%; color: #26292f; } @media(max-width: 768px) { .card-box-text { font-size: 16px; } } .uk-kz-hero__kondensator-pic { width: 239px; height: auto } .uk-kz-hero__kondensator-img { display: flex; justify-content: center; align-items: center; margin-top: 30px } .uk-kz-hero__slider { margin-top: 85px; display: flex } .uk-kz-hero__slider-item { max-width: 1380px } .uk-kz-hero__slider-pic { width: 100%; height: auto; -o-object-fit: contain; object-fit: contain } .uk-kz-hero__slider-container { margin-left: 387px } .uk-kz-catalog { position: relative; padding-top: 200px; background-color: #efefef; margin-bottom: -1021px } .uk-kz-catalog__side-pic1 { position: absolute; left: auto !important; right: -10% !important; top: 31.5% !important; z-index: 2; max-width: 212px; width: 11.04167vw; min-width: 168px } .uk-kz-catalog__side-pic2 { position: absolute; left: -16% !important; top: 58.3% !important; z-index: 2; max-width: 290px; width: 15.10417vw; min-width: 200px } .uk-kz-catalog__pic, .uk-kz-production__pic { position: relative; z-index: 1; width: 100% } .uk-kz-catalog__img { line-height: 0; position: relative; margin: 0 auto; width: 59.6875vw; min-width: 928px; max-width: 1146px; z-index: 1 } .uk-kz-adaptive { position: relative; padding-top: 1105px } .uk-kz-adaptive.section:not(:last-child):not(.section--increase) { padding-bottom: 220px } .uk-kz-adaptive__devices-pic { max-width: 100% } .uk-kz-adaptive__bg { position: absolute; left: 0; right: 0; bottom: 0; top: 0; display: flex } .uk-kz-adaptive__bg:before { content: ""; width: 357px; min-width: 232px; background-color: #dc3c58 } .uk-kz-adaptive__bg:after { content: ""; flex-grow: 1; background-color: #314061 } .uk-kz-adaptive__container { max-width: 1515px; margin: 0 auto; padding: 0 40px; display: flex; position: relative; z-index: 1 } .uk-kz-adaptive__phone { width: 48.17708vw; max-width: 925px; min-width: 733px } .uk-kz-adaptive__devices-img { margin-left: auto; margin-right: 140px; margin-top: 67px; padding-left: 135px } .uk-kz-adaptive__phone-text { position: absolute; font-size: 24px; line-height: 43px; font-weight: 700; text-transform: uppercase; color: #fff; right: -27%; top: 20.2% } .uk-kz-production { margin-top: -170px } .uk-kz-production__side-pic1 { position: absolute; right: -16% !important; top: 6.7% !important; left: auto !important; z-index: 2; max-width: 344px; width: 17.91667vw; min-width: 183px } .uk-kz-production__side-pic2 { position: absolute; left: -8% !important; top: 79% !important; z-index: 2; max-width: 160px; width: 8.33333vw; min-width: 90px } .uk-kz-production__img { line-height: 0; position: relative; margin: 0 auto; width: 59.6875vw; min-width: 928px; max-width: 1146px } .uk-kz-product-card.section:not(:last-child):not(.section--increase) { padding-bottom: 0 } .uk-kz-product-card__bg { width: 100%; height: 100%; position: absolute; left: 0; right: 0; bottom: 0; top: 0; display: flex } .uk-kz-product-card__bg:before { content: ""; width: 32.5%; background-color: #dc3c58 } .uk-kz-product-card__bg:after { content: ""; flex-grow: 1 } .uk-kz-product-card__title { display: flex; justify-content: center; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; transform: scale(-1); line-height: 50px; font-weight: 700; color: #fff; font-size: 16px } .uk-kz-product-card__pic { max-width: 950px; width: 100%; height: auto } .anb-machinery-hero__container, .uk-kz-product-card__col:first-child { position: relative; display: flex } .uk-kz-product-card__col:first-child:before { content: ""; position: absolute; right: 0; width: 100vw; height: 100%; background-color: #dc3c58 } .uk-kz-about { position: relative; background-color: #314061; padding: 100px 0 } .uk-kz-about:after, .uk-kz-about__bg, .uk-kz-about__bg:after { position: absolute; right: 0; bottom: 0 } .uk-kz-about:after { content: ""; width: 44.11458vw; max-width: 847px; min-width: 489px; height: 43.48958vw; max-height: 835px; min-height: 489px; background-color: #dc3c58 } .uk-kz-about__bg { left: 0; top: 0 } .uk-kz-about__bg:after { width: 847px; height: 835px; background-color: #dc3c58 } .uk-kz-about__pic { width: 100%; position: relative; z-index: 1; height: auto } .uk-kz-about__side-pic1 { position: absolute; left: -16% !important; top: 91.9% !important; z-index: 2; max-width: 349px; width: 18.17708vw; min-width: 258px } .uk-kz-about__img { position: relative; line-height: 0; z-index: 1; margin: 0 auto; width: 59.6875vw; min-width: 928px; max-width: 1146px } .uk-kz-contacts__side-pic1 { position: absolute; left: -8% !important; top: 59.9% !important; max-width: 263px; width: 13.69792vw; min-width: 148px } .uk-kz-contacts__side-pic2 { position: absolute; top: 39% !important; right: -10% !important; left: auto !important } #item-9 img, .azia-avto-presentation2__img, .azia-avto__pic, .uk-kz-contacts__pic { width: 100% } .uk-kz-contacts__img { position: relative; z-index: 1; line-height: 0; margin: 0 auto; width: 59.6875vw; min-width: 928px; max-width: 1146px } .uk-kz-colors__container.container-small { padding: 0; width: 59.6875vw; min-width: 928px; max-width: 1146px } .uk-kz-colors__item { padding: 30px; display: flex; flex-direction: column; width: 264px; height: 13.75vw; max-height: 264px; min-height: 214px } .uk-kz-colors__item--small { width: 118px } .uk-kz-colors__item--inverse .uk-kz-colors__item-name, .uk-kz-colors__item--inverse .uk-kz-colors__item-title, .uk-kz-colors__item--inverse .uk-kz-colors__item-value { color: #2a2b31 } .uk-kz-colors__item-name, .uk-kz-colors__item-title { line-height: 32px; color: #fff; font-size: 14px } .uk-kz-colors__item-name { margin-top: auto; font-weight: 700 } .card-title, .list-num__bold { font-weight: 500 } .uk-kz-colors__item-value { font-size: 14px; color: #fff; line-height: 25px } .kazinteretnos-hero__logo { margin-top: 35px; margin-bottom: 105px; display: grid; grid-template-columns: 1fr 1fr; align-items: center } .kazinteretnos-hero__img::before { position: absolute; display: block; content: ""; background: linear-gradient(180deg, hsla(0, 0%, 76.9%, 0), #e8e8e8 51.04%, hsla(0, 0%, 76.9%, 0)); height: 100%; width: 2px; right: 0 } .kazinteretnos-hero__content { margin: 30px; font-size: 18px; max-width: 320px; flex: 1; color: #63626b } .kazinteretnos-description__item-text { width: 240px } .kazinteretnos-hero__pic { width: 100%; padding: 25px; margin: 0 auto; display: block; -o-object-fit: contain; object-fit: contain; height: 135px } .project-kcmr .kcmr-hero__pic { padding: 0; } .project-global .kazinteretnos-hero__pic { height: 150px } .slick-slide, .wrapper { width: 500px } .kazinteretnos-hero__description { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 35px; } .kazinteretnos-hero .kazzinc-hero__macbook { top: 0 !important; left: auto !important; right: 0 !important; } .kazzinc-details__imgs { display: flex; align-items: center; justify-content: center; } .kazzinc-details__imgs img { margin-bottom: 90px; } .hidden-card { margin-top: 40px; margin-bottom: 60px; } @media (max-width: 576px) { .hidden-card { margin-bottom: 40px; } .card-text { font-size: 16px; } .card-box { line-height: 130%; } } @media only screen and (max-width: 1322px) { .kazinteretnos-hero .kazzinc-hero__macbook { right: -6.1667vw !important; } } @media only screen and (max-width: 1000px) { .kazinteretnos-hero .kazzinc-hero__macbook { right: -20.1667vw !important; } } @media only screen and (max-width: 768px) { .kazinteretnos-hero .kazzinc-hero__macbook { position: relative !important; width: 94.79167vw; left: 5.72917vw !important; margin-top: 4.08333vw; display: block; transform: none !important; } .kazinteretnos-hero .kazzinc-hero__macbook img { transform: none !important; } #item-9 div { transform: none !important; } #item-9 img { transform: none !important; } .kazzinc-details__imgs img { margin-bottom: 50px; width: 100%; } } .section-cards, .steps-grid { grid-template-columns: 1fr 1fr } .ambulatory-website .hero .section-cards { grid-template-columns: 1fr } .ambulatory-website .card-box { height: fit-content; } .ambulatory-grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; gap: 20px; } .ambulatory-consider .group { margin-top: 45px; margin-bottom: 45px; } .ambulatory-consider .group img { width: 100%; } #ambulatory-grid__item-1 { grid-area: 1 / 1 / 2 / 2; } #ambulatory-grid__item-2 { grid-area: 2 / 1 / 3 / 2; } #ambulatory-grid__item-3 { grid-area: 1 / 2 / 3 / 3; } #ambulatory-grid__item-4 { grid-area: 3 / 1 / 5 / 2; } #ambulatory-grid__item-5 { grid-area: 3 / 2 / 4 / 3; } #ambulatory-grid__item-6 { grid-area: 4 / 2 / 5 / 3; } #ambulatory-grid__item-7 { grid-area: 5 / 1 / 6 / 2; } #ambulatory-grid__item-8 { grid-area: 5 / 2 / 6 / 3; } #ambulatory-grid__item-9 { grid-area: 6 / 1 / 8 / 2; } #ambulatory-grid__item-10 { grid-area: 6 / 2 / 7 / 3; } #ambulatory-grid__item-11 { grid-area: 7 / 2 / 8 / 3; } #ambulatory-grid__item-3, #ambulatory-grid__item-4, #ambulatory-grid__item-8, #ambulatory-grid__item-9 { display: flex; align-items: center; } #ambulatory-grid__item-1, #ambulatory-grid__item-5, #ambulatory-grid__item-10 { margin-bottom: 20px; } @media (max-width: 965px) { #ambulatory-grid__item-1\. { grid-area: 1 / 1 / 2 / 3; } #ambulatory-grid__item-1 { grid-area: 1 / 1 / 2 / 3; } #ambulatory-grid__item-2 { grid-area: 2 / 1 / 3 / 3; } #ambulatory-grid__item-3 { grid-area: 3 / 1 / 4 / 3; } #ambulatory-grid__item-5 { grid-area: 4 / 1 / 5 / 3; } #ambulatory-grid__item-4 { grid-area: 5 / 1 / 6 / 3; } #ambulatory-grid__item-6 { grid-area: 6 / 1 / 7 / 3; } #ambulatory-grid__item-8 { grid-area: 7 / 1 / 8 / 3; } #ambulatory-grid__item-7 { grid-area: 8 / 1 / 9 / 3; } #ambulatory-grid__item-10 { grid-area: 9 / 1 / 10 / 3; } #ambulatory-grid__item-9 { grid-area: 10 / 1 / 11 / 3; } #ambulatory-grid__item-11 { grid-area: 11 / 1 / 12 / 3; } .ambulatory-consider .group { margin-top: 15px; margin-bottom: 15px; } #ambulatory-grid__item-3, #ambulatory-grid__item-4, #ambulatory-grid__item-9 { margin-top: 20px; margin-bottom: 20px; } } .kazinteretnos-description__item-text { padding-left: 50px; color: #63626b; } .kazinteretnos-info__item:nth-child(2) .kazinteretnos-description__item-text { width: 229px; } @media(max-width: 698px) { .kazinteretnos-description__item-text { max-width: 200px; } .kazinteretnos-info__item:nth-child(2) .kazinteretnos-description__item-text { max-width: 229px; } } .kazinteretnos-description__item-text::before { content: ""; position: absolute; top: 13px; left: 0; width: 40px; height: 1px; background: #00a966 } @media (max-width:992px) { .project__list .project:last-child { display: none } } .project-thumbnail__img { border-radius: 50px; padding: 30px; text-align: center } .project-thumbnail__caption { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px } .slider { padding: 20px } .slider div { height: 100px; display: flex; align-items: center; justify-content: center; font-size: 24px } .card-box { font-size: 20px; padding: 60px; color: #26292f; box-shadow: 10px 14px 30px 0 rgba(0, 0, 0, .1); } .white-card, .white-card-line { background: #fff } .blue-card { background: -webkit-linear-gradient(124deg, #557fd8 0, #09a579 100%); background: -moz-linear-gradient(124deg, #557fd8 0, #09a579 100%); background: -o-linear-gradient(124deg, #557fd8 0, #09a579 100%); background: linear-gradient(124deg, #557fd8 0, #09a579 100%); color: #fff } .btn-result, .card-text, .card-title, body { color: #26292f } @media(max-width:1200px) { .blue-card, .white-card, .white-card-line { padding: 30px } } .section-cards { margin-left: 0; margin-right: 0; display: grid; gap: 30px } .section-cards__text { height: 100%; display: flex; align-items: center } @media(max-width:992px) { .kazinteretnos-details .section-cards { grid-template-columns: 1fr; gap: 40px } } .kazinteretnos-details .slider div { height: 333px; width: auto } .kazinteretnos-details .slider img { height: 100% } .list-num { font-size: 18px; line-height: 1.3 } @media (max-width:768px) { .card-box { font-size: 16px; padding: 20px } .kazinteretnos-details .slider div { height: 256px } .list-num { font-size: 16px } } @media (max-width:562px) { .kazinteretnos-details .slider div { height: 198px } } .kazinteretnos-details-item:after, .kazinteretnos-details-item:before { content: ""; position: absolute } .kazinteretnos-details-item:first-child:before, .kazinteretnos-details-item:nth-child(2):before, .kazinteretnos-details-item:nth-child(4):before, .kazinteretnos-details-item:nth-child(5):before, .kazinteretnos-details-item:nth-child(7):before, .kazinteretnos-details-item:nth-child(8):before { width: 2px; height: 80%; right: 0; top: 50%; transform: translateY(-50%); background: linear-gradient(180deg, hsla(0, 0%, 76.9%, 0), #e8e8e8 51.04%, hsla(0, 0%, 76.9%, 0)) } .kazinteretnos-details-item:first-child:after, .kazinteretnos-details-item:nth-child(2):after, .kazinteretnos-details-item:nth-child(3):after, .kazinteretnos-details-item:nth-child(4):after, .kazinteretnos-details-item:nth-child(5):after, .kazinteretnos-details-item:nth-child(6):after { height: 2px; width: 80%; left: 50%; bottom: 0; transform: translateX(-50%); background: linear-gradient(90deg, hsla(0, 0%, 76.9%, 0), #e8e8e8 51.04%, hsla(0, 0%, 76.9%, 0)) } .kazinteretnos-details-item:last-child .kazinteretnos-item__pic { width: 45px } #svg-iframe-group { display: flex; flex-wrap: wrap; margin-top: 30px } .svg-iframe-wrapper { position: relative; height: fit-content; overflow: hidden } .svg-iframe-wrapper>img { width: 100%; height: auto; display: block; position: relative; z-index: 10; pointer-events: none; } .svg-iframe-wrapper .image-box-inner { position: absolute; height: 100%; width: 100%; top: 3.5%; left: 0; z-index: 6; overflow: hidden; } .svg-iframe-wrapper .image-box-inner img { object-fit: cover; width: 100%; height: 100%; object-position: top; border-radius: 5% 5% 15% 15%; } .svg-iframe-wrapper iframe { position: absolute; border: none; overflow: hidden; scrollbar-width: none; -ms-overflow-style: none; z-index: 9; pointer-events: auto; width: 131%; height: 132%; transform: scale(0.75); transform-origin: top left; top: 0; left: 3px; } .svg-iframe-wrapper #iframe1 { top: 10px; width: 132%; height: 128%; border-radius: 35px; } .svg-iframe-wrapper #iframe2 { top: 9px; width: 131%; height: 130%; left: 4px; border-radius: 72px; } .svg-iframe-wrapper #frontal { position: absolute; width: 75px; height: 18px; top: 4%; left: 50%; transform: translateX(-50%) } .svg-iframe-wrapper iframe::-webkit-scrollbar { display: none } .svg-iframe-wrapper:first-child { margin-right: 60px } @media(max-width:1445px) { .svg-iframe-wrapper:first-child { margin-right: 0; width: 100% } .svg-iframe-wrapper:nth-child(2) { display: none } } @media(max-width:500px) { .svg-iframe-wrapper:first-child { display: none } .svg-iframe-wrapper:nth-child(2) { display: block; margin: 0 auto } } .wrapper { position: relative; height: 300px } .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100 } .iframe-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 110; overflow: hidden } .iframe-container iframe { width: calc(100% + 17px); height: 100%; border: none; margin-right: -17px } .corporate-website .blue-card, .corporate-website .white-card, .steps-grid div { height: fit-content } .btn-result { background: #f5f5f5 } #nav-buttons { display: flex; overflow-x: auto; overflow-y: hidden; padding: 10px; gap: 30px } @media (min-width: 768px) { #nav-buttons { flex-wrap: wrap; } } #nav-buttons::-webkit-scrollbar { width: 0 } #nav-buttons::-webkit-scrollbar-track { background: 0 0 } #nav-buttons::-webkit-scrollbar-thumb { background: 0 0 } .kazinteretnos-details__list { display: grid; grid-template-columns: repeat(3, 1fr); width: 100% } .kazinteretnos-details-item { position: relative; max-height: 192px } .kazinteretnos-details-item__img { height: 100%; width: 100%; padding: 20px } @media (max-width:1200px) { .kazinteretnos-details-item__img { padding: 10px } } .list-num li { position: relative; margin-bottom: 25px } .group, .group div, .steps-grid { display: grid; } .list-num li:last-child { margin-bottom: 0 } .list-num__btn { margin-top: 30px; background: linear-gradient(270deg, #09a679, #1347c0); border-radius: 40px 20px; padding: 3px; width: fit-content; } .card-title { font-size: 28px; margin-bottom: 30px } #item-0, #item-10, #item-4, #item-6, .card-text { margin-bottom: 20px } .card-text { font-size: 20px } .white-card .list-num li::before { content: attr(data-num); display: block; background-image: linear-gradient(270deg, #09a679, #1347c0); color: transparent; -webkit-background-clip: text; background-clip: text; position: absolute; left: 0; top: 0; font-size: 20px; font-weight: 700; } .card-box .list-num li:not([data-num]) { padding-left: 45px; } .card-box .list-num li[data-num] { padding-left: 30px; } .corporate-kazzinc-reason .blue-card { position: relative; } .blue-card .list-num li::before { content: ""; position: absolute; top: 10px; left: 0; width: 35px; height: 1px; background: #fff } .white-card-line .list-num li::before { content: ""; position: absolute; top: 10px; left: 0; width: 35px; height: 1px; background: #1347c0 } @media (max-width:698px) { .kazinteretnos-hero__logo { margin-bottom: 35px } .kazinteretnos-hero__description { grid-template-columns: 1fr; gap: 30px } } .corporate-content { margin-bottom: 90px } .steps-grid { grid-template-rows: repeat(8, minmax(auto, max-content)); height: 100%; gap: 0; grid-template-columns: 1fr !important } .steps-grid div { position: relative } .steps-grid .callback__img { width: 100%; top: 0; right: 0 } #item-0 { grid-row-end: 2 } #item-1 { grid-row-start: 2; grid-row-end: 3 } #item-2 { grid-row-end: 3 } #item-3 { grid-row-end: 5; margin-right: 20px } #item-4 { grid-row-end: 4 } #item-5 { grid-row-start: 4; grid-row-end: 5 } #item-7 { padding: 20px } #item-8 { grid-row-start: 6; grid-column-start: 1; grid-row-end: 7 } #item-9 { grid-row-end: 9; margin-top: 30px } #item-10 { grid-row-end: 8 } #item-11 { grid-row-start: 8; grid-row-end: 9 } .steps-grid svg { height: auto; max-height: 697px } .group { grid-template-columns: 1fr 1fr; margin-top: 90px; margin-bottom: 90px } .group div { height: auto !important } @media (max-width:768px) { .card-title { font-size: 24px; margin-bottom: 24px } .card-text { font-size: 18px } .kazinteretnos-description__item-text { width: auto } #item-2, #item-3, #item-7, .group, .kazinteretnos-hero__heading { margin-top: 30px } .kazinteretnos-hero__logo { margin-bottom: 35px } .section-cards { grid-template-columns: 1fr } .group { grid-template-columns: 1fr; margin-bottom: 30px } .group:first-child { margin-top: 0 } } @media (max-width:576px) { .project__list .project:first-child { margin-bottom: 40px } .list-num__btn { margin-left: 5px; } .card-title { font-size: 24px; margin-bottom: 20px } .kazinteretnos-hero__content { font-size: .85rem; margin: 12px } .kazinteretnos-hero__pic { padding: 12px } .kazinteretnos-description__item-text { font-size: 14px; } .kazinteretnos-description__item-text::before { top: 10px; } .card-box .list-num li[data-num] { padding-left: 25px; } .card-box .list-num li:not([data-num]) { padding-left: 35px; } .card-box .list-num li:not([data-num])::before { width: 20px } .white-card .list-num li::before { font-size: 16px; } .group { margin-top: 15px; margin-bottom: 15px } } .azia-avto__num, .azia-avto__title { font-family: Montserrat, sans-serif; text-align: center } .azia-avto__num { font-size: 288px; line-height: 1em; color: #ebebeb; font-weight: 800 } .anb-machinery-about__img, .azia-avto__title-wrapper { position: relative; line-height: 0 } .azia-avto__title { width: 100%; font-weight: 500; font-size: 48px; line-height: 1.22917em; color: #151515; text-align: center; margin-top: -100px } .azia-avto__striped:after, .azia-avto__striped:before { content: ""; position: absolute; width: 2px; height: 200px; left: 50%; transform: translateX(-50%, -5%) } .azia-avto__striped:before { background-color: #3a5793; top: 0 } .azia-avto__striped:after { background-color: #ebebeb; bottom: 0 } .azia-avto__blue .azia-avto__num { color: rgba(84, 112, 169, .7) } .azia-avto__blue .azia-avto__title { color: #fff } .azia-avto__container { max-width: 1320px; margin: 0 auto; padding-left: 40px; padding-right: 40px } .azia-avto-hero { position: relative; padding-top: 100px } .azia-avto-hero__bg { position: absolute; left: 0; top: 0; height: 800px; width: 100%; z-index: -1 } .azia-avto-hero__bg-pic { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .azia-avto-hero__logo { width: 470px; margin: 0 auto } .azia-avto-hero__logo-pic { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .azia-avto-hero__tag { padding: 12px 24px; background-color: #fff; line-height: 1.22222em; display: inline-flex; font-weight: 500; font-size: 18px; align-items: center; justify-content: center; border-radius: 33px; font-family: Montserrat, sans-serif; color: #264795; text-align: center } .azia-avto-hero__tag-wrapper { display: flex; justify-content: center; margin-top: 52px } .azia-avto-hero__imac { width: 772px; max-width: 100%; margin: 73px auto 0; line-height: 0 } .azia-avto-hero__imac-pic { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .azia-avto-typography__content { position: relative; margin-top: 320px } .azia-avto-typography__colors { display: flex; align-items: center; position: absolute; right: 0; top: 0 } .azia-avto-typography__color-list { display: flex; margin-left: -40px; margin-top: -30px } .azia-avto-typography__color-col { padding-left: 40px; padding-top: 30px; box-sizing: border-box } .azia-avto-typography__color-item { width: 64px; height: 64px; position: relative; flex-shrink: 0; border-radius: 100% } .azia-avto-typography__color-item:after, .azia-avto-typography__color-item:before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 100% } .azia-avto-typography__color-item:before { width: 48px; height: 48px; z-index: 1 } .azia-avto-typography__color-item:after { width: 56px; height: 56px } .azia-avto-typography__color-item--purple { background-color: rgba(38, 71, 149, .2) } .azia-avto-typography__color-item--purple:before { background-color: #264795 } .azia-avto-typography__color-item--purple:after { background-color: rgba(38, 71, 149, .4) } .azia-avto-typography__color-item--beige { background-color: rgba(132, 207, 237, .2) } .azia-avto-typography__color-item--beige:before { background-color: #84cfed } .azia-avto-typography__color-item--beige:after { background-color: rgba(132, 207, 237, .4) } .azia-avto-typography__color-item--black { background-color: rgba(37, 39, 44, .2) } .azia-avto-typography__color-item--black:before { background-color: #25272c } .azia-avto-typography__color-item--black:after { background-color: rgba(37, 39, 44, .4) } .azia-avto-typography__color-item--gray { background-color: hsla(0, 0%, 51.4%, .2) } .azia-avto-typography__color-item--gray:before { background-color: #838383 } .azia-avto-typography__color-item--gray:after { background-color: hsla(0, 0%, 51.4%, .4) } .azia-avto-typography__color-item--lightgray { background-color: hsla(0, 0%, 83.1%, .2) } .azia-avto-typography__color-item--lightgray:before { background-color: #d4d4d4 } .azia-avto-typography__color-item--lightgray:after { background-color: hsla(0, 0%, 83.1%, .4) } .azia-avto-typography__bg-title { position: absolute; left: 50%; top: 0; transform: translateX(-50%); font-weight: 700; font-size: 200px; line-height: 1.22em; color: #ebebeb; font-family: Proxima Nova, sans-serif; z-index: -1 } .azia-avto-typography__title { font-family: Proxima Nova, sans-serif; font-size: 48px; line-height: 1.20833em; font-weight: 600; padding-right: 440px } .azia-avto-typography__col { padding-left: 60px; padding-top: 20px; box-sizing: border-box } .azia-avto-typography__list { margin-left: -60px; margin-top: -20px; display: flex; flex-wrap: wrap } .azia-avto-typography__description { font-family: Proxima Nova, sans-serif; margin-top: 30px; font-size: 18px; line-height: 29px; color: #858585 } .azia-avto-typography__description br { display: none } .azia-avto-typography__description p { display: block } .azia-avto-typography__description p:first-child { max-width: 261px; width: 100% } .azia-avto-typography__description p:last-child { max-width: 414px; width: 100% } .azia-avto-catalog { padding: 260px 0 295px; margin-top: 165px; position: relative } .azia-avto-catalog__bg { position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; z-index: -1 } .ambulatory-colors__pic, .ambulatory-record__pic, .anb-machinery-about__pic, .anb-machinery-mockup__pic, .azia-avto-catalog__bg-pic, .azia-avto-catalog__pic, .azia-avto-constructor__pic, .azia-avto-contacts__pic, .azia-avto-presentation1__pic, .azia-avto-presentation2__pic, .azia-avto-presentation__pic, .azia-avto-production__pic, .kazzinc-about__pic, .kazzinc-main__pic, .kazzinc-mockup__pic { width: 100%; height: auto } .azia-avto-catalog__img, .azia-avto-presentation__img { margin-top: 60px; line-height: 0; position: relative } .azia-avto-catalog__side-pic1 { position: absolute; left: -16px !important; top: auto !important; bottom: 3.1% !important } .azia-avto-constructor__img { margin-top: 60px; width: 100%; line-height: 0; position: relative } .azia-avto-constructor__side-pic1 { position: absolute; right: -16% !important; left: auto !important; bottom: -14.7% !important; top: auto !important } .azia-avto-payment { padding-top: 260px; padding-bottom: 450px; margin-top: 75px; position: relative } .azia-avto-payment__bg { position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; z-index: -1 } .azia-avto-payment__bg-pic { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .azia-avto-contacts__img, .azia-avto-payment__img { margin-top: 60px; position: relative; line-height: 0 } .azia-avto-payment__pic { width: 100%; height: auto; position: relative } .azia-avto-payment__side-img1 { position: absolute; top: 43.2%; left: -127px } .azia-avto-presentation1 { padding-top: 300px; padding-bottom: 195px; margin-top: 20px; position: relative } .azia-avto-presentation1__bg { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: -1; width: 100%; height: 100% } .azia-avto-presentation2 { padding-top: 70px; padding-bottom: 23px; position: relative } .azia-avto-production { position: relative; padding-top: 260px; padding-bottom: 183px } .azia-avto-production__bg { position: absolute; left: 0; top: 0; z-index: -1 } .azia-avto-production__img { margin-top: 112px; line-height: 0 } .azia-avto-contacts { position: relative; margin-bottom: -60px; line-height: 0; padding-top: 58px; padding-bottom: 195px } .azia-avto-contacts__bg { position: absolute; left: 0; bottom: 0; width: 100%; z-index: -1 } .azia-avto-contacts__side-pic1 { position: absolute; right: -40px !important; top: 66.6% !important; left: auto !important } .ambulatory__section-title { font-family: Roboto, sans-serif; font-size: 48px; font-weight: 500; line-height: 1.16667em; color: #1d3480 } .ambulatory__section-title+.ambulatory__section-subtitle { margin-top: 10px } .ambulatory__section-title+.ambulatory__section-content { margin-top: 30px } .ambulatory__section-subtitle { font-family: Roboto, sans-serif; font-size: 18px; line-height: 1.16667em; color: #858585 } .ambulatory__section-subtitle+.ambulatory__section-content { margin-top: 60px } .ambulatory-hero { padding: 113px 0 350px; position: relative } .ambulatory-hero__bg { position: absolute; left: 0; top: 0; width: 100%; height: 620px } .ambulatory-hero__bg-pic { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .ambulatory-hero__title { margin-top: 30px; font-size: 48px; text-transform: uppercase; font-weight: 700; color: #fff } .ambulatory-hero__subtitle, .ambulatory-hero__title { display: block; line-height: 1.16667em; font-family: Roboto, sans-serif } .ambulatory-hero__subtitle { font-size: 18px; color: #ebebeb; margin-top: 10px } .ambulatory-hero__macbook { position: absolute; left: auto !important; right: -.36458vw !important; top: 7.2%; z-index: 1; width: 40.98958vw; min-width: 622px } .ambulatory-hero__stetoskop-img { position: absolute !important; left: 1.61458vw !important; bottom: -12% !important; top: auto !important; z-index: 1 } .ambulatory-hero__stetoskop { z-index: 1; width: 18.48958vw } .ambulatory-main { margin-top: 90px } .ambulatory-main__img { position: relative; margin: 0 -20px } .ambulatory-contacts__pic, .ambulatory-main__pic { width: 100%; height: auto; position: relative; z-index: 1 } .ambulatory-main__spot-img { position: absolute; left: 50% !important; transform: translateX(-50%) !important; top: 3% !important } .ambulatory-main__side-img1 { position: absolute; left: auto !important; right: -153px !important; top: 21.1% !important; z-index: 2 } .ambulatory-main__side-img2 { position: absolute; left: -150px !important; top: 59% !important; z-index: 1 } .ambulatory-main__side-img3 { position: absolute; left: auto !important; right: -17% !important; top: auto !important; bottom: -13% !important; z-index: 2 } .ambulatory-record { margin-top: 152px; padding: 145px 0 130px; position: relative; z-index: 1 } .ambulatory-record__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .ambulatory-record .ambulatory__section-subtitle, .ambulatory-record .ambulatory__section-title { color: #fff } .ambulatory-record__container, .ambulatory-record__pic { position: relative; z-index: 1 } .ambulatory-record__spot-img { position: absolute; left: 50% !important; transform: translateX(-50%) !important; top: 248px !important } .ambulatory-record__side-img1 { position: absolute; left: auto !important; right: -138px !important; top: 16.6% !important; z-index: 2 } .ambulatory-record__side-img2 { position: absolute; left: -88px !important; top: 57% !important; z-index: 2 } .ambulatory-record__side-img3 { position: absolute; top: auto !important; left: auto !important; bottom: -10% !important; right: -85px !important; z-index: 2 } .ambulatory-colors__list { display: flex; align-items: stretch; justify-content: space-between; max-width: 760px } .ambulatory-colors__item { display: flex; flex-direction: column; justify-content: space-between } .ambulatory-colors__name { font-size: 24px; line-height: 1.16667em; color: #858585; text-align: center; margin-top: 30px } .ambulatory-contacts { background-color: #fafafa; /*margin-bottom: -60px;*/ line-height: 0; padding-top: 175px; padding-bottom: 100px; position: relative } .ambulatory-contacts__side-img1 { position: absolute; z-index: 2; left: 0; bottom: 0 } .ambulatory-contacts__spot-img { position: absolute; left: auto !important; right: -137px !important; top: -9% !important } .ambulatory-contacts__side-img2 { position: absolute; right: -176px !important; top: auto !important; bottom: -16% !important; left: auto !important; z-index: 2 } .ambulatory-contacts__side-pic1 { width: 31.40625vw; min-width: 393px } .ambulatory-contacts__info { margin-left: 285px; margin-top: 100px; position: relative; z-index: 2 } .ambulatory-contacts__sign { font-family: Gilroy, sans-serif; font-weight: 700; font-size: 36px; color: #151515; line-height: 1.25em } .ambulatory-contacts__link { font-family: Gilroy, sans-serif; font-size: 24px; display: block; font-weight: 700; text-decoration: underline; color: #322a80; margin-top: 20px; transition: .65s cubic-bezier(.18, .9, .58, 1); transition-property: color } .anb-machinery-hero__title, .anb-machinery__section-title { font-family: Roboto, sans-serif; font-weight: 700; text-transform: uppercase } .ambulatory-contacts__link:hover { color: #574cc4 } .anb-machinery__section-title { line-height: 1.16667em; color: #fff; display: inline-block; border-bottom: 1px solid #d2a940; font-size: 28px } .anb-machinery__section-title--black { color: #151515 } .anb-machinery__section-title+.anb-machinery__section-container { margin-top: 100px } .anb-machinery-main { position: relative; padding-top: 316px; padding-bottom: 190px; z-index: 2 } .anb-machinery-card:before, .anb-machinery-main:before { display: block; content: ""; background-color: #212121; position: absolute; left: 0; top: 100px; right: 0; bottom: 100px } .anb-machinery-main__bottom { height: 101px; position: absolute; left: 0; right: 0; bottom: 0; background: #fafafa; max-width: 100% } .anb-machinery-main__top { height: 101px; position: absolute; left: 0; right: 0; top: 0; width: 101% } .anb-machinery-about__container, .anb-machinery-card__container, .anb-machinery-main__container { position: relative; z-index: 1; width: 59.6875vw; min-width: 928px; max-width: 1146px } .anb-machinery-main__pic { width: 100%; height: auto; position: relative; z-index: 3 } .anb-machinery-catalog__img, .anb-machinery-main__img { line-height: 0; position: relative } .anb-machinery-main__spot-pic1 { position: absolute !important; left: -28.7% !important; top: 0 !important; z-index: 1; max-width: 1268px; width: 66.04167vw; min-width: 1025px } .anb-machinery-main__spot-pic2 { position: absolute !important; left: -18.9% !important; top: 1.8% !important; z-index: 2; max-width: 1045px; width: 54.42708vw; min-width: 875px } .anb-machinery-main__side-pic1 { position: absolute !important; left: -21% !important; top: 10.7% !important; z-index: 4; max-width: 356px; width: 18.54167vw; min-width: 305px } .anb-machinery-main__spot-pic3 { position: absolute !important; left: -30% !important; top: 31.5% !important; z-index: 1; width: 63.54167vw; min-width: 980px } .anb-machinery-main__spot-pic4 { position: absolute !important; left: -35.5% !important; top: 29.9% !important; z-index: 2; max-width: 1220px; width: 63.54167vw; min-width: 980px } .anb-machinery-main__side-pic2 { position: absolute !important; left: -24% !important; top: 40.6% !important; z-index: 4; max-width: 477px; width: 24.84375vw; min-width: 370px } .anb-machinery-main__spot-pic5 { position: absolute !important; left: auto !important; right: -27% !important; top: 26.6% !important; z-index: 1; min-width: 960px; width: 64.58333vw; max-width: 1240px } .anb-machinery-main__spot-pic6 { position: absolute !important; left: auto !important; right: -15.8% !important; top: 29.9% !important; z-index: 2 !important; min-width: 755px; width: 52.23958vw; max-width: 1003px } .anb-machinery-main__spot-pic7 { position: absolute !important; left: auto !important; right: -18.2% !important; top: 62% !important; z-index: 1; min-width: 820px; max-width: 1063px; width: 55.36458vw } .anb-machinery-main__side-pic3 { position: absolute !important; left: auto !important; right: -14.8% !important; top: 70.4% !important; z-index: 4; max-width: 309px; width: 16.09375vw; min-width: 240px } .anb-machinery-main__side-pic4 { left: auto !important; top: auto !important; position: absolute !important; bottom: -5.1% !important; right: -11% !important; z-index: 4; min-width: 500px; width: 31.82292vw; max-width: 611px } .anb-machinery-hero { padding-top: 176px; padding-bottom: 400px; margin-bottom: -295px; position: relative } .anb-machinery-hero__logo-pic { width: 286px; height: auto } .anb-machinery-hero__title { font-size: 36px; line-height: 1.16667em; color: #2b2c34; display: block; margin-top: 24px } .anb-machinery-hero__description { color: #63626b; font-size: 16px; line-height: 1.1875em; display: block; margin-top: 10px } .anb-machinery-hero__info { max-width: 560px } .anb-machinery-hero__phone { width: 925px; height: 368px; transform: none !important; transform-style: flat !important } .anb-machinery-hero__phone-pic { position: absolute; left: auto !important; right: -133px !important; top: 10% !important; z-index: 4 } .anb-machinery-hero__spot2 { position: absolute; left: auto !important; right: -390px !important; top: -24.1% !important; z-index: 1 } .anb-machinery-hero__spot1 { position: absolute; left: auto !important; right: -381px !important; top: -23% !important } .anb-machinery-catalog { padding-top: 239px; padding-bottom: 93px; background-color: #fafafa } .anb-machinery-card__pic, .anb-machinery-catalog__pic { width: 100%; height: auto; position: relative; z-index: 2 } .anb-machinery-catalog__spot-pic1 { position: absolute; left: 50%; transform: translateX(-50%); top: 13%; z-index: 1; max-width: 1470px; width: 76.5625vw; min-width: 1120px } .anb-machinery-catalog__container { width: 59.6875vw; min-width: 928px; max-width: 1146px } .anb-machinery-catalog__side-pic1 { position: absolute !important; z-index: 4; left: -21% !important; top: 11.2% !important; min-width: 390px; width: 26.45833vw; max-width: 508px } .anb-machinery-catalog__side-pic2 { position: absolute !important; left: auto !important; z-index: 4; right: -15% !important; top: 57% !important; min-width: 285px; max-width: 380px; width: 19.79167vw } .anb-machinery-card { position: relative; z-index: 1; padding-top: 315px; padding-bottom: 250px; background: #ebebeb } .anb-machinery-card__bottom { height: 101px; position: absolute; left: 0; right: 0; bottom: 0; max-width: 100%; background: #f2f2f2 } .anb-machinery-card__top { height: 101px; position: absolute; left: 0; right: 0; top: 0; width: 101%; background: #fafafa } .anb-machinery-card__bg { position: absolute; left: 0; top: 0; width: 100% } .anb-machinery-card__img { line-height: 0 } .anb-machinery-card__spot-pic1 { position: absolute; left: 50%; transform: translateX(-50%); top: -8.7%; z-index: 1; min-width: 1547px; max-width: 1920px; width: 100vw } .anb-machinery-card__side-pic1 { position: absolute !important; z-index: 4; left: auto !important; right: -12% !important; top: -3% !important; max-width: 402px; width: 20.9375vw; min-width: 330px } .anb-machinery-card__side-pic2 { position: absolute !important; z-index: 4; top: 45% !important; left: -18% !important; max-width: 379px; width: 19.73958vw; min-width: 300px } .anb-machinery-card__side-pic3 { position: absolute !important; z-index: 4; top: 90% !important; right: 0 !important; left: auto !important; min-width: 500px; max-width: 650px; width: 33.85417vw } .anb-machinery-mockup { padding-top: 80px; background: #f2f2f2 } .anb-machinery-about { background: #f4f4f4; margin-bottom: -60px; padding-top: 160px; padding-bottom: 152px } .anb-machinery-about__side-pic1 { position: absolute !important; z-index: 1; top: 36% !important; left: -17% !important; max-width: 361px; width: 18.80208vw; min-width: 300px } .anb-machinery-about__side-pic2 { position: absolute !important; z-index: 1; left: auto !important; right: -11% !important; top: 67% !important; width: 19.375vw; max-width: 372px; min-width: 300px } .anb-machinery-about__sign { font-size: 36px; line-height: 1.25em; color: #151515; font-weight: 700; display: block; margin-top: 90px; text-align: center; font-family: Gilroy, sans-serif } .anb-machinery-about__link, .kazzinc__section-description { font-family: Gilroy, sans-serif; margin-top: 10px; display: block } .anb-machinery-about__link { text-align: center; font-size: 24px; font-weight: 700; line-height: 1.25em; text-decoration: underline; color: #322a80 } @media (min-width: 1440px) { .global-results-heading { margin-bottom: 20px !important; } } .section-project-preview { background: linear-gradient(transparent 65%, #2b90db 65%); } @media(min-width: 991px) { .section-coop { margin-bottom: 60px; } } .global-results__card ol li { margin-bottom: 20px; } .section-coop .card-box { line-height: 130%; } .kazzinc__section-title-wrapper { margin-left: 98px; max-width: 668px } .kazzinc__section-title { font-family: Gilroy, sans-serif; font-size: 36px; font-weight: 700; line-height: 45px; position: relative } .kazzinc__section-title:before { content: ""; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBvcGFjaXR5PSIuMyIgc3Ryb2tlPSIjMkIyQzM0Ij48Y2lyY2xlIG9wYWNpdHk9Ii40IiBjeD0iMTI1IiBjeT0iMTI1IiByPSI0OS41Ii8+PGNpcmNsZSBvcGFjaXR5PSIuMyIgY3g9IjEyNSIgY3k9IjEyNSIgcj0iNzQuNSIvPjxjaXJjbGUgb3BhY2l0eT0iLjIiIGN4PSIxMjUiIGN5PSIxMjUiIHI9Ijk5LjUiLz48Y2lyY2xlIG9wYWNpdHk9Ii4xIiBjeD0iMTI1IiBjeT0iMTI1IiByPSIxMjQuNSIvPjwvZz48L3N2Zz4=); width: 250px; height: 250px; position: absolute; left: -110px; top: -105px } .kazzinc__section-title span { color: #006cb5 } .kazzinc__section-description { font-weight: 300; font-size: 18px; line-height: 1.22222em } .kazzinc__section-content { margin-top: 53px } .kazzinc-hero { padding-top: 100px; padding-bottom: 61px; position: relative; z-index: 3 } .kazzinc-hero__title { font-family: Roboto, sans-serif; font-size: 36px; line-height: 1.16667em; font-weight: 700; text-transform: uppercase; color: #2b2c34; display: block; margin-top: 52px } .kazzinc-hero__description { font-size: 16px; font-family: Roboto, sans-serif; line-height: 1.1875em; color: #63626b; display: block; margin-top: 10px } .kazzinc-hero__info { max-width: 558px } .kazzinc-hero__macbook { position: absolute; right: 171px !important; left: auto !important; top: 24% !important } .case-kazinteretnos .case-result { background: linear-gradient( to bottom right, #557FD8 0%, #557FD8 30%, #09A579 100% ); background-size: 100% 50%; background-repeat: no-repeat; background-position: bottom; } .kazinteretnos-hero__laptop { right: 0; } .kazinteretnos-hero__laptop, .kazzinc-hero__macbook-pic, .kazzinc-main__side-pic3 { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .kazzinc-main { position: relative; padding-top: 200px } .kazzinc-main__bg { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: auto } .kazzinc-main__container, .kazzinc-main__pic { position: relative; z-index: 3 } .kazzinc-main__spot1 { position: absolute !important; left: -8.8% !important; top: 1.5% !important; z-index: 1 } .kazzinc-main__spot2 { position: absolute !important; left: -13% !important; top: 2.5% !important; z-index: 2 } .kazzinc-main__side-img1 { position: absolute !important; right: 60px !important; bottom: 29.6% !important; z-index: 4 } .kazzinc-main__side-pic2 { position: absolute; right: -950px; width: 2023px; bottom: -13.3%; z-index: 1 } .kazzinc-main__side-img3 { position: absolute; right: 335px; bottom: 1.1%; z-index: 4 } .kazzinc-main .kazzinc__section-description, .kazzinc-main .kazzinc__section-title { color: #fff } .kazzinc-main .kazzinc__section-title-wrapper { margin-left: 0 } .kazzinc-main .kazzinc__section-title { padding-left: 0 } .kazzinc-main .kazzinc__section-title:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBvcGFjaXR5PSIuMyIgc3Ryb2tlPSIjZmZmIj48Y2lyY2xlIG9wYWNpdHk9Ii40IiBjeD0iMTI1IiBjeT0iMTI1IiByPSI0OS41Ii8+PGNpcmNsZSBvcGFjaXR5PSIuMyIgY3g9IjEyNSIgY3k9IjEyNSIgcj0iNzQuNSIvPjxjaXJjbGUgb3BhY2l0eT0iLjIiIGN4PSIxMjUiIGN5PSIxMjUiIHI9Ijk5LjUiLz48Y2lyY2xlIG9wYWNpdHk9Ii4xIiBjeD0iMTI1IiBjeT0iMTI1IiByPSIxMjQuNSIvPjwvZz48L3N2Zz4=) } .kazzinc-about { margin-top: 225px; position: relative; padding-bottom: 180px; z-index: 3 } .kazzinc-about__bg { position: absolute; left: 0; top: 22.8%; width: 100%; height: auto } .kazzinc-about__container, .kazzinc-about__pic, .kazzinc-production__container { position: relative; z-index: 1 } .kazzinc-about__spot1 { position: absolute !important; left: -15% !important; top: 44% !important } .kazzinc-about__side-pic1 { position: absolute !important; left: -92px !important; top: 43.7% !important; z-index: 4 } .kazzinc-about__side-pic2 { position: absolute !important; left: auto !important; right: -60px !important; top: auto !important; bottom: -4.5% !important; z-index: 4 } .kazzinc-production { padding-top: 97px; margin-bottom: -60px; padding-bottom: 313px; position: relative } .kazzinc-production__pic { width: 100%; height: auto; position: static !important } .kazzinc-production__side-pic2 { position: absolute; left: 0; top: -2.4% } .kazzinc-production__side-pic1 { position: absolute !important; left: auto !important; right: -315px !important; top: -4.8% !important; z-index: 4 } .kazzinc-production__side-pic3 { position: absolute !important; left: auto !important; top: auto !important; bottom: -22% !important; right: -386px !important; z-index: 4 } .kazzinc-production__info { margin-top: 253px } .kazzinc-production__info-title { font-size: 36px; color: #151515 } .kazzinc-production__info-link, .kazzinc-production__info-title { font-family: Gilroy, sans-serif; font-weight: 700; line-height: 1.25em } .kazzinc-production__info-link { display: block; font-size: 24px; text-decoration: underline; color: #322a80; margin-top: 10px; transition: .65s cubic-bezier(.18, .9, .58, 1); transition-property: color } .kazzinc-production__info-link:hover { color: #574cc4 } .kazinteretnos-hero__laptop { position: absolute; right: 0; left: auto } @media(max-width:1230px) { .kazinteretnos-hero__laptop { top: 20% !important } } @media(max-width:768px) { .section-heading__badge { display: none } .corporate-content { margin-bottom: 60px } .callback__img { margin: 0 auto } #item-0, #item-1, #item-11, #item-3, #item-4, #item-5, #item-6, #item-7, #item-8, #item-9 { grid-column-end: 3 } #item-10, #item-11, #item-2, #item-4, #item-5, #item-7 { grid-column-start: 1 } #item-2 { grid-row-start: 3 } #item-3 { grid-row-start: 6; grid-row-end: 6 } #item-4 { grid-row-start: 4 } #item-5 { grid-row-start: 5 } #item-6 { grid-row-start: 7; grid-row-end: 8 } #item-7 { grid-row-start: 9; grid-row-end: 10 } #item-8 { grid-row-start: 8; grid-row-end: 9 } #item-9 { grid-row-start: 12; grid-row-end: 13 } #item-10 { grid-row-start: 10; grid-row-end: 11 } #item-11 { grid-row-start: 11; grid-row-end: 12 } .kazinteretnos-hero { flex-direction: column; } .kazinteretnos-hero__laptop { position: relative } } .kazinteretnos-hero__laptop-pic { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; max-width: 769px; max-height: 624px } ::-webkit-scrollbar { width: 7px } ::-webkit-scrollbar-thumb { background-color: #26292f } ::-moz-placeholder { color: #5f636a } :-ms-input-placeholder { color: #5f636a } ::-ms-input-placeholder { color: #5f636a } ::placeholder { color: #5f636a } .form__end-bgtitle, .form__end-subtitle, .form__end-title { text-align: center; color: #fff } ::-moz-selection { background-color: #09a679; color: #fff } ::selection { background-color: #09a679; color: #fff } html * { scroll-behavior: auto } body { font-size: 16px; min-width: 320px; position: relative; line-height: 1.65; font-weight: 400; overflow-x: hidden } body .container { max-width: 1440px } body .container--small { max-width: 1175px } body .container--cases { max-width: 1120px } .main { padding: 120px 0 60px; max-width: 1920px; margin: 0 auto; overflow: hidden; box-shadow: 0 0 30px rgba(0, 0, 0, .22) } .popup-overlay { background-color: rgba(0, 0, 0, .3); height: 100%; width: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 666; display: none } .tns-nav { display: flex; justify-content: center; margin-top: 40px; height: 18px; position: relative; z-index: 1 } .tns-nav button { width: 14px; flex-shrink: 0; height: 14px; padding: 0; border-radius: 100%; box-sizing: border-box; overflow: hidden; box-shadow: none; border: none; opacity: .6; transition: opacity, transform .4s } .tns-nav button.tns-nav-active { opacity: 1; transform: scale(1.3) } .tns-nav button:not(:first-child) { margin-left: 12px } .os-theme-dark>.os-scrollbar-vertical { width: 6px } .os-theme-dark>.os-scrollbar { background: #fff; padding: 0 } .tns-inner, .tns-ovh { line-height: 0; font-size: 0 } .container-small { max-width: 1230px; margin: 0 auto; padding-left: 40px; padding-right: 40px } .row.no-gutter { margin-left: 9px; margin-right: 0 } .row.no-gutter [class*=col-] { padding-left: 0; padding-right: 0 } .form__end-message { position: relative; display: none; opacity: 0; justify-content: center; align-items: center } .form__end-inner { position: absolute; top: 50%; width: 100%; transform: translateY(-50%) } .form__end-title { font-size: 64px; line-height: 1em; font-weight: 500 } .form__end-subtitle { font-size: 18px; line-height: 1.55556em } .form__end-bgtitle { font-size: 144px; line-height: 1em; opacity: .03 } @media screen and (min-width:480px) { .uk-kz-product-card__title { font-size: calc(16px + 8 * (100vw - 480px) / 96) } } @media (min-width:576px) { .container, .container-sm { max-width: 540px } .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100% } .col-sm-12, .row-cols-sm-1>* { flex: 0 0 100%; max-width: 100% } .col-sm-6, .row-cols-sm-2>* { flex: 0 0 50%; max-width: 50% } .col-sm-4, .row-cols-sm-3>* { flex: 0 0 33.33333%; max-width: 33.33333% } .col-sm-3, .row-cols-sm-4>* { flex: 0 0 25%; max-width: 25% } .row-cols-sm-5>* { flex: 0 0 20%; max-width: 20% } .col-sm-2, .row-cols-sm-6>* { flex: 0 0 16.66667%; max-width: 16.66667% } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333% } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667% } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333% } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667% } .col-sm-9 { flex: 0 0 75%; max-width: 75% } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333% } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667% } .order-sm-first { order: -1 } .order-sm-last { order: 13 } .order-sm-0 { order: 0 } .order-sm-1 { order: 1 } .order-sm-2 { order: 2 } .order-sm-3 { order: 3 } .order-sm-4 { order: 4 } .order-sm-5 { order: 5 } .order-sm-6 { order: 6 } .order-sm-7 { order: 7 } .order-sm-8 { order: 8 } .order-sm-9 { order: 9 } .order-sm-10 { order: 10 } .order-sm-11 { order: 11 } .order-sm-12 { order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.33333% } .offset-sm-2 { margin-left: 16.66667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.33333% } .offset-sm-5 { margin-left: 41.66667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.33333% } .offset-sm-8 { margin-left: 66.66667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.33333% } .offset-sm-11 { margin-left: 91.66667% } .d-sm-none { display: none !important } .d-sm-inline { display: inline !important } .d-sm-inline-block { display: inline-block !important } .d-sm-block { display: block !important } .d-sm-table { display: table !important } .d-sm-table-row { display: table-row !important } .d-sm-table-cell { display: table-cell !important } .d-sm-flex { display: flex !important } .d-sm-inline-flex { display: inline-flex !important } .flex-sm-row { flex-direction: row !important } .flex-sm-column { flex-direction: column !important } .flex-sm-row-reverse { flex-direction: row-reverse !important } .flex-sm-column-reverse { flex-direction: column-reverse !important } .flex-sm-wrap { flex-wrap: wrap !important } .flex-sm-nowrap { flex-wrap: nowrap !important } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-sm-fill { flex: 1 1 auto !important } .flex-sm-grow-0 { flex-grow: 0 !important } .flex-sm-grow-1 { flex-grow: 1 !important } .flex-sm-shrink-0 { flex-shrink: 0 !important } .flex-sm-shrink-1 { flex-shrink: 1 !important } .justify-content-sm-start { justify-content: flex-start !important } .justify-content-sm-end { justify-content: flex-end !important } .justify-content-sm-center { justify-content: center !important } .justify-content-sm-between { justify-content: space-between !important } .justify-content-sm-around { justify-content: space-around !important } .align-items-sm-start { align-items: flex-start !important } .align-items-sm-end { align-items: flex-end !important } .align-items-sm-center { align-items: center !important } .align-items-sm-baseline { align-items: baseline !important } .align-items-sm-stretch { align-items: stretch !important } .align-content-sm-start { align-content: flex-start !important } .align-content-sm-end { align-content: flex-end !important } .align-content-sm-center { align-content: center !important } .align-content-sm-between { align-content: space-between !important } .align-content-sm-around { align-content: space-around !important } .align-content-sm-stretch { align-content: stretch !important } .align-self-sm-auto { align-self: auto !important } .align-self-sm-start { align-self: flex-start !important } .align-self-sm-end { align-self: flex-end !important } .align-self-sm-center { align-self: center !important } .align-self-sm-baseline { align-self: baseline !important } .align-self-sm-stretch { align-self: stretch !important } .m-sm-0 { margin: 0 !important } .mt-sm-0, .my-sm-0 { margin-top: 0 !important } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important } .m-sm-1 { margin: .25rem !important } .mt-sm-1, .my-sm-1 { margin-top: .25rem !important } .mr-sm-1, .mx-sm-1 { margin-right: .25rem !important } .mb-sm-1, .my-sm-1 { margin-bottom: .25rem !important } .ml-sm-1, .mx-sm-1 { margin-left: .25rem !important } .m-sm-2 { margin: .5rem !important } .mt-sm-2, .my-sm-2 { margin-top: .5rem !important } .mr-sm-2, .mx-sm-2 { margin-right: .5rem !important } .mb-sm-2, .my-sm-2 { margin-bottom: .5rem !important } .ml-sm-2, .mx-sm-2 { margin-left: .5rem !important } .m-sm-3 { margin: 1rem !important } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important } .m-sm-4 { margin: 1.5rem !important } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important } .m-sm-5 { margin: 3rem !important } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important } .p-sm-0 { padding: 0 !important } .pt-sm-0, .py-sm-0 { padding-top: 0 !important } .pr-sm-0, .px-sm-0 { padding-right: 0 !important } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important } .pl-sm-0, .px-sm-0 { padding-left: 0 !important } .p-sm-1 { padding: .25rem !important } .pt-sm-1, .py-sm-1 { padding-top: .25rem !important } .pr-sm-1, .px-sm-1 { padding-right: .25rem !important } .pb-sm-1, .py-sm-1 { padding-bottom: .25rem !important } .pl-sm-1, .px-sm-1 { padding-left: .25rem !important } .p-sm-2 { padding: .5rem !important } .pt-sm-2, .py-sm-2 { padding-top: .5rem !important } .pr-sm-2, .px-sm-2 { padding-right: .5rem !important } .pb-sm-2, .py-sm-2 { padding-bottom: .5rem !important } .pl-sm-2, .px-sm-2 { padding-left: .5rem !important } .p-sm-3 { padding: 1rem !important } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important } .p-sm-4 { padding: 1.5rem !important } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important } .p-sm-5 { padding: 3rem !important } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important } .m-sm-n1 { margin: -.25rem !important } .mt-sm-n1, .my-sm-n1 { margin-top: -.25rem !important } .mr-sm-n1, .mx-sm-n1 { margin-right: -.25rem !important } .mb-sm-n1, .my-sm-n1 { margin-bottom: -.25rem !important } .ml-sm-n1, .mx-sm-n1 { margin-left: -.25rem !important } .m-sm-n2 { margin: -.5rem !important } .mt-sm-n2, .my-sm-n2 { margin-top: -.5rem !important } .mr-sm-n2, .mx-sm-n2 { margin-right: -.5rem !important } .mb-sm-n2, .my-sm-n2 { margin-bottom: -.5rem !important } .ml-sm-n2, .mx-sm-n2 { margin-left: -.5rem !important } .m-sm-n3 { margin: -1rem !important } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important } .m-sm-n4 { margin: -1.5rem !important } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important } .m-sm-n5 { margin: -3rem !important } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important } .m-sm-auto { margin: auto !important } .mt-sm-auto, .my-sm-auto { margin-top: auto !important } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important } } @media screen and (min-width:576px) { .uk-kz-product-card__title { font-size: 24px } } @media only screen and (min-width:768px) { .reviews-item:hover { transform: translateY(-5px) } } @media (min-width:768px) { .container, .container-md, .container-sm { max-width: 720px } .col-md { flex-basis: 0; flex-grow: 1; max-width: 100% } .col-md-12, .row-cols-md-1>* { flex: 0 0 100%; max-width: 100% } .col-md-6, .row-cols-md-2>* { flex: 0 0 50%; max-width: 50% } .col-md-4, .row-cols-md-3>* { flex: 0 0 33.33333%; max-width: 33.33333% } .col-md-3, .row-cols-md-4>* { flex: 0 0 25%; max-width: 25% } .row-cols-md-5>* { flex: 0 0 20%; max-width: 20% } .col-md-2, .row-cols-md-6>* { flex: 0 0 16.66667%; max-width: 16.66667% } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333% } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667% } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333% } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667% } .col-md-9 { flex: 0 0 75%; max-width: 75% } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333% } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667% } .order-md-first { order: -1 } .order-md-last { order: 13 } .order-md-0 { order: 0 } .order-md-1 { order: 1 } .order-md-2 { order: 2 } .order-md-3 { order: 3 } .order-md-4 { order: 4 } .order-md-5 { order: 5 } .order-md-6 { order: 6 } .order-md-7 { order: 7 } .order-md-8 { order: 8 } .order-md-9 { order: 9 } .order-md-10 { order: 10 } .order-md-11 { order: 11 } .order-md-12 { order: 12 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.33333% } .offset-md-2 { margin-left: 16.66667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.33333% } .offset-md-5 { margin-left: 41.66667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.33333% } .offset-md-8 { margin-left: 66.66667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.33333% } .offset-md-11 { margin-left: 91.66667% } .d-md-none { display: none !important } .d-md-inline { display: inline !important } .d-md-inline-block { display: inline-block !important } .d-md-block { display: block !important } .d-md-table { display: table !important } .d-md-table-row { display: table-row !important } .d-md-table-cell { display: table-cell !important } .d-md-flex { display: flex !important } .d-md-inline-flex { display: inline-flex !important } .flex-md-row { flex-direction: row !important } .flex-md-column { flex-direction: column !important } .flex-md-row-reverse { flex-direction: row-reverse !important } .flex-md-column-reverse { flex-direction: column-reverse !important } .flex-md-wrap { flex-wrap: wrap !important } .flex-md-nowrap { flex-wrap: nowrap !important } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-md-fill { flex: 1 1 auto !important } .flex-md-grow-0 { flex-grow: 0 !important } .flex-md-grow-1 { flex-grow: 1 !important } .flex-md-shrink-0 { flex-shrink: 0 !important } .flex-md-shrink-1 { flex-shrink: 1 !important } .justify-content-md-start { justify-content: flex-start !important } .justify-content-md-end { justify-content: flex-end !important } .justify-content-md-center { justify-content: center !important } .justify-content-md-between { justify-content: space-between !important } .justify-content-md-around { justify-content: space-around !important } .align-items-md-start { align-items: flex-start !important } .align-items-md-end { align-items: flex-end !important } .align-items-md-center { align-items: center !important } .align-items-md-baseline { align-items: baseline !important } .align-items-md-stretch { align-items: stretch !important } .align-content-md-start { align-content: flex-start !important } .align-content-md-end { align-content: flex-end !important } .align-content-md-center { align-content: center !important } .align-content-md-between { align-content: space-between !important } .align-content-md-around { align-content: space-around !important } .align-content-md-stretch { align-content: stretch !important } .align-self-md-auto { align-self: auto !important } .align-self-md-start { align-self: flex-start !important } .align-self-md-end { align-self: flex-end !important } .align-self-md-center { align-self: center !important } .align-self-md-baseline { align-self: baseline !important } .align-self-md-stretch { align-self: stretch !important } .m-md-0 { margin: 0 !important } .mt-md-0, .my-md-0 { margin-top: 0 !important } .mr-md-0, .mx-md-0 { margin-right: 0 !important } .mb-md-0, .my-md-0 { margin-bottom: 0 !important } .ml-md-0, .mx-md-0 { margin-left: 0 !important } .m-md-1 { margin: .25rem !important } .mt-md-1, .my-md-1 { margin-top: .25rem !important } .mr-md-1, .mx-md-1 { margin-right: .25rem !important } .mb-md-1, .my-md-1 { margin-bottom: .25rem !important } .ml-md-1, .mx-md-1 { margin-left: .25rem !important } .m-md-2 { margin: .5rem !important } .mt-md-2, .my-md-2 { margin-top: .5rem !important } .mr-md-2, .mx-md-2 { margin-right: .5rem !important } .mb-md-2, .my-md-2 { margin-bottom: .5rem !important } .ml-md-2, .mx-md-2 { margin-left: .5rem !important } .m-md-3 { margin: 1rem !important } .mt-md-3, .my-md-3 { margin-top: 1rem !important } .mr-md-3, .mx-md-3 { margin-right: 1rem !important } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important } .ml-md-3, .mx-md-3 { margin-left: 1rem !important } .m-md-4 { margin: 1.5rem !important } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important } .m-md-5 { margin: 3rem !important } .mt-md-5, .my-md-5 { margin-top: 3rem !important } .mr-md-5, .mx-md-5 { margin-right: 3rem !important } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important } .ml-md-5, .mx-md-5 { margin-left: 3rem !important } .p-md-0 { padding: 0 !important } .pt-md-0, .py-md-0 { padding-top: 0 !important } .pr-md-0, .px-md-0 { padding-right: 0 !important } .pb-md-0, .py-md-0 { padding-bottom: 0 !important } .pl-md-0, .px-md-0 { padding-left: 0 !important } .p-md-1 { padding: .25rem !important } .pt-md-1, .py-md-1 { padding-top: .25rem !important } .pr-md-1, .px-md-1 { padding-right: .25rem !important } .pb-md-1, .py-md-1 { padding-bottom: .25rem !important } .pl-md-1, .px-md-1 { padding-left: .25rem !important } .p-md-2 { padding: .5rem !important } .pt-md-2, .py-md-2 { padding-top: .5rem !important } .pr-md-2, .px-md-2 { padding-right: .5rem !important } .pb-md-2, .py-md-2 { padding-bottom: .5rem !important } .pl-md-2, .px-md-2 { padding-left: .5rem !important } .p-md-3 { padding: 1rem !important } .pt-md-3, .py-md-3 { padding-top: 1rem !important } .pr-md-3, .px-md-3 { padding-right: 1rem !important } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important } .pl-md-3, .px-md-3 { padding-left: 1rem !important } .p-md-4 { padding: 1.5rem !important } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important } .p-md-5 { padding: 3rem !important } .pt-md-5, .py-md-5 { padding-top: 3rem !important } .pr-md-5, .px-md-5 { padding-right: 3rem !important } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important } .pl-md-5, .px-md-5 { padding-left: 3rem !important } .m-md-n1 { margin: -.25rem !important } .mt-md-n1, .my-md-n1 { margin-top: -.25rem !important } .mr-md-n1, .mx-md-n1 { margin-right: -.25rem !important } .mb-md-n1, .my-md-n1 { margin-bottom: -.25rem !important } .ml-md-n1, .mx-md-n1 { margin-left: -.25rem !important } .m-md-n2 { margin: -.5rem !important } .mt-md-n2, .my-md-n2 { margin-top: -.5rem !important } .mr-md-n2, .mx-md-n2 { margin-right: -.5rem !important } .mb-md-n2, .my-md-n2 { margin-bottom: -.5rem !important } .ml-md-n2, .mx-md-n2 { margin-left: -.5rem !important } .m-md-n3 { margin: -1rem !important } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important } .m-md-n4 { margin: -1.5rem !important } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important } .m-md-n5 { margin: -3rem !important } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important } .m-md-auto { margin: auto !important } .mt-md-auto, .my-md-auto { margin-top: auto !important } .mr-md-auto, .mx-md-auto { margin-right: auto !important } .mb-md-auto, .my-md-auto { margin-bottom: auto !important } .ml-md-auto, .mx-md-auto { margin-left: auto !important } } @media screen and (min-width:768px) { .uk-kz-product-card__title { font-size: 36px } } @media (min-width:992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px } .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100% } .col-lg-12, .row-cols-lg-1>* { flex: 0 0 100%; max-width: 100% } .col-lg-6, .row-cols-lg-2>* { flex: 0 0 50%; max-width: 50% } .col-lg-4, .row-cols-lg-3>* { flex: 0 0 33.33333%; max-width: 33.33333% } .col-lg-3, .row-cols-lg-4>* { flex: 0 0 25%; max-width: 25% } .row-cols-lg-5>* { flex: 0 0 20%; max-width: 20% } .col-lg-2, .row-cols-lg-6>* { flex: 0 0 16.66667%; max-width: 16.66667% } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333% } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667% } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333% } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667% } .col-lg-9 { flex: 0 0 75%; max-width: 75% } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333% } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667% } .order-lg-first { order: -1 } .order-lg-last { order: 13 } .order-lg-0 { order: 0 } .order-lg-1 { order: 1 } .order-lg-2 { order: 2 } .order-lg-3 { order: 3 } .order-lg-4 { order: 4 } .order-lg-5 { order: 5 } .order-lg-6 { order: 6 } .order-lg-7 { order: 7 } .order-lg-8 { order: 8 } .order-lg-9 { order: 9 } .order-lg-10 { order: 10 } .order-lg-11 { order: 11 } .order-lg-12 { order: 12 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.33333% } .offset-lg-2 { margin-left: 16.66667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.33333% } .offset-lg-5 { margin-left: 41.66667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.33333% } .offset-lg-8 { margin-left: 66.66667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.33333% } .offset-lg-11 { margin-left: 91.66667% } .d-lg-none { display: none !important } .d-lg-inline { display: inline !important } .d-lg-inline-block { display: inline-block !important } .d-lg-block { display: block !important } .d-lg-table { display: table !important } .d-lg-table-row { display: table-row !important } .d-lg-table-cell { display: table-cell !important } .d-lg-flex { display: flex !important } .d-lg-inline-flex { display: inline-flex !important } .flex-lg-row { flex-direction: row !important } .flex-lg-column { flex-direction: column !important } .flex-lg-row-reverse { flex-direction: row-reverse !important } .flex-lg-column-reverse { flex-direction: column-reverse !important } .flex-lg-wrap { flex-wrap: wrap !important } .flex-lg-nowrap { flex-wrap: nowrap !important } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-lg-fill { flex: 1 1 auto !important } .flex-lg-grow-0 { flex-grow: 0 !important } .flex-lg-grow-1 { flex-grow: 1 !important } .flex-lg-shrink-0 { flex-shrink: 0 !important } .flex-lg-shrink-1 { flex-shrink: 1 !important } .justify-content-lg-start { justify-content: flex-start !important } .justify-content-lg-end { justify-content: flex-end !important } .justify-content-lg-center { justify-content: center !important } .justify-content-lg-between { justify-content: space-between !important } .justify-content-lg-around { justify-content: space-around !important } .align-items-lg-start { align-items: flex-start !important } .align-items-lg-end { align-items: flex-end !important } .align-items-lg-center { align-items: center !important } .align-items-lg-baseline { align-items: baseline !important } .align-items-lg-stretch { align-items: stretch !important } .align-content-lg-start { align-content: flex-start !important } .align-content-lg-end { align-content: flex-end !important } .align-content-lg-center { align-content: center !important } .align-content-lg-between { align-content: space-between !important } .align-content-lg-around { align-content: space-around !important } .align-content-lg-stretch { align-content: stretch !important } .align-self-lg-auto { align-self: auto !important } .align-self-lg-start { align-self: flex-start !important } .align-self-lg-end { align-self: flex-end !important } .align-self-lg-center { align-self: center !important } .align-self-lg-baseline { align-self: baseline !important } .align-self-lg-stretch { align-self: stretch !important } .m-lg-0 { margin: 0 !important } .mt-lg-0, .my-lg-0 { margin-top: 0 !important } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important } .m-lg-1 { margin: .25rem !important } .mt-lg-1, .my-lg-1 { margin-top: .25rem !important } .mr-lg-1, .mx-lg-1 { margin-right: .25rem !important } .mb-lg-1, .my-lg-1 { margin-bottom: .25rem !important } .ml-lg-1, .mx-lg-1 { margin-left: .25rem !important } .m-lg-2 { margin: .5rem !important } .mt-lg-2, .my-lg-2 { margin-top: .5rem !important } .mr-lg-2, .mx-lg-2 { margin-right: .5rem !important } .mb-lg-2, .my-lg-2 { margin-bottom: .5rem !important } .ml-lg-2, .mx-lg-2 { margin-left: .5rem !important } .m-lg-3 { margin: 1rem !important } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important } .m-lg-4 { margin: 1.5rem !important } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important } .m-lg-5 { margin: 3rem !important } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important } .p-lg-0 { padding: 0 !important } .pt-lg-0, .py-lg-0 { padding-top: 0 !important } .pr-lg-0, .px-lg-0 { padding-right: 0 !important } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important } .pl-lg-0, .px-lg-0 { padding-left: 0 !important } .p-lg-1 { padding: .25rem !important } .pt-lg-1, .py-lg-1 { padding-top: .25rem !important } .pr-lg-1, .px-lg-1 { padding-right: .25rem !important } .pb-lg-1, .py-lg-1 { padding-bottom: .25rem !important } .pl-lg-1, .px-lg-1 { padding-left: .25rem !important } .p-lg-2 { padding: .5rem !important } .pt-lg-2, .py-lg-2 { padding-top: .5rem !important } .pr-lg-2, .px-lg-2 { padding-right: .5rem !important } .pb-lg-2, .py-lg-2 { padding-bottom: .5rem !important } .pl-lg-2, .px-lg-2 { padding-left: .5rem !important } .p-lg-3 { padding: 1rem !important } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important } .p-lg-4 { padding: 1.5rem !important } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important } .p-lg-5 { padding: 3rem !important } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important } .m-lg-n1 { margin: -.25rem !important } .mt-lg-n1, .my-lg-n1 { margin-top: -.25rem !important } .mr-lg-n1, .mx-lg-n1 { margin-right: -.25rem !important } .mb-lg-n1, .my-lg-n1 { margin-bottom: -.25rem !important } .ml-lg-n1, .mx-lg-n1 { margin-left: -.25rem !important } .m-lg-n2 { margin: -.5rem !important } .mt-lg-n2, .my-lg-n2 { margin-top: -.5rem !important } .mr-lg-n2, .mx-lg-n2 { margin-right: -.5rem !important } .mb-lg-n2, .my-lg-n2 { margin-bottom: -.5rem !important } .ml-lg-n2, .mx-lg-n2 { margin-left: -.5rem !important } .m-lg-n3 { margin: -1rem !important } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important } .m-lg-n4 { margin: -1.5rem !important } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important } .m-lg-n5 { margin: -3rem !important } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important } .m-lg-auto { margin: auto !important } .mt-lg-auto, .my-lg-auto { margin-top: auto !important } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important } } @media screen and (min-width:1024px) { .how-work__item-title { font-size: calc(14px + 4 * (100vw - 1024px) / 376) } } @media (min-width:1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px } .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100% } .col-xl-12, .row-cols-xl-1>* { flex: 0 0 100%; max-width: 100% } .col-xl-6, .row-cols-xl-2>* { flex: 0 0 50%; max-width: 50% } .col-xl-4, .row-cols-xl-3>* { flex: 0 0 33.33333%; max-width: 33.33333% } .col-xl-3, .row-cols-xl-4>* { flex: 0 0 25%; max-width: 25% } .row-cols-xl-5>* { flex: 0 0 20%; max-width: 20% } .col-xl-2, .row-cols-xl-6>* { flex: 0 0 16.66667%; max-width: 16.66667% } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333% } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667% } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333% } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667% } .col-xl-9 { flex: 0 0 75%; max-width: 75% } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333% } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667% } .order-xl-first { order: -1 } .order-xl-last { order: 13 } .order-xl-0 { order: 0 } .order-xl-1 { order: 1 } .order-xl-2 { order: 2 } .order-xl-3 { order: 3 } .order-xl-4 { order: 4 } .order-xl-5 { order: 5 } .order-xl-6 { order: 6 } .order-xl-7 { order: 7 } .order-xl-8 { order: 8 } .order-xl-9 { order: 9 } .order-xl-10 { order: 10 } .order-xl-11 { order: 11 } .order-xl-12 { order: 12 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.33333% } .offset-xl-2 { margin-left: 16.66667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.33333% } .offset-xl-5 { margin-left: 41.66667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.33333% } .offset-xl-8 { margin-left: 66.66667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.33333% } .offset-xl-11 { margin-left: 91.66667% } .d-xl-none { display: none !important } .d-xl-inline { display: inline !important } .d-xl-inline-block { display: inline-block !important } .d-xl-block { display: block !important } .d-xl-table { display: table !important } .d-xl-table-row { display: table-row !important } .d-xl-table-cell { display: table-cell !important } .d-xl-flex { display: flex !important } .d-xl-inline-flex { display: inline-flex !important } .flex-xl-row { flex-direction: row !important } .flex-xl-column { flex-direction: column !important } .flex-xl-row-reverse { flex-direction: row-reverse !important } .flex-xl-column-reverse { flex-direction: column-reverse !important } .flex-xl-wrap { flex-wrap: wrap !important } .flex-xl-nowrap { flex-wrap: nowrap !important } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-xl-fill { flex: 1 1 auto !important } .flex-xl-grow-0 { flex-grow: 0 !important } .flex-xl-grow-1 { flex-grow: 1 !important } .flex-xl-shrink-0 { flex-shrink: 0 !important } .flex-xl-shrink-1 { flex-shrink: 1 !important } .justify-content-xl-start { justify-content: flex-start !important } .justify-content-xl-end { justify-content: flex-end !important } .justify-content-xl-center { justify-content: center !important } .justify-content-xl-between { justify-content: space-between !important } .justify-content-xl-around { justify-content: space-around !important } .align-items-xl-start { align-items: flex-start !important } .align-items-xl-end { align-items: flex-end !important } .align-items-xl-center { align-items: center !important } .align-items-xl-baseline { align-items: baseline !important } .align-items-xl-stretch { align-items: stretch !important } .align-content-xl-start { align-content: flex-start !important } .align-content-xl-end { align-content: flex-end !important } .align-content-xl-center { align-content: center !important } .align-content-xl-between { align-content: space-between !important } .align-content-xl-around { align-content: space-around !important } .align-content-xl-stretch { align-content: stretch !important } .align-self-xl-auto { align-self: auto !important } .align-self-xl-start { align-self: flex-start !important } .align-self-xl-end { align-self: flex-end !important } .align-self-xl-center { align-self: center !important } .align-self-xl-baseline { align-self: baseline !important } .align-self-xl-stretch { align-self: stretch !important } .m-xl-0 { margin: 0 !important } .mt-xl-0, .my-xl-0 { margin-top: 0 !important } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important } .m-xl-1 { margin: .25rem !important } .mt-xl-1, .my-xl-1 { margin-top: .25rem !important } .mr-xl-1, .mx-xl-1 { margin-right: .25rem !important } .mb-xl-1, .my-xl-1 { margin-bottom: .25rem !important } .ml-xl-1, .mx-xl-1 { margin-left: .25rem !important } .m-xl-2 { margin: .5rem !important } .mt-xl-2, .my-xl-2 { margin-top: .5rem !important } .mr-xl-2, .mx-xl-2 { margin-right: .5rem !important } .mb-xl-2, .my-xl-2 { margin-bottom: .5rem !important } .ml-xl-2, .mx-xl-2 { margin-left: .5rem !important } .m-xl-3 { margin: 1rem !important } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important } .m-xl-4 { margin: 1.5rem !important } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important } .m-xl-5 { margin: 3rem !important } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important } .p-xl-0 { padding: 0 !important } .pt-xl-0, .py-xl-0 { padding-top: 0 !important } .pr-xl-0, .px-xl-0 { padding-right: 0 !important } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important } .pl-xl-0, .px-xl-0 { padding-left: 0 !important } .p-xl-1 { padding: .25rem !important } .pt-xl-1, .py-xl-1 { padding-top: .25rem !important } .pr-xl-1, .px-xl-1 { padding-right: .25rem !important } .pb-xl-1, .py-xl-1 { padding-bottom: .25rem !important } .pl-xl-1, .px-xl-1 { padding-left: .25rem !important } .p-xl-2 { padding: .5rem !important } .pt-xl-2, .py-xl-2 { padding-top: .5rem !important } .pr-xl-2, .px-xl-2 { padding-right: .5rem !important } .pb-xl-2, .py-xl-2 { padding-bottom: .5rem !important } .pl-xl-2, .px-xl-2 { padding-left: .5rem !important } .p-xl-3 { padding: 1rem !important } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important } .p-xl-4 { padding: 1.5rem !important } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important } .p-xl-5 { padding: 3rem !important } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important } .m-xl-n1 { margin: -.25rem !important } .mt-xl-n1, .my-xl-n1 { margin-top: -.25rem !important } .mr-xl-n1, .mx-xl-n1 { margin-right: -.25rem !important } .mb-xl-n1, .my-xl-n1 { margin-bottom: -.25rem !important } .ml-xl-n1, .mx-xl-n1 { margin-left: -.25rem !important } .m-xl-n2 { margin: -.5rem !important } .mt-xl-n2, .my-xl-n2 { margin-top: -.5rem !important } .mr-xl-n2, .mx-xl-n2 { margin-right: -.5rem !important } .mb-xl-n2, .my-xl-n2 { margin-bottom: -.5rem !important } .ml-xl-n2, .mx-xl-n2 { margin-left: -.5rem !important } .m-xl-n3 { margin: -1rem !important } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important } .m-xl-n4 { margin: -1.5rem !important } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important } .m-xl-n5 { margin: -3rem !important } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important } .m-xl-auto { margin: auto !important } .mt-xl-auto, .my-xl-auto { margin-top: auto !important } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important } } @media screen and (min-width:1200px) { .uk-kz-colors__item-name, .uk-kz-colors__item-title { font-size: calc(14px + 4 * (100vw - 1200px) / 720) } .anb-machinery__section-title { font-size: calc(28px + 8 * (100vw - 1200px) / 720) } } @media screen and (min-width:1400px) { .how-work__item-title { font-size: 18px } } @media screen and (min-width:1920px) { .uk-kz-colors__item-name, .uk-kz-colors__item-title { font-size: 18px } .anb-machinery__section-title { font-size: 36px } } @media only screen and (max-width:1920px) { .uk-kz-hero__description { width: 41.30208vw } .uk-kz-hero__container, .uk-kz-hero__slider-container, .uk-kz-hero__video-container { margin-left: 20.15625vw } .uk-kz-catalog { margin-bottom: -53.17708vw } .uk-kz-adaptive { padding-top: 57.55208vw } .uk-kz-adaptive.section:not(:last-child):not(.section--increase) { padding-bottom: 11.45833vw } .uk-kz-production { margin-top: -8.85417vw } } @media only screen and (max-width:1824px) { .kazzinc-hero__macbook { right: 70px !important } } @media only screen and (max-width:1649px) { .kazzinc-hero__macbook { right: 0 !important } } @media only screen and (max-width:1639px) { .ambulatory-hero__stetoskop-img { display: none } } @media only screen and (max-width:1614px) { .kazzinc-main__side-img1 { right: -5px !important } .kazzinc-main__side-img3 { right: 220px } } @media only screen and (max-width:1549px) { .services-hero--content { min-height: auto; height: auto } .uk-kz-hero__description { width: 46.77419vw } .uk-kz-hero__container, .uk-kz-hero__slider-container, .uk-kz-hero__video-container { margin-left: 11.29032vw } } @media only screen and (max-width:1519px) { .kazzinc-hero__macbook { right: -75px !important } } @media only screen and (max-width:1514px) { .anb-machinery-hero__info { max-width: 470px } .anb-machinery-hero__phone-pic { right: 0 !important; top: 8px !important } .anb-machinery-hero__spot2 { right: -255px !important } .anb-machinery-hero__spot1 { right: -250px !important } } @media only screen and (max-width:1509px) { .kazzinc-main__side-img3 { right: 140px } } @media only screen and (max-width:1499px) { .ambulatory-contacts__info { margin-left: 385px } } @media only screen and (max-width:1399px) { .how-work__bg { left: -5% } .anb-machinery-main__spot-pic3 { left: -26% !important } .anb-machinery-main__spot-pic4 { left: -29.5% !important } .kazzinc-main__side-img3 { right: 85px } } @media only screen and (max-width:1369px) { .anb-machinery-card__spot-pic1 { min-width: 1370px; width: 112.91971vw } .anb-machinery-card__side-pic2 { width: 21.89781vw; min-width: 275px; left: -14% !important } .kazzinc-hero__macbook { right: -160px !important } } @media only screen and (max-width:1299px) { .about-us__info { flex: 1 0 625px } } @media only screen and (max-width:1199px) { .request-popup { width: 80%; right: -80% } .footer__social { margin-top: auto } .footer__info { display: flex; flex-direction: column; width: 41.66667% } .footer__nav { flex-wrap: wrap; padding-top: 0; width: 58.33333% } .footer__nav-column, .footer__nav-column+.footer__nav-column { margin-left: 0 } .footer__nav-column:not(:last-child) { width: 50% } .footer__nav-column:last-child { width: 100%; margin-top: 40px } .main-hero.section { padding-bottom: 62px } .main-hero__slider-pic { max-width: 500px } .main-hero__counter { bottom: 0 } .main-hero__counter span { width: 40px; height: 40px; font-size: 20px; line-height: 40px } .main-hero-item__info { margin-top: 62px } .main-hero-item__title { font-size: 50px; line-height: 55px } .main-hero-item__subtitle { padding-right: 120px } .main-hero-item__proof-num { font-size: 40px; left: 45px } .main-hero-item__proof-description { padding-left: 15px; line-height: 15px; font-size: 14px } .our-services__right { margin-top: 50px } .blog-thumbnail__title, .project-thumbnail__title { font-size: 25px; line-height: 30px; margin: 15px 0 25px } .blog-thumbnail__link, .project-thumbnail__link { padding-top: 10px } .callback__img { top: -60px; max-width: 548px } .about-us__img-wrapper { padding-right: 95px } .about-us__info { flex: 1 0 560px } .about-us__title { font-size: 38px; line-height: 43px } .blog-list .section-heading, .project-list .section-heading { flex-direction: column } .blog-list .section-heading__tabs, .project-list .section-heading__tabs { padding-top: 25px } .services-hero__title { font-size: 50px } .services-hero__description { font-size: 16px; line-height: 26px } .services-hero__pills-list { margin-left: -35px } .services-hero__pills-item { padding-left: 35px } .services-hero__pills-title { font-size: 14px; line-height: 19px } .services-hero__pills-val { font-size: 18px } .services-hero__info { flex: 1 0 580px } .services-hero__details-col { width: 25% } .services-hero--content .services-hero__top { flex-wrap: wrap } .services-hero--content .services-hero__info { order: 0 } .why-we__col { margin-right: 0; width: 33.33333% } .how-work__bg { top: 48% } .seo-block--imaged.section { padding: 60px 0 } .kazzinc-mockup__pic, .seo-block--imaged .seo-block__inner:after, .seo-block--imaged .seo-block__inner:before { width: 100vw } .seo-block--imaged .seo-block__inner { padding: 60px 0 60px 60px; margin-left: 0; width: auto } .seo-block--imaged .seo-block__content { max-height: 265px } .ambulatory-record__side-img2, .ambulatory-record__spot-img, .azia-avto-payment__side-img1, .kazzinc-about__spot1, .kazzinc-main__side-img1, .kazzinc-main__spot1, .kazzinc-main__spot2, .kazzinc-production__side-pic2, .seo-block__image { display: none } .uk-kz-hero.section:not(:last-child):not(.section--increase) { padding: 100px 0 50px } .uk-kz-hero__description { width: 100%; max-width: 54.16667vw } .uk-kz-hero__container, .uk-kz-hero__slider-container, .uk-kz-hero__video-container { margin-left: 40px } .uk-kz-catalog { padding-top: 149px; margin-bottom: -70.41667vw } .uk-kz-catalog__side-pic1 { width: 14vw; min-width: 83px } .uk-kz-catalog__side-pic2 { width: 16.66667vw; min-width: 150px } .uk-kz-about__img, .uk-kz-catalog__img, .uk-kz-colors__container.container-small, .uk-kz-contacts__img, .uk-kz-production__img { width: 77.33333vw; min-width: 755px } .uk-kz-adaptive { padding-top: 70.83333vw } .uk-kz-adaptive__bg:before { width: 19.33333vw; min-width: 192px } .uk-kz-adaptive__phone { width: 61.08333vw; min-width: 577px } .uk-kz-adaptive__devices-img { padding-left: 80px } .uk-kz-about:after { height: 40.75vw; width: 40.75vw; min-height: 405px; min-width: 405px } .uk-kz-about__side-pic1 { width: 21.5vw; min-width: 206px } .uk-kz-contacts__side-pic2 { width: 7.25vw; min-width: 67px } .uk-kz-colors__item { min-height: 0; max-height: none; width: 25vw; height: 17.83333vw } .uk-kz-colors__item--small { width: 4.16667vw } .azia-avto-production { padding-bottom: 216px } .ambulatory-hero { padding: 113px 0 190px } .ambulatory-hero__bg { height: 530px } .ambulatory-hero__macbook { width: 530px; min-width: 0 } .ambulatory-main__side-img1 { top: 15.6% !important } .ambulatory-main__side-img2 { top: 40% !important; z-index: 2 } .ambulatory-main__side-img3 { right: 0 !important; bottom: -9% !important } .ambulatory-main__side-pic3 { width: 505px } .ambulatory-record { margin-top: 109px; padding: 100px 0 95px } .ambulatory-record__side-img3 { bottom: -11% !important; right: 45px !important } .ambulatory-record__side-pic3 { width: 353px } .ambulatory-colors .ambulatory__section-title+.ambulatory__section-content { margin-top: 60px } .ambulatory-colors .ambulatory__section-title { font-size: 36px } .ambulatory-contacts { padding-top: 100px } .anb-machinery__section-title+.anb-machinery__section-container { margin-top: 5.41667vw } .anb-machinery-main { padding-top: 18.33333vw } .anb-machinery-about__container, .anb-machinery-card__container, .anb-machinery-catalog__container, .anb-machinery-main__container { width: 77.33333vw; min-width: 775px } .anb-machinery-main__spot-pic1 { width: 85.41667vw; min-width: 840px } .anb-machinery-main__spot-pic2 { width: 72.91667vw; min-width: 645px } .anb-machinery-main__spot-pic3, .anb-machinery-main__spot-pic4 { width: 66.66667vw; min-width: 720px } .anb-machinery-main__side-pic2 { top: 38.2% !important; width: 30.83333vw; min-width: 325px } .anb-machinery-main__side-pic3 { min-width: 205px; width: 20vw } .anb-machinery-main__side-pic4 { min-width: 415px; width: 47.91667vw } .anb-machinery-hero { padding-top: 14.66667vw; padding-bottom: 33.33333vw; margin-bottom: -24.58333vw } .anb-machinery-hero__logo-pic { width: 23.83333vw } .anb-machinery-hero__title { margin-top: 2vw; font-size: 3vw } .anb-machinery-hero__description { font-size: 1.33333vw; margin-top: .83333vw } .anb-machinery-hero__info { max-width: 39.16667vw } .anb-machinery-hero__phone { width: 77.08333vw; height: 30.66667vw } .anb-machinery-hero__phone-pic { width: 54.25vw; height: auto; right: 0 !important; top: .66667vw !important } .anb-machinery-hero__spot2 { right: -21.25vw !important; width: 90.66667vw } .anb-machinery-hero__spot1 { right: -20.83333vw !important; width: 90.66667vw } .anb-machinery-catalog { padding-top: 8.33333vw; padding-bottom: 7.75vw } .anb-machinery-catalog__spot-pic1 { width: 93.33333vw; min-width: 900px } .anb-machinery-catalog__side-pic2 { width: 23.75vw; min-width: 240px } .anb-machinery-card { padding-top: 18.75vw } .anb-machinery-card__side-pic1 { width: 27.5vw; min-width: 280px } .anb-machinery-mockup { padding-top: 15.41667vw } .anb-machinery-about { padding-top: 8.33333vw; padding-bottom: 12.66667vw } .anb-machinery-about__side-pic1 { min-width: 240px; width: 25vw } .kazzinc__section-title-wrapper { max-width: 55.66667vw; margin-left: 9.33333vw } .kazzinc__section-title:before { width: 20.83333vw; height: 20.83333vw } .kazzinc__section-content { margin-top: 4.41667vw } .kazzinc-hero { padding-top: 8.33333vw; padding-bottom: 5.08333vw } .kazzinc-hero__logo-pic { width: 22vw; height: auto } .kazzinc-hero__title { margin-top: 4.33333vw } .kazzinc-hero__description { margin-top: 1.25vw } .kazzinc-hero__info { max-width: 37.41667vw } .kazinteretnos-hero__laptop, .kazzinc-hero__macbook { width: 56.75vw; height: auto; top: 31% !important; right: -.41667vw !important } .kazzinc-main { padding-top: 14vw } .kazzinc-main__bg { height: 207.33333vw; top: -1vw } .kazzinc-main__side-pic2 { height: auto; right: -76vw; width: 148.33333vw; bottom: -14.1% } .kazzinc-main__side-img3 { width: 21.25vw; height: auto; right: 3.08333vw; bottom: 3.5% } .kazzinc-main .kazzinc__section-title-wrapper { margin-left: 9.33333vw } .kazzinc-about { margin-top: 17.08333vw; padding-bottom: 15vw } .kazzinc-about__bg { top: 14.1%; height: 221.83333vw } .kazzinc-about__side-pic1 { left: 0 !important; top: 43.7% !important; width: 16.83333vw; height: auto } .kazzinc-about__side-pic2 { right: 3.41667vw !important; bottom: -7.5% !important; width: 31.75vw; height: auto } .kazzinc-mockup { padding-top: 5.41667vw } .kazzinc-production { padding-top: 13.08333vw; padding-bottom: 18.41667vw } .kazzinc-production__side-pic1 { right: -23.08333vw !important; top: -6.1% !important; width: 62.75vw } .kazzinc-production__side-pic3 { bottom: -15.4% !important; right: -15.16667vw !important; width: 54.58333vw } .kazzinc-production__info { margin-top: 11vw } body .container { padding-left: 40px; padding-right: 40px } .os-theme-dark>.os-scrollbar-vertical { width: 4px } .container-small { padding-left: 3.33333vw; padding-right: 3.33333vw } } @media only screen and (max-width:1104px) { .anb-machinery-main__side-pic3 { top: 71.4% !important } } @media only screen and (max-width:1099px) { .anb-machinery-card__spot-pic1 { width: 124.54545vw; min-width: 1230px } } @media only screen and (max-width:1089px) { .ambulatory-hero__macbook { right: -100px !important } } @media only screen and (max-width:1023px) { .faq.section--dark .section-heading__title, .faq__item-content, .faq__item-title { color: #26292f } .about-us .section__content { flex-direction: column } .about-us__img-wrapper { margin-right: auto; max-width: 440px; padding: 55px 0 95px 60px } .about-us__info { flex: 1 0 100% } .services-hero__img { flex: 0 1 800px; order: 0; margin-right: auto; margin-left: auto } .services-hero__info { flex: 1 0 100%; order: 1; margin-right: 0; margin-top: 30px } .services-hero__top { flex-wrap: wrap } .services-hero--content .services-hero__bg, .services-hero--content .services-hero__bg img { position: static } .services-hero--content .services-hero__info { flex: 0 0 100%; padding-top: 0 } .how-work.section { padding-bottom: 110px } .how-work__item-num { width: calc(71px + 1vw); height: calc(71px + 1vw) } .faq.section { padding-top: 0 !important } .faq.section+.section { padding-top: 0 } .faq__content { width: 100% } .faq__img { display: none } .faq.section.section--bg { padding-bottom: 0 } .faq.section--dark { background: 0 0 } } @media only screen and (max-width:991px) { .anb-machinery-card__spot-pic1, .anb-machinery-main__spot-pic5, .anb-machinery-main__spot-pic6, .anb-machinery-main__spot-pic7, .home .blog__col:last-child, .our-services-list .section-heading__tabs, .uk-kz-colors__item-name, .uk-kz-colors__item-title, .uk-kz-colors__item-value, .uk-kz-production__side-pic1, .uk-kz-production__side-pic2 { display: none } .section--bg+.section, .section--bg:not(.section--increase), .section:first-child:not(.section--hero) { padding-top: 60px } .section:not(:last-child):not(.section--increase) { padding-bottom: 60px } .mobile-menu { width: 60%; right: -60% } .request-popup { width: 95%; right: -95% } .footer__social { margin-top: 20px } .footer__info, .why-we__col { width: 100% } .footer__nav { width: 100%; margin-top: 60px } .footer__nav-column+.footer__nav-column { margin-left: 50px } .footer__nav-column:last-child, .footer__nav-column:not(:last-child) { width: auto; margin-top: 0 } .main-hero__slider-pic { max-width: 400px } .main-hero-item__title { font-size: 40px; line-height: 45px } .main-hero-item__subtitle { margin-top: 15px } .about-us__description p+p, .azia-avto-hero__tag-wrapper, .azia-avto-typography__description, .main-hero-item__btn-wrapper, .our-cases-item__info { margin-top: 30px } .main-hero-item__proof-block+.main-hero-item__proof-block { margin-left: 60px } .anb-machinery-hero__container, .our-cases__item { flex-direction: column } .our-cases-item__pic { max-height: 425px; height: auto; bottom: 0 } .our-contacts__popup { margin-left: 0 } .our-services-list .section__content { margin-left: -15px; margin-right: -15px } .our-services-list__service-plate.service-plate { padding: 30px 15px; box-shadow: none } .our-services-list__service-plate.service-plate .service-plate__inner { max-width: none } .our-services-list__service-plate.service-plate .service-plate__info { margin-left: 30px; max-width: none } .our-services-list { background-color: #fff } .services-hero__title { font-size: 40px } .services-hero__details-col { width: 33.3333333333% } .why-we__thumbnail-card.thumbnail-card { display: flex; align-items: center } .why-we__thumbnail-card.thumbnail-card .thumbnail-card__title { margin-top: 0 } .how-work__content { margin-right: 8.33333%; width: 91.66667% } .uk-kz-hero.section:not(:last-child):not(.section--increase) { padding: 50px 0 } .uk-kz-hero__img-wrapper { padding-right: 0; padding-left: 15px } .uk-kz-hero__description { margin-top: 50px } .uk-kz-hero__container, .uk-kz-hero__slider-container { margin: 0 15px } .uk-kz-hero__kondensator-pic { width: 175px } .uk-kz-catalog { padding-top: 100px } .uk-kz-catalog__img, .uk-kz-colors__container.container-small, .uk-kz-contacts__img, .uk-kz-production__img { width: 62.91667vw; min-width: 546px } .uk-kz-adaptive { padding-top: 80.64516vw } .uk-kz-adaptive.section:not(:last-child):not(.section--increase) { padding-bottom: 20.16129vw } .uk-kz-adaptive__bg:before { width: 19.35484vw; min-width: 149px } .uk-kz-adaptive__container { flex-wrap: wrap } .uk-kz-adaptive__phone { margin: 0 auto } .uk-kz-adaptive__devices-img { margin: 65px auto 0 } .uk-kz-about:after { height: 31.75403vw; width: 31.75403vw; min-height: 200px; min-width: 200px } .anb-machinery-about__container, .anb-machinery-card__container, .anb-machinery-catalog__container, .anb-machinery-main__container, .uk-kz-about__img { width: 76.10887vw; min-width: 546px } .uk-kz-colors__item { padding: 0; width: 16.6666666%; height: 170px } .uk-kz-colors__item--small { width: 16.6666666% } .azia-avto__num { font-size: 288px } .azia-avto__striped:after, .azia-avto__striped:before { height: 100px } .azia-avto-hero { padding-top: 80px } .azia-avto-hero__bg { height: 420px } .azia-avto-hero__logo { width: 392px; height: 60px } .azia-avto-hero__imac { width: 505px; margin: 40px auto 0 } .azia-avto-constructor, .azia-avto-typography { margin-top: 90px } .azia-avto-typography__content { margin-top: 250px } .azia-avto-typography__colors { position: static; margin-top: 6.04839vw } .azia-avto-typography__bg-title { font-size: 150px; top: 0 } .azia-avto-typography__title { padding-right: 0 } .azia-avto-catalog { padding: 200px 0 115px; margin-top: 60px } .azia-avto-catalog__img { max-width: 820px; margin: 65px auto 0 } .azia-avto-catalog__side-pic1 { max-width: 262px } .azia-avto-constructor__img { max-width: 825px; margin: 69px auto 0 } .azia-avto-constructor__side-pic1 { max-width: 300px; right: -14% !important; bottom: -2.7% !important } .azia-avto-payment { margin-top: 113px; padding-top: 195px; padding-bottom: 273px } .azia-avto-payment__img { max-width: 820px; margin: 69px auto 0 } .azia-avto-payment__side-pic1 { width: 130px } .azia-avto-presentation { margin-top: 70px } .azia-avto-presentation__img { margin: 72px auto 0; max-width: 820px } .azia-avto-presentation1 { margin-top: 54px; padding-top: 130px; padding-bottom: 102px } .azia-avto-presentation1__img, .azia-avto-presentation2__img { max-width: 820px; margin: 0 auto } .azia-avto-presentation2 { padding-top: 75px; padding-bottom: 47px } .azia-avto-production.azia-avto__striped:after { height: 200px } .azia-avto-production { padding-top: 195px } .azia-avto-production__img { max-width: 820px; margin: 70px auto 0 } .azia-avto-contacts { padding-top: 95px; padding-bottom: 63px } .azia-avto-contacts__bg { height: 50% } .azia-avto-contacts__img { max-width: 820px; margin: 60px auto 0 } .azia-avto-contacts__side-pic1 { width: 23.28629vw; min-width: 150px } .ambulatory-main__side-pic3 { width: 410px } .ambulatory-record__side-img3 { bottom: -10% !important } .ambulatory-record__side-pic3 { width: 300px } .ambulatory-contacts__side-pic1 { width: 39.61694vw; min-width: 273px } .ambulatory-contacts__info { margin-left: 35.28226vw } .anb-machinery-main { padding-top: 265px } .anb-machinery-main__side-pic3 { top: 73.4% !important } .anb-machinery-hero { padding-top: 9.07258vw } .anb-machinery-hero__logo-pic { width: 286px } .anb-machinery-hero__title { font-size: 36px; margin-top: 24px } .anb-machinery-hero__description { font-size: 16px; margin-top: 10px } .anb-machinery-hero__info { max-width: 672px } .anb-machinery-hero__phone { position: relative; height: 260px; width: 100%; margin-top: 45px } .anb-machinery-hero__phone-pic { width: 537px; right: auto !important; left: 45% !important; transform: translateX(-50%) !important } .anb-machinery-hero__spot2 { width: 898px; left: 45% !important; transform: translateX(-50%) !important; top: -36% !important } .anb-machinery-hero__spot1 { width: 898px; left: 43% !important; transform: translateX(-50%) !important; top: -30% !important } .anb-machinery-card { padding-top: 200px; padding-bottom: 200px } .anb-machinery-about, .kazzinc-hero { padding-top: 10.08065vw } .anb-machinery-about { padding-bottom: 120px } .anb-machinery-about__sign { font-size: 28px } .anb-machinery-about__link { font-size: 20px } .kazzinc__section-title-wrapper { max-width: 67.33871vw; margin-left: 11.08871vw } .kazzinc__section-title:before { width: 25.20161vw; height: 25.20161vw } .kazzinc__section-content { margin-top: 5.34274vw } .kazzinc-hero__logo-pic { width: 26.6129vw } .kazzinc-hero__title { margin-top: 5.24194vw } .kazzinc-hero__description { margin-top: 1.5121vw } .kazzinc-hero__info { max-width: 47.37903vw } .kazzinc-hero__macbook { width: 61.99597vw; top: 34% !important; right: -13.50806vw !important } .kazzinc-main { padding-top: 17.64113vw } .kazzinc-main__bg { height: 207.35887vw; top: -.70565vw } .kazzinc-main__side-pic2 { right: -38.50806vw; width: 99.09274vw; bottom: -16.9% } .kazzinc-main__side-img3 { width: 13.91129vw; right: 5.64516vw; bottom: .73% } .kazzinc-main .kazzinc__section-title-wrapper { margin-left: 11.08871vw } .kazzinc-about { margin-top: 20.66532vw; padding-bottom: 18.14516vw } .kazzinc-about__bg { top: 13.9%; height: 223.79032vw } .kazzinc-about__side-pic1 { top: 45% !important; width: 16.83468vw } .kazzinc-about__side-pic2 { width: 38.40726vw; bottom: -8.5% !important; right: 4.13306vw !important } .kazzinc-mockup { padding-top: 3.02419vw } .kazzinc-production { padding-top: 16.12903vw } .kazzinc-production__side-pic1 { right: -16.73387vw !important; top: -5.1% !important; width: 45.3629vw } .kazzinc-production__info { margin-top: 9.07258vw } .container-small { padding-left: 4.03226vw; padding-right: 4.03226vw } } @media only screen and (max-width:849px) { .ambulatory-hero__subtitle, .ambulatory-hero__title { max-width: 425px } } @media only screen and (max-width:839px) { .ambulatory-hero__bg { height: 555px } } @media only screen and (max-width:767px) { .request-popup__title { font-size: 40px; line-height: 45px } .request-popup__form .form-group__title { font-size: 20px; line-height: 25px } .request-popup__form .form-group__list { flex-direction: column; margin-top: -5px } .request-popup__form-block { width: 100%; padding-top: 5px } .request-popup__form-block .radio-btn__btn { width: 100% } .request-popup { padding: 100px 30px 30px } .ambulatory-contacts__side-img2, .ambulatory-main__side-img1, .ambulatory-main__side-img2, .ambulatory-main__side-img3, .ambulatory-record__side-img1, .ambulatory-record__side-img3, .anb-machinery-about__side-pic1, .anb-machinery-about__side-pic2, .anb-machinery-card__side-pic1, .anb-machinery-card__side-pic2, .anb-machinery-card__side-pic3, .anb-machinery-catalog__side-pic1, .anb-machinery-catalog__side-pic2, .anb-machinery-catalog__spot-pic1, .anb-machinery-main__side-pic1, .anb-machinery-main__side-pic2, .anb-machinery-main__side-pic3, .anb-machinery-main__side-pic4, .anb-machinery-main__spot-pic1, .anb-machinery-main__spot-pic2, .anb-machinery-main__spot-pic3, .anb-machinery-main__spot-pic4, .azia-avto-catalog__side-pic1, .azia-avto-constructor__side-pic1, .azia-avto-contacts__side-pic1, .footer__nav, .kazzinc-about__side-pic1, .kazzinc-about__side-pic2, .kazzinc-main__side-img3, .kazzinc-production__side-pic1, .reviews__link, .uk-kz-about__side-pic1, .uk-kz-catalog__side-pic1, .uk-kz-catalog__side-pic2, .uk-kz-contacts__side-pic1, .uk-kz-contacts__side-pic2 { display: none } .main-hero__counter { bottom: 108px } .main-hero-item__inner { padding-bottom: 5px } .about-us__info, .main-hero-item__info { margin-top: 0 } .main-hero-item__title { margin-top: 20px } .main-hero-item__subtitle { padding-right: 0 } .main-hero-item__img { display: flex; justify-content: center } .main-hero-item__proof-num { font-size: 30px; line-height: 35px } .service-card__title { font-size: 25px; line-height: 30px } .service-card__link { font-size: 18px; line-height: 23px } .service-card { border-radius: 60px 30px; padding: 40px } .how-work__col, .our-clients__item.our-clients-item { width: 33.3333333333% } .our-clients__item.our-clients-item:not(:nth-child(5n)):before, .our-clients__item.our-clients-item:nth-last-child(n+6):after { content: none } .our-clients__item.our-clients-item:not(:nth-child(3n)):before { content: ""; height: 100px } .our-clients__item.our-clients-item:nth-last-child(n+4):after { content: ""; width: 100px } .reviews-item__info { margin-left: 5px } .reviews-item__description { max-height: 235px } .service-plate__pic { width: auto; height: auto; max-width: 289px; max-height: 250px } .our-services-list__service-plate.service-plate .service-plate__inner { flex-direction: column } .our-services-list__service-plate.service-plate .service-plate__info { margin-left: 0; padding-top: 30px } .services-hero__img { flex: 0 1 534px } .services-hero__info, .uk-kz-catalog, .uk-kz-contacts { padding-top: 60px } .services-hero__details-col { width: 50% } .how-work__content { margin-right: 0; width: 100% } .how-work__list { justify-content: flex-start } .how-work__col:first-child { order: 0 } .how-work__col:nth-child(2) { order: 1 } .how-work__col:nth-child(3) { order: 2 } .how-work__col:nth-child(8) { order: 3 } .how-work__col:nth-child(5) { order: 4 } .how-work__col:nth-child(4) { order: 5 } .how-work__col:nth-child(7) { order: 6 } .how-work__col:nth-child(6) { order: 7 } .how-work__bg { right: -6%; transform: translateY(-100%) scaleX(-1); top: 86%; left: auto } .uk-kz-hero__description { font-size: 16px } .anb-machinery-about__container, .anb-machinery-card__container, .anb-machinery-catalog__container, .anb-machinery-main__container, .uk-kz-about__img, .uk-kz-catalog__img, .uk-kz-contacts__img, .uk-kz-production__img { width: 100%; min-width: 0 } .uk-kz-adaptive { padding-top: 71.61458vw } .uk-kz-adaptive.section:not(:last-child):not(.section--increase) { padding-bottom: 15.625vw } .uk-kz-adaptive__bg:before { width: 19.40104vw; min-width: 112px } .uk-kz-adaptive__phone { width: 100%; min-width: 0; max-width: 540px } .uk-kz-adaptive__devices-img { margin: 40px auto 0 } .uk-kz-about { padding: 60px 0 } .uk-kz-colors__container.container-small { width: 100%; padding: 0 15px; min-width: 0 } .azia-avto-hero__bg { height: 450px } .azia-avto-hero__imac { width: 415px } .azia-avto-typography__content { margin-top: 190px } .ambulatory__section-title { font-size: 6.25vw } .ambulatory__section-subtitle { font-size: 2.34375vw } .ambulatory-hero { padding: 13.02083vw 0 24.73958vw 3.125vw } .anb-machinery-card, .anb-machinery-main { padding-bottom: 155px } .ambulatory-hero__logo-pic { width: 16.66667vw } .ambulatory-hero__bg { height: 62.23958vw } .ambulatory-hero__title { max-width: 55.33854vw; margin-top: 22px; font-size: 6.25vw } .ambulatory-hero__subtitle { max-width: 55.33854vw; font-size: 2.34375vw } .ambulatory-hero__macbook { width: 61.84896vw; right: -13.15104vw !important; top: 18.2% !important } .ambulatory-colors__name { font-size: 3.125vw } .ambulatory-colors__pic { width: 21.09375vw } .ambulatory-contacts__side-pic1 { width: 35.54688vw; min-width: 177px } .ambulatory-contacts__info { margin-top: 40px; margin-left: 37.76042vw } .ambulatory-contacts__sign { font-size: 24px } .ambulatory-contacts__link { font-size: 18px } .anb-machinery-hero__logo-pic { width: 235px } .anb-machinery-hero__spot2 { right: -60px !important } .anb-machinery-hero__spot1 { right: -35px !important } .anb-machinery-card { padding-top: 155px } .anb-machinery-mockup { padding-top: 0 } .anb-machinery-about__sign { margin-top: 65px } .kazzinc__section-title-wrapper { max-width: 86.97917vw; margin-left: 17.57812vw } .kazzinc__section-title { font-size: 24px } .kazzinc__section-title:before { width: 32.55208vw; height: 32.55208vw } .kazzinc__section-content { font-size: 16px; margin-top: 6.90104vw } .kazzinc-hero__logo-pic { width: 22.13542vw } .kazzinc-hero__title { font-size: 24px; margin-top: 7.16146vw } .kazzinc-hero__description { margin-top: 1.95312vw } .kazzinc-hero__info { max-width: 42.96875vw; padding-left: 3.25521vw } .kazzinc-hero__macbook { width: 66.01562vw; top: 39.2% !important; right: -18.09896vw !important } .kazzinc-main { padding-top: 22.78646vw } .kazzinc-main__bg { height: 207.29167vw; top: -1.30208vw } .kazzinc-main__side-pic2 { width: 127.99479vw; bottom: -20.9%; right: -52.86458vw } .kazzinc-main .kazzinc__section-title-wrapper { margin-left: 17.57812vw } .kazzinc-about { margin-top: 26.69271vw; padding-bottom: 11.06771vw } .kazzinc-about__bg { top: 12.6%; height: 223.95833vw } .kazzinc-production { padding-top: 20.18229vw } .kazzinc-production__side-pic3 { width: 51.43229vw } .kazzinc-production__info { margin-top: 10.80729vw; margin-left: 3.25521vw } .kazzinc-production__info-title { font-size: 24px } .kazzinc-production__info-link { font-size: 18px } body .container { padding-left: 15px; padding-right: 15px } .main { padding: 112px 0 60px } .container-small { padding-left: 1.95312vw; padding-right: 1.95312vw } } @media only screen and (min-width:768px) { .our-clients__more { display: flex } .our-clients__list:not(.show-all) .our-clients__item.our-clients-item:not(:nth-child(-n + 15)), .our-clients__list:not(.show-all) .our-clients__item.our-clients-item:not(:nth-child(-n + 15)):after, .our-clients__list:not(.show-all) .our-clients__item.our-clients-item:not(:nth-child(-n + 15)):before { display: none !important; } .our-clients__list:not(.show-all) .our-clients__item.our-clients-item:nth-child(11):after, .our-clients__list:not(.show-all) .our-clients__item.our-clients-item:nth-child(12):after, .our-clients__list:not(.show-all) .our-clients__item.our-clients-item:nth-child(13):after, .our-clients__list:not(.show-all) .our-clients__item.our-clients-item:nth-child(14):after, .our-clients__list:not(.show-all) .our-clients__item.our-clients-item:nth-child(15):after { display: none !important; } } @media only screen and (max-width:767px) and (min-width:576px) { .our-clients__more { display: flex } .our-clients__list:not(.show-all) .our-clients__item.our-clients-item:not(:nth-child(-n + 9)), .our-clients__list:not(.show-all) .our-clients__item.our-clients-item:not(:nth-child(-n + 9)):after, .our-clients__list:not(.show-all) .our-clients__item.our-clients-item:not(:nth-child(-n + 9)):before { display: none !important; } .our-clients__list:not(.show-all) .our-clients__item.our-clients-item:nth-child(7):after, .our-clients__list:not(.show-all) .our-clients__item.our-clients-item:nth-child(8):after, .our-clients__list:not(.show-all) .our-clients__item.our-clients-item:nth-child(9):after { display: none !important; } /*.our-clients__list:not(.show-all) .our-clients__item.our-clients-item:not(:nth-child(7)):not(:nth-child(8)):not(:nth-child(9)):after { content: ""; width: 80px }*/ /* .our-clients__list .our-clients__item.our-clients-item:not(:nth-child(4n)):before, .our-clients__list .our-clients__item.our-clients-item:nth-last-child(n+4):after { content: none } .our-clients__list.show-all .our-clients__item.our-clients-item:nth-child(3n+1):nth-child(3n+2):before, .our-clients__list:not(.show-all) .our-clients__item.our-clients-item:not(:nth-child(3n)):before { content: ""; height: 80px } .our-clients__list.show-all .our-clients__item.our-clients-item:nth-last-child(n+4):after, .our-clients__list:not(.show-all) .our-clients__item.our-clients-item:not(:nth-child(7)):not(:nth-child(8)):not(:nth-child(9)):after { content: ""; width: 80px }*/ } @media only screen and (max-width:694px) { .uk-kz-hero__bg:after, .uk-kz-hero__img-wrapper { display: none } .uk-kz-hero__description { max-width: 100% } .uk-kz-hero__kondensator-pic { width: 98px } } @media only screen and (max-width:575px) { .footer__copyright, .request-popup__form-submit, .services-hero__pills-list { flex-direction: column } .section-heading__title { font-size: 36px; line-height: 56px } .azia-avto-typography__color-col, .section-heading__subtitle { padding-left: 30px } .section-heading__subtitle:after { width: 20px } .hamburger-box, .hamburger-inner { width: 32px } .hamburger-inner:before { width: 22px } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before { width: 26px } .mobile-menu__request-btn.btn { display: inline-flex } .azia-avto-typography__description br, .mobile-menu__popup-phone.header__phone, .our-contacts__block--mobile { display: block } .main-hero__counter, .request-popup__form-attention br, .request-popup__subtitle br { display: none } .mobile-menu__link { margin-bottom: 10px; font-size: 20px; line-height: 25px } .mobile-menu { width: 95%; right: -95%; padding: 90px 0 0 30px } .main-hero-item__title, .request-popup__title { font-size: 30px; line-height: 35px } .request-popup__form-block .textarea { min-height: 70px } .request-popup__form-submit-btn { width: 100% } .request-popup__form-attention { margin-left: 0; margin-top: 10px; text-align: center; font-size: 12px } .form-group__list .form-block { padding-top: 20px } .form-group__list { margin-top: -20px } .header { padding: 13px 0 } .header__logo { max-width: 80px; height: 26px } .header__menu-title { display: inline-flex; align-items: center } .header__hamburger { padding-top: 0; padding-left: 45px } .header__hamburger:before { height: 100%; left: 20px } .our-cases-item__title { font-size: 25px; line-height: 30px } .footer__copyright { margin-top: 40px; align-items: flex-start } .footer__copyright-dev { margin-top: 5px } .main-hero.section { padding-bottom: 30px } .main-hero-item__subtitle { font-size: 14px; line-height: 19px } .our-cases__item+.our-cases__item, .our-cases__more { margin-top: 60px } .our-cases-item__subtitle { font-size: 16px; line-height: 21px } .our-cases-item__img { height: 200px } .thesis-item__description { max-height: 200px } .our-cases-item__pic { max-height: 285px; } .our-clients__item.our-clients-item { width: 50% } .about-us__expand, .our-clients__more { display: flex } .ambulatory-contacts__side-img1, .azia-avto-typography__bg-title, .callback__form-attention br, .kazzinc-production__side-pic3, .our-clients__list:not(.show-all) .our-clients__item.our-clients-item:not(:nth-child(-n + 6)), .our-clients__list:not(.show-all) .our-clients__item.our-clients-item:not(:nth-child(-n + 6)):after, .our-clients__list:not(.show-all) .our-clients__item.our-clients-item:not(:nth-child(-n + 6)):before, .our-contacts .section-heading__subtitle, .our-contacts__form-attention br, .our-contacts__map-wrapper, .services-hero__cloud, .thesis:after { display: none } .our-clients__list .our-clients__item.our-clients-item:not(:nth-child(3n)):before, .our-clients__list .our-clients__item.our-clients-item:nth-last-child(n+4):after { content: none } .our-clients__list.show-all .our-clients__item.our-clients-item:nth-child(odd):before, .our-clients__list:not(.show-all) .our-clients__item.our-clients-item:not(:nth-child(2n)):before { content: ""; height: 80px } .our-clients__list.show-all .our-clients__item.our-clients-item:nth-last-child(n+2):after, .our-clients__list:not(.show-all) .our-clients__item.our-clients-item:not(:nth-child(5)):not(:nth-child(6)):after { content: ""; width: 80px } .callback__form { margin-top: 20px } .callback__form-submit { flex-direction: column; align-items: flex-start } .callback__form-attention { margin-left: 0; margin-top: 20px } .callback__form-block { padding-top: 30px } .about-us__chief { flex-direction: column-reverse; align-items: flex-start } .about-us__signature { margin: 10px auto 0 0 } .about-us__chief-name { margin-top: 35px } .about-us__img-wrapper { max-width: 250px; margin-left: auto; padding: 35px 0 70px } .about-us__info:not(.show-all) { height: 255px; overflow: hidden; position: relative; pointer-events: none } .about-us__description { font-size: 16px; line-height: 24px; margin-top: 20px } .about-us__title, .our-contacts__title { font-size: 24px; line-height: 30px } .kazzinc-hero__info, .our-contacts__popup { max-width: 100% } .our-contacts__content { max-width: none; font-size: 16px; line-height: 24px; margin-top: 10px } .our-contacts__submit-btn { background: linear-gradient(270deg, #09a679, #1347c0); color: #fff } .ambulatory__section-subtitle+.ambulatory__section-content, .blog-list__external, .our-contacts__block+.our-contacts__block, .project-list__external, .services-hero__btn-request-wrapper, .services-hero__details { margin-top: 40px } .our-contacts__form-submit { flex-direction: column; align-items: flex-start; margin-top: 40px } .our-contacts__form-attention { margin-left: 0; margin-top: 15px; font-size: 12px; line-height: 16px } .our-services-list__service-plate.service-plate .service-plate__title { font-size: 24px } .services-hero__title { font-size: 30px } .services-hero__description { margin-top: 15px } .services-hero__img { flex: 0 1 350px } .services-hero__info { margin-top: 0 } .why-we__thumbnail-card.thumbnail-card .thumbnail-card__title { outline: 0; background: linear-gradient(270deg, #09a679, #1347c0); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .azia-avto__num { font-size: 158px } .azia-avto__title { font-size: 28px; margin-top: -70px } .azia-avto__container { padding-left: 15px; padding-right: 15px } .azia-avto-hero__bg { height: 435px } .azia-avto-hero__logo { width: 262px; height: 40px } .azia-avto-hero__tag { font-size: 14px } .ambulatory-colors .ambulatory__section-title, .ambulatory__section-title { font-size: 28px } .azia-avto-typography__color-list { flex-wrap: wrap; margin-left: -30px } .azia-avto-catalog__img { margin: 40px auto 0 } .azia-avto-payment { padding-bottom: 180px } .azia-avto-production { padding-top: 140px } .ambulatory__section-subtitle { font-size: 16px } .ambulatory-hero { padding: 20.3125vw 0 86.80556vw 4.16667vw } .ambulatory-hero__logo-pic { width: 22.22222vw } .ambulatory-hero__bg { height: 145.48611vw } .ambulatory-hero__title { max-width: 450px; font-size: 8.33333vw } .ambulatory-hero__subtitle { max-width: 450px; font-size: 2.77778vw } .ambulatory-hero__macbook { width: 92.88194vw; top: auto !important; bottom: -4.86111vw !important; right: auto !important; left: 52% !important; transform: translateX(-50%) } .ambulatory-colors { margin-top: 90px } .ambulatory-colors__name { font-size: 4.16667vw } .ambulatory-colors__pic { width: 21.18056vw } .ambulatory-contacts__side-pic2 { width: 61.45833vw } .ambulatory-contacts__info { margin-left: 0 } .anb-machinery-about__sign, .anb-machinery-hero__title, .anb-machinery__section-title { font-size: 29px } .anb-machinery-hero__logo-pic { width: 195px } .anb-machinery-hero__phone-pic { width: 470px; right: 85px !important } .anb-machinery-hero__spot2 { right: -155px !important } .anb-machinery-hero__spot1 { right: -100px !important } .anb-machinery-card { padding-top: 115px } .anb-machinery-about__link { font-size: 18px } .kazzinc__section-title-wrapper { max-width: 100%; margin-left: 13.02083vw } .kazzinc__section-title:before { width: 43.40278vw; height: 43.40278vw } .kazzinc__section-content { margin-top: 9.20139vw } .kazzinc-hero { padding-top: 11.11111vw; margin-bottom: -28.64583vw } .kazzinc-hero__logo-pic { width: 29.51389vw } .kazzinc-hero__title { margin-top: 9.54861vw } .kazzinc-hero__description { margin-top: 2.60417vw } .kazzinc-hero__macbook { position: relative !important; width: 94.79167vw; left: 5.72917vw !important; margin-top: 2.08333vw } .kazzinc-main { padding-top: 40.45139vw } .kazzinc-main__bg { height: 229.86111vw } .kazzinc-main .kazzinc__section-title-wrapper { margin-left: 13.02083vw } .kazzinc-about__bg { height: 223.95833vw } .main { padding: 62px 0 60px } .container-small { padding-left: 2.60417vw; padding-right: 2.60417vw } } @media only screen and (max-width:479px) { .how-work__list { margin-top: -20px; flex-direction: column } .how-work__col { width: 100%; padding-top: 20px } .how-work__item { flex-direction: row } .how-work__item-num { width: 48px; height: 48px; font-size: 24px; line-height: 30px } .how-work__item-title { text-align: left; margin-left: 10px } .how-work__bg { display: none } .faq__item-title { font-size: 20px } .faq__item-content { font-size: 16px; line-height: 24px } .uk-kz-hero__logo-pic { width: 140px } .ambulatory-hero__title { font-size: 10vw } .ambulatory-hero__subtitle { font-size: 3.33333vw } .ambulatory-colors, .ambulatory-main { margin-top: 75px } .ambulatory-record { padding: 60px 0 95px; margin-top: 60px } .ambulatory-contacts { padding-top: 60px } .kazzinc-hero__logo-pic { width: 35.41667vw } .container-small { padding-left: 3.125vw; padding-right: 3.125vw } } @media only screen and (max-width:459px) { .anb-machinery-main { padding-top: 245px } .anb-machinery-hero { margin-bottom: -190px } .anb-machinery-hero__phone-pic { width: 355px; left: 42% !important } } @media only screen and (max-width:419px) { .services-hero__link-card.link-card .link-card__title br, .why-we__thumbnail-card.thumbnail-card .thumbnail-card__img { display: none } .services-hero__details-col { width: 100% } } @media print { .d-print-none { display: none !important } .d-print-inline { display: inline !important } .d-print-inline-block { display: inline-block !important } .d-print-block { display: block !important } .d-print-table { display: table !important } .d-print-table-row { display: table-row !important } .d-print-table-cell { display: table-cell !important } .d-print-flex { display: flex !important } .d-print-inline-flex { display: inline-flex !important } } .intl-tel-input { width: 100%; } .form-block--inverse .intl-tel-input .selected-dial-code { color: #fff; } .form-block--inverse .intl-tel-input.separate-dial-code .selected-flag { background-color: transparent; } .animation--end .js-animated-item-clear { transform: none !important; } .home .main { padding-bottom: 0; } .fit-content { height: fit-content; } .reviews-item { box-shadow: 10px 14px 30px rgba(0,0,0,0.1); } .reviews-clients__more .link-external { color: #fff; } .case-projects .project-thumbnail__img img { position: absolute; max-width: 450px; max-height: 350px; min-height: 265px; min-width: 300px; } section.error .section-heading { justify-content: center; text-align: center; } section.error h2.section-heading__title{ font-size: 130px; line-height: 140px; font-weight: 900; margin-bottom: 30px; } section.error h3.section-heading__title{ margin-bottom: 15px; } section.error .btn{ margin-top: 30px; } .section--bg .section-heading { margin-bottom: 30px; } .section-content p { margin-bottom: 15px; } .section-content strong { font-weight: 600; } .section-content ul, .section-content ol { display: block; list-style: disc outside none; margin: 1em 0; padding: 0 0 0 40px; } .section-content ol { list-style-type: decimal; } .section-content li { display: list-item; } .section-content ul ul, .section-content ol ul { list-style-type: circle; margin-left: 15px; } .section-content ol ol, .section-content ul ol { list-style-type: lower-latin; margin-left: 15px; } .section-content h2 { font-size: 30px; line-height: 35px; font-weight: 500; margin-bottom: 15px; } .section-content h3 { font-size: 25px; line-height: 30px; font-weight: 500; margin-bottom: 15px; } .neighbors-wrap { margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .neighbors-wrap a { color: #000; text-decoration: none; } .neighbors-wrap a:hover { color: #199C68; } section.section--bg.blog-page { padding-top: 60px!important; } .breadcrumb{ list-style-type:none; padding:0; margin:0 0 30px 0 } .breadcrumb li{ display:inline-block } .breadcrumb li a{ color: #000000; text-decoration: none; background-color: transparent; border-bottom: 1px solid; } .breadcrumb li.active { color: #9a9a9a; } .breadcrumb li a:hover { color: #199C68; } .breadcrumb>li+li::before{ font-family:FontAwesome; content:"/"; color:#9a9a9a; padding:0 5px } .reviews-item .os-content a { color: #199C68; } .os-content a { color: #fff; } section.error { background-image: url('../img/png/error-page.png'); background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; } @media only screen and (max-width: 575px) { section.error h2.section-heading__title{ font-size: 60px; line-height: 70px; } section.error h3.section-heading__title{ font-size: 25px; line-height: 30px; } .section--bg .section-heading__title { font-size: 30px; line-height: 35px; } .section-content h2 { font-size: 25px; line-height: 30px; } .section-content h3 { font-size: 20px; line-height: 25px; } .neighbors-wrap .share-neighbors { margin-bottom: 15px; } } .card-title-text { margin-bottom: 10px; line-height: 130%; } .horizontal-list, .horizontal-list-2 { display: grid; } .horizontal-list-2>li::before { content: ''; width: 110vw; border: 1px solid #f7f5f4; position: absolute; top: 20px; left: -15vw; } .horizontal-list-2 { grid-template-columns: repeat(2, minmax(auto, 640px)); gap: 60px; } .horizontal-list-2 .horizontal-list__item p, .horizontal-list-2 .list-box__item { margin-bottom: 10px; } .horizontal-list__item-white::before { color: #FFF; position: absolute; top: 12px; left: 8px; } .list-box { list-style: decimal; padding-left: 20px; } .list-box li::marker { font-weight: 600; } .blog-heading { flex-direction: row; margin-bottom: 100px; } @media (max-width: 767px) { .blog-heading { flex-direction: column; gap: 30px; align-items: start; } .blog-category-form, .card-category-form { overflow: auto; width: 100%; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; } .blog-category-form, .card-category-form::-webkit-scrollbar { display: none; } .blog-category-form .blog-category__buttons, .card-category-form .card-category__buttons { margin: 15px; } } .samson__project-leading .list-box li::marker { font-weight: 300; } body.animated .js-animated-block.animation--end .horizontal-list-2 > li::before { display: block; } .horizontal-list li, .horizontal-list-2 li { position: relative; } .horizontal-list__item { font-size: 18px; line-height: 23px; padding-top: 70px; position: relative; font-weight: 300; background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIyMCIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzg1MF82NjIpIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzg1MF82NjIiIHgxPSItMS4xNjg4ZS0wNyIgeTE9IjEzLjA0MTIiIHgyPSI1Mi40MjI3IiB5Mj0iNDcuOTM4MSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiM1NTdGRDgiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwOUE1NzkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4='); background-repeat: no-repeat; background-size: 40px; background-position: 0 0; } .horizontal-list__item::before { content: attr(data-num); display: block; font-size: 18px; font-weight: 500; line-height: 1em; margin-bottom: 10px; } .card-box { line-height: 180%; } .card-box__img { width: 100%; height: 100%; object-fit: contain; } .section-trends .section__content .content-group { display: grid; grid-template-columns: 1fr; gap: 30px; } .section-trends .section__content .content-group { margin-bottom: 30px; } @media(min-width: 767px) { .section-trends .section__content .content-group { grid-template-columns: repeat(2, 1fr); } .section-trends .section__content .content-group { margin-bottom: 90px; } } @media(max-width: 767px) { .section-trends .section__content .content__group-2, .section-trends .section__content .content__group-4 { display: flex; flex-direction: column-reverse; } } .section-trends .section__content .content-group .card-group { display: grid; gap: 30px; } .section-trends .section__content .content__group-4 { margin-bottom: 0; } .single-bullet-title { position: relative; padding-left: 45px; font-size: 20px; line-height: 26px; } .single-bullet-title::before { content: ""; position: absolute; top: 10px; left: 0; width: 35px; height: 1px; background: #26292F; } .section-heading__example-text { margin-top: 10px; } .blog-category__buttons { display: flex; gap: 30px; } .btn-active { background: linear-gradient(270deg, #09a679, #1347c0); color: #FFF; } .card-box { position: relative; z-index: 1; font-weight: 300; } .card-box__btn { margin-top: 30px; } .blue-card .card-text { color: #FFF; } .blue-card .single-bullet-title::before { background: #fff; } .header__nav-item { position: relative; } .submenu-link:hover .submenu { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .submenu-link a { display: flex; justify-content: center; align-items: center; white-space: nowrap; } .submenu-link img { width: 15px; margin-left: 5px; } .submenu { background-color: #fff; position: absolute; top: 30px; left: 0; z-index: 999; width: max-content; visibility: hidden; opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-box-shadow: 0 15px 69px rgba(0, 0, 0, .1); box-shadow: 0 15px 69px rgba(0, 0, 0, .1); } .submenu li { padding: 15px 20px; } .submenu li a { text-decoration: none; color: #26292f; text-align: left; display: block; } /* .list-num li span { font-size: 16px; line-height: 20px; font-weight: 300; display: inline; } */ .project-bart .list-dot li::before, .project-bart .colored-card-box { background: linear-gradient(124deg, #557fd8 0%, #09a579 100%); } .project-bart .case-slider { padding-bottom: 0 !important; } .project-bart .cost-group-1 { margin-bottom: 0; } .project-bart .cost-group-2 { align-items: center; gap: 0 } @media (max-width: 768px) { .project-bart .cost-group-2 { gap: 20px; } } .project-bart .cost-item-4 { align-content: center } .bart-table__img { border-radius: 20px; overflow: hidden; box-shadow: 10px 14px 30px 0px #0000001A; line-height: 0; } .bart-table__pic { width: 100%; height: auto; } .bart-results-heading { display: grid; align-items: end; margin-bottom: 20px; } .bart-results-heading__img { line-height: 0; height: 100% !important; } .samson-task .card-box { height: fit-content; } .samson-results-right .single-bullet-title { margin-bottom: 10px; } .samson-results__traffic-text { margin-bottom: 20px; } .samson-bottom { display: flex; flex-direction: row; gap: 30px; } .samson-bottom-left, .samson-bottom-right { flex: 50; height: fit-content; } @media (max-width: 767px) { .samson-bottom { flex-direction: column; } } .bart-results-content, .ostfarm-results-content { display: grid; grid-row-gap: 20px; position: relative; } .elihudeli-results-content { position: relative; display: flex; flex-direction: column; } .elihudeli-content__bottom { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .elihudeli-content__bottom-2 { display: block; } .elihudeli-content__bottom-4 { display: none; flex: 1; } .elihudeli-content__bottom-content { display: flex; gap: 30px; flex-direction: column; flex: 1; width: 100%; } .elihudeli-content__bottom-img { flex: 1; } @media(max-width: 767px) { .elihudeli-content__bottom { flex-direction: column; } .elihudeli-content__bottom-2 { display: none; } .elihudeli-content__bottom-4 { display: block; } } .bart-results-content__chart { margin-bottom: 30px; } .bart-results-content__chart-img { line-height: 0; border-radius: 20px; overflow: hidden; box-shadow: 10px 14px 30px 0px #0000001A; } .bart-results-content__chart-pic { width: 100%; height: 100%; object-fit: contain; } .horizontal-list-wrapper { margin-bottom: 40px; } .bart-results-content__chart-wrapper { position: relative; } .scroll-icon { display: none; background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC4zNzUgNS4wMjVWMy40Mzc1QzQuMzc1IDIuOTI1IDMuOTUgMi41IDMuNDM3NSAyLjVDMi45MjUgMi41IDIuNSAyLjkyNSAyLjUgMy40Mzc1VjcuNUMyLjUgOC4xODc1IDMuMDYyNSA4Ljc1IDMuNzUgOC43NUg3LjgxMjVDOC4zMjUgOC43NSA4Ljc1IDguMzI1IDguNzUgNy44MTI1QzguNzUgNy4zIDguMzI1IDYuODc1IDcuODEyNSA2Ljg3NUg1LjExMjVDNy43NSA0LjU1IDExLjIxMjUgMy4xMjUgMTUgMy4xMjVDMjAuNTI1IDMuMTI1IDI0LjA4NzUgNS44NjI1IDI1LjMxMjUgOC4yNUMyNS40NjI1IDguNTYyNSAyNS43ODc1IDguNzUgMjYuMTM3NSA4Ljc1QzI2LjgzNzUgOC43NSAyNy4zIDguMDEyNSAyNi45NzUgNy40QzI1LjM3NSA0LjIzNzUgMjEuMDEyNSAxLjI1IDE1IDEuMjVDMTAuOTc1IDEuMjUgNy4yNzUgMi42NjI1IDQuMzc1IDUuMDI1Wk02LjUgMjEuNzg3NUM2LjUgMjAuOTc1IDcuMjUgMjAuMzc1IDguMDUgMjAuNTVMMTIuNSAyMS41NVY4LjEyNUMxMi41IDcuMDg3NSAxMy4zMzc1IDYuMjUgMTQuMzc1IDYuMjVDMTUuNDEyNSA2LjI1IDE2LjI1IDcuMDg3NSAxNi4yNSA4LjEyNVYxNS42MjVIMTcuMzg3NUMxNy43NzUgMTUuNjI1IDE4LjE2MjUgMTUuNzEyNSAxOC41IDE1Ljg4NzVMMjMuNjEyNSAxOC40Mzc1QzI0LjU3NSAxOC45MTI1IDI1LjEyNSAxOS45NjI1IDI0Ljk3NSAyMS4wMjVMMjQuMTg3NSAyNi42QzI0LjAxMjUgMjcuODM3NSAyMi45NSAyOC43NSAyMS43MTI1IDI4Ljc1SDE0LjAxMjVDMTMuMzUgMjguNzUgMTIuNCAyOC40ODc1IDExLjkzNzUgMjguMDEyNUw2Ljg1IDIyLjY1QzYuNjIzOTMgMjIuNDIwMSA2LjQ5ODEgMjIuMTEgNi41IDIxLjc4NzVaIiBmaWxsPSIjQUJBQkFCIi8+PC9zdmc+'); width: 30px; height: 30px; position: absolute; top: 0; right: 0; } .bart-hero-img { top: 0; right: 0; left: 0; } .bart-hero-img__pic { width: 100%; height: 100%; object-fit: contain; } .bart-hero-img--tablet { display: none; } .ostfarm-results-right .white-card { margin-bottom: 20px; } .ostfarm-results-content .bart-results-content__link { height: fit-content; } .our-contacts__form-attention { margin-left: 15px; font-size: 14px; } /* section-contacts */ .contacts .main { background-image: url('../img/contacts-bg.svg'); width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; padding-bottom: 110px; } .section-contacts { position: relative; padding-top: 110px; } .contacts-block-border { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 2px solid #E8E8E8; height: 615px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .contacts-block-border .contacts-block-wrapper { margin-left: 250px; } .contacts-block-border .contacts-phone{ font-size: 80px; font-weight: 800; color:#26292f; text-decoration: none; white-space: nowrap; position: relative; display: block; } .contacts-block-border .contacts-phone:after { right: 0; bottom: 0; width: 402px; height: 15px; position: absolute; content: ""; transition: all .6s; background: linear-gradient(270deg, #09a679, #1347c0); } .contacts-block-border .contacts-phone:hover:after { width: 100%; } .contacts-block-border .contacts-email { color:#26292f; text-decoration: none; margin-top: 30px; display: inline-block; transition: all .6s; } .contacts-block-border .contacts-email:active, .contacts-block-border .contacts-email:hover, .contacts-block-border .contacts-email:focus { text-decoration: none; outline: 0; background: linear-gradient(270deg, #09a679, #1347c0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .contacts-block-border .contacts-social { display: none; margin-top: 30px; } .contacts-block-border .contacts-social img { width: 35px; height: 35px; } .contacts-block-border .contacts-social li:nth-child(2) { padding: 0 40px; } .contacts-block-icon { height: 615px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .contacts-block-icon a { display: flex; padding: 15px; transition: all .6s; align-items: center; flex-wrap: nowrap; justify-content: space-around; } .contacts-block-icon a:hover { opacity: .7; } .contacts-block-icon li:nth-child(2) { padding: 40px 0; } .contacts-block-icon img { width: 35px; height: 35px; } .contacts-block-presentation { margin-top: 30px; } .contacts-block-presentation ul { display: flex; flex-wrap:wrap; } .contacts-block-presentation li:nth-child(1) { padding-right: 40px; } .contacts-block-presentation .presentation__link { display: flex; align-items: center; flex-direction: row; text-decoration: none; color:#26292f; transition: all .6s; } .contacts-block-presentation .presentation__link:hover { opacity: .7; } .contacts-block-presentation .presentation__link img { margin-right: 8px; } @media (max-width: 1300px) { .contacts-block-border .contacts-block-wrapper { margin-left: 100px; } } @media (max-width: 1200px) { .contacts-block-border .contacts-phone{ font-size: 60px; } } @media (max-width: 993px) { .contacts-block-border { height: 400px; } .contacts-block-border .contacts-social { display: flex; } } @media (max-width: 768px) { .contacts .main { padding-bottom: 60px; } .section-contacts { padding-top: 60px; } .contacts-block-border .contacts-phone{ font-size: 45px; } .contacts-block-border .contacts-phone:after { width: 55%; height: 5px; } .contacts-block-border .contacts-email { margin-top: 15px; } .contacts-block-border .contacts-block-wrapper { margin-left: 30px; } .contacts-block-border .contacts-social img { width: 20px; height: 20px; } } @media (max-width: 575px) { .contacts-block-border { height: 300px; } .contacts-block-border .contacts-phone { font-size: 25px; } .contacts-block-presentation li:nth-child(1) { margin-bottom: 20px; } } /* END section-contacts */ @media (max-width: 768px) { .single-bullet-title { font-size: 16px; } .bart-hero-img { margin-top: 50px; max-width: 100%; } } @media (min-width: 1440px) { .bart-results-heading { grid-template-columns: repeat(2, 1fr); grid-gap: 16px; margin-bottom: 90px; } .bart-results-heading__pic { width: 100%; object-fit: contain; } .ostfarm-results { margin-bottom: 30px; } .horizontal-list { grid-template-columns: repeat(5, minmax(auto, 246px)); } .horizontal-list__item-line { display: none; } .horizontal-list-wrapper { position: relative; } .horizontal-list-wrapper__line { width: 150vw; border: 1px solid #f7f5f4; position: absolute; top: 20px; left: -50vw; z-index: -1; } } @media (min-width: 1200px) { .bart-results-content { grid-template-columns: repeat(2, 1fr); grid-column-gap: 30px; grid-template-areas: "chart desc" "results desc" "results link" "results ."; grid-template-rows: auto 15px auto auto; } .ostfarm-results-content { grid-column-gap: 30px; grid-template-areas: "chart chart" "results link" "results ."; grid-template-rows: auto 15px auto auto; } .bart-results-content__chart { grid-area: chart; } .bart-results-content__desc { grid-area: desc; } .bart-results-content__results { grid-area: results; } .bart-results-content__link { grid-area: link; } .bart-results-content__chart-img { height: 100%; } } @media (min-width: 768px) { .bart-results-heading__img { /* max-width: 720px; */ height: 355px; } .ostfarm-results-content .bart-results-content__chart-img { max-width: 100%; } .bart-results-content__chart-img { /* max-width: 720px; */ } .bart-results-heading__pic { width: 100%; height: 100%; object-fit: contain; } .horizontal-list { grid-column-gap: 90px; } } @media (min-width: 768px) and (max-width: 1439px) { .horizontal-list__item { max-width: 278px; } .horizontal-list-2 .horizontal-list__item { max-width: 100%; } } @media (min-width: 993px) and (max-width: 1439px) { .horizontal-list { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 768px) and (max-width: 992px) { .horizontal-list { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 768px) and (max-width: 1024px) { .bart-hero-img:not(.bart-hero-img--tablet) { display: none; } .bart-hero-img--tablet { position: absolute !important; left: initial; right: -470px; max-width: 485px; bottom: 0; display: block; } .kazinteretnos-hero__info { position: relative; } } @media (max-width: 1439px) { .bart-results-heading { grid-gap: 40px; } body.animated .horizontal-list li::before { display: none; } body.animated .js-animated-block.animation--end .horizontal-list li::before { display: block; } .horizontal-list { grid-row-gap: 60px; } .horizontal-list li::before { content: ''; width: 110vw; border: 1px solid #5F636A; position: absolute; top: 20px; left: 0; } .horizontal-list li:not(:first-child)::before { left: -10vw; } .horizontal-list-wrapper__line { display: none; } } @media (max-width: 767px) { .horizontal-list-2 { grid-template-columns: repeat(1, 1fr); } .horizontal-list__item { max-width: 430px; } .horizontal-list-2 .horizontal-list__item { max-width: 100%; } .bart-table__img { width: 720px; } .bart-results-heading__img, .bart-results-heading__pic { width: 100%; height: auto; } .bart-results-content__chart-img { width: 720px; height: 248px; } .bart-table, .bart-results-content__chart { overflow-x: auto; } .bart-results-content, .bart-table-wrapper { position: relative; } .bart-results-content__chart, .bart-table { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } .bart-table { padding-bottom: 40px; margin-bottom: -40px; } .bart-results-content__chart { padding-bottom: 40px; } .bart-table.has-x-scrollbar { margin-top: 70px; } .bart-results-content__chart.has-x-scrollbar { margin-top: 80px; } .bart-table.has-x-scrollbar + .scroll-icon, .bart-results-content__chart.has-x-scrollbar + .scroll-icon { display: block; } .bart-table.has-x-scrollbar + .scroll-icon { top: -50px; } .bart-results-content__chart.has-x-scrollbar + .scroll-icon { top: 30px; } } @media (max-width: 575px) { .single-bullet-title { padding-left: 30px; } .single-bullet-title::before { width: 20px; } .bart-hero-img { margin-top: 40px; } .our-contacts__form-attention { margin-left: 0; } } .samson-results { align-items: start; margin-bottom: 30px; } /* КЕЙСЫ */ .our-cases-item__img-wrapper a { border-radius: 50px; } .our-cases-item { display: flex; flex-wrap: wrap; } .our-cases-item.row { display: flex; flex-wrap: wrap; align-items: stretch; } .our-cases-item__img-wrapper { height: 280px; } @media only screen and (min-width: 991px) { .our-cases-item__info { min-height: 300px; height: fit-content; } .our-cases-item:nth-child(even) { flex-direction: row-reverse; } } @media only screen and (max-width: 991px) { .our-cases__item { flex-direction: column-reverse; } .our-cases__item-39 .our-cases-item__pic { top: 115px !important; } .our-cases__item + .our-cases__item { margin-top: 100px; } } @media(min-width: 768px) { .our-cases-item:nth-child(odd) .our-cases-item__info { padding-right: 20px; } .our-cases-item:nth-child(even) .our-cases-item__info { padding-left: 20px; } } @media(max-width: 768px) { .our-cases__item + .our-cases__item { margin-top: 80px; } .our-cases-item__info { margin-top: 40px; } } @media(min-width: 576px) { .our-cases__item-39 .our-cases-item__pic { top: 180px; } .our-cases__item-56 .our-cases-item__pic, .our-cases__item-30 .our-cases-item__pic { top: 160px; } } @media(max-width: 576px) { .our-cases__item-39 .our-cases-item__pic, .our-cases__item-83 .our-cases-item__pic, .our-cases__item-81 .our-cases-item__pic { max-height: 250px; } .our-cases__item-30 .our-cases-item__pic, .our-cases__item-53 .our-cases-item__pic, .our-cases__item-86 .our-cases-item__pic, .our-cases__item-62 .our-cases-item__pic { max-height: 350px; } .our-cases__item-86 .our-cases-item__pic { max-height: 310px; } } /* new des */ .standard-hero { padding-bottom: 0 !important; } .standard-hero { position: relative; flex-direction: column; } .standard-hero>.row { align-items: center; } .standard-hero .kazzinc-hero__macbook { position: relative !important; top: 0 !important; } @media(min-width: 1025px) { .standard-hero .bart-hero-img__pic { height: 707px; } } @media (max-width: 992px) { .standard-hero .standard-hero__macbook { position: relative !important; width: 94.79167vw; margin-top: 4.08333vw; display: block; right: auto !important; transform: none !important; } .standard-hero .standard-hero__macbook img { transform: none !important; } } @media only screen and (max-width: 768px) { .standard-hero-macbook__img { max-width: 80%; height: auto; } .standard-hero .kazzinc-hero__macbook { display: flex; justify-content: center; align-items: center; } .standard-hero .standard-hero__macbook { left: 0 !important; } } @media (max-width: 576px) { .standard-hero-macbook__img { max-width: 60%; } } .standard-task .card-title { margin-bottom: 25px; } .standard-task .card-text { margin-bottom: 15px; line-height: 130%; } .standard-cards>.card-box { height: fit-content; } .list-dot li { position: relative; padding-left: 24px; list-style: none; line-height: 130%; } .list-dot li::before { content: ""; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; border-radius: 50%; } .list-dot li { margin-bottom: 10px; } .list-dot li:last-child { margin-bottom: 0; } .list-dot-white, .list-dot-white li { position: relative; padding-left: 24px; list-style: none; line-height: 130%; } .list-dot-white:has(li) { padding-left: 0; } .list-dot-white::before, .list-dot-white li::before { content: ""; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; border-radius: 50%; background: #FFF; } .list-dot-white, .list-dot-white li { margin-bottom: 10px; } .list-dot-white:last-child, .list-dot-white li:last-child { margin-bottom: 0; } .list-dot-blue li { position: relative; padding-left: 24px; list-style: none; line-height: 130%; } .list-dot-blue li::before { content: ""; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; border-radius: 50%; background: linear-gradient(124deg, #557fd8 0, #09a579 100%); } .list-dot-blue li { margin-bottom: 10px; } .list-dot-blue li:last-child { margin-bottom: 0; } .section-heading__sub-text { font-weight: 300; } .standard-hero__logo { margin-top: 35px; display: grid; grid-template-columns: 1fr 1fr; align-items: center } .standard-hero__img { position: relative; } .standard-hero__img::before { position: absolute; display: block; content: ""; background: linear-gradient(180deg, hsla(0, 0%, 76.9%, 0), #e8e8e8 51.04%, hsla(0, 0%, 76.9%, 0)); height: 100%; width: 2px; right: 0 } .standard-hero__pic { width: 100%; padding: 25px; margin: 0 auto; display: block; -o-object-fit: contain; object-fit: contain; height: 135px } .standard-hero__content { margin: 30px; font-size: 18px; max-width: 320px; flex: 1; color: #63626b } .colored-card-box h3, .colored-card-box p { color: #FFF; } #nav-buttons { overflow-x: auto; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; } #nav-buttons::-webkit-scrollbar { display: none; } .standard .section-heading { margin-bottom: 50px; } .standard .svg-iframe-wrapper #iframe2 { top: 9px; width: 129%; height: 130%; left: 7px; border-radius: 65px; } .standard .svg-iframe-wrapper #iframe1 { top: 24px; width: 132%; height: 125%; border-radius: 35px; } .standard .list-num__btn { margin-left: 0; } .standard .case-slider { padding-bottom: 0 !important; } .section-heading__sub-text { margin-top: 30px; } .case-result { background: linear-gradient( to bottom right, #557fd8 0%, #557fd8 30%, #09a579 100% ); background-size: 100% 50%; background-repeat: no-repeat; background-position: bottom; } .case-pre-result { padding-bottom: 0 !important; } .case-pre-result .card-text { margin: 0; } .case-codex .case-result__card { margin-bottom: 120px; } .case-result__card ul { list-style-type: disc; margin-left: 20px; color: #fff; } .case-result__card ul li { margin-bottom: 15px; } .case-result__card ul li:last-child { margin-bottom: 0; } .card-group { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: center; margin-bottom: 50px; } .card-group:last-child { margin-bottom: 0; } .case-photo { padding-bottom: 60px !important; } .card-group .card-box>p:nth-of-type(2), .card-group .card-box>p:nth-of-type(3) { margin-top: 20px; margin-bottom: 20px; } @media(max-width: 991px) { .case-photo { padding-bottom: 30px !important; } } .case-photo .standard-hero__pic { padding: 0; padding-right: 25px; } .case-photo .card-img { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; border-radius: 20px; box-shadow: 10px 14px 30px 0 rgba(0, 0, 0, .1); overflow: hidden; position: relative; min-width: 210px; min-height: 213px; } .case-photo .card-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; } .case-photo .card-box { height: 100%; } .case-kazinteretnos .colored-card-box { background: linear-gradient(124deg, #557fd8 0, #09a579 100%); } .img-card-group { /* display: grid; grid-template-columns: repeat(6, 1fr); min-width: 210px; min-height: 213px; padding-bottom: 30px; */ cursor: grab; display: grid; grid-auto-flow: column; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); overflow-x: auto; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; min-height: 213px; padding-bottom: 30px; } .img-card-group .card-img { max-width: 210px; max-height: 213px; user-select: none; pointer-events: none; -webkit-user-drag: none; } .case-photo .card-group__text-left .card-img { min-height: 526px; } @media (max-width: 1450px) { .img-card-group { overflow-x: auto; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; } .img-card-group::-webkit-scrollbar { display: none; } } @media (max-width: 1050px) { .card-group { gap: 20px; grid-template-columns: 1fr; margin-bottom: 30px; } .card-group__text-right { display: flex; flex-direction: column-reverse; } .case-photo .img-card-group { grid-template-columns: repeat(6, 1fr) !important; } } @media (max-width: 768px) { .case-photo .card-img img { position: relative; } .standard .section-heading { margin-bottom: 30px; } .case-codex .case-result__card { margin-bottom: 90px; } .case-result__card ul li { margin-bottom: 10px; } } @media (max-width:576px) { .case-photo .card-group__text-left .card-img { min-height: 280px; } .case-codex .case-result__card { margin-bottom: 70px; } .standard-hero__content { font-size: .85rem; margin: 12px } .standard .section-heading { margin-bottom: 20px; } .card-group { margin-bottom: 20px; } .case-photo .img-card-group .card-img { /* height: 85px; width: 85px; */ border-radius: 8px; } .case-photo .img-card-group { height: fit-content; padding: 0; padding-bottom: 5px; margin: 0; min-height: 100px; } } /* Пантолечение */ .case-panto .list-dot li::before, .case-panto .colored-card-box, .case-panto .btn:hover, .case-panto .list-num__btn { background: linear-gradient(135deg, #008B30, #EAC4A8); } .case-panto .case-result { background: linear-gradient( to bottom right, #008B30 0%, #008B30 30%, #EAC4A8 100% ); background-size: 100% 50%; background-repeat: no-repeat; background-position: bottom; } .case-panto .btn-result.active, .case-panto .btn-result.active::before, .case-panto .btn-result:hover::before, .case-panto .radio-btn .radio-btn__input:checked ~ .radio-btn__btn { background: linear-gradient(135deg, #008B30, #EAC4A8); color: #fff; } /* Посейдон */ .case-poseidon .list-dot li::before, .case-poseidon .colored-card-box, .case-poseidon .btn:hover, .case-poseidon .list-num__btn { background: linear-gradient(135deg, #783431, #C98959); } .case-poseidon .case-result { background: linear-gradient( to bottom right, #783431 0%, #783431 30%, #C98959 100% ); background-size: 100% 50%; background-repeat: no-repeat; background-position: bottom; } .case-poseidon .btn-result.active, .case-poseidon .btn-result.active::before, .case-poseidon .btn-result:hover::before, .case-poseidon .radio-btn .radio-btn__input:checked ~ .radio-btn__btn { background: linear-gradient(135deg, #783431, #C98959); color: #fff; } /* Code-X */ .case-codex .list-dot li::before, .case-codex .colored-card-box, .case-codex .btn:hover, .case-codex .list-num__btn { background: linear-gradient(135deg, #524fd5, #557fd8); } .case-codex .case-result { background: transparent; } .case-codex .btn-result.active, .case-codex .btn-result.active::before, .case-codex .btn-result:hover::before, .case-codex .radio-btn .radio-btn__input:checked ~ .radio-btn__btn { background: linear-gradient(135deg, #1C9BFF, #4C64FF); color: #fff; } .case-codex .case-result { padding-bottom: 0 !important; } .case-codex .case-result-img-box { height: 100%; width: 100%; object-fit: cover; object-position: center; display: flex; align-content: center; justify-content: center; } .case-codex .slider div { height: 475px; width: 325px; } @media(max-width: 768px) { .case-codex .case-result-img-box { height: 770px; } } @media(max-width: 576px) { .case-codex .case-result-img-box { height: 526px; } .case-codex .slider div { height: 365px; width: 250px; } } /* .case-codex .case-result img { object-fit: cover; height: 100%; width: 100%; } */ /* sps techno */ .case-sps-techno .list-dot li::before, .case-sps-techno .colored-card-box, .case-sps-techno .btn:hover, .case-sps-techno .list-num__btn { background: linear-gradient(124deg, #0082d9 0%, #9ab4f0 100%); } .case-sps-techno .case-result { background: linear-gradient( to bottom right, #0082d9 0%, #0082d9 30%, #9ab4f0 100% ); background-size: 100% 50%; background-repeat: no-repeat; background-position: bottom; } .case-sps-techno .btn-result.active, .case-sps-techno .btn-result.active::before, .case-sps-techno .btn-result:hover::before, .case-sps-techno .radio-btn .radio-btn__input:checked ~ .radio-btn__btn { background: linear-gradient(124deg, #0082d9 0%, #9ab4f0 100%); color: #fff; } .case-sps-techno .svg-iframe-wrapper #iframe2 { top: 9px; width: 130%; height: 130%; left: 4px; border-radius: 72px; } /* hill */ .case-hill .list-dot li::before, .case-hill .colored-card-box, .case-hill .btn:hover, .case-hill .list-num__btn { background: linear-gradient(124deg, #222 0%, #ffd301 100%); } .case-hill .case-result { background: linear-gradient( to bottom right, #222 0%, #222 30%, #ffd301 100% ); background-size: 100% 50%; background-repeat: no-repeat; background-position: bottom; } .case-hill .btn-result.active, .case-hill .btn-result.active::before, .case-hill .btn-result:hover::before, .case-hill .radio-btn .radio-btn__input:checked ~ .radio-btn__btn { background: linear-gradient(124deg, #222 0%, #ffd301 100%); color: #fff; } .case-hill .standard-hero__pic { padding: 0; padding-right: 25px; } /* rem */ .case-rem .list-dot li::before, .case-rem .colored-card-box, .case-rem .btn:hover, .case-rem .list-num__btn { background: linear-gradient(124deg, #5440A9 0%, #D9B4FF 100%); } .case-rem .case-result { background: linear-gradient(124deg, #5440A9 0%, #D9B4FF 100%); background-size: 100% 50%; background-repeat: no-repeat; background-position: bottom; } .case-rem .btn-result.active, .case-rem .btn-result.active::before, .case-rem .btn-result:hover::before, .case-rem .radio-btn .radio-btn__input:checked ~ .radio-btn__btn { background: linear-gradient(124deg, #5440A9 0%, #D9B4FF 100%); color: #fff; } .case-rem .standard-hero__pic { padding: 0; padding-right: 25px; } /* rsk */ .case-rsk .list-dot li::before, .case-rsk .colored-card-box, .case-rsk .btn:hover, .case-rsk .list-num__btn { background: linear-gradient(124deg, #8A729F 0%, #EFEAE6 100%); } .case-rsk .case-result { background: linear-gradient(124deg, #8A729F 0%, #EFEAE6 100%); background-size: 100% 50%; background-repeat: no-repeat; background-position: bottom; } .case-rsk .btn-result.active, .case-rsk .btn-result.active::before, .case-rsk .btn-result:hover::before, .case-rsk .radio-btn .radio-btn__input:checked ~ .radio-btn__btn { background: linear-gradient(124deg, #8A729F 0%, #EFEAE6 100%); color: #fff; } .case-rsk .standard-hero__pic { padding: 0; padding-right: 25px; } /* valley */ .case-valley .list-dot li::before, .case-valley .colored-card-box, .case-valley .btn:hover, .case-valley .list-num__btn { background: linear-gradient(124deg, #C8A481 0%, #EFEAE6 100%); } .case-valley .case-result { background: linear-gradient(124deg, #C8A481 0%, #EFEAE6 100%); background-size: 100% 50%; background-repeat: no-repeat; background-position: bottom; } .case-valley .btn-result.active, .case-valley .btn-result.active::before, .case-valley .btn-result:hover::before, .case-valley .radio-btn .radio-btn__input:checked ~ .radio-btn__btn { background: linear-gradient(124deg, #C8A481 0%, #EFEAE6 100%); color: #fff; } .case-valley .standard-hero__pic { padding: 0; padding-right: 25px; } /* dehust */ .case-dehust .list-dot li::before, .case-dehust .colored-card-box, .case-dehust .btn:hover, .case-dehust .list-num__btn { background: linear-gradient(124deg, #4A4A4E 0%, #DDDDDD 100%); } .case-dehust .case-result { background: linear-gradient(124deg, #4A4A4E 0%, #DDDDDD 100%); background-size: 100% 50%; background-repeat: no-repeat; background-position: bottom; } .case-dehust .btn-result.active, .case-dehust .btn-result.active::before, .case-dehust .btn-result:hover::before, .case-dehust .radio-btn .radio-btn__input:checked ~ .radio-btn__btn { background: linear-gradient(124deg, #4A4A4E 0%, #DDDDDD 100%); color: #fff; } .case-dehust .standard-hero__pic { padding: 0; padding-right: 25px; } /* tekhnoresurs */ .case-tekhno .list-dot li::before, .case-tekhno .colored-card-box, .case-tekhno .btn:hover, .case-tekhno .list-num__btn { background: linear-gradient(124deg, #0082d9 0%, #9ab4f0 100%); } .case-tekhno .case-result { background: linear-gradient( to bottom right, #0082d9 0%, #0082d9 30%, #9ab4f0 100% ); background-size: 100% 50%; background-repeat: no-repeat; background-position: bottom; } .case-tekhno .btn-result.active, .case-tekhno .btn-result.active::before, .case-tekhno .btn-result:hover::before, .case-tekhno .radio-btn .radio-btn__input:checked ~ .radio-btn__btn { background: linear-gradient(124deg, #0082d9 0%, #9ab4f0 100%); color: #fff; } .case-tekhno .standard-hero__pic { padding: 15px 25px 15px 0; } /* limpopo */ .case-limpopo .list-dot li::before, .case-limpopo .colored-card-box, .case-limpopo .btn:hover, .case-limpopo .list-num__btn { background: linear-gradient(124deg, #FFD86A 0%, #F19D0E 100%); } .case-limpopo .case-result { background: linear-gradient( to bottom right, #FFD86A 0%, #FFD86A 30%, #F19D0E 100% ); background-size: 100% 50%; background-repeat: no-repeat; background-position: bottom; } .case-limpopo .btn-result.active, .case-limpopo .btn-result.active::before, .case-limpopo .btn-result:hover::before, .case-limpopo .radio-btn .radio-btn__input:checked ~ .radio-btn__btn { background: linear-gradient(124deg, #FFD86A 0%, #F19D0E 100%); color: #fff; } /* milliant */ .case-milliant .list-dot li::before, .case-milliant .colored-card-box, .case-milliant .btn:hover, .case-milliant .list-num__btn { background: linear-gradient(124deg, #bead92 0%, #e3d3b9 100%); } .case-milliant .case-result { background: linear-gradient( to bottom right, #bead92 0%, #bead92 30%, #e3d3b9 100% ); background-size: 100% 50%; background-repeat: no-repeat; background-position: bottom; } .case-milliant .btn-result.active, .case-milliant .btn-result.active::before, .case-milliant .btn-result:hover::before, .case-milliant .radio-btn .radio-btn__input:checked ~ .radio-btn__btn { background: linear-gradient(124deg, #bead92 0%, #e3d3b9 100%); color: #fff; } /* bart */ .case-bart .list-dot li::before, .case-bart .colored-card-box, .case-bart .btn:hover, .case-bart .list-num__btn { background: linear-gradient(124deg, #F64A15 0%, #D55F27 100%); } .case-bart .case-result { background: linear-gradient( to bottom right, #F64A15 0%, #F64A15 30%, #D55F27 100% ); background-size: 100% 50%; background-repeat: no-repeat; background-position: bottom; } .case-bart .btn-result.active, .case-bart .btn-result.active::before, .case-bart .btn-result:hover::before, .case-bart .radio-btn .radio-btn__input:checked ~ .radio-btn__btn { background: linear-gradient(124deg, #F64A15 0%, #D55F27 100%); color: #fff; } /* KCMR */ .case-kcmr .list-dot li::before, .case-kcmr .colored-card-box, .case-kcmr .btn:hover, .case-kcmr .list-num__btn { background: linear-gradient(124deg, #F9D53D 0%, #B4652A 100%); } .case-kcmr .case-result { background: linear-gradient( to bottom right, #F9D53D 0%, #F9D53D 30%, #B4652A 100% ); background-size: 100% 50%; background-repeat: no-repeat; background-position: bottom; } .case-kcmr .btn-result.active, .case-kcmr .btn-result.active::before, .case-kcmr .btn-result:hover::before, .case-kcmr .radio-btn .radio-btn__input:checked ~ .radio-btn__btn { background: linear-gradient(124deg, #F9D53D 0%, #B4652A 100%); color: #fff; } .case-kcmr .standard-hero__pic { padding: 0; } /* KCMR */ .case-vostok-moloko .list-dot li::before, .case-vostok-moloko .colored-card-box, .case-vostok-moloko .btn:hover, .case-vostok-moloko .list-num__btn { background: linear-gradient(124deg, #8B4529 0%, #C69B6E 100%); } .case-vostok-moloko .case-result { background: linear-gradient( to bottom right, #8B4529 0%, #8B4529 30%, #C69B6E 100% ); background-size: 100% 50%; background-repeat: no-repeat; background-position: bottom; } .case-vostok-moloko .btn-result.active, .case-vostok-moloko .btn-result.active::before, .case-vostok-moloko .btn-result:hover::before, .case-vostok-moloko .radio-btn .radio-btn__input:checked ~ .radio-btn__btn { background: linear-gradient(124deg, #8B4529 0%, #C69B6E 100%); color: #fff; }