*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Arial, Helvetica, sans-serif}::-webkit-input-placeholder{color:#555}:-ms-input-placeholder{color:#555}::-ms-input-placeholder{color:#555}::placeholder{color:#555}::-moz-selection{background-color:#FAC800;color:#fff}::selection{background-color:#FAC800;color:#fff}.button{display:inline-block;border:solid 1px rgba(255,255,255,0.4);color:#fff;text-decoration:none;background-color:transparent;padding:16px 32px;font-size:12px;text-transform:uppercase;font-weight:400;letter-spacing:.2em;text-align:center;position:relative;outline:none;overflow:hidden;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;z-index:2}.button::after{position:absolute;content:'';background:#FAC800;width:100%;height:100%;-webkit-transition:all .3s;transition:all .3s;left:0;bottom:-101%;z-index:-1}.button:focus,.button:hover{text-decoration:none;color:#fff;-webkit-box-shadow:0 0 11px 0 rgba(250,200,0,0.5);box-shadow:0 0 11px 0 rgba(250,200,0,0.5)}.button:hover{border-color:#FAC800}.button:hover::after{-webkit-transform:scaleY(5);transform:scaleY(5)}.button:active{background-color:#e1b400}.button_accent{display:inline-block;border:solid 1px #FAC800;color:#19191C;text-decoration:none;background-color:#FAC800;padding:16px 32px;font-size:12px;text-transform:uppercase;font-weight:600;letter-spacing:.2em;text-align:center;position:relative;outline:none;overflow:hidden;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;z-index:2}.button_accent::after{position:absolute;content:'';background:#0095ff;width:101%;height:100%;-webkit-transition:all .3s;transition:all .3s;left:0;bottom:-101%;z-index:-1}.button_accent:focus,.button_accent:hover{text-decoration:none;color:#fff;-webkit-box-shadow:0 0 11px 0 rgba(25,25,28,0.25);box-shadow:0 0 11px 0 rgba(25,25,28,0.25)}.button_accent:hover{border-color:#0095ff}.button_accent:hover::after{-webkit-transform:scaleY(5);transform:scaleY(5)}.button_accent:active{background-color:#e1b400}h1{font-weight:bold;line-height:1.2;margin-bottom:16px}@media (max-width: 767px){h1{font-size:calc(28px + 23.8 * ((100vw - 320px) / 1440))}}@media (min-width: 767px){h1{font-size:calc(28px + 14 * (100vw / 1440))}}@media (max-width: 767px){h2{font-size:calc(24px + 6.8 * ((100vw - 320px) / 1440))}}@media (min-width: 767px){h2{font-size:calc(24px + 4 * (100vw / 1440))}}@media (max-width: 767px){h3{font-size:calc(18px + 10.2 * ((100vw - 320px) / 1440))}}@media (min-width: 767px){h3{font-size:calc(18px + 6 * (100vw / 1440))}}a{text-decoration:none;-webkit-transition:all .3s;transition:all .3s}img{max-width:100%}html,body{scroll-behavior:smooth}@media (max-width: 600px){html,body{overflow-x:hidden}}body{min-width:320px;position:relative;font-size:16px;line-height:1.65;overflow-x:hidden}section{padding:128px 0;position:relative}section .section_title{text-align:center;margin-bottom:64px}section .section_title h2{margin-bottom:16px;text-transform:uppercase}section .section_title .subtitle{color:rgba(25,25,28,0.7);margin-bottom:8px;display:inline-block;line-height:1.4;max-width:800px}@media (max-width: 767px){section .section_title .subtitle{font-size:calc(18px + 5.1 * ((100vw - 320px) / 1440))}}@media (min-width: 767px){section .section_title .subtitle{font-size:calc(18px + 3 * (100vw / 1440))}}.container{width:100%;max-width:1440px;padding:0 20px;margin:0 auto}header{margin-bottom:32px}header .container{min-height:720px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:url(../img/hero-img.png) no-repeat right bottom;background-size:45%}@media (max-width: 600px){header .container{background:url(../img/hero-img.png) no-repeat right -220px bottom;background-size:contain}}nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:32px;padding:16px;margin-bottom:16px}nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;gap:16px;padding:10px;border:solid 1px rgba(250,200,0,0.4)}nav ul a{color:#19191C;text-transform:uppercase;font-size:14px;font-weight:bold;letter-spacing:.03em;padding:.6em}nav ul a:hover{color:#0095ff}nav .logo{display:-webkit-box;display:-ms-flexbox;display:flex;text-transform:uppercase;font-weight:bold;font-size:12px;letter-spacing:.03em;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:204px;color:rgba(25,25,28,0.7)}nav .logo img{margin-right:8px}@media (max-width: 600px){nav{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:16px;margin-bottom:0}nav .logo img{width:50px;height:50px}}.tel{font-size:18px;line-height:1;color:#0095ff;letter-spacing:.02em;display:-webkit-box;display:-ms-flexbox;display:flex}.tel img{margin-right:8px;-webkit-transition:all .3s;transition:all .3s}.tel:hover{color:#000}.tel:hover img{-webkit-transform:rotate(15deg);transform:rotate(15deg);-webkit-transform-origin:center;transform-origin:center}@media (max-width: 600px){.tel{color:#000}}.offer{max-width:760px}.offer strong{color:rgba(25,25,28,0.7);margin-bottom:8px;display:inline-block;line-height:1.2}@media (max-width: 767px){.offer strong{font-size:calc(18px + 5.1 * ((100vw - 320px) / 1440))}}@media (min-width: 767px){.offer strong{font-size:calc(18px + 3 * (100vw / 1440))}}.offer_action{margin-bottom:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.offer_action p{max-width:500px;margin-bottom:16px}.offer_action form{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.offer_action input{padding:13px;min-width:280px;border:solid 1px rgba(25,25,28,0.45);font-size:14px;margin-right:8px}#who_me{overflow:hidden}#who_me .blob{position:absolute;z-index:-1;top:88px;width:970px;height:800px}@media (max-width: 600px){#who_me{padding-bottom:0}}@-webkit-keyframes box_rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes box_rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.steps-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.steps-content .steps_items{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateX(50%);transform:translateX(50%);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:142px}@media (max-width: 979px){.steps-content .steps_items{-webkit-transform:translateX(0);transform:translateX(0);display:block}}.steps-content .step_number{width:65px;height:65px;border-radius:50%;background:#ffe4c4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:22px;font-weight:bold;color:#000;border:solid 2px #19191c;margin-right:32px}@media (max-width: 979px){.steps-content .step_number{margin-right:16px;float:left}}.steps-content .steps_items:nth-child(even){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;text-align:right;-webkit-transform:translateX(-36%);transform:translateX(-36%)}.steps-content .steps_items:nth-child(even) .step_number{margin-right:0;margin-left:32px}@media (max-width: 979px){.steps-content .steps_items:nth-child(even){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;text-align:left;-webkit-transform:translateX(0);transform:translateX(0)}.steps-content .steps_items:nth-child(even) .step_number{margin-right:16px;margin-left:0}}.steps_items__content{max-width:320px}.steps_items__content p{color:rgba(25,25,28,0.7)}.who_me_item{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:780px;margin:0 auto}.who_me_item li{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:48px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.who_me_item li img{margin-right:32px}.who_me_item li strong{font-size:21px;color:#0095ff}.who_me_item li p{font-size:18px;color:#19191C}@media (max-width: 600px){.who_me_item li{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.who_me_item li img{margin:0 0 32px}.who_me_item li strong{margin-bottom:16px;display:block}}.flex{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width: 600px){.flex{-ms-flex-pack:distribute;justify-content:space-around}}#services{background:azure;overflow-x:hidden}#services .section_top{position:absolute;-webkit-transform:rotate(180deg);transform:rotate(180deg);fill:#ffffff;top:0;z-index:1}#services .section_bottom{position:absolute;bottom:0;fill:#0095ff}@media (max-width: 600px){#services .section_top{-webkit-transform:rotate(180deg);transform:rotate(180deg);fill:#ffffff;top:0;z-index:1}}.vivoz_items{-ms-flex-wrap:wrap;flex-wrap:wrap}.vivoz_items .vivoz_item{min-width:280px;width:calc(90%/3);margin-bottom:32px}.vivoz_items img{margin:0 auto 32px;display:block}.vivoz_items h3{margin-bottom:16px;text-align:center;color:#0095ff}.vivoz_items p{color:#000;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.order{background:#0095ff}.order::after{content:'';position:absolute;width:0;height:0;border-style:solid;border-width:100px 2000px 0 0;border-color:#0095ff transparent transparent transparent;bottom:-100px}.order h2{color:#fff;letter-spacing:.03em;text-align:center}.order .flex{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:32px}.order .offer_action{-webkit-box-align:center;-ms-flex-align:center;align-items:center}#testimonials{background:azure}#testimonials::before{content:'';position:absolute;top:-100px;left:0;width:0;height:0;border-style:solid;border-width:0 0 100px 2000px;border-color:transparent transparent #f0ffff transparent}#testimonials .testimonials_items{max-width:860px;margin:0 auto}#testimonials .testimonials_item__content{background:rgba(250,200,0,0.2);padding:16px 32px;border-radius:16px}#testimonials .testimonials_item__content p{opacity:.7}#testimonials .testimonials_item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:64px}@media (max-width: 979px){#testimonials .testimonials_item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}#testimonials .ava{border-radius:50%;float:left;margin-right:24px;margin-bottom:24px}#old_tech .flex{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex_item{width:100%;min-width:290px;max-width:312px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;padding:16px 8px;border:solid 1px rgba(25,25,28,0.25);border-radius:12px}.flex_item .icon{font-size:54px}.flex_item h3{line-height:1.2;margin-bottom:16px;text-align:center;color:#0095ff}.flex_item p{font-size:14px;max-width:245px;margin:0 auto;display:block;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.faq_items{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#f2f4cc;padding:48px 15px;border-radius:12px}.faq_items i{font-style:normal;display:inline-block;margin-right:16px}.faq_items dl{max-width:800px;margin-bottom:48px}.faq_items dt{font-weight:bold;font-size:24px;margin-bottom:16px;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1.2}.faq_items dd{margin-bottom:32px;padding-left:26px;display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width: 768px){.contacts_items{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}#contacts{background:bisque}#contacts .container{padding-top:48px;padding-bottom:48px;border:solid 1px rgba(25,25,28,0.25);border-radius:12px}.contacts_items__item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.contacts_items__item a{font-size:22px;margin-bottom:32px}.info_contact{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:480px;margin:0 auto}.info_contact h3{margin-bottom:16px}.form_contanct{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:480px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:0 auto}.form_contanct input,.form_contanct textarea{width:100%;border:solid 1px rgba(25,25,28,0.45);font-size:14px;padding:13px;margin-bottom:8px}footer{background:#000;color:#fff;padding:16px 0}footer .footer_items{-ms-flex-wrap:wrap;flex-wrap:wrap}@media (max-width: 600px){footer .footer_items{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}footer .footer_item{min-width:280px}footer a{color:#fff}
.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
  }

  .white-popup input{
    height: 42px;
    padding: .3em 1em;
    border-radius: 3px;
    margin-bottom: .8em;
    border: solid 2px #434244;
    font-size: .98em;
    width: 100%;
  }

  .white-popup  h3{
    margin-bottom: 16px;
  }

  .mobile_btn__wrap{
    gap:0;
    position: fixed;
    display: none;
    bottom: 0;
    width: 100%;
}

@media (max-width: 600px) {

    footer{
        padding-bottom: 100px;
        padding-top: 32px;
    }

    .mobile_btn__wrap{
        display: flex;
        z-index: 1000;
    }

    .mobile_btn__wrap .button{
        flex-grow: 1;
        align-items: center;
    }

    .button_callback{
        font-size: 12px;
        letter-spacing: .2em;
        color:#fff;
        background: #490dd4;
        border: solid 1px #490dd4;
        font-weight: 600;
        justify-content: center;
    }
}