body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background-color:rgba(50,50,50,1)}body::-webkit-scrollbar-thumb{background-color:rgba(0,130,144,1);border-radius:20px;border:3px solid rgba(50,50,50,1)}.navbar{z-index:10;background-color:#008290!important;margin-top:10px}.nav-link{font:22px "Helvetica Neue LT W05_77 Bd Cn",sans-serif,"Helvetica Neue LT W07 55 Roman";font-weight:700;color:#fff!important;font-size:120%}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-toggler{border-color:#fff}.navbar-nav{margin-left:100px}.navbar-brand{margin-left:70px}@media (max-width:768px){.nav-item{margin-top:10px}.navbar-nav{margin-left:0}.navbar-brand{margin-left:0}.forpm{margin-top:20px;margin-bottom:20px}.form-inline{margin-top:30px!important}}header{margin-top:85px;position:relative;background-color:#fff;height:85vh;min-height:25rem;width:100%;overflow:hidden}header .container{position:absolute;bottom:40px;left:0;right:0;z-index:2}header video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:1440px;height:auto;z-index:0;-ms-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.overlay{position:absolute;bottom:0;left:0;height:70%;width:100%;background-image:linear-gradient(to top,#000,rgba(0,0,0,0));z-index:1}@keyframes metalic{0%{left:-3000px}100%{left:100%}}.navbar::after{content:"";height:100%;width:75px;position:absolute;top:0;background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.4));transform:skewX(-45deg);animation:flareAnimation;background-position:center;background-size:100% 100%;background-repeat:no-repeat;-webkit-animation:metalic 4s infinite linear;animation:metalic 4s infinite linear}h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0}li,ol,ul{list-style:none}a,a:hover{-webkit-tap-highlight-color:transparent;text-decoration:none}html{-webkit-box-sizing:border-box;box-sizing:border-box;scroll-behavior:smooth}body::after{content:"";width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0);-webkit-transition:all .35s;-o-transition:all .35s;transition:all .35s;z-index:-1}body.night::after{background-color:rgba(0,130,144,.8);overflow:hidden;z-index:19}body.night{overflow:hidden}a{color:#fff}a:hover{color:#fff}.main{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.bg{animation:slide 10s ease-in-out infinite alternate;background-image:linear-gradient(-20deg,#202020 60%,#008290 40%);bottom:0;left:-100%;opacity:.5;position:fixed;right:-50%;top:0;z-index:-1}.bg2{animation-direction:alternate-reverse;animation-duration:6s}.bg3{animation-duration:8s}@keyframes slide{0%{transform:translateX(-25%)}100%{transform:translateX(25%)}}.categories{margin:10px;width:182px;backdrop-filter:blur(5px);background-image:url(../img/fon.png);background-color:rgba(255,255,255,1);top:0;right:0;z-index:9;overflow-y:scroll;border-radius:18px 18px 18px 18px}.categories::-webkit-scrollbar{display:none}.categories__list{text-transform:uppercase;height:100vh;min-width:158px}.categories__list-item{text-align:center;border-bottom:1px solid rgba(40,40,40,.2);-webkit-transition:all .35;-o-transition:all .35;transition:all .35}.categories__list-item:hover{border-color:rgba(90,90,90,.8);background-color:rgba(255,255,255,1)}.categories__list-item a{font-weight:700;color:#404040!important;display:inline-block;padding:10px 5px;width:160px;text-align:center;-webkit-transition:all .2;-o-transition:all .2;transition:all .2;cursor:pointer;position:relative}.categories__list-item a span{white-space:normal;width:80%!important}.categories__list-item a::after{content:"";width:30%;height:100%;position:absolute;left:-160px;top:0;background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.4));transform:skewX(-45deg);background-size:100% 100%;background-repeat:no-repeat;background-position:center;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.categories__list-item a:hover::after{left:250px}.categories__list-item a img{display:block;margin:auto}.dropdown-list{display:none}.dropdown-list__item{background-color:rgba(0,130,144,.1);-webkit-transition:all .35s;-o-transition:all .35s;transition:all .35s;border:.51px solid rgba(90,90,90,.5)}.dropdown-list__item:hover{background-color:rgba(0,130,144,.3);border-color:rgba(100,100,100,.8)}.burger{position:relative;width:50px;left:0;top:0;padding:10px;background-color:rgba(0,0,0,.3);cursor:pointer;-webkit-transition:all .35s;-o-transition:all .35s;transition:all .35s;display:none;-webkit-animation:1.2s ease-in-out 0s normal none infinite running trambling-animation;-moz-animation:1.2s ease-in-out 0s normal none infinite running trambling-animation;-o-animation:1.2s ease-in-out 0s normal none infinite running trambling-animation;animation:1.2s ease-in-out 0s normal none infinite running trambling-animation}.burger div{width:30px;height:4px;-webkit-transition:all .35s;-o-transition:all .35s;transition:all .35s;border-radius:2px;background-color:#fff;margin:4px 0}.burger.show{z-index:20;padding:15px 10px;left:132px;animation:none}.burger.show div:first-child{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);margin-bottom:-4px}.burger.show div:last-child{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:-3px}.burger.show div:nth-child(2){opacity:0;visibility:hidden;position:absolute}@keyframes trambling-animation{0%,100%,50%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0)}10%,30%{transform:rotate(-10deg);-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-o-transform:rotate(-10deg);-ms-transform:rotate(-10deg)}20%,40%{transform:rotate(10deg);-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg);-ms-transform:rotate(10deg)}}.forjsff{margin:15px 10px}@media (max-width:768px){.forjsff{margin:0}}.cards{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.card{background-color:#fff!important;padding:0;-webkit-box-shadow:10px 10px 15px rgba(0,0,0,.25);box-shadow:10px 10px 15px rgba(0,0,0,.25);background-color:rgba(255,255,255,0);overflow:hidden;color:#fff;border:none;border-radius:18px 18px 18px 18px;transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-webkit-transition:all .5s ease-out}.card:hover{-webkit-box-shadow:10px 10px 15px 5px rgba(0,130,144,.3);box-shadow:10px 10px 15px 5px rgba(0,130,144,.3);transform:scale(1.03);-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-o-transform:scale(1.03)}.card:hover .card__image{background-color:rgba(255,255,255,1)}.card:hover .card__descr{background-color:rgba(255,255,255,1)}.card .d-flex .btn-group .btn-secondary{background-color:#008290;border-color:#008290}.card .d-flex .btn-group .btn-outline-secondary{background-color:#fff;border-color:#008290}.card .d-flex .btn-group .btn:hover{transform:scale(1.08);-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-o-transform:scale(1.08)}.card .d-flex .btn-group img{transform:scale(1.08);-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-o-transform:scale(1.08)}.spec{z-index:4;position:absolute;top:-7px;left:-2px;width:100px}@media (max-width:768px){.spec{z-index:4;position:absolute;top:2px;left:-2px;width:100px}}.card__image{border-radius:18px 18px 0 0;background-color:rgba(255,255,255,1);width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.card__image img{border-radius:18px 18px 0 0;width:100%;height:100%;display:inline-block;margin:0 auto}.card__descr{color:#000!important;background-color:rgba(255,255,255,1);position:relative;padding:6px 15px;border-radius:0 0 18px 18px}.card__descr span{font-weight:700}.card__title{margin-bottom:8px;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card__title.active{white-space:normal}.card__info{cursor:pointer;max-width:220px;text-align:justify;font-size:15px;margin-bottom:10px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;line-clamp:4;white-space:nowrap}.card__info.active{white-space:normal}.login{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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100vh}.login-title{color:#fff;margin-bottom:15px;text-align:center;font-weight:900}@media (max-width:768px){.login-title{font-size:calc(30px + 102 * ((100vw - 320px)/ 1920))}}@media (min-width:768px){.login-title{font-size:calc(30px + 60 * (100vw / 1920))}}.login form{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}.login form input{border:0;padding:10px;color:#fff;background-color:rgba(0,0,0,.6)}.login form input::-webkit-input-placeholder{color:#fff}.login form input::-moz-placeholder{color:#fff}.login form input:-ms-input-placeholder{color:#fff}.login form input::-ms-input-placeholder{color:#fff}.login form input::placeholder{color:#fff}.login form button{background-color:#0abab5;text-transform:uppercase;color:#fff;padding:10px 15px;font-weight:500;border:0;position:relative;overflow:hidden;z-index:1}.login form button::after{content:"";height:100%;width:75px;position:absolute;top:0;background-image:url(../img/gradient.png);background-position:center;background-size:100% 100%;background-repeat:no-repeat;-webkit-animation:metalic 2.5s infinite;animation:metalic 2.5s infinite}.my-product{padding:10px;text-align:center;color:#fff;position:fixed;bottom:25px;right:160px;width:100px;height:100px;background-color:rgba(0,0,0,.4);border-radius:50%;cursor:pointer;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;overflow:hidden;backdrop-filter:blur(2px)}.my-product::after{content:"";height:100%;width:75px;position:absolute;top:0;background-image:url(../img/gradient.png);background-position:center;background-size:100% 100%;background-repeat:no-repeat;-webkit-animation:metalic 2.5s infinite;animation:metalic 2.5s infinite}@media (max-width:768px){.my-product{height:48px;width:50%;border-radius:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.4)}.my-product::after{animation-duration:2s;width:50px}}input[type=file]{outline:0;opacity:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.product-inputs{font-size:18px;font-weight:500;margin-bottom:5px}.load-inputs{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin-bottom:10px}.info-inputs input{display:block;margin-bottom:15px;padding:5px;width:100%;border:1px solid grey;-webkit-transition:all .35s;-o-transition:all .35s;transition:all .35s}.info-inputs input::-webkit-input-placeholder{font-size:14px;-webkit-transition:all .35s;transition:all .35s}.info-inputs input::-moz-placeholder{font-size:14px;-moz-transition:all .35s;transition:all .35s}.info-inputs input:-ms-input-placeholder{font-size:14px;-ms-transition:all .35s;transition:all .35s}.info-inputs input::-ms-input-placeholder{font-size:14px;-ms-transition:all .35s;transition:all .35s}.info-inputs input::placeholder{font-size:14px;-webkit-transition:all .35s;-o-transition:all .35s;transition:all .35s}.info-inputs input:focus{border-color:#1ecd97}.info-inputs input:focus::-webkit-input-placeholder{color:#1ecd97}.info-inputs input:focus::-moz-placeholder{color:#1ecd97}.info-inputs input:focus:-ms-input-placeholder{color:#1ecd97}.info-inputs input:focus::-ms-input-placeholder{color:#1ecd97}.info-inputs input:focus::placeholder{color:#1ecd97}.label{width:120px;border:2px dashed grey;border-radius:5px;padding:10px;height:160px;-webkit-transition:border .3s ease;-o-transition:border .3s ease;transition:border .3s ease;cursor:pointer;text-align:center}.label:nth-child(2){margin:0 8px}.label i{display:block;font-size:42px;padding-bottom:16px}.label .input-title,.label i{color:grey;-webkit-transition:.2s color;-o-transition:.2s color;transition:.2s color}.label:hover{border:2px solid #1ecd97}.label:hover .input-title,.label:hover i{color:#1ecd97}.product-categories,.product-subcategories{margin-bottom:15px}.product-categories select,.product-subcategories select{width:100%;padding:5px}.rightlanguage{width:49px;height:49px;padding-top:10px;border:1px solid rgba(255,255,255,.4)}.rightlanguage:hover{background-color:rgba(0,0,0,.3)}.for_pad_left{padding-left:100px}.for_mar_left{margin-left:182px;z-index:1;height:49px;backdrop-filter:blur(5px);background-color:rgba(52,73,94,.2)}.for_a_top{border:1px solid rgba(255,255,255,.4)}.for_a_top_right{border:1px solid rgba(255,255,255,.4)}.for_a_top:hover{border:1px solid rgba(255,255,255,.4);background-color:rgba(0,0,0,.3)}.for_a_top_right:hover{border:1px solid rgba(255,255,255,.4);background-color:rgba(0,0,0,.3)}@media (max-width:1520px){.for_pad_left{padding-left:50px}.for_mar_left{margin-left:182px}}@media (max-width:768px){.categories{margin:0;width:182px;backdrop-filter:none;background-color:rgba(255,255,255,1);padding-top:5px;top:0;right:0;z-index:21;height:100vh;overflow-y:scroll}.card{margin:15px 0}.for_pad_left{padding-left:0;padding-right:0}.for_mar_left{margin-left:50px}main{padding:0}.left__navbar{position:fixed;right:-192px;-webkit-transition:all .35s;-o-transition:all .35s;transition:all .35s}.left__navbar.show{right:0}.burger{display:block}}.endl{position:relative}.endl::after{content:"";width:150px;height:5px;background-color:#008290;opacity:.9;position:absolute;top:calc(100% + 10px);left:0}.navbar .megamenu{padding:1rem}.navbar .megamenu ul li a{color:#000}@media all and (min-width:992px){.navbar .has-megamenu{position:static!important}.navbar .megamenu{left:-250px;right:0;width:100vh;margin-top:0}}@media(max-width:991px){.navbar.fixed-top .navbar-collapse,.navbar.sticky-top .navbar-collapse{overflow-y:auto;max-height:90vh;margin-top:10px}}.top_linef{left:0;top:0;position:fixed;width:100%;height:10px;background-color:#404040;z-index:11}.foracoutblock{background-color:rgba(0,130,144,1)}.formyadd{color:#fff!important}.hrdark{background-color:#fff}.forbtnab{color:#fff;border-color:#fff}.sec_acat{background-color:rgba(60,60,60,1);box-shadow:0 -15px 15px -15px #333}.forfformbtn{border:2px solid #008290;border-bottom:2px solid #fff!important;color:#fff}.forfottxt{color:#fff}.login-box{position:relative;top:50%;left:50%;width:100%;padding:30px;transform:translate(-50%,-50%);background:rgba(0,0,0,.5);box-sizing:border-box;box-shadow:0 15px 25px rgba(0,0,0,.6);border-radius:10px}.login-box h4{margin:0 0 30px;padding:0;color:#fff;text-align:center}.login-box .user-box{position:relative}.login-box .user-box input{width:250px;padding:10px 0;font-size:16px;color:#fff;margin-bottom:10px;border:none;border-bottom:1px solid #fff;outline:0;background:0 0}.login-box .user-box label{font-size:16px;color:#03e9f4;pointer-events:none;transition:.5s}#yourLinkId{outline:0;padding:0;border:none;background-color:transparent;position:relative;display:inline-block;padding:10px 20px;color:#03e9f4;font-size:16px;text-decoration:none;text-transform:uppercase;overflow:hidden;transition:.5s;margin-top:25px;letter-spacing:4px}#yourLinkId:hover{background:#03e9f4;color:#fff;border-radius:5px;box-shadow:0 0 5px #03e9f4,0 0 25px #03e9f4,0 0 50px #03e9f4,0 0 100px #03e9f4}#yourLinkId span{position:absolute;display:block}#yourLinkId span:nth-child(1){top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#03e9f4);animation:btn-anim1 1s linear infinite}@keyframes btn-anim1{0%{left:-100%}100%,50%{left:100%}}#yourLinkId span:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#03e9f4);animation:btn-anim2 1s linear infinite;animation-delay:.25s}@keyframes btn-anim2{0%{top:-100%}100%,50%{top:100%}}#yourLinkId span:nth-child(3){bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg,transparent,#03e9f4);animation:btn-anim3 1s linear infinite;animation-delay:.5s}@keyframes btn-anim3{0%{right:-100%}100%,50%{right:100%}}#yourLinkId span:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(360deg,transparent,#03e9f4);animation:btn-anim4 1s linear infinite;animation-delay:.75s}@keyframes btn-anim4{0%{bottom:-100%}100%,50%{bottom:100%}}.information__list-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:15px 0;border-bottom:1px solid rgba(0,130,144,.2)}.information__list-item--image{width:60px;height:60px;background-color:#008290;border-radius:30%;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;margin-right:20px}@media (max-width:480px){.item__text-info{max-width:250px}}.img-responsive{padding:0 20px 20px 20px;width:360px;height:506px}@media (max-width:768px){.img-responsive{padding:0 20px 20px 20px;width:280px;height:394px}}.rating{padding:0;margin-bottom:15px;padding-bottom:15px;color:#ffa000;list-style-type:none;border-bottom:1px solid rgba(0,0,0,.125)}.rating li{display:inline-block}@media (max-width:1200px){.foradpmul{padding-left:3rem!important;margin-left:3rem!important}}@media (max-width:768px){.foradpmul{padding-left:0!important;margin-left:0!important}}.ppfc::-webkit-input-placeholder{color:#fff}.ppfc:valid{color:#fff;background-color:#135b64!important}.form-control:focus{border:none;box-shadow:none;border-left:1px solid #343a40}.custom-select:focus{border:none;box-shadow:none;border-left:1px solid #343a40}.ppfc{caret-color:#fff;background-color:#135b64!important;color:#fff!important;border:none;outline:100px;border-left:1px solid #343a40}.input-group-text{border:none;color:#fff;width:50px;background-color:rgba(19,91,100,1)}.modal-dialog .modal-content{background-color:#343a40;border-radius:2px;border:0}.btn:active,.btn:focus,.btn:hover,.media .media-left img,.modal-dialog .modal-content,.modal-dialog.cascading-modal .modal-header,.z-depth-1-half,ul.instagram-photos li img{-webkit-box-shadow:0 5px 11px 0 rgb(0 0 0 / 18%),0 4px 15px 0 rgb(0 0 0 / 15%);box-shadow:0 5px 11px 0 rgb(0 0 0 / 18%),0 4px 15px 0 rgb(0 0 0 / 15%)}.modal-dialog.cascading-modal{margin-top:10%}@media (min-width:576px){.modal-dialog{max-width:500px;margin:30px auto}}.white-text{color:#fff!important}.light-blue{background-color:rgba(19,91,100,1)}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:15px;border-bottom:1px solid #e9ecef}.modal-dialog.cascading-modal .close{color:#fff;opacity:1;text-shadow:none}.modal-dialog.cascading-modal .modal-body,.modal-dialog.cascading-modal .modal-footer{color:#616161;padding-right:2rem;padding-left:2rem}.modal-dialog.cascading-modal.modal-avatar{margin-top:6rem}.modal-dialog.cascading-modal.modal-avatar .modal-header{margin:-6rem 2rem -1rem}.img-fluid,.modal-dialog.cascading-modal.modal-avatar .modal-header{max-width:100%;height:auto}.modal-dialog.cascading-modal.modal-avatar .modal-header,.z-depth-0{-webkit-box-shadow:none!important;box-shadow:none!important}.modal-dialog.cascading-modal .modal-header{text-align:center;margin:-2rem 1rem 1rem;padding:1.5rem;border:none;border-radius:3px}.modal-dialog.cascading-modal.modal-avatar .modal-header img{width:130px;height:130px;margin-left:auto;margin-right:auto;padding:0}.modal-dialog.cascading-modal.modal-avatar .modal-header img,.z-depth-2{-webkit-box-shadow:0 8px 17px 0 rgb(0 0 0 / 20%),0 6px 20px 0 rgb(0 0 0 / 19%);box-shadow:0 8px 17px 0 rgb(0 0 0 / 20%),0 6px 20px 0 rgb(0 0 0 / 19%)}.ppifora{position:relative;display:inline-block;padding:10px 20px;color:#03e9f4;font-size:16px;text-decoration:none;text-transform:uppercase;overflow:hidden;transition:.5s;margin-top:25px;letter-spacing:4px}.ppifora:hover{background:#03e9f4;color:#fff;border-radius:5px;box-shadow:0 0 5px #03e9f4,0 0 25px #03e9f4,0 0 50px #03e9f4,0 0 100px #03e9f4}.ppifora span{position:absolute;display:block}.ppifora span:nth-child(1){top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#03e9f4);animation:btn-anim1 1s linear infinite}.ppifora span:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#03e9f4);animation:btn-anim2 1s linear infinite;animation-delay:.25s}.ppifora span:nth-child(3){bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg,transparent,#03e9f4);animation:btn-anim3 1s linear infinite;animation-delay:.5s}.ppifora span:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(360deg,transparent,#03e9f4);animation:btn-anim4 1s linear infinite;animation-delay:.75s}

  .loader {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
    }

    .holder {
        position: fixed;
        left: 0px;
        top: 0px;
        bottom: 0px;
        right: 0px;
        width: 100%;
        height: 100%;
        background-color: #008290;
      }

      .preloader {
        /* size */
        width: 100px;
        height: 100px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        animation: rotatePreloader 2s infinite ease-in;
      }

      @keyframes rotatePreloader {
        0% {
          transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
        }
        100% {
          transform: translateX(-50%) translateY(-50%) rotateZ(-360deg);
        }
      }
      .preloader div {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
      }

      .preloader div:before {
        content: "";
        position: absolute;
        left: 50%;
        top: 0%;
        width: 10%;
        height: 10%;
        background-color: #ffffff;
        transform: translateX(-50%);
        border-radius: 50%;
      }

      .preloader div:nth-child(1) {
        transform: rotateZ(0deg);
        animation: rotateCircle1 2s infinite linear;
        z-index: 9;
      }

      @keyframes rotateCircle1 {
        0% {
          opacity: 0;
        }
        0% {
          opacity: 1;
          transform: rotateZ(36deg);
        }
        7% {
          transform: rotateZ(0deg);
        }
        57% {
          transform: rotateZ(0deg);
        }
        100% {
          transform: rotateZ(-324deg);
          opacity: 1;
        }
      }
      .preloader div:nth-child(2) {
        transform: rotateZ(36deg);
        animation: rotateCircle2 2s infinite linear;
        z-index: 8;
      }

      @keyframes rotateCircle2 {
        5% {
          opacity: 0;
        }
        5.0001% {
          opacity: 1;
          transform: rotateZ(0deg);
        }
        12% {
          transform: rotateZ(-36deg);
        }
        62% {
          transform: rotateZ(-36deg);
        }
        100% {
          transform: rotateZ(-324deg);
          opacity: 1;
        }
      }
      .preloader div:nth-child(3) {
        transform: rotateZ(72deg);
        animation: rotateCircle3 2s infinite linear;
        z-index: 7;
      }

      @keyframes rotateCircle3 {
        10% {
          opacity: 0;
        }
        10.0002% {
          opacity: 1;
          transform: rotateZ(-36deg);
        }
        17% {
          transform: rotateZ(-72deg);
        }
        67% {
          transform: rotateZ(-72deg);
        }
        100% {
          transform: rotateZ(-324deg);
          opacity: 1;
        }
      }
      .preloader div:nth-child(4) {
        transform: rotateZ(108deg);
        animation: rotateCircle4 2s infinite linear;
        z-index: 6;
      }

      @keyframes rotateCircle4 {
        15% {
          opacity: 0;
        }
        15.0003% {
          opacity: 1;
          transform: rotateZ(-72deg);
        }
        22% {
          transform: rotateZ(-108deg);
        }
        72% {
          transform: rotateZ(-108deg);
        }
        100% {
          transform: rotateZ(-324deg);
          opacity: 1;
        }
      }
      .preloader div:nth-child(5) {
        transform: rotateZ(144deg);
        animation: rotateCircle5 2s infinite linear;
        z-index: 5;
      }

      @keyframes rotateCircle5 {
        20% {
          opacity: 0;
        }
        20.0004% {
          opacity: 1;
          transform: rotateZ(-108deg);
        }
        27% {
          transform: rotateZ(-144deg);
        }
        77% {
          transform: rotateZ(-144deg);
        }
        100% {
          transform: rotateZ(-324deg);
          opacity: 1;
        }
      }
      .preloader div:nth-child(6) {
        transform: rotateZ(180deg);
        animation: rotateCircle6 2s infinite linear;
        z-index: 4;
      }

      @keyframes rotateCircle6 {
        25% {
          opacity: 0;
        }
        25.0005% {
          opacity: 1;
          transform: rotateZ(-144deg);
        }
        32% {
          transform: rotateZ(-180deg);
        }
        82% {
          transform: rotateZ(-180deg);
        }
        100% {
          transform: rotateZ(-324deg);
          opacity: 1;
        }
      }
      .preloader div:nth-child(7) {
        transform: rotateZ(216deg);
        animation: rotateCircle7 2s infinite linear;
        z-index: 3;
      }

      @keyframes rotateCircle7 {
        30% {
          opacity: 0;
        }
        30.0006% {
          opacity: 1;
          transform: rotateZ(-180deg);
        }
        37% {
          transform: rotateZ(-216deg);
        }
        87% {
          transform: rotateZ(-216deg);
        }
        100% {
          transform: rotateZ(-324deg);
          opacity: 1;
        }
      }
      .preloader div:nth-child(8) {
        transform: rotateZ(252deg);
        animation: rotateCircle8 2s infinite linear;
        z-index: 2;
      }

      @keyframes rotateCircle8 {
        35% {
          opacity: 0;
        }
        35.0007% {
          opacity: 1;
          transform: rotateZ(-216deg);
        }
        42% {
          transform: rotateZ(-252deg);
        }
        92% {
          transform: rotateZ(-252deg);
        }
        100% {
          transform: rotateZ(-324deg);
          opacity: 1;
        }
      }
      .preloader div:nth-child(9) {
        transform: rotateZ(288deg);
        animation: rotateCircle9 2s infinite linear;
        z-index: 1;
      }

      @keyframes rotateCircle9 {
        40% {
          opacity: 0;
        }
        40.0008% {
          opacity: 1;
          transform: rotateZ(-252deg);
        }
        47% {
          transform: rotateZ(-288deg);
        }
        97% {
          transform: rotateZ(-288deg);
        }
        100% {
          transform: rotateZ(-324deg);
          opacity: 1;
        }
      }
      .preloader div:nth-child(10) {
        transform: rotateZ(324deg);
        animation: rotateCircle10 2s infinite linear;
        z-index: 0;
      }

      @keyframes rotateCircle10 {
        45% {
          opacity: 0;
        }
        45.0009% {
          opacity: 1;
          transform: rotateZ(-288deg);
        }
        52% {
          transform: rotateZ(-324deg);
        }
        102% {
          transform: rotateZ(-324deg);
        }
        100% {
          transform: rotateZ(-324deg);
          opacity: 1;
        }
      }

/* Разрыв здесь второй */

/* .word {
    font-family: 'Source Code Pro', monospace;
    bottom: 0;
    color: rgba(0, 130, 144, 0.3);
    font-size: 2.5em;
    height: 2.5em;
    left: 0;
    line-height: 2.5em;
    margin: auto;
    right: 0;
    position: absolute;
    text-shadow: 0 0 10px rgba(0, 130, 144, 0.5), 0 0 5px rgba(0, 130, 144, 0.5);
    top: 0
  }

  .word span {
    display: inline-block;
    transform: translateX(100%) scale(0.9);
    transition: transform 500ms;
  }

  .word .done {
    color: #008290;
    transform: translateX(0) scale(1);
  }
  .loader {
    background: white;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
    }
  .bgpreloader {
    background-image: linear-gradient(transparent 0%, rgba(10, 16, 10, 0.1) 10%);
    background-size: 1000px 2px;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  } */


/* Разрыв здесь первый */

/* .loader {
    background: radial-gradient(#008290, #000);
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
    justify-content: center;
    align-items: center;
    display: flex;
    }

.wrapper {
  position: relative;
  width: 50px;
  height: 100px;
  transform-origin: center center;
  -webkit-animation: rotate 3s 0.75s ease-in-out infinite;
          animation: rotate 3s 0.75s ease-in-out infinite;
}
.wrapper:before, .wrapper:after {
  z-index: -1;
  content: "";
  border: solid 4px rgba(0, 0, 0, 0.2);
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-radius: 50%;
  -webkit-clip-path: inset(0 60% 0 0);
          clip-path: inset(0 60% 0 0);
  width: 100%;
  height: 50%;
  -webkit-animation: shadow 3s 0.75s linear infinite;
          animation: shadow 3s 0.75s linear infinite;
  opacity: 0;
}
.wrapper:after {
  position: absolute;
  top: -1px;
  left: -18px;
}
.wrapper:before {
  position: absolute;
  bottom: -1px;
  right: -18px;
  transform: rotate(180deg);
}

.clock {
  position: relative;
  width: 0;
  height: 0;
  border-top: solid 50px #03e9f4;
  border-bottom: solid 25px transparent;
  border-left: solid 25px transparent;
  border-right: solid 25px transparent;
}
.clock:before, .clock:after {
  content: "";
  position: absolute;
  left: -20px;
  top: -47px;
  width: 0;
  height: 0;
  border-top: solid 44px #008290;
  border-bottom: solid 20px transparent;
  border-left: solid 20px transparent;
  border-right: solid 20px transparent;
}
.clock:after {
  border-top: solid 44px #03e9f4;
  will-change: transform;
  -webkit-animation: clock1 3s linear infinite;
          animation: clock1 3s linear infinite;
}
.clock:last-child {
  transform: rotate(180deg) translateY(50px);
}
.clock:last-child:after {
  transform: scale(0);
  -webkit-animation: clock2 3s linear infinite;
          animation: clock2 3s linear infinite;
}

@-webkit-keyframes clock1 {
  20%, 50% {
    transform: scale(0);
  }
  70%, 100% {
    transform: scale(1);
  }
}

@keyframes clock1 {
  20%, 50% {
    transform: scale(0);
  }
  70%, 100% {
    transform: scale(1);
  }
}
@-webkit-keyframes clock2 {
  20%, 50% {
    transform: scale(1);
  }
  70%, 100% {
    transform: scale(0);
  }
}
@keyframes clock2 {
  20%, 50% {
    transform: scale(1);
  }
  70%, 100% {
    transform: scale(0);
  }
}
@-webkit-keyframes shadow {
  10% {
    opacity: 1;
  }
  20%, 50% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  70%, 100% {
    opacity: 0;
  }
}
@keyframes shadow {
  10% {
    opacity: 1;
  }
  20%, 50% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  70%, 100% {
    opacity: 0;
  }
}
@-webkit-keyframes rotate {
  20%, 50% {
    transform: rotate(180deg);
  }
  70%, 100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  20%, 50% {
    transform: rotate(180deg);
  }
  70%, 100% {
    transform: rotate(360deg);
  }
} */