.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: 0.2em 0.8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: "";
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.webatom-chat {
width:50px;
height:50px;
position: fixed;
right: 25px;
bottom: 100px;
z-index: 9999;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
} .webatom-chat__fab {
width: 50px;
height: 50px;
border-radius: 50%;
background: #66CB01;
border: none;
cursor: pointer;
box-shadow: 0 10px 25px rgba(0,0,0,0.2);
display: flex;
align-items: center;
justify-content: center;
}
.webatom-chat__fab-icon {
width: 24px;
height: 24px;
background: #fff;
mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="black"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 10h.01M12 10h.01M16 10h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg>') center / contain no-repeat;
} .webatom-chat__panel {
position: absolute;
right: 70px;
bottom: -75px;
width: 320px;
max-height: 480px;
background: #fff;
border-radius: 12px;
box-shadow: 0 20px 40px rgba(0,0,0,0.25);
display: none;
flex-direction: column;
overflow: hidden;
}
.webatom-chat__panel.is-open {
display: flex;
} .webatom-chat__header {
padding: 12px 16px;
background: #7DC91B;
color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
}
.webatom-chat__title {
font-weight: 600;
font-size: 14px;
}
.webatom-chat__close {
background: none;
border: none;
color: #fff;
font-size: 20px;
cursor: pointer;
} .webatom-chat__body {
flex: 1;
display: flex;
flex-direction: column;
background: #f8fafc;
overflow-y:scroll;
}
.webatom-chat__messages {
flex: 1;
padding: 12px;
overflow-y: auto;
}
.webatom-chat__choices {
padding: 10px;
display: flex;
flex-wrap: wrap;
gap: 10px 6px;
background: #fff;
border-top: 1px solid #e5e7eb;
} .webatom-chat__msg {
max-width: 100%;
padding: 8px 10px;
border-radius: 10px;
margin-bottom: 8px;
font-size: 13px;
line-height: 1.4;
}
.webatom-chat__msg--bot {
background: #e5e7eb;
color: #000;
font-size:16px;
font-weight:600;
align-self: flex-start;
}
.webatom-chat__msg--user {
background: #4197CB;
color: #fff;
align-self: flex-end;
}
.chat-napis
{
padding:10px 0px;
} .webatom-chat__choice {
background: #4197CB;
color: #fff;
border: none;
border-radius: 6px;
padding: 6px 10px;
font-size: 15px;
cursor: pointer;
}
.webatom-chat__choice:hover {
background: #1d4ed8;
}
.chat-form
{
width:100%;
display:flex;
flex-direction:column;
gap:10px;
}
.chat-form textarea,
.chat-form input
{
padding:10px;
border-radius:10px;
border:1px solid #CCC;
}
.chat-form button
{
background: #66CB01;
padding:5px 10px;
border-radius:10px;
} .webatom-chat__footer {
padding: 8px;
text-align: center;
border-top: 1px solid #e5e7eb;
background: #fff;
}
.webatom-chat__restart {
background: none;
border: none;
color: #4197CB;
font-size: 16px;
font-weight:600;
cursor: pointer;
} .webatom-chat__answer-title {
display: block;
font-weight: 600;
margin-bottom: 6px;
}
.webatom-chat__answer-desc {
font-size: 13px;
margin-bottom: 6px;
}
.webatom-chat__answer-list {
padding-left: 16px;
margin: 6px 0;
font-size: 12px;
}
ul.webatom-chat__answer-list li
{
list-style:disc;
}
.webatom-chat__answer-price {
font-weight: 600;
margin-top: 6px;
}
.webatom-chat__answer-cta {
margin-top: 8px;
color: #2563eb;
font-size: 12px;
font-weight: 500;
}
.webatom-chat__answer-cta h2
{
font-weight:600;
margin:20px 0px 0px 0px;
}
.webatom-chat__msg--step {
cursor: pointer;
}
.webatom-chat__msg--step:hover {
opacity: 0.8;
text-decoration: underline;
} @media (max-width: 676px) {
.webatom-chat {
right: 10px;
bottom: 90px;
}
.webatom-chat__panel {
width: 90vw;
max-height: 70vh;
right: 0px;
bottom: -25px;
}
}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{text-decoration:none;background-color:transparent}a:hover{text-decoration:underline}a:not([href]){color:inherit;text-decoration:none}a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.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%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.33333%;max-width:33.33333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.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-2{flex:0 0 16.66667%;max-width:16.66667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.33333%;max-width:33.33333%}.col-5{flex:0 0 41.66667%;max-width:41.66667%}.col-6{flex:0 0 50%;max-width:50%}.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%}.col-12{flex:0 0 100%;max-width:100%}.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%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.33333%;max-width:33.33333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.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-2{flex:0 0 16.66667%;max-width:16.66667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.33333%;max-width:33.33333%}.col-sm-5{flex:0 0 41.66667%;max-width:41.66667%}.col-sm-6{flex:0 0 50%;max-width:50%}.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%}.col-sm-12{flex:0 0 100%;max-width:100%}.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%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.33333%;max-width:33.33333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.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-2{flex:0 0 16.66667%;max-width:16.66667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.33333%;max-width:33.33333%}.col-md-5{flex:0 0 41.66667%;max-width:41.66667%}.col-md-6{flex:0 0 50%;max-width:50%}.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%}.col-md-12{flex:0 0 100%;max-width:100%}.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%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.33333%;max-width:33.33333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.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-2{flex:0 0 16.66667%;max-width:16.66667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.33333%;max-width:33.33333%}.col-lg-5{flex:0 0 41.66667%;max-width:41.66667%}.col-lg-6{flex:0 0 50%;max-width:50%}.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%}.col-lg-12{flex:0 0 100%;max-width:100%}.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%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.33333%;max-width:33.33333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.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-2{flex:0 0 16.66667%;max-width:16.66667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.33333%;max-width:33.33333%}.col-xl-5{flex:0 0 41.66667%;max-width:41.66667%}.col-xl-6{flex:0 0 50%;max-width:50%}.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%}.col-xl-12{flex:0 0 100%;max-width:100%}.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%}}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} .hamburger{padding:15px 15px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:40px;height:4px;background-color:#000;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx .hamburger-inner::after,.hamburger--3dx .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx.is-active .hamburger-inner{background-color:transparent;transform:rotateY(180deg)}.hamburger--3dx.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r .hamburger-inner::after,.hamburger--3dx-r .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r.is-active .hamburger-inner{background-color:transparent;transform:rotateY(-180deg)}.hamburger--3dx-r.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy .hamburger-inner::after,.hamburger--3dy .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy.is-active .hamburger-inner{background-color:transparent;transform:rotateX(-180deg)}.hamburger--3dy.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r .hamburger-inner::after,.hamburger--3dy-r .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r.is-active .hamburger-inner{background-color:transparent;transform:rotateX(180deg)}.hamburger--3dy-r.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy .hamburger-inner::after,.hamburger--3dxy .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy.is-active .hamburger-inner{background-color:transparent;transform:rotateX(180deg) rotateY(180deg)}.hamburger--3dxy.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy-r .hamburger-inner::after,.hamburger--3dxy-r .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy-r.is-active .hamburger-inner{background-color:transparent;transform:rotateX(180deg) rotateY(180deg) rotateZ(-180deg)}.hamburger--3dxy-r.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner::before{transform:translate3d(-8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrow.is-active .hamburger-inner::after{transform:translate3d(-8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrow-r.is-active .hamburger-inner::before{transform:translate3d(8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrow-r.is-active .hamburger-inner::after{transform:translate3d(8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrowalt .hamburger-inner::before{transition:top .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner::after{transition:bottom .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner::before{top:0;transform:translate3d(-8px,-10px,0) rotate(-45deg) scale(.7,1);transition:top .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt.is-active .hamburger-inner::after{bottom:0;transform:translate3d(-8px,10px,0) rotate(45deg) scale(.7,1);transition:bottom .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt-r .hamburger-inner::before{transition:top .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner::after{transition:bottom .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner::before{top:0;transform:translate3d(8px,-10px,0) rotate(45deg) scale(.7,1);transition:top .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt-r.is-active .hamburger-inner::after{bottom:0;transform:translate3d(8px,10px,0) rotate(-45deg) scale(.7,1);transition:bottom .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner::before{transform:translate3d(8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrowturn.is-active .hamburger-inner::after{transform:translate3d(8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner::before{transform:translate3d(-8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrowturn-r.is-active .hamburger-inner::after{transform:translate3d(-8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner::after,.hamburger--boring .hamburger-inner::before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse .hamburger-inner::after{top:-20px;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.hamburger--collapse .hamburger-inner::before{transition:top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear}.hamburger--collapse.is-active .hamburger-inner::before{top:0;transform:rotate(-90deg);transition:top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r .hamburger-inner::after{top:-20px;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.hamburger--collapse-r .hamburger-inner::before{transition:top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse-r.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear}.hamburger--collapse-r.is-active .hamburger-inner::before{top:0;transform:rotate(90deg);transition:top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)}.hamburger--elastic .hamburger-inner{top:2px;transition-duration:275ms;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic .hamburger-inner::before{top:10px;transition:opacity 125ms 275ms ease}.hamburger--elastic .hamburger-inner::after{top:20px;transition:transform 275ms cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(135deg);transition-delay:75ms}.hamburger--elastic.is-active .hamburger-inner::before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(-270deg);transition-delay:75ms}.hamburger--elastic-r .hamburger-inner{top:2px;transition-duration:275ms;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r .hamburger-inner::before{top:10px;transition:opacity 125ms 275ms ease}.hamburger--elastic-r .hamburger-inner::after{top:20px;transition:transform 275ms cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-135deg);transition-delay:75ms}.hamburger--elastic-r.is-active .hamburger-inner::before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(270deg);transition-delay:75ms}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color 125ms 175ms ease-in}.hamburger--emphatic .hamburger-inner::before{left:0;transition:transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,left 125ms 175ms ease-in}.hamburger--emphatic .hamburger-inner::after{top:10px;right:0;transition:transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,right 125ms 175ms ease-in}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic.is-active .hamburger-inner::before{left:-80px;top:-80px;transform:translate3d(80px,80px,0) rotate(45deg);transition:left 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)}.hamburger--emphatic.is-active .hamburger-inner::after{right:-80px;top:-80px;transform:translate3d(-80px,80px,0) rotate(-45deg);transition:right 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color 125ms 175ms ease-in}.hamburger--emphatic-r .hamburger-inner::before{left:0;transition:transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,left 125ms 175ms ease-in}.hamburger--emphatic-r .hamburger-inner::after{top:10px;right:0;transition:transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,right 125ms 175ms ease-in}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic-r.is-active .hamburger-inner::before{left:-80px;top:80px;transform:translate3d(80px,-80px,0) rotate(-45deg);transition:left 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)}.hamburger--emphatic-r.is-active .hamburger-inner::after{right:-80px;top:80px;transform:translate3d(-80px,-80px,0) rotate(45deg);transition:right 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)}.hamburger--minus .hamburger-inner::after,.hamburger--minus .hamburger-inner::before{transition:bottom 80ms 0s ease-out,top 80ms 0s ease-out,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner::after,.hamburger--minus.is-active .hamburger-inner::before{opacity:0;transition:bottom 80ms ease-out,top 80ms ease-out,opacity 0s 80ms linear}.hamburger--minus.is-active .hamburger-inner::before{top:0}.hamburger--minus.is-active .hamburger-inner::after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.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,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner::before{top:10px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--slider-r .hamburger-inner::after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner::before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner::after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)}.hamburger--spin-r .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner::after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transform:rotate(-225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin-r.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s .13s linear}.hamburger--spring .hamburger-inner::before{top:10px;transition:top .1s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner::after{top:20px;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent}.hamburger--spring.is-active .hamburger-inner::before{top:0;transition:top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner::after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r .hamburger-inner::after{top:-20px;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity 0s linear}.hamburger--spring-r .hamburger-inner::before{transition:top .1s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spring-r.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s .22s linear}.hamburger--spring-r.is-active .hamburger-inner::before{top:0;transform:rotate(90deg);transition:top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1)}.hamburger--stand .hamburger-inner{transition:transform 75ms .15s cubic-bezier(.55,.055,.675,.19),background-color 0s 75ms linear}.hamburger--stand .hamburger-inner::before{transition:top 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand .hamburger-inner::after{transition:bottom 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand.is-active .hamburger-inner{transform:rotate(90deg);background-color:transparent;transition:transform 75ms 0s cubic-bezier(.215,.61,.355,1),background-color 0s .15s linear}.hamburger--stand.is-active .hamburger-inner::before{top:0;transform:rotate(-45deg);transition:top 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.hamburger--stand.is-active .hamburger-inner::after{bottom:0;transform:rotate(45deg);transition:bottom 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms .15s cubic-bezier(.55,.055,.675,.19),background-color 0s 75ms linear}.hamburger--stand-r .hamburger-inner::before{transition:top 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand-r .hamburger-inner::after{transition:bottom 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand-r.is-active .hamburger-inner{transform:rotate(-90deg);background-color:transparent;transition:transform 75ms 0s cubic-bezier(.215,.61,.355,1),background-color 0s .15s linear}.hamburger--stand-r.is-active .hamburger-inner::before{top:0;transform:rotate(-45deg);transition:top 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.hamburger--stand-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(45deg);transition:bottom 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze .hamburger-inner{transition-duration:75ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze .hamburger-inner::before{transition:top 75ms .12s ease,opacity 75ms ease}.hamburger--squeeze .hamburger-inner::after{transition:bottom 75ms .12s ease,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;transition:top 75ms ease,opacity 75ms .12s ease}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom 75ms ease,transform 75ms .12s cubic-bezier(.215,.61,.355,1)}.hamburger--vortex .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex .hamburger-inner::after,.hamburger--vortex .hamburger-inner::before{transition-duration:0s;transition-delay:.1s;transition-timing-function:linear}.hamburger--vortex .hamburger-inner::before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner::after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transform:rotate(765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex.is-active .hamburger-inner::after,.hamburger--vortex.is-active .hamburger-inner::before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner::after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex-r .hamburger-inner::after,.hamburger--vortex-r .hamburger-inner::before{transition-duration:0s;transition-delay:.1s;transition-timing-function:linear}.hamburger--vortex-r .hamburger-inner::before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner::after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transform:rotate(-765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex-r.is-active .hamburger-inner::after,.hamburger--vortex-r.is-active .hamburger-inner::before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg)} .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{11.1%,from,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.39063deg) skewY(.39063deg);transform:skewX(.39063deg) skewY(.39063deg)}88.8%{-webkit-transform:skewX(-.19531deg) skewY(-.19531deg);transform:skewX(-.19531deg) skewY(-.19531deg)}}@keyframes jello{11.1%,from,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.39063deg) skewY(.39063deg);transform:skewX(.39063deg) skewY(.39063deg)}88.8%{-webkit-transform:skewX(-.19531deg) skewY(-.19531deg);transform:skewX(-.19531deg) skewY(-.19531deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}#small-dialog{background:#fff;padding:20px 30px;text-align:left;max-width:400px;margin:40px auto;position:relative}.my-mfp-zoom-in .zoom-anim-dialog{opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);opacity:0}.my-mfp-zoom-in.mfp-bg{opacity:0;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.my-mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8}.my-mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}.my-mfp-slide-bottom .zoom-anim-dialog{opacity:0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;-webkit-transform:translateY(-20px) perspective(600px) rotateX(10deg);-moz-transform:translateY(-20px) perspective(600px) rotateX(10deg);-ms-transform:translateY(-20px) perspective(600px) rotateX(10deg);-o-transform:translateY(-20px) perspective(600px) rotateX(10deg);transform:translateY(-20px) perspective(600px) rotateX(10deg)}.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog{opacity:1;-webkit-transform:translateY(0) perspective(600px) rotateX(0);-moz-transform:translateY(0) perspective(600px) rotateX(0);-ms-transform:translateY(0) perspective(600px) rotateX(0);-o-transform:translateY(0) perspective(600px) rotateX(0);transform:translateY(0) perspective(600px) rotateX(0)}.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog{opacity:0;-webkit-transform:translateY(-10px) perspective(600px) rotateX(10deg);-moz-transform:translateY(-10px) perspective(600px) rotateX(10deg);-ms-transform:translateY(-10px) perspective(600px) rotateX(10deg);-o-transform:translateY(-10px) perspective(600px) rotateX(10deg);transform:translateY(-10px) perspective(600px) rotateX(10deg)}.my-mfp-slide-bottom.mfp-bg{opacity:0;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.my-mfp-slide-bottom.mfp-ready.mfp-bg{opacity:.8}.my-mfp-slide-bottom.mfp-removing.mfp-bg{opacity:0}html {
margin-top: 0 !important;
}	
a, button {
transition: color 0.2s, background-color 0.2s, border-color 0.2s;
color: inherit;
cursor: pointer;
}
a:hover, button:hover {
text-decoration: none;
}
a:focus, button:focus {
outline: 0;
}
button {
padding: 0;
border: 0;
}
img {
max-width: 100%;
height: auto;
flex-shrink: 0;
}
img.size-full {
width: 100%;
}
ul {
margin: 0px 0px 0px 20px;
padding: 0;
list-style: none;
}
ul a {
display: inline-block;
}
input, textarea {
outline: none;
box-shadow: none !important;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
display: flex;
align-items: center;
width: 100%;
height: 100%;
overflow: visible;
opacity: 1;
}
input:-moz-placeholder, textarea:-moz-placeholder {
display: flex;
align-items: center;
width: 100%;
height: 100%;
overflow: visible;
opacity: 1;
}
input::-moz-placeholder, textarea::-moz-placeholder {
display: flex;
align-items: center;
width: 100%;
height: 100%;
overflow: visible;
opacity: 1;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
color: transparent !important;
}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
color: transparent !important;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
color: transparent !important;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
textarea:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
input:focus {
box-shadow: none;
}
b, strong {
font-weight: 600;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
a, img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
html, body {
min-height: 100%;
overflow-x: hidden; overflow-x: clip;
}
html {
height: 100vh;
background: #fff;
}
body {
position: relative;
display: flex;
flex-direction: column;
margin: 0 auto;
min-width: 320px;
min-height: 100%;
font-family: tahoma, "Open Sans", Arial, sans-serif;
font-size: 17px;
line-height: 1.42;
color: #000;
background: #fff;
overflow-x: hidden;
overflow-x: clip; }
html {
margin-top: 0 !important;
} @keyframes flicker {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.9; transform: scale(1.07); }
}
@keyframes sway {
0% { transform: translateX(0px); }
50% { transform: translateX(-20px); }
100% { transform: translateX(0px); }
}
@keyframes floatUpDown {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(8px); }
}
@keyframes slideLeftRight {
0%, 100% { transform: translateX(0); }
50% { transform: translateX(10px); }
}
@keyframes tiltSide {
0%, 100% { transform: rotate(0deg); }
25% { transform: rotate(5deg); }
75% { transform: rotate(-5deg); }
}
.to-top {
position: fixed;
right: 25px;
bottom: 25px;
width: 50px;
height: 50px;
background: #4197CB;
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 26px;
opacity: 0;
visibility: hidden;
transition: 
opacity 0.3s ease,
transform 0.3s ease,
background 0.3s ease;
z-index: 9999;
box-shadow: 0 6px 15px rgba(0,0,0,0.15);
}
.to-top.show {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.to-top:hover {
background: #b4e3ff;
transform: scale(1.1);
}
.to-top .arrow {
transition: transform 0.3s ease;
}
.to-top:hover .arrow {
transform: translateY(-3px);
}
.pagination
{
width:100%;
display:flex;
padding:30px 0px;
gap:0px 10px;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}    @keyframes spin {
from {
transform: rotateZ(0deg);
}
to {
transform: rotateZ(360deg);
}
}
#user-order-list,
#user-dashboard
{
width: 78%;
margin: var(--wa-page-gap) auto 0px auto;
max-width:1400px;
padding:30px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/li-gsli.png) repeat center;
border: 1px solid #7ECA1B;
border-radius: 20px;
box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
-webkit-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
-moz-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
}
.ud-wrapper h1
{
font-weight:600;
font-size:40px;	
color:#0099CC;
}
#user-dashboard #ud-content li
{
font-weight:600;
font-size:24px;
}
#ud-content
{
background:#E0E0E0;
border:1px solid #0099CC;
padding:20px;
margin:0px 0px 50px 0px;
border-radius: 20px;
}
#ud-content ul
{
display:flex;
gap:45px;
flex-wrap:wrap;
}
#ud-content li.li-orders
{
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/order-icon.svg) no-repeat left;
background-size:30px;
padding: 0px 0px 0px 40px;
}
#ud-content li.li-profil
{
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/profil-icon.svg) no-repeat left;
background-size:30px;
padding: 0px 0px 0px 40px;
}
#ud-content li.li-logout
{
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/logout-icon.svg) no-repeat left;
background-size:30px;
padding: 0px 0px 0px 40px;
}
.user-order-list
{
display:flex;
flex-wrap:wrap;
gap:20px;
margin:30px 0px 0px 0px;
}
.user-order-item
{
padding:20px;
width:calc(50% - 10px);
background: linear-gradient(to right bottom, #0099CC, #B5B6B7, #D6D7D8, #E0E0E0, #EFEFEF, #DDFFB2, #8FF904);
border:1px solid #0099CC;
border-radius: 20px;
color:#000;
font-size:18px;	
font-weight:400;
box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
-webkit-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
-moz-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
}
.user-order-item h3
{
font-weight:600;
font-size:33px;
margin:0px 0px 30px 0px;
border-bottom:3px solid #0099CC;
}
.pro-domen h4,
.pro-hosting h4
{
font-size:22px;
font-weight:600;
margin:0px 0px 20px 0px;
}
.user-order-item a.btn
{
width:200px;
display: block;
text-align:center;
padding:10px 0px;
color:#000;
background: #66CB01;
border-radius:40px;
}
.user-order-item a.btn:hover
{
background:#57AD01;
}
@keyframes moveUpAndDown {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-15px);
}
100% {
transform: translateY(0);
}
}
.contacts
{
width:1400px;
margin:var(--wa-page-gap) auto 0px auto;
padding: 0px;
}
@keyframes priceSlide{
0%{
left:0;
}
100%{
left:120px;
}
}
@keyframes priceSlide2{
0%{
left:0;
}
100%{
left:90px;
}
}
.redprim
{
padding:10px;
border:1px solid #FF0000;
border-radius:20px;
background:#FFE8E8;
color:#000;
display: flex;
width: 100%;
} .brief-page
{
width:1400px;
margin:var(--wa-page-gap) auto 100px auto;
}
.brief-page .container
{
width:100%;
max-width:100%;
padding:0px;
margin:0px;
}
.brief-step{
display:none;
padding:20px;
background: #F9F9F9;
border-bottom: 1px solid #E9E9E7;
border-radius:20px;
font-size:16px;
line-height:20px;
font-weight:500;
}
.brief-step h2
{
margin: 0px 0px 20px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 31px;
line-height: 43px;
}
.brief-step.active-step{
display:flex;
flex-direction:column;
gap:20px;
}
#domain-extra-fields,
#hosting-extra-field{
display:none;
}
.brief-progress-bar{
width:0%;
height:100%;
background:linear-gradient(90deg,#2bb673,#66CB01);
transition:width .3s ease;
}  .post-template-blog-page .blog-cta
{
padding: 0px 0px 70px 0px;
} .seo-cta{
width:1400px;
margin:60px auto;
padding:40px;
border-radius:16px;
background:linear-gradient(135deg,#4197CB 60%,#2bb673);
color:#fff;
}
.seo-cta-inner{
display:flex;
align-items:center;
justify-content:space-between;
gap:40px;
}
.seo-cta-text{
max-width:650px;
}
.seo-cta-text h3{
font-size:28px;
margin-bottom:10px;
}
.seo-cta-text p{
font-size:16px;
margin-bottom:20px;
}
.seo-open-form{
padding:12px 26px;
background:#fff;
color:#000;
border:none;
border-radius:8px;
font-weight:600;
cursor:pointer;
}
.seo-cta-image img{
height:131px;
width:200px;
}
.seo-popup{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:9999;
}
.seo-popup-overlay{
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
}
.seo-popup-content{
position:relative;
max-width:500px;
margin:100px auto;
background:#fff;
padding:30px;
border-radius:10px;
z-index:2;
}
.seo-popup-content input,
.seo-popup-content textarea{
width:100%;
margin-bottom:15px;
padding:10px;
border:1px solid #ddd;
border-radius:6px;
}
.seo-popup-content button{
background:#66CB01;
color:#fff;
border:none;
padding:4px 10px;
border-radius:6px;
cursor:pointer;
}
.seo-popup-close{
position:absolute;
top:10px;
right:15px;
background:none;
border:none;
font-size:22px;
cursor:pointer;
}   .slick-prev, .slick-next {
background-color: #4197CB;
color: #fff;
border: none;
padding: 10px;
cursor: pointer;
}
.slick-prev:hover, .slick-next:hover {
background-color: #3175A6;
}
.portfolio
{
padding: 40px 0px;
margin:0px 0px 0px 0px;
}
.portfolio .wrapper {
margin: 0px auto;
width: 1400px;
padding: 0px;
}
.wpcf7 form.sent .wpcf7-response-output
{
color:green;
margin:0px;
border-radius: 20px;
}
#blog-top
{
margin:20px auto 0px auto;
width:1400px;
}
.category #blog-top
{
margin:50px auto 0px auto;
}
#blog-top h1
{
font-family: tahoma;
font-style: normal;
font-weight: 100;
font-size: 50px;
line-height: 60px;
color: #4197CB;
position:relative;
margin:0px 0px 20px 0px;
padding:0px;
}
.category #bloglist
{
margin:30px auto ;
}
#bloglist
{
margin:0px auto 0px auto;
padding:0px 0px 50px 0px;
width:1400px;
position:relative;
}
.bloglist
{
display:flex;
flex-wrap:wrap;
gap:20px;
margin:0px;
}
.bloglist li
{
width: calc(100% - 0px);
padding: 0px;
position: relative;
display:flex;
background: #F7F7F7;
border: 1px solid #E9E9E7;
border-radius: 20px;
}
.bloglist li .blog_img
{
width:600px;
max-height: 100%;
overflow: hidden;
border-radius: 20px;
}
.bloglist li article .blogart-right
{
width:calc(100% - 620px);
display:flex;
flex-direction:column;
gap:20px;
}
.bloglist li .blog-page-category
{
display:flex;
gap:20px;
width:100%;
}
.bloglist li .blog-page-category ul
{
display:flex;
gap:20px;	
}
.bloglist li .blog-page-category li
{
width:auto;
background:#E9E9E7;
padding:5px 10px;
border: none;
border-radius:15px;
text-align:center;
}
.bloglist li .blog-page-category li a
{
width: 100%;
text-align: center;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #333;
}
.bloglist li .blog_img img
{
width:100%;
height:250px;
object-fit: cover;
border-radius:20px;
}
.bloglist li .art-bottom
{
padding:0px 20px;
width:100%;
display:flex;
flex-wrap:wrap;
flex-direction:column;
gap:20px;
position:relative;
}
.bloglist li a
{
height:100%;
display:block;
}
ul.bloglist .blog_title
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 25px;
line-height: 33px;
color: #4197CB;
margin:0px;
}
ul.bloglist li .blogdate
{
position:absolute;
bottom:15px;
right:30px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: #333;
}
#bloglist #pagination
{
width:100%;
}
.s26__tags
{
width:100%;
margin:20px 0px;
display:flex;
flex-wrap:wrap;
gap:10px;
}
.s26__tags li
{
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: #000;
padding: 10px 15px;
text-align: center;
background: #F7F7F7;
border-bottom: 1px solid #E9E9E7;
border-radius: 20px;
}
.s26__tags li.current-cat
{
background: #E10714;
}
.s26__tags li.current-cat a
{
color:#FFF;
}
.grecaptcha-badge
{
display:none;
}
#must-read
{
width:100%;
height:160px;
padding:20px 0px;
margin:50px 0px;
background: #FFFFFF;
border-top: 1px solid #C4C4C4;
border-bottom: 1px solid #C4C4C4;
border-radius:10px;
}
#must-read .wrapper
{
display:flex;
padding:0px 20px;
}
#blog-telo
{
margin:50px auto 0px auto;
padding:0px 0px 0px 0px;
width:1400px;
display:flex;
flex-wrap:wrap;
gap:20px;
}
.post-template-blog-page .main
{
background: #F9F9F9;
}
ul#blog-page-category
{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:0px;
justify-content: flex-end;
}
ul#blog-page-category li
{
font-size:16px;
padding:5px;
background: #F7F7F7;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;	
}
.blog-page-category
{
margin:0px 0px 0px 0px;
}
.blog-page-category li
{
padding:0px 10px;
margin:0px 5px 5px 0px;
border: 1px solid #929292;
border-radius: 100px;
font-family: tahoma;
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 29px;
text-align: center;
color: #929292;
list-style:none;
} .spage__content ul
{
margin:10px 0px 10px 25px;
}
.spage__content ul li
{
list-style:disc;
}
.spage__content img.alignright
{
float:right;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.spage__content img.alignleft
{
float:left;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#blog-telo-right
{
position:relative;
}
#blog-contact
{
width:100%;
background:#FFF;
padding:70px 0px;
}
#blog-contact .wrapper
{
margin:0px auto;
width:78%;
max-width:1400px;
padding:0px 0px;
}
ul.bloglist li .blogart-right .blog-link .blog-link
{
width:300px;
padding: 5px 10px;
margin:0px;
background: #66CB01;
border-radius: 100px;
font-family: tahoma;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 29px;
text-align: center;
color: #333;
}
ul.bloglist li .blogitem_text
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 23px;
color: #767676;
}
.ant-carousel-arrow-right
{
width:106px;
height:74px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/cont-str-right.svg) no-repeat left;
background-size: cover;
right: 0px;
top: 33%;
}
.ant-carousel {
width:100%;
position: relative;
margin:90px 0px 0px 0px;
min-height: 400px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/kav.png) no-repeat left;
background-position: left 10px top 10px;
background-size:100px;
}
.ant-carousel-list {
width: auto;
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
justify-content: flex-start;
}
.ant-carousel-element {
display: block;
flex: 0 0 auto;
width: 280px; text-align: center; background: #F9F9F9;
border: 1px solid #B0B0B0;
border-radius: 20px;
padding:20px;
margin:0px 20px 0px 0px;
} div.ant-carousel-arrow-left, div.ant-carousel-arrow-right {
position: absolute;
cursor: pointer;
opacity: 0.6;
z-index: 2;
display: block;
}
div.ant-carousel-arrow-left {
left: -40px;
top: 40%;
background: url(//webatom.com.ua/wp-content/themes/webatom/“ant-arrow-left.png”)  no-repeat;
}
div.ant-carousel-arrow-left: hover {
opacity: 1.0;
}
div.ant-carousel-arrow-right: hover {
opacity: 1.0;
}
div.ant-carousel-dots {
width: 100%;
height: auto;
position: absolute;
left: 0;
bottom: -30px;
z-index: 2;
text-align: center;
}
span.ant-dot {
width: 10px;
height: 10px;
margin: 5px 7px;
padding: 0;
display: inline-block;
background-color: #BBB;
border-radius: 5px;
cursor: pointer;
}
.popup {
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.popup.popup-visible {
opacity: 1;
visibility: visible;
} .good { color: green; }
.warn { color: orange; }
.bad { color: red; }
#auditResult h3
{
font-size:26px;
font-weight:600;
color:#66CB01;
}
.seo-keywords,
.seo-keyphrases,
.seo-keyword-density
{
background:#f1f1f1;
padding:10px;
margin:0px 0px 10px 0px;
border-radius:20px;
}
.seo-keywords h4,
.seo-keyphrases h4,
.seo-keyword-density h4
{
font-size:18px;
font-weight:600;
margin:0px 0px 10px 0px;
}
.seo-keywords ul,
.seo-keyphrases ul,
.seo-keyword-density ul
{
display: flex;
gap: 5px;
flex-wrap: wrap;
}
.seo-keywords ul li,
.seo-keyphrases ul li,
.seo-keyword-density ul li
{
background:#FFF;
padding:5px;
border-radius:15px;
}  .section.top .container-fluid
{
width:78%;
margin:0px auto;
padding: 0px !important;
} 
.slink {
position: relative;
display: inline-flex;
align-items: center;
padding: 0 1.55em 0 0;
font: 20px/2 "tahoma";
white-space: nowrap;
color: #000;
background: transparent;
}
.slink > * {
position: relative;
display: inline-block;
overflow: hidden;
}
.slink > *:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0.15em;
background: linear-gradient(to right, #0130f9 0%, #00ffff 25%, #74ff80 50%, #00ffff 75%, #0130f9 100%) 0 0/200% 100% no-repeat;
transition: background 0.5s;
}
.slink:before {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
width: 1.2em;
height: 1.2em;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/icons/next.svg) center/100% auto no-repeat;
}
.slink:hover > *:before {
background-position: 100% 0;
}
.slink_white {
color: #fff;
}
.slink_white:before {
background-image: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/icons/next-white.svg);
width:12px;
height:22px;
}
#id_20 .slink_white:before {
background-image: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/icons/next-black.png);
width:12px;
height:22px;
}
.main {
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
background:#FFF;
}
.home header.section
{
background: none;
}   #login-form
{
margin:200px auto 80px auto;
width: 250px;
background: linear-gradient(to right bottom, #E2E2E2, #FFF, #FCFCFC);
padding: 10px;
border: 1px solid #E2E2E2;
border-radius: 10px;
display: flex;
flex-wrap: wrap;
flex-direction:column;
box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
-webkit-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
-moz-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
}
#login-form h1
{
font-size:26px;
}
#menu-item-2532,
#menu-item-2531
{
border:1px solid #333;
border-radius:25px;
}
.webatom-logo-img
{
width:50px;
height:50px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/webatom-logo-img.png) no-repeat center;
background-size:cover;
animation: rotate 10s linear infinite;
}
.current-menu-item a:before, .current-page-ancestor a:before, .current-post-ancestor a:before {
width: 100% !important;
}
.menu-row {
position: relative;
display: inline-block;
vertical-align: middle;
width: 0.7em;
height: 0.7em;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/icons/next-white.svg) center/100% auto;
transition: transform 0.2s;
}
.section {
display: flex;
color: #fff;
background: #FFF;
}
.faq-header
{
margin:40px 0px 0px 0px;
padding:0px;
}
.fh-wrapper
{
width:1400px;
margin:0px auto;
position:relative;
}
.fh-wrapper .page-header-img
{
height:100%;
width:100%;
}
.active, .accordion:hover,
button:focus {
}
.active:after {
display:none;
}
.section.s1 > *:nth-child(1) {
position: relative;
flex-shrink: 0;
width:0%;
z-index: 1;
}
.section.s1 > *:nth-child(2) {
width:78%;
margin:0px auto;
}
.section.s2
{
color: #fff;
background: #000;
width: 100%;
}
#s2content
{
width: 78%;
margin: 0px auto 20px auto;
height: auto;
}
.section.s2 #s2content > *:nth-child(1) {
position: relative;
flex-shrink: 0;
width:100%;
height:80px; z-index: 1;
}
.section.s2 #s2content > *:nth-child(2) {
width:100%;
padding-left:0vw; }
.section.s1 h2,
.section.s6 h2,
.section.s7 h2,
.section.s8 h2
{
margin: 0 0 0;
font: 50px/1.05 "Asgard-FitMedium";
text-transform: uppercase;
padding:100px 0px 50px 0px;
}
.section.s6 .container-fluid,
.section.s1 .container-fluid,
.section.s8 .container-fluid {
padding-left: 0 !important;
padding-right: 0 !important;
}
.s2 .section-title
{
padding: 0px 0 0;
display:block;
writing-mode: inherit;
font: 43px/1.05 "Asgard-FitMedium";
}
.s2 #s2title #morecases
{
float:right;
margin:-20px 0px 0px 0px;
font: 18px/1.05 "tahoma";
}
.section_light {
color: #000;
background: #e6e6e6;
}
.breadcrumbs
{
width:100%;
display:flex;
flex-wrap:wrap;
gap:10px;
width:1400px;
padding:0px 5px;
margin:var(--wa-page-gap) auto 0px auto;
}
.news-template-news-page .breadcrumbs
{
margin:var(--wa-page-gap) auto 0px auto;
}
.breadcrumbs ul
{
margin:0px;
padding:0px;
display:flex;
}
.breadcrumbs ul li
{
list-style:none;
}
.section_light .rtblock {
border-color: #000;
}
.section_light .sh5-list {
border-color: #000;
}
.section_light .sh5-list__item {
border-color: #000;
}
.section_light .sh5-list__top:before {
filter: invert(100%);
}
.section_light .page-numbers.prev:before, .section_light .page-numbers.next:before {
filter: invert(100%);
}
.section_light .page-numbers:not(.prev):not(.next):not(.dots) {
border-color: #000;
}
.section_light .page-numbers.current {
color: #fff;
background: #000;
}
.top > *:nth-child(2) {
width:100%;
padding-bottom:100px;
border-bottom: 1px solid #fff;
}
.top__box {
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 0 0 112px 0;
height: 685px;
}
#id_22 .top__box {
height: 770px;
}
.top__title {
margin: 0 0 0;
font: 50px/1.05 "Asgard-FitMedium";
text-transform: uppercase;
width:365px;
}
.top__title > span
{
background: linear-gradient(to right bottom, #0130f9 25%, #00ffff 80%, #74ff80 100%);
padding: 12px 10px 5px 10px;
margin: 50px 0px 0px -10px;
line-height: 111px;
}
.top__title > span:not(.text-gradient) {
position: relative;
}
.top__title > span:not(.text-gradient) > span {
position: relative;
color: #FFF;
z-index: 1;
}
@-webkit-keyframes toptitle1 {
0% {
background-position: 100% 0;
}
50% {
background-position: 0 0;
}
100% {
background-position: 100% 0;
}
}
@keyframes toptitle1 {
0% {
background-position: 100% 0;
}
50% {
background-position: 0 0;
}
100% {
background-position: 100% 0;
}
}
.top__text {
margin: 0px 0 0;
max-width: 435px;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.top__text > *:last-child {
margin-bottom: 0;
}
.top__text-1 {
margin: 0 0 10px;
font: 15px/1.89 "tahoma-regular";
}
.top__text-2 {
margin: 0 0 0;
font: 17px/1.36 "tahoma-Light";
}
.rtblock {
display: flex;
align-items: center;
margin: 0;
height: 116px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
font: 33px/1 "Asgard-FitRegular";
text-transform: uppercase;
white-space: nowrap;
overflow: hidden;
}
.rtblock_top {
}
.rtblock-slider {
position: relative;
top: 0.1em;
}
.rtblock-slider__box.swiper-wrapper {
transition-timing-function: linear !important;
}
.rtblock-slider__item {
width: auto !important;
}
.rtblock__dot {
margin: 0 1em;
}
.rtblock_1 {
height: 107px;
}
.rtblock_4 {
height: 125px;
}
.rtblock_5 {
margin: 0 0 135px;
height: 107px;
}
.rtblock_6 {
height: 107px;
}
.rtblock_7 {
border-top-color: transparent;
}
.rtblock_8 {
margin: 200px 0 170px;
}
.rtblock_9 {
margin: 221px 0 103px;
}
.rtblock_10 {
height: 130px;
}
.s1-block {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
justify-content: space-between;
padding: 32px 0 32px 0; }
.s1-block > *:nth-child(1) {
width: 100%;
}
.s1-block > *:nth-child(2) {
width: 55%;
}
.s1-block > *:nth-child(3) {
width: 42%;
margin-top:11%;
}
.s1-block__num {
position: relative;
margin: 0 0 21px;
padding: 0 0 27px;
font: 30px/1 "Gotham-Book";
overflow: hidden;
}
.s1-block__num:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
transform: translate(-100%);
width: 100%;
height: 3px;
background: linear-gradient(to right, #0130f9 0%, #00ffff 50%, #74ff80 100%);
}
@-webkit-keyframes s1block_num {
0% {
transform: translate(-100%);
}
100% {
transform: translate(0%);
}
}
@keyframes s1block_num {
0% {
transform: translate(-100%);
}
100% {
transform: translate(0%);
}
}
.s1-block__title {
margin: 0 0 60px;
font: 45px/1.25 "tahoma-Light";
}
.s1-block__text {
padding: 10px 0 0 0;
}
.s1-block__text > * {
opacity: 0;
margin-bottom: 76px;
}
.s1-block__text > *:last-child {
margin-bottom: 0 !important;
}
.s1-block__text li {
position: relative;
margin: 0 0 2.88em;
padding: 0 0 0 1.76em;
}
.s1-block__text li:before {
content: "+";
position: absolute;
left: 0;
top: 0.7em;
transform: translate(0, -50%);
}
.s1-block__text li:last-child {
margin-bottom: 0 !important;
}
.s1-block__text ul:last-child li,
.s1-block__text p {
margin: 0 0 25px;
font-size:25px;
line-height:40px;
}
.s1-block__text h4 {
position: relative;
display: inline-block;
margin-left: 30px;
padding: 5px 9px;
font: 20px/1 "tahoma-Bold";
text-transform: uppercase;
color: #000;
background: linear-gradient(to right, #0130f9 0%, #00ffff 50%, #74ff80 100%);
}
@-webkit-keyframes s1blocktext {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes s1blocktext {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.swiper-buttons {
position: relative;
}
.swiper-button {
top: auto;
margin: 0;
}
.swiper-button:after {
display: none;
}
.swiper-button-prev {
transform: rotate(180deg);
left: 0;
}
.swiper-button-next {
right: 0;
}
.s3__items-btns {
margin: 99px 0 0 0;
width: 145px;
height: 50px;
}
.s3__items-btn {
width: 50px;
height: 50px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/icons/next.svg) right center/100% auto no-repeat;
}
.solution {
display: flex;
}
.solution__box {
max-width: 50%;
}
.solution__text {
margin: 0 0 34px;
font: 25px/1.4 "tahoma-Bold";
text-transform: uppercase;
}
#menu-footer-services
{
margin:-5px 0px 0px 0px;
}
#menu-footer-services li,
#menu-footer-menu-2 li
{
height:25px;
}
#menu-footer-services li a,
#menu-footer-menu-2 li a
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 220%;
color: #929292;
}
@-webkit-keyframes s7bl2heading {
0% {
transform: translate(0, -100%);
}
100% {
transform: translate(0, 0);
}
}
@keyframes s7bl2heading {
0% {
transform: translate(0, -100%);
}
100% {
transform: translate(0, 0);
}
}
@-webkit-keyframes s7bl2heading2 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes s7bl2heading2 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes s7bl2heading3 {
0% {
opacity: 0;
left: 0.5em;
}
100% {
opacity: 1;
left: 0;
}
}
@keyframes s7bl2heading3 {
0% {
opacity: 0;
left: 0.5em;
}
100% {
opacity: 1;
left: 0;
}
}
@-webkit-keyframes sh1scroll {
0% {
top: 0;
}
50% {
top: 10px;
}
100% {
top: 0;
}
}
@keyframes sh1scroll {
0% {
top: 0;
}
50% {
top: 10px;
}
100% {
top: 0;
}
}
.sh2 > *:nth-child(2) {
border-bottom: 1px solid #fff;
}
.stext h3, .stext h4 {
font: 25px/1.36 "tahoma-Bold";
text-transform: uppercase;
}
@-webkit-keyframes sh2imgcirckle {
0% {
transform: translate(-100%);
}
100% {
transform: translate(0%);
}
}
@keyframes sh2imgcirckle {
0% {
transform: translate(-100%);
}
100% {
transform: translate(0%);
}
}
@-webkit-keyframes sh4list1 {
0% {
transform: translate(-100%);
}
100% {
transform: translate(0);
}
}
@keyframes sh4list1 {
0% {
transform: translate(-100%);
}
100% {
transform: translate(0);
}
}
@-webkit-keyframes sh4list2 {
0% {
transform: translate(100%);
}
100% {
transform: translate(0);
}
}
@keyframes sh4list2 {
0% {
transform: translate(100%);
}
100% {
transform: translate(0);
}
}
@-webkit-keyframes sh4list3 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes sh4list3 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes sh4list4 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes sh4list4 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.sh7 {
border-bottom: 1px solid #fff;
}
.sh5__block {
margin: 0 0 283px;
}
.sh5__block:last-child {
margin: 0;
}
.sh5__block-top {
margin: 0 0 78px;
text-transform: uppercase;
}
.small-title {
margin: 0 0 1em;
font: 19px/1.8 "tahoma-Bold";
}
.small-title span {
display: inline-block;
padding: 0 1em;
text-transform: uppercase;
white-space: nowrap;
color: #000;
background: linear-gradient(to right, #0130f9 0%, #00ffff 50%, #74ff80 100%);
}
.sh5__block-heading {
margin: 0 0 30px;
}
.sh5__block-title {
margin: 0;
font: 55px/1.2 "Asgard-FitMedium";
}
.sh5-list {
border-top: 1px solid #fff;
}
.sh5-list__item {
border-bottom: 1px solid #fff;
transition: 0.2s padding;
}
.sh5-list__item_active {
padding: 20px 0 55px;
}
.sh5-list__item_active .sh5-list__main {
display: block;
}
.sh5-list__item_active .sh5-list__line {
display: block;
}
.sh5-list__item_active .sh5-list__top:before {
transform: translate(0, -50%) rotate(90deg);
}
.sh5-list__item_active .sh5-list__title-box > *:nth-child(1) {
width: 53.77%;
}
.sh5-list__item_active .sh5-list__title-box > *:nth-child(2) {
display: block;
}
.sh5-list__top {
position: relative;
font: 22px/1.42 "tahoma-Light";
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.sh5-list__top:before {
content: "";
position: absolute;
right: 1.45em;
top: 50%;
transform: translate(0, -50%);
width: 2.27em;
height: 100%;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/icons/arrow-right.svg) center/100% auto no-repeat;
opacity: 1;
transition: 0.1s opacity;
}
.sh5-list__title-box {
display: flex;
align-items: center;
width: 80%;
}
.sh5-list__title-box > *:nth-child(1) {
display: flex;
align-items: center;
width: 100%;
}
.sh5-list__title-box > *:nth-child(1) > *:nth-child(2) {
flex-grow: 1;
}
.sh5-list__title-box > *:nth-child(2) {
display: none;
width: 46.23%;
opacity: 0;
-webkit-animation: sh5listtitlebox 1s ease 1.5s forwards;
animation: sh5listtitlebox 1s ease 1.5s forwards;
}
@-webkit-keyframes sh5listtitlebox {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes sh5listtitlebox {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.sh5-list__title {
margin: 0;
padding: 1.36em 0;
text-transform: uppercase;
}
.sh5-list__line {
display: none;
position: relative;
margin: 0 1em;
min-width: 80px;
height: 0.18em;
overflow: hidden;
}
.sh5-list__line:before {
content: "";
position: absolute;
left: 0;
top: 0;
transform: translate(-100%);
width: 100%;
height: 100%;
background: linear-gradient(to right, #0130f9 0%, #00ffff 50%, #74ff80 100%);
transition: transform 1s;
-webkit-animation: sh5listline 1s ease 1s forwards;
animation: sh5listline 1s ease 1s forwards;
}
@-webkit-keyframes sh5listline {
0% {
transform: translate(-100%);
}
100% {
transform: translate(0%);
}
}
@keyframes sh5listline {
0% {
transform: translate(-100%);
}
100% {
transform: translate(0%);
}
}
.sh5-list__main {
display: none;
padding: 26px 0 0;
}
.sh5-list__box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 80%;
}
.sh5-list__box > * {
opacity: 0;
}
.sh5-list__box > *:nth-child(1) {
width: 46.23%;
-webkit-animation: sh5listbox 1s ease 0.5s forwards;
animation: sh5listbox 1s ease 0.5s forwards;
}
.sh5-list__box > *:nth-child(2) {
width: 7.54%;
font-size: 0;
-webkit-animation: sh5listbox 1s ease 1.5s forwards;
animation: sh5listbox 1s ease 1.5s forwards;
}
.sh5-list__box > *:nth-child(3) {
width: 46.23%;
-webkit-animation: sh5listbox 1s ease 2s forwards;
animation: sh5listbox 1s ease 2s forwards;
}
.sh5-list__box ul li {
position: relative;
margin: 0 0 25px;
padding: 0 0 0 30px;
}
.sh5-list__box ul li:before {
content: "+";
position: absolute;
left: 0;
top: 12px;
transform: translate(0, -50%);
}
.sh5-list__box ul li:last-child {
margin: 0;
}
@-webkit-keyframes sh5listbox {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes sh5listbox {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.sh9 > *:nth-child(2) {
border-top: 1px solid #000;
}
.sh9__box {
padding: 130px 0 110px;
}
.sh9__list-wrap {
margin: 0 -2vw;
}
.sh9__list-wrap_2 {
opacity: 0;
}
.sh9__list-wrap_2.swiper-initialized {
opacity: 1;
}
.sh9__list-box {
padding: 0 2vw;
}
.sh9__list-btns {
display: none;
justify-content: space-between;
align-items: center;
position: absolute;
left: 50%;
top: calc(35vw/2);
transform: translate(-50%, -50%);
width: calc(100% - 30px);
z-index: 1;
}
.sh9__list-btn {
position: relative;
width: auto;
height: auto;
top: auto;
margin: 0;
color: #fff;
}
.sh9__list-btn_prev {
transform: none;
}
.sh9-article {
position: relative;
overflow: hidden;
width:100%;
display:flex;
gap:20px;
padding:20px;
}
.sh9-article:hover .sh9-article__img img {
transform: translate3d(-50%, -50%, 0) scale(1.05);
}
.sh9-article:hover .sh9-article__title > * {
border-color: #000;
}
.sh9-article__img {
position: relative;
margin: 0 0 34px;
overflow: hidden;
}
.sh9-article__img div {
padding: 80% 0 0;
}
.sh9-article__img img {
position: absolute;
left: 50%;
top: 50%;
transform: translate3d(-50%, -50%, 0);
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: all 0.2s;
}
.sh9-article__title {
margin: 0 0 1.4em;
font: 1.5625vw/1.4 "tahoma-Bold";
text-transform: uppercase;
}
.sh9-article__title > * {
display: inline;
border-bottom: 2px solid transparent;
transition: all 0.2s;
}
.sh9-article__more:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 50vw;
height: 50vw;
}
.section-title {
display: flex;
align-items: center;
margin: 0;
padding: 188px 0 0;
width: 100%;
font: 35px/1 "tahoma-Light";
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
white-space: nowrap;
}
.section-title > * {
position: relative;
transform: rotate(180deg);
}
@-webkit-keyframes sh8bl3plan1text {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes sh8bl3plan1text {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes sh8bl3plan1line {
0% {
transform: translate(-100%);
}
100% {
transform: translate(0);
}
}
@keyframes sh8bl3plan1line {
0% {
transform: translate(-100%);
}
100% {
transform: translate(0);
}
}
.spage {
flex-grow: 1;
}
.spage__box {
padding: var(--wa-page-gap) 0 100px;
}
.spage__box .sh9__list {
display: flex;
flex-wrap: wrap;
}
.spage__box .sh9__list-box {
margin: 0 0 3vw;
width: 33.33%;
}
.spage__title {
margin: 0 0 1em;
font: 32px/1.2 "Asgard-FitMedium";
text-transform: uppercase;
}
.wpcf7-form-control-wrap {
display: block;
}
.wpcf7-not-valid-tip {
position: absolute;
left: 0;
top: 100%;
width: 100%;
margin: 2px 0 0;
font-size: 15px;
}
.wpcf7-not-valid {
border-color: red;
}
.wpcf7 form .wpcf7-response-output {
margin: 20px auto 0;
padding: 10px;
border-width: 1px;
color:green;
border-radius:20px;
}
.spagination {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 30px 0 0 0;
font-family: 'tahoma-Bold';
}
.page-numbers {
display: flex;
justify-content: center;
align-items: center;
margin: 0 6px;
color:#4197CB;
border: 1px solid #4197CB;
}
.next.page-numbers
{
border:none;
color: #4197CB;
}
.page-numbers:not(.prev):not(.next):not(.dots) {
width: 40px;
height: 40px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.page-numbers.current {
color: #66CB01;
background: none;
border: 1px solid #66CB01;
}
.page-numbers.prev, .page-numbers.next {
position: relative;
margin: 0 19px;
font-size: 0;
}
.page-numbers.prev:before
{
content: "";
position: absolute;
top: 50%;
transform: translate(0, -50%) rotate(180deg);
width: 55px;
height: 100%;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/next.svg) center no-repeat;
background-size:30px;
}
.page-numbers.next:before {
content: "";
position: absolute;
top: 50%;
transform: translate(0, -50%);
width: 55px;
height: 100%;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/next.svg) center no-repeat;
background-size:30px;
}
.page-numbers.prev {
padding: 0 19px 0 0;
}
.page-numbers.prev:before {
right: 0;
border:none;
}
.prev.page-numbers
{
border:none;
}
.page-numbers.next {
padding: 0 0 0 19px;
}
.page-numbers.next:before {
left: 0;
} .zakaz-yslygi
{
padding:40px 0;
}
.zakaz-yslygi .wrapper
{
min-height:400px;
width: 78%;
margin: 0px auto;
max-width: 1400px;
padding: 50px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/form-zakaz.jpg) no-repeat right;
border: 1px solid #7DC91B;
border-radius:20px;
box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
-webkit-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
-moz-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.75);
}
.site-order-form
{
width:calc(100% - 400px);
}
.site-order-form h2
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 35px;
line-height: 45px;
text-transform: capitalize;
color: #4197CB;
margin:0px 0px 50px 0px;
}
.site-order-form form
{
max-width:800px;
}
.form-step
{
display:none;
opacity:0;
transition:opacity .3s ease;
}
.form-step.active
{
display:block;
opacity:1;
}
.note
{
font-size:.9em;
color:#666;
margin-bottom:8px;
}
.site-order-form form input, .site-order-form form select, .site-order-form form textarea
{
width:100%;
margin-bottom:15px;
padding:10px;
border:1px solid #ccc;
border-radius:5px;
}
.site-order-form form button
{
padding:10px 20px;
border:none;
border-radius:5px;
background:#0073aa;
color:#fff;
cursor:pointer;
}
.site-order-form form button:hover
{
background:#005f8d;
}
.site-order-form form .checkbox-grid
{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
gap:5px;
}
.site-order-form form .checkbox-grid label
{
display:flex;
}
.site-order-form form .checkbox-grid label input
{
width:20%;
margin-bottom: 0px;
}
.site-order-form form .hidden
{
display:none !important;
}
.site-order-form form .form-message
{
text-align:center;
margin-top:20px;
font-weight:bold;
}
.site-order-form form .contact-preferences label
{
font-weight: 500;
}  @media (max-width: 1500px) {
.sh5-list__title-box {
width: 100%;
}
.sh5-list__box {
max-width: none;
}
} @media (max-width: 1400px) {
#choose .wrapper,
#reviews .wrapper
{
width: 90%;
}
.breadcrumbs
{
margin:var(--wa-page-gap) auto 0px auto;
}
.breadcrumbs,
.portfolio .wrapper,
.fh-wrapper,
#blog-top,
#bloglist,
#blog-telo,
.contacts
{
width: 90%;
}
.webatom-logo-img {
width: 40px;
height: 40px;
}
img.logo-img
{
width:100px;
}
}  @media (max-width: 1199px) {
.top__title {
font-size: 80px;
}
.s8bl1__box > *:nth-child(1) {
width: 100%;
}
.s8bl1__box > *:nth-child(2) {
width: 100%;
}
.s8bl1__text ul {
margin: 0 0 50px;
}
.rtblock {
height: 80px;
font-size: 28px;
}
.sh5-list__box {
max-width: none;
}
.sh5__block {
margin: 0 0 120px;
}
.sh5__block-top {
margin: 0 0 50px;
}
.rtblock_8 {
margin: 120px 0 120px;
}
.rtblock_9 {
margin: 120px 0 120px;
}
.s7bl2__box {
max-width: none;
}
.s2__box {
grid-template-columns: 50% 50%;
grid-template-rows: 45% 45% 10%;
grid-template-areas: 'b1 b2'
'b3 b4'
'b5 b5';
height: 906px;
}
.s2__box_2 {
grid-template-rows: repeat(2, 3fr) 2fr;
}
.s2-item__title {
margin: 0 0 15px;
font-size: 25px;
}
.s2-item__part_top {
padding-bottom: 25px;
}
.s2__allcases-link {
font-size: 25px;
}
.sh9__box {
padding: 100px 0;
}
.sh5__block {
margin: 0 0 70px;
}
.s2-item__main {
opacity: 1;
}
.section > *:nth-child(2) {
width: 100%;
}
.sh9__list-wrap {
margin: 0 -10px;
}
.sh9__list-box {
padding: 0 10px;
}
.sh9-article__title {
font-size: 18px;
}
.s3__items {
padding: 0;
}
.s3__items {
font-size: 18px;
}
.s3__items-wrap {
margin: 0;
padding: 0 15px;
}
.s3-item {
padding: 0 0 0 3em;
}
.s3-item__text:before {
left: -0.5em;
top: 0;
font-size: 5em;
}
.s3__items-wrap {
width: 40vw;
}
.top__box {
padding: 0 0 70px 0;
height: 600px;
}
.s3__items-box {
margin: 100px 0 110px;
}
.solution__box {
max-width: none;
}
.s3__box {
padding: 0 0 70px;
}
.s4bl3 {
width: auto;
}
.container-fluid {
padding-left: 4vw !important;
padding-right: 4vw !important;
}
.full-width {
margin-left: -4vw !important;
margin-right: -4vw !important;
}
.full-width-right {
margin-right: -4vw !important;
}
.s8bl1__img {
justify-content: center;
margin: 50px 0 0;
}
} @media (max-width: 991px) {
.top__title {
font-size: 70px;
}
.s7bl2__box > *:nth-child(1) {
margin: 0 0 50px;
width: 100%;
}
.slink {
font-size: 18px;
}
.small-title {
font-size: 17px;
}
body {
font-size: 16px;
}
.s1-block > *:nth-child(2) {
margin: 0 0 30px;
width: 100%;
}
.s1-block > *:nth-child(3) {
width: 100%;
}
.s1-block__title {
margin: 0 0 30px;
font-size: 40px;
}
.s1-block__img {
max-width: 200px;
}
.s1-block__text li {
margin: 0 0 1.2em;
}
.s1-block__text > * {
margin-bottom: 30px;
}
.s1-block {
margin: 0 0 50px;
padding: 0;
min-height: auto;
}
.solution__text {
font-size: 20px;
}
.spage__box .sh9__list-box {
margin: 0 0 30px;
width: 50%;
}
}   @media (max-width: 676px) {
@keyframes priceSlide{
0%{
left:0;
}
100%{
left:90px;
}
}
.seo-cta {
width:100%;
}
.seo-cta-inner
{
flex-direction:column;
text-align:center;
}
.brief-page
{
width:100%;
margin: var(--wa-page-gap) auto 50px auto;
}
.brief-page .container {
padding: 0px 10px;
}
.to-top
{
right:10px;
}
.bloglist li article .blogart-right,
ul.bloglist li .blogart-right .blog-link .blog-link
{
width:100%;
}
.bloglist li .blog-page-category
{
margin:5px 0px;
}
.bloglist li .blog-page-category ul {
gap: 15px;
flex-wrap: wrap;
margin:0px;
}
.breadcrumbs
{
width:100%;
padding:10px;
margin: var(--wa-page-gap) 0px 0px 0px;
gap: 0px 10px;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.breadcrumbs ul {
flex: 0 0 auto;
white-space: nowrap;
}
.breadcrumbs ul li {
font-size: 12px;
}
.faq-header {
margin: 20px 0px 0px 0px;
}
.fh-wrapper {
width: 100%;
}
.top__title {
font-size: 60px;
}
.stext h3, .stext h4 {
font-size: 20px;
}
.sh5-list__title-box > *:nth-child(1) {
width: 100%;
}
.sh5-list__title-box > *:nth-child(2) {
display: none !important;
}
.sh5-list__box > *:nth-child(1) {
width: 100%;
}
.sh5-list__box > *:nth-child(2) {
display: block;
margin: 20px 0;
width: 100%;
font-size: 20px;
}
.sh5-list__box > *:nth-child(3) {
width: 100%;
}
.rtblock {
height: 70px;
font-size: 20px;
}
.s2__box {
grid-template-columns: 100%;
grid-template-rows: repeat(4, 50vw) 100px;
grid-template-areas: 'b1'
'b2'
'b3'
'b4'
'b5';
height: auto;
}
.contacts {
width: 100%;
margin: var(--wa-page-gap) auto 0px auto;
}
.home header.section {
background: #FFF;
}
li.lrli .large {
position: absolute;
left: 0%;
top: 15%;
width: 100%;
}
.lr-img2 {
width: 100%;
}
.portfolio {
padding: 20px 0px;
margin: 0px;
}
.portfolio .wrapper {
width: 100%;
max-width: 100%;
padding: 0px 10px;
}
#logos
{
border-top:none;
}
#blog-top {
margin: 20px auto 0px auto;
width: 100%;
max-width: 100%;
padding: 0px 10px;
}
#blog-top h1 {
font-size: 40px;
line-height: 50px;
font-weight:600;
}
#bloglist {
width: 100%;
max-width: 100%;
padding: 0px 10px;
position: relative;
}
.s26__tags {
width: 100%;
display: flex;
flex-wrap:nowrap;
flex-direction: row;
gap: 15px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
}
.s26__tags > div {
flex: 0 0 auto;
min-width: 220px;
}
.bloglist li {
width: 100%;
padding: 0px 0% 10px 0px;
position: relative;
flex-direction:column;
}
.sh9-article
{
flex-direction:column;
}
.bloglist li .blog_img {
max-height: 200px;
width:100%;
}
.bloglist li .blog_img img
{
height:100%;
}
.bloglist li .art-bottom {
padding: 0px;
width: 100%;
height: auto;
flex-wrap: nowrap;
}
ul.bloglist li .blogdate {
position: static;
bottom: auto;
right: auto;
font-size:12px;
}
#must-read {
width: 100%;
height: auto;
padding:0px;
}
#must-read .wrapper {
flex-direction:column;
padding: 0px 10px;
}
.news-template-news-page .breadcrumbs {
margin: var(--wa-page-gap) auto 0px auto;
}
#blog-telo {
margin: 20px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 90%;
max-width: 90%;
}
.blog-page-category {
width: 100%;
float: right;
margin: 30px 0px 30px 0px;
text-align: right;
}
#blog-contact .wrapper {
margin: 0px auto;
width: 90%;
max-width: 90%;
padding: 0px 0px;
}
#blog-telo-right {
display: none;
}
.ant-carousel {
width: 100%;
position: relative;
margin: 50px 0px 0px 0px;
padding:120px 0px 0px 0px;
min-height: 400px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/kav.png) no-repeat left;
background-position: left 25% top 10px;
background-size: 100px;
}
div.ant-carousel-arrow-left, div.ant-carousel-arrow-right {
position: absolute;
cursor: pointer;
opacity: 0.6;
z-index: 2;
display: block;
top: 390px;
}
#choose .wrapper,
#reviews .wrapper
{
width: 100%;
}
#choose #wy button {
width: 100%;
}
#menu-footer-services li, #menu-footer-menu-2 li {
height: auto;
}
.section.s2 > *:nth-child(1)
{
display:block;
}
.section.top .container-fluid {
width: 90%;
}
#id_22 .top__title, #id_24 .top__title {
width: 100%;
}
.section.top {
padding-top: 150px;
}
#id_18 .section.top,
#id_24 .section.top,
#id_661 .section.top {
padding-top: 450px;
}
#top-box-img
{
max-width: 100%;
width: 100%;
text-align: center;
position: relative;
left: 0%;
}
#top-box-img img
{
width:90%;
}
.s1-block__img {
max-width: 100%;
width:100%;
text-align:center;
}
.s1-block__img img
{
width:90%;
}
} @media (max-width: 575px) {
.container-fluid {
padding-left: 15px !important;
padding-right: 15px !important;
}
.full-width {
margin-left: -15px !important;
margin-right: -15px !important;
}
.full-width-right {
margin-right: -15px !important;
}
.sh5__block-title {
font-size: 35px;
}
.small-title {
font-size: 14px;
}
.sh5__block-top {
margin: 0 0 30px;
}
.sh5-list__top {
font-size: 16px;
}
.sh5-list__item_active {
padding: 0 0 35px;
}
body {
font-size: 15px;
}
.s2-item__title {
font-size: 20px;
}
.s2-item__tags {
font-size: 12px;
}
.s2__box {
grid-template-rows: repeat(4, 300px) 100px;
}
.s2__box_2 {
grid-template-rows: repeat(5, 300px);
}
.top__title {
font-size: 40px;
}
.stext h3, .stext h4 {
font-size: 18px;
}
.sh5-list__top:before {
right: 0;
}
.sh5-list__title {
padding-right: 15px;
}
.s7bl2__list {
font-size: 16px;
}
.slink {
font-size: 16px;
}
.s7bl2__list {
margin: 0 0 30px;
}
.s4bl4__items-wrap {
width: 60vw;
}
.s4bl4-item__main {
padding: 10px;
}
.s4bl4-item__name {
margin: 0 0 4px;
font-size: 16px;
}
.s4bl4__items-btn {
width: 30px;
height: 30px;
}
.s4bl4__items-btns {
margin: 0 0 56px 0;
width: 100px;
height: 30px;
}
.s4bl4__items-btn {
width: 30px;
height: 30px;
}
.sh9__list-btns {
top: calc(70vw/2);
}
.s3-item__img {
width: 80px;
height: 80px;
}
.s3__items {
font-size: 16px;
}
.s3__items-wrap {
margin: 0;
padding: 0 5px;
}
.s1-block__title {
margin: 0 0 20px;
font-size: 30px;
}
.s1-block__img {
max-width: 100%;
width:100%;
text-align:center;
}
.top__text {
margin: 30px 0 0;
max-width: none;
}
.top__text-1 {
font-size: 15px;
}
.top__box {
height: 400px;
}
.s3__items-box {
margin: 70px 0 70px;
}
.s3__items-btns {
margin: 30px 0 0 0;
width: 100px;
height: 30px;
}
.s3__items-btn {
width: 30px;
height: 30px;
}
.solution__text {
margin: 0 0 20px;
font-size: 16px;
}
.spage__box {
padding: var(--wa-page-gap) 0 50px;
}
.spage__title {
font-size: 24px;
}
.spage__box .sh9__list-box {
width: 100%;
}
}  @media (max-width: 400px) {
#always .wrapper
{
width: 90%;
}
.top__title {
font-size: 11vw;
}
}  .fancybox-content {
background: transparent;
}    .kw-head { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 10px; }
.kw-head p { margin: 0 10px 0 0; font-weight: 600; }
.kw-btn { padding: 8px 16px; background: #8CCFFF; font-weight: 600; border-radius: 15px; cursor: pointer; }
.kw-btn:hover { background: #75C5FF; }
.kw-group { font-size: 18px; font-weight: 600; color: #4197CB; margin: 18px 0 8px 0; }
.kw-group span { color: #767676; font-weight: 400; }
.kw-list { list-style: none; margin: 0; padding: 0; columns: 3 240px; column-gap: 30px; }
.kw-list li { padding: 3px 0; break-inside: avoid; border-bottom: 1px dashed #E9E9E7; } .geo-score { display: flex; align-items: center; gap: 20px; padding: 15px 20px; margin-bottom: 10px; background: #fff; border-radius: 15px; border-left: 6px solid #66CB01; }
.geo-score--warn { border-left-color: orange; }
.geo-score--bad { border-left-color: red; }
.geo-score__num { font-family: tahoma; font-size: 48px; font-weight: 700; line-height: 1; color: #4197CB; min-width: 70px; text-align: center; }
.geo-score__label { font-size: 18px; font-weight: 600; }
.geo-score__url { font-size: 14px; color: #767676; word-break: break-all; }
.geo-score__sum { font-size: 14px; margin-top: 4px; }
.geo-list { list-style: none; margin: 0; padding: 0; }
.geo-item { display: flex; gap: 10px; padding: 8px 0; border-bottom: 1px dashed #E9E9E7; line-height: 22px; word-break: break-word; }
.geo-ico { flex: 0 0 18px; font-weight: 700; }
.geo-ico.info { color: #4197CB; }
.geo-tip { font-size: 14px; color: #555; margin-top: 3px; }
@media (max-width: 676px) {
.geo-score { flex-direction: column; align-items: flex-start; gap: 8px; }
} :root { --wa-page-gap: 24px; }
@media (max-width: 1379px) { :root { --wa-page-gap: 16px; } } @media (max-width: 676px) {
#user-order-list, #user-dashboard { margin-top: var(--wa-page-gap); }
}@font-face {
font-family: "Montserrat";
src: url(//webatom.com.ua/wp-content/themes/webatom/assets/fonts/montserrat-regular.woff2) format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(//webatom.com.ua/wp-content/themes/webatom/assets/fonts/montserrat-medium.woff2) format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(//webatom.com.ua/wp-content/themes/webatom/assets/fonts/montserrat-semibold.woff2) format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(//webatom.com.ua/wp-content/themes/webatom/assets/fonts/montserrat-bold.woff2) format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}html.wa-modal-open { overflow: hidden; }
.wa-modal {
--wa-green: #7dc91b;
--wa-green-hover: #6bb20f;
--wa-green-text: #4d8a00;
--wa-blue: #4197cb;
--wa-text: #1d2433;
--wa-muted: #6b7280;
--wa-border: #dfe3ea;
--wa-bg: #ffffff;
--wa-field-bg: #f6f8fb;
--wa-error: #d93025;
--wa-radius: 16px;
--wa-radius-field: 12px;
position: fixed;
inset: 0;
z-index: 10000;
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity .25s ease, visibility .25s ease;
font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
color: var(--wa-text);
text-align: left;
}
.wa-modal *, .wa-modal *::before, .wa-modal *::after { box-sizing: border-box; }
.wa-modal.is-open { opacity: 1; visibility: visible; pointer-events: auto; }
.wa-modal__overlay {
position: fixed;
inset: 0;
background: rgba(15, 23, 42, .55);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
.wa-modal__dialog {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
max-width: 520px;
max-height: calc(100vh - 32px);
max-height: calc(100dvh - 32px);
background: var(--wa-bg);
border-radius: var(--wa-radius);
box-shadow: 0 24px 64px rgba(15, 23, 42, .25);
transform: translateY(12px) scale(.98);
transition: transform .25s ease;
outline: none;
}
.wa-modal.is-open .wa-modal__dialog { transform: none; }
.wa-modal__scroll {
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
padding: 32px;
}
.wa-modal__close {
position: absolute;
top: 12px;
right: 12px;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
border: 0;
border-radius: 50%;
background: transparent;
color: var(--wa-muted);
cursor: pointer;
transition: background .2s ease, color .2s ease;
}
.wa-modal__close:hover { background: var(--wa-field-bg); color: var(--wa-text); }
.wa-modal__close:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(65, 151, 203, .35); }
.wa-modal .wa-modal__title {
margin: 0 0 8px;
padding-right: 40px;
font-family: "Montserrat", Arial, sans-serif;
font-weight: 700;
font-size: 26px;
line-height: 1.2;
color: var(--wa-text);
text-transform: none;
letter-spacing: 0;
outline: none;
}
.wa-modal .wa-modal__subtitle {
margin: 0 0 24px;
font-size: 15px;
line-height: 1.5;
color: var(--wa-muted);
} .wa-modal .wpcf7 { margin: 0; }
.wa-modal .wpcf7-form p { margin: 0; }
.wa-form .wa-field { margin: 0 0 16px; }
.wa-form .wa-label {
display: block;
margin: 0 0 6px;
font-size: 14px;
font-weight: 600;
line-height: 1.4;
color: var(--wa-text);
}
.wa-form .wa-opt { font-weight: 400; color: var(--wa-muted); }
.wa-form .wa-req { color: var(--wa-error); }
.wa-form .wpcf7-form-control-wrap { display: block; position: relative; }
.wa-form input[type="text"],
.wa-form input[type="tel"],
.wa-form input[type="email"],
.wa-form textarea {
display: block;
width: 100%;
height: 48px;
margin: 0;
padding: 12px 14px;
font: inherit;
font-size: 16px;
line-height: 1.4;
color: var(--wa-text);
background: var(--wa-field-bg);
border: 1px solid var(--wa-border);
border-radius: var(--wa-radius-field);
box-shadow: none;
-webkit-appearance: none;
appearance: none;
transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.wa-form textarea { height: auto; min-height: 88px; resize: vertical; }
.wa-form input::placeholder, .wa-form textarea::placeholder { color: #9aa1ad; opacity: 1; }
.wa-form input:focus, .wa-form textarea:focus {
outline: none;
background: #fff;
border-color: var(--wa-blue);
box-shadow: 0 0 0 3px rgba(65, 151, 203, .2);
} .wa-form .wa-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.wa-form .wa-chips .wpcf7-list-item { margin: 0; }
.wa-form .wa-chips label { position: relative; display: inline-flex; margin: 0; cursor: pointer; }
.wa-form .wa-chips input {
position: absolute;
opacity: 0;
width: 1px;
height: 1px;
margin: 0;
pointer-events: none;
}
.wa-form .wa-chips .wpcf7-list-item-label {
display: inline-block;
padding: 8px 14px;
font-size: 14px;
line-height: 1.3;
color: var(--wa-text);
background: #fff;
border: 1px solid var(--wa-border);
border-radius: 999px;
transition: background .2s ease, border-color .2s ease, color .2s ease;
user-select: none;
}
.wa-form .wa-chips label:hover .wpcf7-list-item-label { border-color: #c5ccd8; }
.wa-form .wa-chips input:checked + .wpcf7-list-item-label {
background: rgba(125, 201, 27, .12);
border-color: var(--wa-green);
color: var(--wa-green-text);
}
.wa-form .wa-chips input:focus-visible + .wpcf7-list-item-label {
border-color: var(--wa-blue);
box-shadow: 0 0 0 3px rgba(65, 151, 203, .2);
} .wa-form .wpcf7-radio.wa-chips { align-items: flex-end; gap: 8px 12px; }
.wa-form .wa-how-msg {
display: flex;
flex-direction: column;
gap: 5px;
padding-left: 12px;
border-left: 1px solid var(--wa-border);
}
.wa-form .wa-how-msg__cap {
padding-left: 2px;
font-size: 12px;
line-height: 1.2;
color: var(--wa-muted);
}
.wa-form .wa-how-msg__items { display: flex; flex-wrap: wrap; gap: 8px; } .wa-form .wpcf7-not-valid { border-color: var(--wa-error) !important; }
.wa-modal .wpcf7-not-valid-tip {
position: static;
display: block;
margin-top: 4px;
font-size: 13px;
line-height: 1.4;
color: var(--wa-error);
}
.wa-modal .wpcf7 form .wpcf7-response-output {
margin: 16px 0 0;
padding: 12px 14px;
border: none;
border-radius: 12px;
font-size: 14px;
line-height: 1.4;
}
.wa-modal .wpcf7 form.invalid .wpcf7-response-output,
.wa-modal .wpcf7 form.unaccepted .wpcf7-response-output,
.wa-modal .wpcf7 form.payment-required .wpcf7-response-output,
.wa-modal .wpcf7 form.failed .wpcf7-response-output,
.wa-modal .wpcf7 form.aborted .wpcf7-response-output,
.wa-modal .wpcf7 form.spam .wpcf7-response-output {
background: #fdecea;
color: #b3261e;
}
.wa-modal .wpcf7 form.sent .wpcf7-response-output { display: none; }
.wa-modal .wpcf7-spinner { display: none !important; } .wa-form .wa-submit {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 52px;
margin: 8px 0 0;
padding: 0 20px;
border: 0;
border-radius: 12px;
background: var(--wa-green);
color: #0e2a06; font: inherit;
font-size: 16px;
font-weight: 700;
cursor: pointer;
transition: background .2s ease, opacity .2s ease;
}
.wa-form .wa-submit:hover { background: var(--wa-green-hover); }
.wa-form .wa-submit:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(125, 201, 27, .35); }
.wa-submit__loader {
display: none;
width: 20px;
height: 20px;
border: 2px solid rgba(14, 42, 6, .3);
border-top-color: #0e2a06;
border-radius: 50%;
animation: wa-spin .7s linear infinite;
}
.wa-modal form.submitting .wa-submit { pointer-events: none; opacity: .85; }
.wa-modal form.submitting .wa-submit__text { display: none; }
.wa-modal form.submitting .wa-submit__loader { display: block; }
@keyframes wa-spin { to { transform: rotate(360deg); } }
.wa-form .wa-consent {
margin: 12px 0 0;
font-size: 12px;
line-height: 1.4;
text-align: center;
color: var(--wa-muted);
}
.wa-form .wa-consent a { color: inherit; text-decoration: underline; }
.wa-form .wa-hp {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
} .wa-modal__alt {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 8px 12px;
margin-top: 20px;
padding-top: 16px;
border-top: 1px solid var(--wa-border);
font-size: 14px;
color: var(--wa-muted);
}
.wa-modal__links { display: inline-flex; align-items: center; gap: 12px; }
.wa-modal .wa-link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
min-width: 40px;
height: 40px;
padding: 0 10px;
border-radius: 999px;
background: var(--wa-field-bg);
color: var(--wa-blue);
font-size: 14px;
font-weight: 600;
text-decoration: none;
transition: background .2s ease;
}
.wa-modal .wa-link:hover { background: #e9eef5; }
.wa-modal .wa-link--tg { color: #229ed9; }
.wa-modal .wa-link--vb { color: #7360f2; }
.wa-modal .wa-link--ph { color: var(--wa-text); } .wa-modal__view--success { text-align: center; }
.wa-modal__view--success .wa-modal__title { padding-right: 0; }
.wa-modal__success-icon { display: flex; justify-content: center; margin: 8px 0 16px; }
.wa-modal__alt--buttons { justify-content: center; border-top: 0; padding-top: 0; margin-top: 0; }
.wa-modal .wa-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
height: 44px;
padding: 0 18px;
border-radius: 12px;
font: inherit;
font-size: 15px;
font-weight: 600;
text-decoration: none;
cursor: pointer;
transition: background .2s ease, border-color .2s ease;
}
.wa-modal .wa-btn--tg { background: #229ed9; color: #fff; }
.wa-modal .wa-btn--vb { background: #7360f2; color: #fff; }
.wa-modal .wa-btn--tg:hover, .wa-modal .wa-btn--vb:hover { opacity: .9; }
.wa-modal .wa-btn--ghost {
margin-top: 20px;
background: transparent;
color: var(--wa-text);
border: 1px solid var(--wa-border);
}
.wa-modal .wa-btn--ghost:hover { background: var(--wa-field-bg); } @media (max-width: 640px) {
.wa-modal { align-items: flex-end; padding: 0; }
.wa-modal__dialog {
max-width: 100%;
max-height: 92vh;
max-height: 92dvh;
border-radius: 20px 20px 0 0;
transform: translateY(100%);
}
.wa-modal__dialog::before {
content: "";
position: absolute;
top: 8px;
left: 50%;
width: 40px;
height: 4px;
margin-left: -20px;
border-radius: 2px;
background: var(--wa-border);
}
.wa-modal__scroll {
padding: 24px 20px;
padding-bottom: calc(24px + env(safe-area-inset-bottom));
}
.wa-modal .wa-modal__title { font-size: 22px; }
.wa-modal__alt { justify-content: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
.wa-modal, .wa-modal__dialog, .wa-modal * { transition: none !important; animation: none !important; }
.wa-modal__dialog { transform: none; }
}:root {
--wa-text: #1d2433;
--wa-muted: #5b6472;
--wa-muted-2: #4b5563;
--wa-blue: #1a72a8; --wa-blue-bg: #eaf4fa;
--wa-green: #7dc91b;
--wa-green-hover: #6fb915;
--wa-on-green: #0e2a06; --wa-border: #d5dde6;
--wa-line: #e3e9ef;
--wa-surface: #f3f7fa;
--wa-telegram: #229ed9;
--wa-viber: #6f4ec1;
--wa-font-head: "Montserrat", Arial, sans-serif;
--wa-font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
--wa-hdr-h: 120px; --wa-hdr-h-sticky: 64px;
--wa-adminbar: var(--wp-admin--admin-bar--height, 0px);
}
@media (max-width: 1379px) {
:root { --wa-hdr-h: 60px; --wa-hdr-h-sticky: 60px; }
} body { padding-top: var(--wa-hdr-h); }
body.admin-bar { padding-top: calc(var(--wa-hdr-h) + var(--wa-adminbar)); }
html { scroll-padding-top: calc(var(--wa-hdr-h-sticky) + 16px); } .wa-hdr {
position: fixed;
top: var(--wa-adminbar);
left: 0;
right: 0;
z-index: 1000;
min-width: 320px;
font-family: var(--wa-font-ui);
color: var(--wa-text);
line-height: 1.2;
transition: transform .25s ease;
}
.wa-hdr ul { margin: 0; padding: 0; list-style: none; }
.wa-hdr a { text-decoration: none; }
.wa-hdr a:hover { text-decoration: none; }
.wa-hdr button { font: inherit; color: inherit; background: none; border: 0; padding: 0; margin: 0; cursor: pointer; }
.wa-hdr .wa-icon { display: block; flex: none; }
.wa-hdr a:focus-visible,
.wa-hdr button:focus-visible { outline: 2px solid var(--wa-blue); outline-offset: 2px; } .wa-hdr__wrap {
max-width: 1440px;
margin: 0 auto;
padding: 0 20px;
display: flex;
align-items: center;
} .wa-hdr__top {
height: 44px;
background: var(--wa-surface);
border-bottom: 1px solid var(--wa-line);
box-sizing: border-box;
}
.wa-hdr__top-in {
height: 100%;
justify-content: space-between;
gap: 24px;
font-size: 13px;
color: var(--wa-muted-2);
}
.wa-hdr__info,
.wa-hdr__contacts,
.wa-hdr__write { display: flex; align-items: center; }
.wa-hdr__info { gap: 20px; }
.wa-hdr__contacts { gap: 16px; }
.wa-hdr__write { gap: 8px; }
.wa-hdr__hours,
.wa-hdr__mail { display: flex; align-items: center; gap: 7px; color: var(--wa-muted-2); }
.wa-hdr__hours .wa-icon,
.wa-hdr__mail .wa-icon { color: var(--wa-blue); }
.wa-hdr__mail:hover { color: var(--wa-blue); }
.wa-hdr__write-lbl { font-size: 12px; color: var(--wa-muted); }
.wa-hdr__msg {
position: relative;
width: 30px;
height: 30px;
border-radius: 999px;
background: #fff;
border: 1px solid var(--wa-border);
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
color: var(--wa-blue);
}
.wa-hdr__msg--tg:hover,
.wa-hdr__msg--tg:focus-visible { background: var(--wa-telegram); border-color: var(--wa-telegram); color: #fff; }
.wa-hdr__msg--vb:hover,
.wa-hdr__msg--vb:focus-visible { background: var(--wa-viber); border-color: var(--wa-viber); color: #fff; }
.wa-hdr__sep { width: 1px; height: 20px; background: var(--wa-border); flex: none; }
.wa-hdr__sep--lg { height: 24px; margin: 0 2px; }
.wa-hdr__phone {
display: flex;
align-items: center;
gap: 8px;
color: var(--wa-text);
font-family: var(--wa-font-head);
font-weight: 700;
font-size: 15px;
letter-spacing: .01em;
white-space: nowrap;
}
.wa-hdr__phone:hover { color: var(--wa-blue); }
.wa-hdr__phone-ic {
width: 26px;
height: 26px;
border-radius: 999px;
background: var(--wa-green);
color: var(--wa-on-green);
display: flex;
align-items: center;
justify-content: center;
} .wa-hdr [data-tip]::after {
content: attr(data-tip);
position: absolute;
top: calc(100% + 8px);
left: 50%;
transform: translate(-50%, 4px);
background: var(--wa-text);
color: #fff;
font: 400 12px/1.2 var(--wa-font-ui);
padding: 5px 9px;
border-radius: 6px;
white-space: nowrap;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity .15s, transform .15s, visibility 0s .15s;
z-index: 5;
}
.wa-hdr [data-tip]:hover::after,
.wa-hdr [data-tip]:focus-visible::after {
opacity: 1;
visibility: visible;
transform: translate(-50%, 0);
transition: opacity .15s, transform .15s;
} .wa-lang {
display: inline-flex;
flex: none;
padding: 3px;
border: 1px solid var(--wa-border);
border-radius: 999px;
background: #fff;
}
.wa-lang__item {
height: 24px;
padding: 0 11px;
border-radius: 999px;
display: flex;
align-items: center;
justify-content: center;
font: 700 12px/1 var(--wa-font-ui);
color: var(--wa-muted-2);
}
a.wa-lang__item:hover { color: var(--wa-text); }
.wa-lang__item.is-active { background: var(--wa-text); color: #fff; cursor: default; }
.wa-lang--lg { padding: 4px; }
.wa-lang--lg .wa-lang__item { height: 36px; min-width: 48px; padding: 0 8px; font-size: 14px; } .wa-hdr__main {
height: 76px;
background: #fff;
border-bottom: 1px solid var(--wa-line);
box-sizing: border-box;
position: relative;
z-index: 2;
transition: height .25s ease, background-color .25s ease, box-shadow .25s ease;
}
.wa-hdr__main-in { height: 100%; gap: 16px; } .wa-hdr__logo { flex: none; display: flex; align-items: center; gap: 4px; }
.wa-hdr__logo picture { display: block; }
.wa-hdr .wa-hdr__logo-spin { display: block; flex: none; width: 44px; height: 44px; margin: 0; transition: width .25s ease, height .25s ease; }
.wa-hdr .wa-hdr__logo img { display: block; height: 40px; width: auto; max-width: none; transition: height .25s ease; } .wa-nav { flex: 1; min-width: 0; display: flex; justify-content: center; }
.wa-nav__list {
display: flex;
align-items: center;
gap: 2px;
font-family: var(--wa-font-head);
font-weight: 600;
font-size: 14px;
white-space: nowrap;
}
.wa-nav__item { position: relative; display: flex; align-items: center; }
.wa-nav__link {
display: flex;
align-items: center;
gap: 4px;
height: 40px;
padding: 0 8px;
border-radius: 10px;
color: var(--wa-text);
transition: background-color .15s, color .15s, height .25s ease;
}
.wa-hdr .wa-nav__link { padding: 0 8px; font-family: var(--wa-font-head); font-weight: 600; font-size: 14px; } .wa-nav__link:hover { background: var(--wa-surface); color: var(--wa-text); }
.wa-nav__item.is-current > .wa-nav__link { color: var(--wa-blue); background: var(--wa-blue-bg); }
.wa-nav__toggle .wa-icon { color: var(--wa-muted); transition: transform .15s, color .15s; }
.wa-nav__item.is-open > .wa-nav__link { color: var(--wa-blue); background: var(--wa-blue-bg); }
.wa-nav__item.is-open > .wa-nav__toggle .wa-icon { transform: rotate(180deg); color: var(--wa-blue); }
.wa-nav__toggle--chev { width: 26px; height: 40px; margin-left: -6px; border-radius: 10px; display: flex; align-items: center; justify-content: center; } .wa-nav__drop {
position: absolute;
top: calc(100% + 14px);
left: -14px;
width: 360px;
background: #fff;
border: 1px solid var(--wa-line);
border-radius: 16px;
box-shadow: 0 20px 48px rgba(15, 23, 42, .16);
padding: 10px;
box-sizing: border-box;
white-space: normal;
z-index: 5;
opacity: 0;
visibility: hidden;
transform: translateY(6px);
transition: opacity .15s, transform .15s, visibility 0s .15s;
}
.wa-nav__drop.is-right { left: auto; right: -14px; }
.wa-nav__drop::before { content: ""; position: absolute; left: 0; right: 0; top: -15px; height: 15px; } .wa-nav__item.is-open > .wa-nav__drop { opacity: 1; visibility: visible; transform: none; transition: opacity .15s, transform .15s; }
.wa-nav__sub { display: flex; flex-direction: column; gap: 2px; }
.wa-nav__sublink {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 10px 12px;
border-radius: 12px;
color: var(--wa-text);
}
.wa-nav__sublink:hover,
.wa-nav__sublink:focus-visible { background: var(--wa-surface); color: var(--wa-text); }
.wa-nav__ic {
width: 36px;
height: 36px;
border-radius: 10px;
background: var(--wa-blue-bg);
color: var(--wa-blue);
display: flex;
align-items: center;
justify-content: center;
flex: none;
}
.wa-nav__txt { display: flex; flex-direction: column; justify-content: center; gap: 2px; min-height: 36px; }
.wa-nav__title { font: 700 14px/1.3 var(--wa-font-head); color: var(--wa-text); }
.wa-nav__desc { font: 400 13px/1.35 var(--wa-font-ui); color: var(--wa-muted); }
.wa-nav__subitem.is-current .wa-nav__title { color: var(--wa-blue); } .wa-hdr__actions { flex: none; align-items: center; }
.wa-hdr__actions--full { display: flex; gap: 10px; }
.wa-hdr__actions--compact { display: none; gap: 8px; }
.wa-hdr__btn {
height: 44px;
border-radius: 12px;
box-sizing: border-box;
display: flex;
align-items: center;
gap: 8px;
font-family: var(--wa-font-head);
font-size: 14px;
white-space: nowrap;
}
.wa-hdr .wa-hdr__btn--ghost {
padding: 0 16px;
border: 1px solid var(--wa-border);
background: #fff;
color: var(--wa-text);
font-weight: 600;
}
.wa-hdr__btn--ghost .wa-icon { color: var(--wa-blue); }
.wa-hdr .wa-hdr__btn--ghost:hover { background: var(--wa-surface); color: var(--wa-text); }
.wa-hdr .wa-hdr__btn--cta {
padding: 0 20px;
background: var(--wa-green);
color: var(--wa-on-green);
font-family: var(--wa-font-head);
font-weight: 700;
font-size: 14px;
}
.wa-hdr .wa-hdr__btn--cta:hover { background: var(--wa-green-hover); color: var(--wa-on-green); }
.wa-hdr__ibtn {
position: relative;
width: 40px;
height: 40px;
border-radius: 12px;
border: 1px solid var(--wa-border);
background: #fff;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
color: var(--wa-blue);
}
.wa-hdr .wa-hdr__ibtn { border: 1px solid var(--wa-border); }
.wa-hdr__ibtn:hover { background: var(--wa-surface); }
.wa-hdr__ibtn--tg { color: var(--wa-telegram); }
.wa-hdr__ibtn--vb { color: var(--wa-viber); } .wa-hdr .wa-hdr__ibtn--lang { font: 700 13px/1 var(--wa-font-head); letter-spacing: .02em; color: var(--wa-text); }
.wa-hdr .wa-hdr__ibtn--lang:hover { color: var(--wa-blue); }
.wa-hdr .wa-hdr__ibtn--cta { width: 44px; margin-left: 2px; border: 0; background: var(--wa-green); color: var(--wa-on-green); }
.wa-hdr .wa-hdr__ibtn--cta:hover { background: var(--wa-green-hover); }
.wa-hdr .wa-hdr__ibtn--cta[data-tip]::after { left: auto; right: 0; transform: translateY(4px); }
.wa-hdr .wa-hdr__ibtn--cta[data-tip]:hover::after,
.wa-hdr .wa-hdr__ibtn--cta[data-tip]:focus-visible::after { transform: none; } .wa-hdr__mob { display: none; align-items: center; gap: 8px; flex: none; }
.wa-hdr__mbtn {
width: 44px;
height: 44px;
border-radius: 12px;
border: 1px solid var(--wa-border);
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
color: var(--wa-blue);
background: #fff;
}
.wa-hdr .wa-hdr__mbtn--call { border: 0; background: var(--wa-green); color: var(--wa-on-green); }
.wa-hdr .wa-burger {
width: 44px;
height: 44px;
border-radius: 12px;
border: 1px solid var(--wa-border);
background: #fff;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
color: var(--wa-text);
}
.wa-hdr .wa-burger[aria-expanded="true"] { background: var(--wa-surface); border-color: transparent; }
.wa-burger__box { position: relative; width: 22px; height: 22px; display: block; }
.wa-burger__box span {
position: absolute;
left: 3px;
right: 3px;
height: 2px;
border-radius: 2px;
background: currentColor;
transition: transform .2s ease, opacity .2s ease, top .2s ease;
}
.wa-burger__box span:nth-child(1) { top: 5px; }
.wa-burger__box span:nth-child(2) { top: 10px; }
.wa-burger__box span:nth-child(3) { top: 15px; }
.wa-burger[aria-expanded="true"] .wa-burger__box span:nth-child(1) { top: 10px; transform: rotate(45deg); }
.wa-burger[aria-expanded="true"] .wa-burger__box span:nth-child(2) { opacity: 0; }
.wa-burger[aria-expanded="true"] .wa-burger__box span:nth-child(3) { top: 10px; transform: rotate(-45deg); } @media (min-width: 1560px) {
.wa-hdr__main-in { gap: 20px; }
.wa-hdr .wa-nav__link { padding: 0 10px; }
}
@media (min-width: 1380px) and (max-width: 1479px) { .wa-hdr .wa-hdr__btn--ghost { width: 44px; padding: 0; justify-content: center; font-size: 0; gap: 0; }
.wa-hdr__mail-txt { display: none; }
} @media (min-width: 1380px) {
.wa-hdr.is-scrolled { transform: translateY(-44px); }
.wa-hdr.is-scrolled .wa-hdr__top { visibility: hidden; transition: visibility 0s .25s; }
.wa-hdr.is-scrolled .wa-hdr__main { height: 64px; background: rgba(255, 255, 255, .96); box-shadow: 0 6px 24px rgba(15, 23, 42, .08); }
.wa-hdr.is-scrolled .wa-hdr__logo .wa-hdr__logo-img { height: 32px; }
.wa-hdr.is-scrolled .wa-hdr__logo-spin { width: 36px; height: 36px; }
.wa-hdr.is-scrolled .wa-nav__link { height: 36px; }
.wa-hdr.is-scrolled .wa-nav__toggle--chev { height: 36px; }
.wa-hdr.is-scrolled .wa-hdr__actions--full { display: none; }
.wa-hdr.is-scrolled .wa-hdr__actions--compact { display: flex; }
.wa-mnav { display: none !important; }
} @media (max-width: 1379px) {
.wa-hdr__top,
.wa-nav,
.wa-hdr__actions { display: none !important; }
.wa-hdr__main { height: 60px; box-shadow: 0 4px 16px rgba(15, 23, 42, .06); }
.wa-hdr__main-in { padding: 0 12px 0 16px; gap: 8px; }
.wa-hdr__logo { flex: 1; min-width: 0; }
.wa-hdr .wa-hdr__logo img { height: 30px; }
.wa-hdr .wa-hdr__logo-spin { width: 33px; height: 33px; }
.wa-hdr__mob { display: flex; }
} @media (min-width: 1024px) and (max-width: 1379px) {
.wa-hdr__main-in { padding-left: 20px; }
} html.wa-mnav-open { overflow: hidden; }
.wa-mnav {
position: fixed;
top: calc(var(--wa-adminbar) + 60px);
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background: #fff;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
opacity: 0;
transform: translateY(-8px);
transition: opacity .2s ease, transform .2s ease;
}
.wa-mnav.is-open { opacity: 1; transform: none; }
.wa-mnav__in {
max-width: 640px;
margin: 0 auto;
padding: 16px 16px calc(24px + env(safe-area-inset-bottom, 0px));
display: flex;
flex-direction: column;
gap: 16px;
}
.wa-mnav__row { display: flex; align-items: center; gap: 10px; }
.wa-mnav__cab {
flex: 1;
height: 46px;
border: 1px solid var(--wa-border);
border-radius: 12px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
color: var(--wa-text);
font: 600 14px/1 var(--wa-font-head);
}
.wa-mnav__cab .wa-icon { color: var(--wa-blue); }
.wa-mnav__list { font-family: var(--wa-font-head); font-weight: 600; font-size: 16px; }
.wa-mnav__item { display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #edf1f5; }
.wa-mnav__item:last-child { border-bottom: 0; }
.wa-hdr .wa-mnav__link {
flex: 1;
min-width: 0;
height: 52px;
padding: 0 4px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
text-align: left;
color: var(--wa-text);
font: 600 16px/1.2 var(--wa-font-head);
}
.wa-mnav__item.is-current > .wa-mnav__link { color: var(--wa-blue); }
.wa-mnav__toggle .wa-icon { color: var(--wa-muted); transition: transform .2s, color .2s; }
.wa-mnav__toggle[aria-expanded="true"] { color: var(--wa-blue); }
.wa-hdr .wa-mnav__toggle[aria-expanded="true"] { color: var(--wa-blue); }
.wa-mnav__toggle[aria-expanded="true"] .wa-icon { transform: rotate(180deg); color: var(--wa-blue); }
.wa-mnav__toggle--chev { width: 44px; height: 52px; display: flex; align-items: center; justify-content: center; }
.wa-mnav__sub {
flex-basis: 100%;
margin: 0 0 10px;
padding: 6px;
background: var(--wa-surface);
border-radius: 14px;
font-weight: 500;
font-size: 15px;
}
.wa-hdr .wa-mnav__sub { margin: 0 0 10px; padding: 6px; }
.wa-mnav__sublink {
display: flex;
align-items: center;
gap: 12px;
min-height: 46px;
padding: 0 10px;
border-radius: 10px;
color: var(--wa-text);
}
.wa-mnav__sublink:hover { background: rgba(255, 255, 255, .6); color: var(--wa-text); }
.wa-mnav__subitem.is-current .wa-mnav__sublink { color: var(--wa-blue); }
.wa-mnav__ic {
width: 32px;
height: 32px;
border-radius: 9px;
background: #fff;
color: var(--wa-blue);
display: flex;
align-items: center;
justify-content: center;
flex: none;
}
.wa-mnav__contacts {
background: var(--wa-surface);
border-radius: 16px;
padding: 16px;
display: flex;
flex-direction: column;
gap: 14px;
}
.wa-mnav__phone-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.wa-mnav__phone { display: flex; flex-direction: column; gap: 2px; color: var(--wa-text); }
.wa-mnav__phone-num { font: 700 19px/1.2 var(--wa-font-head); }
.wa-mnav__hours { font-size: 13px; color: var(--wa-muted); }
.wa-mnav__call {
width: 46px;
height: 46px;
border-radius: 999px;
background: var(--wa-green);
color: var(--wa-on-green);
display: flex;
align-items: center;
justify-content: center;
flex: none;
}
.wa-mnav__msgs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.wa-mnav__msg {
height: 46px;
border-radius: 12px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
font-size: 14px;
font-weight: 600;
color: #fff;
}
.wa-hdr .wa-mnav__msg--tg { background: var(--wa-telegram); color: #fff; }
.wa-hdr .wa-mnav__msg--vb { background: var(--wa-viber); color: #fff; }
.wa-hdr .wa-mnav__msg--mail { background: #fff; border: 1px solid var(--wa-border); color: var(--wa-text); }
.wa-mnav__msg--mail .wa-icon { color: var(--wa-blue); }
.wa-hdr .wa-mnav__cta {
width: 100%;
height: 54px;
border-radius: 14px;
background: var(--wa-green);
color: var(--wa-on-green);
font: 700 16px/1 var(--wa-font-head);
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.wa-hdr .wa-mnav__cta:hover { background: var(--wa-green-hover); }
@media (prefers-reduced-motion: reduce) {
.wa-hdr,
.wa-hdr *,
.wa-hdr *::before,
.wa-hdr *::after { transition: none !important; }
}.screen-reader-text {
position: absolute !important;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
clip-path: inset(50%);
white-space: nowrap;
word-wrap: normal !important;
}
.wa-ben {
padding: 64px 0;
font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
color: #1d2433;
} .wa-hero + .wa-ben { padding-top: 8px; }
.wa-ben__wrap {
width: 1400px;
max-width: 100%;
margin: 0 auto;
}
.wa-ben__list {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
margin: 0;
padding: 0;
list-style: none;
}
.wa-ben__list--n1 { grid-template-columns: minmax(0, 1fr); }
.wa-ben__list--n2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wa-ben__list--n3,
.wa-ben__list--n5,
.wa-ben__list--n6 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .wa-ben__item {
position: relative;
margin: 0;
padding: 28px 28px 30px;
border: 1px solid #e3e9ef;
border-radius: 20px;
background: linear-gradient(180deg, #f4f9fc 0%, #ffffff 70%);
text-align: left;
transition: transform .3s cubic-bezier(.2, .7, .3, 1), box-shadow .3s, border-color .3s;
} .wa-ben__mark {
position: relative;
width: 88px;
height: 64px;
isolation: isolate;
}
.wa-ben__orbit {
position: absolute;
left: 0;
top: 0;
overflow: visible;
}
.wa-ben__orbit ellipse {
fill: none;
stroke: #1a72a8;
stroke-width: 1.3;
opacity: .35;
transition: opacity .3s, stroke .3s;
}
.wa-ben__icon {
position: absolute;
left: 20px;
top: 8px;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border: 1px solid #dbe6ef;
border-radius: 50%;
background: #fff;
box-shadow: 0 6px 16px rgba(26, 114, 168, .12);
color: #1a72a8;
transition: background .3s, color .3s, border-color .3s;
}
.wa-ben__icon .wa-icon { display: block; }
.wa-ben__dot {
position: absolute;
left: 0;
top: 0;
width: 8px;
height: 8px;
border-radius: 50%;
background: #7dc91b;
box-shadow: 0 0 0 3px rgba(125, 201, 27, .18), 0 0 10px rgba(125, 201, 27, .6);
offset-path: path('M 7.86 43.74 A 38 14 -18 1 1 80.14 20.26 A 38 14 -18 1 1 7.86 43.74');
offset-rotate: 0deg;
animation: waBenOrbit 7s linear infinite;
} @keyframes waBenOrbit {
0% { offset-distance: 0%; z-index: 1; scale: .8; }
49.9% { z-index: 1; }
50% { z-index: 3; scale: .9; }
75% { scale: 1.15; }
100% { offset-distance: 100%; z-index: 3; scale: .8; }
} .wa-ben__item:nth-child(6n+1) .wa-ben__dot { animation-delay: -1s; }
.wa-ben__item:nth-child(6n+2) .wa-ben__dot { animation-delay: -3.2s; }
.wa-ben__item:nth-child(6n+3) .wa-ben__dot { animation-delay: -5.1s; }
.wa-ben__item:nth-child(6n+4) .wa-ben__dot { animation-delay: -2.4s; }
.wa-ben__item:nth-child(6n+5) .wa-ben__dot { animation-delay: -4.4s; }
.wa-ben__item:nth-child(6n+6) .wa-ben__dot { animation-delay: -6.2s; } .wa-ben .wa-ben__title {
margin: 22px 0 10px;
padding: 0;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 1.25;
letter-spacing: normal;
text-transform: none;
text-align: left;
color: #14233a;
}
.wa-ben .wa-ben__text {
margin: 0;
padding: 0;
font-size: 15px;
font-weight: 400;
line-height: 1.6;
text-align: left;
color: #4b5563;
} @media (hover: hover) {
.wa-ben__item:hover {
transform: translateY(-4px);
border-color: #cfe1ee;
box-shadow: 0 18px 40px rgba(15, 23, 42, .10);
}
.wa-ben__item:hover .wa-ben__orbit ellipse { opacity: .9; stroke: #5fae0e; }
.wa-ben__item:hover .wa-ben__icon { border-color: #1a72a8; background: #1a72a8; color: #fff; }
}  @media (max-width: 1439px) {
.wa-ben__wrap { width: calc(100% - 40px); }
}
@media (max-width: 1023px) {
.wa-ben__wrap { width: calc(100% - 32px); }
} @media (max-width: 1199px) {
.wa-ben__list,
.wa-ben__list--n5,
.wa-ben__list--n6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wa-ben__list--n3 { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.wa-ben__list--n1 { grid-template-columns: minmax(0, 1fr); }
} @media (max-width: 767px) {
.wa-ben { padding: 40px 0; }
.wa-hero + .wa-ben { padding-top: 0; }
.wa-ben__wrap { width: auto; }
.wa-ben__list,
.wa-ben__list--n1,
.wa-ben__list--n2,
.wa-ben__list--n3,
.wa-ben__list--n5,
.wa-ben__list--n6 {
display: flex;
gap: 12px;
padding: 4px 16px 12px;
overflow-x: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x mandatory;
scroll-padding-inline: 16px;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.wa-ben__list::-webkit-scrollbar { display: none; }
.wa-ben__item {
flex: 0 0 min(82%, 360px);
padding: 24px 22px 26px;
scroll-snap-align: start;
}
.wa-ben__list--n1 .wa-ben__item { flex-basis: 100%; }
} @media (prefers-reduced-motion: reduce) {
.wa-ben__dot { animation: none; offset-distance: 70%; z-index: 3; }
.wa-ben__item { transition: none; }
} @supports not (offset-path: path('M 0 0')) {
.wa-ben__dot { display: none; }
}.brief-cta { padding: 64px 0; } #cena-sayta + .brief-cta { padding-top: 0; }
.brief-cta + .wa-stages { padding-top: 0; }
.brief-cta .brief-cta-inner {
position: relative;
box-sizing: border-box;
width: 1400px;
max-width: 100%;
margin: 0 auto;
padding: 44px 48px;
border-radius: 28px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 40px;
text-align: left;
overflow: hidden;
color: #fff; background:
radial-gradient(ellipse 45% 120% at 92% 50%, rgba(125, 201, 27, .85) 0%, rgba(125, 201, 27, .35) 45%, rgba(125, 201, 27, 0) 75%),
linear-gradient(120deg, #1a72a8 0%, #2b8bc6 60%, #2f93c9 100%);
} .brief-cta .brief-cta-inner::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background-image: radial-gradient(rgba(255, 255, 255, .14) 1.2px, transparent 1.6px);
background-size: 22px 22px;
-webkit-mask-image: linear-gradient(90deg, transparent 35%, #000 100%);
mask-image: linear-gradient(90deg, transparent 35%, #000 100%);
}
.brief-cta .brief-cta-text,
.brief-cta .brief-cta-image { position: relative; }
.brief-cta .brief-cta-text { max-width: 760px; }
.brief-cta .brief-cta-text h3 {
margin: 0 0 12px;
padding: 0;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 30px;
line-height: 1.2;
letter-spacing: -.01em;
color: #fff;
text-transform: none;
text-shadow: none;
}
.brief-cta .brief-cta-text p {
margin: 0;
font-size: 17px;
line-height: 1.55;
color: rgba(255, 255, 255, .92);
opacity: 1;
}
.brief-cta .brief-cta-button {
margin-top: 24px;
display: inline-flex;
align-items: center;
gap: 10px;
box-sizing: border-box;
height: 52px;
padding: 0 24px;
border-radius: 14px;
background: #fff;
color: #14233a;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
text-decoration: none;
box-shadow: 0 10px 24px rgba(10, 40, 70, .18);
transition: transform .2s, box-shadow .2s;
}
.brief-cta .brief-cta-button:hover {
color: #14233a;
transform: translateY(-2px);
box-shadow: 0 14px 30px rgba(10, 40, 70, .24);
}
.brief-cta .brief-cta-button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.brief-cta .brief-cta-button .wa-icon { flex: none; }
.brief-cta .brief-cta-image {
flex: none;
display: flex;
align-items: center;
}
.brief-cta .brief-cta-image img {
display: block;
width: 200px;
height: auto;
aspect-ratio: 200 / 170;
object-fit: contain;
}
@media (max-width: 1439px) {
.brief-cta .brief-cta-inner { padding: 40px; }
.brief-cta .brief-cta-text h3 { font-size: 26px; }
.brief-cta .brief-cta-image img { width: 160px; }
} @media (max-width: 1439px) {
.brief-cta .brief-cta-inner { width: calc(100% - 40px); }
}
@media (max-width: 1023px) {
.brief-cta .brief-cta-inner { width: calc(100% - 32px); }
} @media (max-width: 767px) {
.brief-cta { padding: 40px 0; }
#cena-sayta + .brief-cta { padding-top: 0; }
.brief-cta .brief-cta-inner {
width: auto;
margin: 0 16px;
padding: 28px 22px;
border-radius: 22px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
background:
radial-gradient(ellipse 90% 60% at 85% 100%, rgba(125, 201, 27, .85) 0%, rgba(125, 201, 27, .35) 45%, rgba(125, 201, 27, 0) 75%),
linear-gradient(120deg, #1a72a8 0%, #2b8bc6 60%, #2f93c9 100%);
}
.brief-cta .brief-cta-inner::before {
-webkit-mask-image: linear-gradient(180deg, transparent 35%, #000 100%);
mask-image: linear-gradient(180deg, transparent 35%, #000 100%);
}
.brief-cta .brief-cta-image { order: -1; }
.brief-cta .brief-cta-image img { width: 120px; }
.brief-cta .brief-cta-text { max-width: none; width: 100%; }
.brief-cta .brief-cta-text h3 { font-size: 23px; }
.brief-cta .brief-cta-text p { font-size: 15px; }
.brief-cta .brief-cta-button { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
.brief-cta .brief-cta-button { transition: none; }
.brief-cta .brief-cta-button:hover { transform: none; }
}.wa-cn {
--wa-cn-head: Montserrat, Arial, sans-serif;
padding: 64px 0;
background: #fff;
font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
color: #1d2433;
clear: both;
}
.wa-cn *,
.wa-cn *::before,
.wa-cn *::after { box-sizing: border-box; }
.wa-cn__wrap {
width: 1400px;
max-width: 100%;
margin: 0 auto;
}
.wa-cn__card {
position: relative;
overflow: hidden;
display: grid;
grid-template-columns: minmax(0, 1fr) 360px 300px;
gap: 40px;
align-items: center;
padding: 44px 48px;
background: #14233a;
border-radius: 28px;
} .wa-cn__deco {
position: absolute;
right: 640px;
top: 50%;
width: 520px;
height: 520px;
margin-top: -260px;
pointer-events: none;
animation: waCnSpin 90s linear infinite;
}
.wa-cn__orb {
position: absolute;
inset: 0;
border: 1.5px solid rgba(255, 255, 255, .09);
border-radius: 50%;
transform: scaleY(.38);
}
.wa-cn__orb:nth-child(1) { transform: rotate(60deg) scaleY(.38); }
.wa-cn__orb:nth-child(2) { transform: rotate(-60deg) scaleY(.38); }
.wa-cn__core {
position: absolute;
left: 50%;
top: 50%;
width: 22px;
height: 22px;
margin: -11px 0 0 -11px;
border-radius: 50%;
background: rgba(125, 201, 27, .35);
}
@keyframes waCnSpin { to { transform: rotate(360deg); } }
.wa-cn__glow {
position: absolute;
left: -120px;
bottom: -160px;
width: 360px;
height: 360px;
border-radius: 50%;
background: radial-gradient(closest-side, rgba(26, 114, 168, .45), rgba(26, 114, 168, 0));
pointer-events: none;
}
.wa-cn__content,
.wa-cn__actions,
.wa-cn__cta { position: relative; min-width: 0; } .wa-cn__badge {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 30px;
padding: 4px 12px;
border-radius: 999px;
background: rgba(125, 201, 27, .14);
color: #a6e05a;
font-size: 13px;
font-weight: 600;
line-height: 1.3;
}
.wa-cn__dot { width: 7px; height: 7px; flex: none; border-radius: 50%; background: #7dc91b; }
.wa-cn .wa-cn__title {
margin: 14px 0 0;
padding: 0;
font-family: var(--wa-cn-head);
font-weight: 700;
font-size: 30px;
line-height: 1.2;
text-transform: none;
text-align: left;
color: #fff;
background: none;
overflow-wrap: break-word;
}
.wa-cn .wa-cn__text {
margin: 10px 0 0;
font-size: 16px;
line-height: 1.55;
color: rgba(255, 255, 255, .72);
} .wa-cn__actions { display: flex; flex-direction: column; gap: 10px; }
.wa-cn .wa-cn__act {
height: 54px;
display: flex;
align-items: center;
gap: 12px;
padding: 0 18px 0 12px;
border: 1px solid rgba(255, 255, 255, .14);
border-radius: 14px;
background: rgba(255, 255, 255, .07);
font-family: var(--wa-cn-head);
font-weight: 600;
font-size: 15px;
color: #fff;
text-decoration: none;
transition: background-color .25s, border-color .25s, transform .25s;
}
.wa-cn .wa-cn__act small {
margin-left: auto;
font-weight: 500;
font-size: 13px;
color: rgba(255, 255, 255, .55);
}
.wa-cn__ico {
width: 32px;
height: 32px;
flex: none;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.wa-cn__ico--phone { background: rgba(255, 255, 255, .12); }
.wa-cn__ico--tg { background: #29a9eb; }
.wa-cn__ico--viber { background: #7360f2; }
.wa-cn__phone { font-weight: 700; font-size: 17px; white-space: nowrap; } .wa-cn__cta { display: flex; flex-direction: column; gap: 12px; }
.wa-cn .wa-cn__btn {
height: 54px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
border-radius: 14px;
background: #7dc91b;
color: #0e2a06;
font-family: var(--wa-cn-head);
font-weight: 700;
font-size: 15px;
text-decoration: none;
transition: background-color .25s, transform .25s;
}
.wa-cn__btn svg { width: 16px; height: 16px; flex: none; }
.wa-cn .wa-cn__note {
margin: 0;
font-size: 13px;
line-height: 1.5;
text-align: center;
color: rgba(255, 255, 255, .6);
}
.wa-cn .wa-cn__mail {
align-self: center;
font-family: var(--wa-cn-head);
font-weight: 600;
font-size: 14px;
color: #8cc7ec;
text-decoration: none;
}
.wa-cn .wa-cn__mail:hover { color: #b5dcf5; text-decoration: underline; }
.wa-cn__act:focus-visible,
.wa-cn__btn:focus-visible,
.wa-cn__mail:focus-visible { outline: 2px solid #8cc7ec; outline-offset: 3px; }
@media (hover: hover) {
.wa-cn .wa-cn__act:hover { background: rgba(255, 255, 255, .13); border-color: rgba(255, 255, 255, .28); color: #fff; transform: translateY(-2px); }
.wa-cn .wa-cn__btn:hover { background: #8bd626; color: #0e2a06; transform: translateY(-2px); }
} @media (max-width: 1439px) {
.wa-cn__wrap { width: calc(100% - 40px); }
}
@media (max-width: 1279px) {
.wa-cn__card { grid-template-columns: minmax(0, 1fr) 320px 260px; gap: 28px; padding: 40px; }
.wa-cn .wa-cn__title { font-size: 26px; }
.wa-cn__deco { right: 520px; }
} @media (max-width: 1023px) {
.wa-cn__wrap { width: calc(100% - 32px); }
.wa-cn__card { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; padding: 36px; align-items: start; }
.wa-cn__content { grid-column: 1 / -1; }
.wa-cn__deco { right: -80px; width: 380px; height: 380px; margin-top: -190px; }
} @media (max-width: 767px) {
.wa-cn { padding: 40px 0; }
.wa-cn__card { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 28px 20px; border-radius: 22px; }
.wa-cn .wa-cn__title { font-size: 23px; }
.wa-cn .wa-cn__text { font-size: 15px; }
.wa-cn__deco { top: -70px; right: -110px; width: 300px; height: 300px; margin-top: 0; }
}
@media (prefers-reduced-motion: reduce) {
.wa-cn__deco { animation: none; }
.wa-cn .wa-cn__act,
.wa-cn .wa-cn__btn { transition: none; }
.wa-cn .wa-cn__act:hover,
.wa-cn .wa-cn__btn:hover { transform: none; }
}.wa-steps {
--wa-st-ink: #14233a;
--wa-st-muted: #4b5563;
--wa-st-blue: #1a72a8;
--wa-st-green: #7dc91b;
--wa-st-head: Montserrat, Arial, sans-serif;
padding: 80px 0;
background: #f5f8fb;
font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
color: #1d2433;
}
.wa-steps *,
.wa-steps *::before,
.wa-steps *::after { box-sizing: border-box; }
.wa-steps__wrap {
width: 1400px;
max-width: 100%;
margin: 0 auto;
display: grid;
grid-template-columns: 440px minmax(0, 1fr);
gap: 80px;
align-items: start;
} .wa-steps__aside {
position: sticky;
top: calc(var(--wa-adminbar, 0px) + var(--wa-hdr-h-sticky, 64px) + 24px);
}
.wa-steps__eyebrow {
display: inline-flex;
align-items: center;
height: 30px;
padding: 0 12px;
border-radius: 999px;
background: #eaf4fa;
color: #1a5f8c;
font-size: 13px;
font-weight: 600;
line-height: 1;
}
.wa-steps .wa-steps__title {
margin: 18px 0 0;
padding: 0;
width: auto;
font-family: var(--wa-st-head);
font-weight: 700;
font-size: 38px;
line-height: 1.15;
letter-spacing: -.01em;
color: var(--wa-st-ink);
text-align: left;
text-transform: none;
}
.wa-steps__lead {
margin: 16px 0 0;
font-size: 17px;
line-height: 1.6;
color: var(--wa-st-muted);
}
.wa-steps .wa-steps__cta {
margin-top: 28px;
height: 54px;
padding: 0 24px;
border: 0;
border-radius: 14px;
background: var(--wa-st-green);
color: #0e2a06;
font-family: var(--wa-st-head);
font-weight: 700;
font-size: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
cursor: pointer;
box-shadow: 0 10px 24px rgba(125, 201, 27, .3);
transition: background .2s;
}
.wa-steps .wa-steps__cta:hover { background: #6fb915; }
.wa-steps__cta:focus-visible,
.wa-steps__btn:focus-visible { outline: 2px solid var(--wa-st-blue); outline-offset: 2px; }
.wa-steps__note {
margin: 18px 0 0;
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
line-height: 1.4;
color: var(--wa-st-muted);
}
.wa-steps__note .wa-icon { flex: none; color: var(--wa-st-blue); } .wa-steps__list {
list-style: none;
margin: 0;
padding: 0;
}
.wa-steps__item {
position: relative;
margin: 0;
padding: 0 0 16px 80px;
list-style: none;
}
.wa-steps__item:last-child { padding-bottom: 0; }
.wa-steps__item::before,
.wa-steps__item::marker { content: none; }
.wa-steps__track,
.wa-steps__fill {
position: absolute;
left: 25px;
top: 56px;
bottom: 4px;
width: 2px;
}
.wa-steps__track { background: #dbe5ee; }
.wa-steps__fill {
background: linear-gradient(180deg, #1a72a8, #5fae0e);
transform-origin: top center;
}
.wa-steps__node {
position: absolute;
left: 0;
top: 18px;
width: 52px;
height: 52px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--wa-st-head);
font-weight: 700;
font-size: 18px;
line-height: 1; background: var(--wa-st-blue);
border: 2px solid var(--wa-st-blue);
color: #fff;
box-shadow: 0 0 0 6px rgba(26, 114, 168, .12);
}
.wa-steps__item:last-child .wa-steps__node {
background: var(--wa-st-green);
border-color: var(--wa-st-green);
color: #0e2a06;
box-shadow: 0 0 0 6px rgba(125, 201, 27, .18);
}
.wa-steps__card {
background: #fff;
border: 1px solid #e3e9ef;
border-radius: 18px;
padding: 22px 26px;
transition: border-color .25s, box-shadow .25s;
}
@media (hover: hover) {
.wa-steps__card:hover { border-color: #cfe1ee; box-shadow: 0 12px 30px rgba(15, 23, 42, .07); }
}
.wa-steps .wa-steps__name {
margin: 0 0 6px;
padding: 0;
font-family: var(--wa-st-head);
font-weight: 700;
font-size: 19px;
line-height: 1.3;
color: var(--wa-st-ink);
text-transform: none;
}
.wa-steps__text {
font-size: 15px;
line-height: 1.6;
color: var(--wa-st-muted);
}
.wa-steps__text p,
.wa-steps__text ul,
.wa-steps__text ol { margin: 0 0 8px; }
.wa-steps__text > :last-child { margin-bottom: 0; }
.wa-steps__text ul,
.wa-steps__text ol { padding-left: 20px; }
.wa-steps__text span { font: inherit; color: inherit; }
.wa-steps__text a { color: var(--wa-st-blue); font-weight: 600; text-decoration: none; }
.wa-steps__text a:hover { color: #125a85; text-decoration: underline; } .wa-steps__actions {
margin-top: 14px;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.wa-steps .wa-steps__btn {
height: 40px;
padding: 0 14px;
border: 0;
border-radius: 11px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
font-family: inherit;
font-size: 14px;
font-weight: 600;
line-height: 1;
white-space: nowrap;
text-decoration: none;
cursor: pointer;
transition: filter .2s, border-color .2s, background .2s;
}
.wa-steps .wa-steps__btn--tg { background: #229ed9; color: #fff; }
.wa-steps .wa-steps__btn--vb { background: #6f4ec1; color: #fff; }
.wa-steps .wa-steps__btn--phone { background: #fff; border: 1px solid #d5dde6; color: #1d2433; }
.wa-steps .wa-steps__btn--phone .wa-icon { color: var(--wa-st-blue); }
.wa-steps .wa-steps__btn--lead { background: #eef8e2; color: #3f7a0a; }
.wa-steps .wa-steps__btn:hover { text-decoration: none; }
.wa-steps .wa-steps__btn--tg:hover,
.wa-steps .wa-steps__btn--vb:hover { color: #fff; filter: brightness(1.08); }
.wa-steps .wa-steps__btn--phone:hover { color: #1d2433; border-color: #b8c6d3; }
.wa-steps .wa-steps__btn--lead:hover { color: #3f7a0a; background: #e2f2cf; }
.wa-steps__btn-short { display: none; } .wa-steps--anim .wa-steps__node {
background: #fff;
border-color: #cfdde8;
color: #5b6472;
box-shadow: none;
}
.wa-steps--anim .wa-steps__fill { transform: scaleY(0); }
.wa-steps--anim.is-visible .wa-steps__node { animation: waStOn .3s ease-out forwards; }
.wa-steps--anim.is-visible .wa-steps__item:last-child .wa-steps__node { animation-name: waStOnGreen; }
.wa-steps--anim.is-visible .wa-steps__fill { animation: waStFill .5s ease-out forwards; }
@keyframes waStOn {
to { background: #1a72a8; border-color: #1a72a8; color: #fff; box-shadow: 0 0 0 6px rgba(26, 114, 168, .12); }
}
@keyframes waStOnGreen {
to { background: #7dc91b; border-color: #7dc91b; color: #0e2a06; box-shadow: 0 0 0 6px rgba(125, 201, 27, .18); }
}
@keyframes waStFill { to { transform: scaleY(1); } } .wa-steps--anim .wa-steps__item:nth-child(1) .wa-steps__node { animation-delay: .3s; }
.wa-steps--anim .wa-steps__item:nth-child(2) .wa-steps__node { animation-delay: .95s; }
.wa-steps--anim .wa-steps__item:nth-child(3) .wa-steps__node { animation-delay: 1.45s; }
.wa-steps--anim .wa-steps__item:nth-child(4) .wa-steps__node { animation-delay: 1.95s; }
.wa-steps--anim .wa-steps__item:nth-child(5) .wa-steps__node { animation-delay: 2.45s; }
.wa-steps--anim .wa-steps__item:nth-child(6) .wa-steps__node { animation-delay: 2.95s; }
.wa-steps--anim .wa-steps__item:nth-child(7) .wa-steps__node { animation-delay: 3.45s; }
.wa-steps--anim .wa-steps__item:nth-child(8) .wa-steps__node { animation-delay: 3.95s; }
.wa-steps--anim .wa-steps__item:nth-child(1) .wa-steps__fill { animation-delay: .5s; }
.wa-steps--anim .wa-steps__item:nth-child(2) .wa-steps__fill { animation-delay: 1s; }
.wa-steps--anim .wa-steps__item:nth-child(3) .wa-steps__fill { animation-delay: 1.5s; }
.wa-steps--anim .wa-steps__item:nth-child(4) .wa-steps__fill { animation-delay: 2s; }
.wa-steps--anim .wa-steps__item:nth-child(5) .wa-steps__fill { animation-delay: 2.5s; }
.wa-steps--anim .wa-steps__item:nth-child(6) .wa-steps__fill { animation-delay: 3s; }
.wa-steps--anim .wa-steps__item:nth-child(7) .wa-steps__fill { animation-delay: 3.5s; } @media (max-width: 1439px) {
.wa-steps__wrap { width: calc(100% - 40px); }
}
@media (max-width: 1199px) {
.wa-steps__wrap { grid-template-columns: 380px minmax(0, 1fr); gap: 48px; }
.wa-steps .wa-steps__title { font-size: 34px; }
} @media (max-width: 1023px) {
.wa-steps { padding: 48px 0; }
.wa-steps__wrap {
width: calc(100% - 32px);
grid-template-columns: minmax(0, 1fr);
gap: 32px;
}
.wa-steps__aside { position: static; }
.wa-steps .wa-steps__title { font-size: 27px; line-height: 1.2; }
.wa-steps__lead { font-size: 15px; line-height: 1.5; }
.wa-steps .wa-steps__cta { width: 100%; }
.wa-steps__item { padding-left: 62px; }
.wa-steps__track,
.wa-steps__fill { left: 21px; top: 52px; }
.wa-steps__node { top: 14px; width: 44px; height: 44px; font-size: 17px; box-shadow: 0 0 0 5px rgba(26, 114, 168, .12); }
.wa-steps__item:last-child .wa-steps__node { box-shadow: 0 0 0 5px rgba(125, 201, 27, .18); }
.wa-steps__card { padding: 18px; border-radius: 16px; }
.wa-steps .wa-steps__name { font-size: 17px; }
.wa-steps__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wa-steps .wa-steps__btn { height: 42px; min-width: 0; padding: 0 10px; border-radius: 12px; }
.wa-steps__btn-full { display: none; }
.wa-steps__btn-short { display: inline; }
}
@media (max-width: 374px) {
.wa-steps__item { padding-left: 56px; }
.wa-steps .wa-steps__btn { font-size: 13px; gap: 5px; padding: 0 6px; }
}
@media (prefers-reduced-motion: reduce) {
.wa-steps__card { transition: none; }
}.wa-carousel {
--wa-car-gap: 20px;
--wa-car-show: 4;
--wa-car-blue: #1a72a8;
} .wa-carousel__track {
display: flex;
gap: var(--wa-car-gap);
list-style: none;
margin: 32px 0 0;
padding: 6px 0 14px; overflow-x: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.wa-carousel__track::-webkit-scrollbar { display: none; }
.wa-carousel__item {
flex: 0 0 calc((100% - (var(--wa-car-show) - 1) * var(--wa-car-gap)) / var(--wa-car-show));
display: flex;
margin: 0;
padding: 0;
list-style: none;
background: none;
scroll-snap-align: start;
scroll-snap-stop: always;
}
.wa-carousel__item::before,
.wa-carousel__item::marker { content: none; } .wa-carousel__controls {
flex: none;
display: flex;
align-items: center;
gap: 10px;
}
.wa-carousel__nav {
display: none;
width: 48px;
height: 48px;
padding: 0;
border: 1px solid #d5dde6;
border-radius: 50%;
background: #fff;
color: #14233a;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background-color .25s, color .25s, border-color .25s, opacity .25s;
}
.wa-carousel--js .wa-carousel__nav { display: flex; }
.wa-carousel__nav svg { width: 18px; height: 18px; }
.wa-carousel__nav:disabled { opacity: .35; cursor: default; } .wa-carousel__progress {
display: none;
position: relative;
width: 160px;
height: 6px;
margin: 0 auto;
border-radius: 3px;
background: #d9e3ec;
overflow: hidden;
}
.wa-carousel--js .wa-carousel__progress { display: block; }
.wa-carousel__bar {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 25%;
border-radius: 3px;
background: var(--wa-car-blue);
transition: transform .15s linear;
} .wa-carousel__nav:focus-visible,
.wa-carousel__track:focus-visible { outline: 2px solid var(--wa-car-blue); outline-offset: 3px; }
@media (hover: hover) {
.wa-carousel__nav:not(:disabled):hover { background: var(--wa-car-blue); border-color: var(--wa-car-blue); color: #fff; }
} @media (max-width: 1023px) {
.wa-carousel { --wa-car-gap: 16px; }
.wa-carousel__item { flex-basis: 40%; }
} @media (max-width: 767px) {
.wa-carousel { --wa-car-gap: 14px; }
.wa-carousel__track {
margin: 24px -16px 0;
padding: 6px 16px 14px;
scroll-padding-left: 16px;
}
.wa-carousel__item { flex-basis: 85%; }
.wa-carousel__nav { display: none; }
.wa-carousel--js .wa-carousel__nav { display: none; }
}
@media (prefers-reduced-motion: reduce) {
.wa-carousel__track { scroll-behavior: auto; }
.wa-carousel__nav,
.wa-carousel__bar { transition: none; }
}.wa-blog {
--wa-blog-ink: #14233a;
--wa-blog-blue: #1a72a8;
--wa-blog-head: Montserrat, Arial, sans-serif;
--wa-blog-gap: 24px;
padding: 80px 0;
background: #f5f8fb;
font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
color: #1d2433;
clear: both;
}
.wa-blog *,
.wa-blog *::before,
.wa-blog *::after { box-sizing: border-box; }
.wa-blog__wrap {
width: 1400px;
max-width: 100%;
margin: 0 auto;
} .wa-blog__head {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 40px;
}
.wa-blog__eyebrow {
display: inline-flex;
align-items: center;
height: 30px;
padding: 0 12px;
border-radius: 999px;
background: #eaf4fa;
color: #1a5f8c;
font-size: 13px;
font-weight: 600;
}
.wa-blog .wa-blog__title {
margin: 14px 0 0;
padding: 0;
font-family: var(--wa-blog-head);
font-weight: 700;
font-size: 40px;
line-height: 1.15;
letter-spacing: -.01em;
text-transform: none;
text-align: left;
color: var(--wa-blog-ink);
background: none;
}
.wa-blog .wa-blog__lead {
margin: 12px 0 0;
font-size: 16px;
line-height: 1.6;
color: #4b5563;
}
.wa-blog__controls {
flex: none;
display: flex;
align-items: center;
gap: 10px;
}
.wa-blog .wa-blog__all {
height: 48px;
padding: 0 18px;
border: 1px solid #b9cfdf;
border-radius: 12px;
background: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
font-family: var(--wa-blog-head);
font-weight: 600;
font-size: 14px;
color: var(--wa-blog-ink);
text-decoration: none;
white-space: nowrap;
transition: border-color .25s;
}
.wa-blog__all svg { width: 16px; height: 16px; color: var(--wa-blog-blue); transition: transform .25s; }
.wa-blog .wa-blog__all--bottom { display: none; }
.wa-blog__nav {
display: none; width: 48px;
height: 48px;
padding: 0;
border: 1px solid #d5dde6;
border-radius: 50%;
background: #fff;
color: var(--wa-blog-ink);
align-items: center;
justify-content: center;
cursor: pointer;
transition: background-color .25s, color .25s, border-color .25s, opacity .25s;
}
.wa-carousel--js .wa-blog__nav { display: flex; }
.wa-blog__nav svg { width: 18px; height: 18px; }
.wa-blog__nav:disabled { opacity: .35; cursor: default; } .wa-blog .wa-blog__track {
display: flex;
gap: var(--wa-blog-gap);
list-style: none;
margin: 32px 0 0;
padding: 6px 0 22px; overflow-x: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.wa-blog__track::-webkit-scrollbar { display: none; }
.wa-blog .wa-blog__item {
flex: 0 0 calc((100% - 3 * var(--wa-blog-gap)) / 4);
display: flex;
margin: 0;
padding: 0;
list-style: none;
background: none;
scroll-snap-align: start;
scroll-snap-stop: always;
}
.wa-blog .wa-blog__item::before { content: none; } .wa-blog .wa-blog__card {
flex: 1;
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid #e3e9ef;
border-radius: 20px;
overflow: hidden;
color: inherit;
text-decoration: none;
transition: transform .3s, box-shadow .3s, border-color .3s;
}
.wa-blog__img {
aspect-ratio: 16 / 9;
overflow: hidden;
background: linear-gradient(135deg, #eef5fb, #d7e8f4);
}
.wa-blog__img picture { display: block; height: 100%; }
.wa-blog__img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.wa-blog__body { padding: 18px 20px 22px; }
.wa-blog__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
font-size: 13px;
color: #5b6472;
}
.wa-blog__chip {
height: 24px;
padding: 0 10px;
border-radius: 999px;
display: inline-flex;
align-items: center;
background: #eaf4fa;
color: #1a5f8c;
font-size: 12px;
font-weight: 600;
white-space: nowrap;
}
.wa-blog .wa-blog__card-title {
margin: 12px 0 0;
padding: 0;
font-family: var(--wa-blog-head);
font-weight: 700;
font-size: 17px;
line-height: 1.4;
text-transform: none;
text-align: left;
color: var(--wa-blog-ink);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
transition: color .25s;
} .wa-blog__progress {
display: none; position: relative;
width: 160px;
height: 6px;
margin: 0 auto;
border-radius: 3px;
background: #d9e3ec;
overflow: hidden;
}
.wa-carousel--js .wa-blog__progress { display: block; }
.wa-blog__bar {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 25%;
border-radius: 3px;
background: var(--wa-blog-blue);
transition: transform .15s linear;
} .wa-blog__card:focus-visible,
.wa-blog__nav:focus-visible,
.wa-blog__all:focus-visible,
.wa-blog__track:focus-visible { outline: 2px solid var(--wa-blog-blue); outline-offset: 3px; }
@media (hover: hover) {
.wa-blog .wa-blog__card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(15, 23, 42, .10); border-color: #cfe1ee; }
.wa-blog__card:hover .wa-blog__card-title { color: var(--wa-blog-blue); }
.wa-blog__nav:not(:disabled):hover { background: var(--wa-blog-blue); border-color: var(--wa-blog-blue); color: #fff; }
.wa-blog .wa-blog__all:hover { border-color: var(--wa-blog-blue); color: var(--wa-blog-ink); }
.wa-blog__all:hover svg { transform: translateX(3px); }
} @media (max-width: 1439px) {
.wa-blog__wrap { width: calc(100% - 40px); }
}
@media (max-width: 1279px) {
.wa-blog .wa-blog__title { font-size: 34px; }
.wa-blog .wa-blog__item { flex-basis: calc((100% - 2 * var(--wa-blog-gap)) / 3); }
} @media (max-width: 1023px) {
.wa-blog { padding: 56px 0; --wa-blog-gap: 16px; }
.wa-blog__wrap { width: calc(100% - 32px); }
.wa-blog .wa-blog__title { font-size: 30px; line-height: 1.2; }
.wa-blog .wa-blog__item { flex-basis: 40%; }
} @media (max-width: 767px) {
.wa-blog { padding: 48px 0; --wa-blog-gap: 14px; }
.wa-blog__head { display: block; }
.wa-blog .wa-blog__title { font-size: 27px; }
.wa-blog .wa-blog__lead { font-size: 15px; }
.wa-blog__controls { display: none; }
.wa-blog .wa-blog__track {
margin: 24px -16px 0;
padding: 6px 16px 18px;
scroll-padding-left: 16px;
}
.wa-blog .wa-blog__item { flex-basis: 85%; }
.wa-blog .wa-blog__all--bottom { display: flex; width: 100%; margin-top: 18px; }
.wa-blog__body { padding: 16px 18px 20px; }
.wa-blog .wa-blog__card-title { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
.wa-blog .wa-blog__track { scroll-behavior: auto; }
.wa-blog .wa-blog__card,
.wa-blog__nav,
.wa-blog__all svg,
.wa-blog__bar { transition: none; }
.wa-blog .wa-blog__card:hover { transform: none; }
}.wa-sub { --wa-sub-ink: #14233a; --wa-sub-blue: #1a72a8; --wa-sub-green: #7dc91b; font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
.wa-sub *, .wa-sub *::before, .wa-sub *::after { box-sizing: border-box; }
.wa-sub__sr, .wa-sub .wa-sub__hp { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.wa-sub__wrap { width: 1400px; max-width: 100%; margin: 0 auto; } .wa-sub .wa-sub__form { display: flex; gap: 8px; margin: 0; width: 100%; max-width: 520px; }
.wa-sub__field {
flex: 1;
min-width: 0;
display: flex;
align-items: center;
gap: 8px;
height: 52px;
padding: 0 14px;
border-radius: 14px;
background: #fff;
border: 1px solid #d5e0ea;
color: #8a94a3;
transition: border-color .2s, box-shadow .2s;
}
.wa-sub__field:focus-within { border-color: var(--wa-sub-blue); box-shadow: 0 0 0 3px rgba(26, 114, 168, .15); }
.wa-sub .wa-sub__field input {
flex: 1;
min-width: 0;
height: 100%;
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
box-shadow: none;
font: inherit;
font-size: 16px;
color: #1d2433;
}
.wa-sub .wa-sub__btn {
flex: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
height: 52px;
margin: 0;
padding: 0 22px;
border: 0;
border-radius: 14px;
background: var(--wa-sub-green);
color: #0e2a06;
font: inherit;
font-weight: 700;
font-size: 15px;
cursor: pointer;
transition: background .2s, transform .2s;
}
.wa-sub .wa-sub__btn:disabled { opacity: .7; cursor: default; }
.wa-sub .wa-sub__btn:focus-visible { outline: 2px solid var(--wa-sub-blue); outline-offset: 2px; }
@media (hover: hover) { .wa-sub .wa-sub__btn:not(:disabled):hover { background: #8fdc2a; transform: translateY(-1px); } }
.wa-sub__form.is-done .wa-sub__field { border-color: #9fd35a; }
.wa-sub .wa-sub__msg { margin: 8px 0 0; padding: 0; font-size: 14px; line-height: 1.5; min-height: 0; }
.wa-sub__msg:empty { display: none; }
.wa-sub__msg.is-ok { color: #2f6b05; }
.wa-sub__msg.is-err { color: #b42318; } .wa-sub--hero { margin-top: 28px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .12); }
.wa-sub .wa-sub__hero-t { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; padding: 0; font-size: 15px; color: #c9d6e4; }
.wa-sub__hero-t .wa-icon { color: var(--wa-sub-green); flex: none; }
.wa-sub--hero .wa-sub__field { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .2); color: #9fb3c8; }
.wa-sub--hero .wa-sub__field input { color: #fff; }
.wa-sub--hero .wa-sub__field input::placeholder { color: #9fb3c8; }
.wa-sub--hero .wa-sub__msg.is-ok { color: #a6e35a; }
.wa-sub--hero .wa-sub__msg.is-err { color: #ffb4a8; } .wa-sub--bar { margin: 24px 0; }
.wa-sub--bar .wa-sub__wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 14px 24px;
padding: 18px 22px;
border-radius: 20px;
background: #f2f7fb;
border: 1px solid #dce7f0;
}
.wa-sub--bar .wa-sub__form { max-width: 460px; }
.wa-sub--bar .wa-sub__wrap > .wa-sub__msg { flex-basis: 100%; margin-top: -6px; text-align: right; }
.wa-sub .wa-sub__bar-t { flex: 1 1 380px; display: flex; align-items: center; gap: 12px; margin: 0; padding: 0; font-size: 16px; font-weight: 600; line-height: 1.45; color: var(--wa-sub-ink); }
.wa-sub__ico { flex: none; width: 40px; height: 40px; border-radius: 12px; background: #fff; color: var(--wa-sub-blue); display: flex; align-items: center; justify-content: center; border: 1px solid #dce7f0; } .wa-sub--cta { margin: var(--wa-page-gap, 64px) 0 0; }
.wa-sub__card {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
align-items: center;
gap: 32px 56px;
padding: 48px 56px;
border-radius: 28px;
background: linear-gradient(135deg, #f3f9ea 0%, #eef6fb 100%);
border: 1px solid #dfeccf;
}
.wa-sub__eb {
display: inline-flex;
align-items: center;
gap: 6px;
height: 28px;
padding: 0 12px;
border-radius: 999px;
background: #fff;
color: #2f6b05;
font-size: 12px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
}
.wa-sub .wa-sub__h {
margin: 14px 0 10px;
padding: 0;
font-family: Montserrat, Arial, sans-serif;
font-weight: 800;
font-size: 32px;
line-height: 1.2;
color: var(--wa-sub-ink);
text-align: left;
text-transform: none;
background: none;
}
.wa-sub .wa-sub__h::before, .wa-sub .wa-sub__h::after { content: none; }
.wa-sub .wa-sub__lead { margin: 0; padding: 0; font-size: 16px; line-height: 1.6; color: #4a5566; }
.wa-sub .wa-sub__pts { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 18px 0 0; padding: 0; list-style: none; }
.wa-sub .wa-sub__pts li { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 0; list-style: none; background: none; font-size: 14px; font-weight: 600; color: var(--wa-sub-ink); }
.wa-sub .wa-sub__pts li::before { content: none; }
.wa-sub__pts .wa-icon { color: #4f8a0c; }
.wa-sub--cta .wa-sub__form { max-width: none; }
.wa-sub .wa-sub__note { margin: 10px 0 0; padding: 0; font-size: 13px; color: #6b7685; } @media (max-width: 1439px) { .wa-sub__wrap { width: calc(100% - 40px); } }
@media (max-width: 1023px) {
.wa-sub__wrap { width: calc(100% - 32px); }
.wa-sub__card { grid-template-columns: minmax(0, 1fr); padding: 36px 32px; border-radius: 24px; }
.wa-sub .wa-sub__h { font-size: 28px; }
}
@media (max-width: 767px) {
.wa-sub .wa-sub__form { flex-direction: column; max-width: none; }
.wa-sub .wa-sub__btn { width: 100%; }
.wa-sub__card { padding: 26px 20px; border-radius: 20px; }
.wa-sub .wa-sub__h { font-size: 24px; }
.wa-sub--bar .wa-sub__wrap { padding: 16px; }
.wa-sub .wa-sub__bar-t { flex-basis: 100%; font-size: 15px; }
.wa-sub--bar .wa-sub__form { max-width: none; }
.wa-sub--bar .wa-sub__wrap > .wa-sub__msg { text-align: left; }
} .wa-sub--side { padding: 20px; border-radius: 20px; background: linear-gradient(135deg, #f3f9ea 0%, #eef6fb 100%); border: 1px solid #dfeccf; }
.wa-sub .wa-sub__side-t { display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; font-family: Montserrat, Arial, sans-serif; font-weight: 800; font-size: 17px; color: var(--wa-sub-ink); }
.wa-sub__side-t .wa-icon { color: #4f8a0c; }
.wa-sub .wa-sub__side-p { margin: 6px 0 14px; padding: 0; font-size: 14px; line-height: 1.5; color: #4a5566; }
.wa-sub--side .wa-sub__form { flex-direction: column; max-width: none; }
.wa-sub--side .wa-sub__field, .wa-sub--side .wa-sub__btn { height: 46px; }
.wa-sub--side .wa-sub__btn { width: 100%; }.wa-bl-hero {
--wa-bl-green: #7dc91b;
--wa-bl-sky: #8cc7ec;
--wa-bl-head: Montserrat, Arial, sans-serif;
margin: var(--wa-page-gap, 24px) 0 0;
font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
.wa-bl-hero *,
.wa-bl-hero *::before,
.wa-bl-hero *::after { box-sizing: border-box; }
.wa-bl-hero__wrap { width: 1400px; max-width: 100%; margin: 0 auto; }
.wa-bl-hero__card {
display: grid;
grid-template-columns: minmax(0, 1fr) 500px;
gap: 48px;
align-items: center;
padding: 44px 56px 48px;
border-radius: 28px;
overflow: hidden;
background: radial-gradient(circle at 80% 30%, #1f3a5c 0, #14233a 58%);
color: #fff;
}
.wa-bl-hero__bc ol {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
font-size: 13px;
color: rgba(255, 255, 255, .55);
}
.wa-bl-hero__bc li { margin: 0; padding: 0; list-style: none; background: none; display: flex; align-items: center; gap: 8px; }
.wa-bl-hero__bc li::before { content: none; }
.wa-bl-hero__bc li + li::before { content: "/"; color: rgba(255, 255, 255, .35); }
.wa-bl-hero__bc a { color: var(--wa-bl-sky); text-decoration: none; }
.wa-bl-hero__bc a:hover { text-decoration: underline; text-underline-offset: 3px; }
.wa-bl-hero__eyebrow {
margin-top: 22px;
display: inline-flex;
align-items: center;
gap: 8px;
height: 32px;
padding: 0 14px;
border-radius: 999px;
background: rgba(125, 201, 27, .14);
color: #a6e05a;
font-size: 13px;
font-weight: 600;
}
.wa-bl-hero__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--wa-bl-green); }
.wa-bl-hero .wa-bl-hero__title {
margin: 18px 0 0;
padding: 0;
font-family: var(--wa-bl-head);
font-weight: 800;
font-size: 48px;
line-height: 1.1;
letter-spacing: -.02em;
text-transform: none;
text-align: left;
color: #fff;
background: none;
}
.wa-bl-hero__title span { color: var(--wa-bl-green); }
.wa-bl-hero__title small { font-size: .55em; font-weight: 700; color: rgba(255, 255, 255, .6); white-space: nowrap; }
.wa-bl-hero .wa-bl-hero__lead {
margin: 18px 0 0;
padding: 0;
max-width: 600px;
font-size: 18px;
line-height: 1.6;
color: rgba(255, 255, 255, .75);
}
.wa-bl-hero__actions { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 12px; }
.wa-bl-hero .wa-bl-hero__btn {
height: 54px;
padding: 0 24px;
border-radius: 14px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
font-family: var(--wa-bl-head);
font-size: 15px;
line-height: 1;
text-decoration: none;
text-transform: none;
cursor: pointer;
transition: background-color .25s, border-color .25s;
}
.wa-bl-hero .wa-bl-hero__btn--green {
border: 0;
background: var(--wa-bl-green);
color: #0e2a06;
font-weight: 700;
box-shadow: 0 10px 24px rgba(125, 201, 27, .3);
}
.wa-bl-hero .wa-bl-hero__btn--ghost {
padding: 0 20px;
border: 1px solid rgba(255, 255, 255, .25);
background: transparent;
color: #fff;
font-weight: 600;
}
.wa-bl-hero__btn .wa-icon { flex: none; transition: transform .25s; }
.wa-bl-hero__btn--green .wa-icon { transform: rotate(90deg); }
.wa-bl-hero__btn:focus-visible,
.wa-bl-hero__bc a:focus-visible { outline: 2px solid var(--wa-bl-sky); outline-offset: 3px; }
@media (hover: hover) {
.wa-bl-hero .wa-bl-hero__btn--green:hover { background: #8bd626; color: #0e2a06; }
.wa-bl-hero .wa-bl-hero__btn--ghost:hover { background: rgba(255, 255, 255, .08); color: #fff; }
.wa-bl-hero__btn--green:hover .wa-icon { transform: rotate(90deg) translateX(3px); }
.wa-bl-hero__btn--ghost:hover .wa-icon { transform: translateX(3px); }
} .wa-bl-hero__visual {
position: relative;
min-width: 0;
padding: 48px 8px;
perspective: 1400px;
}
.wa-bl-hero__atom {
position: absolute;
left: 50%;
top: 50%;
width: 128%;
height: auto;
aspect-ratio: 660 / 600;
transform: translate(-50%, -50%);
overflow: visible;
pointer-events: none;
}
.wa-bl-hero__orbits {
opacity: .32;
transform-box: view-box;
transform-origin: 330px 300px;
animation: waBlSpin 90s linear infinite;
} .wa-bl-hero__e { filter: drop-shadow(0 0 6px rgba(125, 201, 27, .7)); }
.wa-bl-hero__electrons { transform-box: view-box; transform-origin: 330px 300px; animation: waBlSpin 90s linear infinite; }
@keyframes waBlSpin { to { transform: rotate(360deg); } }
.wa-bl-hero__glow {
position: absolute;
left: 50%;
top: 50%;
width: 70%;
aspect-ratio: 1;
transform: translate(-50%, -50%);
border-radius: 50%;
background: radial-gradient(circle, rgba(125, 201, 27, .28) 0, rgba(125, 201, 27, .08) 45%, transparent 70%);
filter: blur(10px);
pointer-events: none;
animation: waBlGlow 6s ease-in-out infinite;
}
@keyframes waBlGlow { 50% { opacity: .55; transform: translate(-50%, -50%) scale(1.08); } }
.wa-bl-hero__float {
position: relative;
z-index: 1;
max-width: 440px;
margin: 0 auto;
transform: rotateY(-9deg) rotateX(4deg);
transform-style: preserve-3d;
animation: waBlFloat 7s ease-in-out infinite;
transition: transform .6s cubic-bezier(.2, .7, .3, 1);
}
.wa-bl-hero .wa-bl-hero__post {
position: relative;
display: block;
border-radius: 20px;
overflow: hidden;
background: #fff;
color: #14233a;
text-decoration: none;
box-shadow: 0 30px 60px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .12);
transition: box-shadow .6s;
}
@keyframes waBlFloat {
0%, 100% { translate: 0 0; }
50% { translate: 0 -12px; }
} .wa-bl-hero__post::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, .22) 50%, transparent 60%);
background-size: 250% 100%;
background-position: 120% 0;
animation: waBlShine 7s ease-in-out infinite;
pointer-events: none;
}
@keyframes waBlShine { 0%, 60% { background-position: 120% 0; } 85%, 100% { background-position: -40% 0; } }
@media (hover: hover) {
.wa-bl-hero__visual:hover .wa-bl-hero__float { transform: rotateY(0) rotateX(0) scale(1.02); }
.wa-bl-hero__visual:hover .wa-bl-hero__post { box-shadow: 0 40px 80px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .18); }
}
.wa-bl-hero__post:focus-visible { outline: 2px solid var(--wa-bl-sky); outline-offset: 4px; }
.wa-bl-hero__img { position: relative; display: block; aspect-ratio: 16 / 9; background: #eef3f7; overflow: hidden; } .wa-bl-hero__img picture,
.wa-bl__img picture,
.wa-bl__mr-img picture { display: block; width: 100%; height: 100%; }
.wa-bl-hero__img img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; } .wa-bl-hero__fresh {
position: absolute;
left: 0;
top: 24px;
translate: -50% 0; z-index: 3;
white-space: nowrap;
height: 48px;
padding: 0 20px 0 16px;
border-radius: 999px;
background: var(--wa-bl-green);
color: #0e2a06;
font-family: var(--wa-bl-head);
font-weight: 800;
font-size: 17px;
line-height: 1;
display: flex;
align-items: center;
gap: 8px;
box-shadow: 0 10px 24px rgba(0, 0, 0, .28), 0 0 0 0 rgba(125, 201, 27, .6);
transform-origin: 20% 50%;
animation: waBlSway 2.8s ease-in-out infinite, waBlPing 2.8s ease-out infinite;
}
.wa-bl-hero__fresh .wa-icon { flex: none; }
@keyframes waBlSway {
0%, 100% { transform: translateX(0) rotate(0); }
20% { transform: translateX(6px) rotate(3deg); }
40% { transform: translateX(-4px) rotate(-2.5deg); }
60% { transform: translateX(3px) rotate(1.5deg); }
80% { transform: translateX(-1px) rotate(-.5deg); }
}
@keyframes waBlPing {
0% { box-shadow: 0 10px 24px rgba(0, 0, 0, .28), 0 0 0 0 rgba(125, 201, 27, .6); }
70%, 100% { box-shadow: 0 10px 24px rgba(0, 0, 0, .28), 0 0 0 14px rgba(125, 201, 27, 0); }
}
.wa-bl-hero__body { display: flex; flex-direction: column; gap: 10px; padding: 18px 22px 20px; }
.wa-bl-hero__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 13px; color: #5b6472; }
.wa-bl-hero__chip {
height: 24px;
padding: 0 10px;
border-radius: 999px;
background: #eaf4fa;
color: #1a5f8c;
font-size: 12px;
font-weight: 700;
display: inline-flex;
align-items: center;
}
.wa-bl-hero__ptitle {
font-family: var(--wa-bl-head);
font-weight: 700;
font-size: 19px;
line-height: 1.3;
color: #14233a;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.wa-bl-hero__go {
display: flex;
align-items: center;
gap: 8px;
font-family: var(--wa-bl-head);
font-weight: 600;
font-size: 14px;
color: #1a72a8;
}
.wa-bl-hero__go .wa-icon { transition: transform .25s; }
@media (hover: hover) {
.wa-bl-hero__post:hover .wa-bl-hero__go .wa-icon { transform: translateX(4px); }
} .wa-bl {
--wa-bl-ink: #14233a;
--wa-bl-muted: #5b6472;
--wa-bl-blue: #1a72a8;
--wa-bl-head: Montserrat, Arial, sans-serif;
padding: 48px 0 80px;
background: #fff;
font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
color: #1d2433;
scroll-margin-top: 90px;
}
.wa-bl *,
.wa-bl *::before,
.wa-bl *::after { box-sizing: border-box; }
.wa-bl__wrap { width: 1400px; max-width: 100%; margin: 0 auto; }
.wa-bl__sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } .wa-bl__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; }
.wa-bl .wa-bl__cats ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 10px; }
.wa-bl .wa-bl__cats li { margin: 0; padding: 0; list-style: none; background: none; flex: none; }
.wa-bl .wa-bl__cats li::before { content: none; }
.wa-bl .wa-bl__chip {
height: 44px;
padding: 0 8px 0 16px;
border: 1px solid #dbe5ed;
border-radius: 999px;
background: #fff;
display: inline-flex;
align-items: center;
gap: 8px;
font-family: var(--wa-bl-head);
font-weight: 600;
font-size: 14px;
line-height: 1;
color: var(--wa-bl-ink);
text-decoration: none;
white-space: nowrap;
transition: background-color .2s, border-color .2s, color .2s;
}
.wa-bl__chip .wa-icon { color: var(--wa-bl-blue); }
.wa-bl__chip em {
min-width: 28px;
height: 28px;
padding: 0 8px;
border-radius: 999px;
background: #eef4f8;
display: inline-flex;
align-items: center;
justify-content: center;
font-style: normal;
font-size: 12px;
font-weight: 700;
color: #1a5f8c;
}
.wa-bl .wa-bl__chip.is-active { background: var(--wa-bl-ink); border-color: var(--wa-bl-ink); color: #fff; }
.wa-bl__chip.is-active .wa-icon { color: #8cc7ec; }
.wa-bl__chip.is-active em { background: #7dc91b; color: #0e2a06; }
.wa-bl__chip:focus-visible { outline: 2px solid var(--wa-bl-blue); outline-offset: 2px; }
.wa-bl .wa-bl__search {
position: relative;
margin: 0;
flex: 0 1 380px;
min-width: 0;
height: 48px;
display: flex;
align-items: center;
border: 1px solid #dbe5ed;
border-radius: 14px;
background: #fff;
transition: border-color .2s, box-shadow .2s;
}
.wa-bl__search:focus-within { border-color: var(--wa-bl-blue); box-shadow: 0 0 0 3px rgba(26, 114, 168, .15); }
.wa-bl__search > .wa-icon { position: absolute; left: 14px; color: #8a96a6; pointer-events: none; }
.wa-bl .wa-bl__search input {
flex: 1;
min-width: 0;
height: 100%;
margin: 0;
padding: 0 8px 0 42px;
border: 0;
border-radius: 14px;
background: transparent;
box-shadow: none;
outline: none;
font-family: inherit;
font-size: 15px;
color: var(--wa-bl-ink);
}
.wa-bl__search input::placeholder { color: #8a96a6; opacity: 1; }
.wa-bl .wa-bl__search button {
flex: none;
height: 38px;
margin: 0 5px 0 0;
padding: 0 16px;
border: 0;
border-radius: 10px;
background: var(--wa-bl-ink);
color: #fff;
font-family: var(--wa-bl-head);
font-weight: 600;
font-size: 14px;
line-height: 1;
cursor: pointer;
transition: background-color .2s;
}
.wa-bl__search button:focus-visible { outline: 2px solid var(--wa-bl-blue); outline-offset: 2px; }
@media (hover: hover) {
.wa-bl .wa-bl__chip:not(.is-active):hover { background: #f5f8fb; border-color: #b9cfdf; color: var(--wa-bl-ink); }
.wa-bl .wa-bl__search button:hover { background: #1f3a5c; }
}
.wa-bl .wa-bl__found { margin: 24px 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; }
.wa-bl .wa-bl__found p { margin: 0; padding: 0; font-size: 16px; color: var(--wa-bl-ink); }
.wa-bl__found p a { margin-left: 8px; color: var(--wa-bl-blue); font-weight: 600; }
.wa-bl .wa-bl__found-cat {
height: 38px;
padding: 0 12px;
border-radius: 999px;
background: #eef6e2;
color: #2f5208;
font-size: 14px;
font-weight: 600;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
}
.wa-bl__found-cat em { font-style: normal; font-size: 12px; font-weight: 700; color: #4f8a0c; }
.wa-bl .wa-bl__title mark { background: rgba(125, 201, 27, .28); color: inherit; padding: 0 2px; border-radius: 4px; } .wa-bl__also { margin-top: 40px; padding: 28px 32px; border-radius: 24px; background: #f5f8fb; border: 1px solid #e3e9ef; }
.wa-bl .wa-bl__also-title { margin: 0; padding: 0; font-family: var(--wa-bl-head); font-weight: 800; font-size: 22px; line-height: 1.2; color: var(--wa-bl-ink); text-align: left; text-transform: none; background: none; }
.wa-bl .wa-bl__also-title::before,
.wa-bl .wa-bl__also-title::after { content: none; }
.wa-bl .wa-bl__also-lead { margin: 6px 0 0; padding: 0; font-size: 14px; color: var(--wa-bl-muted); }
.wa-bl .wa-bl__also-list { margin: 16px 0 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 24px; }
.wa-bl .wa-bl__also-list li { margin: 0; padding: 0; list-style: none; background: none; min-width: 0; }
.wa-bl .wa-bl__also-list li::before { content: none; }
.wa-bl .wa-bl__also-list a {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 0;
border-bottom: 1px solid #e3e9ef;
color: var(--wa-bl-ink);
text-decoration: none;
}
.wa-bl__also-list span { flex: none; font-size: 12px; font-weight: 700; color: #1a5f8c; }
.wa-bl__also-list b { flex: 1; min-width: 0; font-weight: 600; font-size: 15px; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wa-bl__also-list .wa-icon { flex: none; color: var(--wa-bl-blue); transition: transform .25s; }
@media (hover: hover) {
.wa-bl .wa-bl__also-list a:hover { color: var(--wa-bl-blue); }
.wa-bl__also-list a:hover .wa-icon { transform: translateX(3px); }
.wa-bl .wa-bl__found-cat:hover { background: #e2f0cf; color: #2f5208; }
} .wa-bl .wa-bl__grid {
margin: 28px 0 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}
.wa-bl .wa-bl__item { margin: 0; padding: 0; list-style: none; background: none; display: flex; min-width: 0; }
.wa-bl .wa-bl__item::before,
.wa-bl .wa-bl__must::before { content: none; }
.wa-bl__item.is-new { animation: waBlIn .45s cubic-bezier(.2, .7, .3, 1) both; }
@keyframes waBlIn { from { opacity: 0; transform: translateY(14px); } }
.wa-bl .wa-bl__card {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid #e3e9ef;
border-radius: 24px;
overflow: hidden;
color: #1d2433;
text-decoration: none;
transition: transform .3s cubic-bezier(.2, .7, .3, 1), box-shadow .3s, border-color .3s;
}
.wa-bl .wa-bl__card:focus-visible { outline: 2px solid var(--wa-bl-blue); outline-offset: 2px; }
.wa-bl__img {
position: relative;
display: block;
flex: none;
margin: 12px 12px 0;
aspect-ratio: 16 / 9;
border-radius: 16px;
overflow: hidden;
background: #eef3f7;
}
.wa-bl .wa-bl__img img {
display: block;
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
transition: transform .5s cubic-bezier(.2, .7, .3, 1);
}
.wa-bl__cat {
position: absolute;
left: 10px;
top: 10px;
height: 28px;
padding: 0 10px;
border-radius: 999px;
background: rgba(255, 255, 255, .94);
color: var(--wa-bl-ink);
font-size: 12px;
font-weight: 700;
line-height: 1;
display: flex;
align-items: center;
gap: 6px;
box-shadow: 0 4px 12px rgba(15, 23, 42, .12);
}
.wa-bl__cat .wa-icon { color: var(--wa-bl-blue); }
.wa-bl__body {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
min-width: 0;
padding: 18px 22px 22px;
}
.wa-bl__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; font-size: 13px; color: var(--wa-bl-muted); }
.wa-bl__min { display: inline-flex; align-items: center; gap: 5px; }
.wa-bl__min .wa-icon { color: #8a96a6; }
.wa-bl .wa-bl__title {
margin: 0;
padding: 0;
font-family: var(--wa-bl-head);
font-weight: 700;
font-size: 19px;
line-height: 1.3;
letter-spacing: 0;
color: var(--wa-bl-ink);
text-align: left;
text-transform: none;
background: none;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.wa-bl .wa-bl__title::before,
.wa-bl .wa-bl__title::after { content: none; }
.wa-bl__ex {
font-size: 14px;
line-height: 1.55;
color: var(--wa-bl-muted);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.wa-bl__go {
margin-top: auto;
padding-top: 4px;
display: flex;
align-items: center;
gap: 8px;
font-family: var(--wa-bl-head);
font-weight: 600;
font-size: 14px;
color: var(--wa-bl-blue);
white-space: nowrap;
}
.wa-bl__go .wa-icon { transition: transform .25s; }
@media (hover: hover) {
.wa-bl .wa-bl__card:hover {
color: #1d2433;
transform: translateY(-4px);
box-shadow: 0 22px 48px rgba(15, 23, 42, .12);
border-color: #cfe1ee;
}
.wa-bl__card:hover .wa-bl__img img { transform: scale(1.04); }
.wa-bl__card:hover .wa-bl__title { color: var(--wa-bl-blue); }
.wa-bl__card:hover .wa-bl__go .wa-icon { transform: translateX(4px); }
} .wa-bl .wa-bl__must {
grid-column: 1 / -1;
position: relative;
margin: 16px 0;
padding: 40px;
list-style: none;
border-radius: 28px;
overflow: hidden;
background: radial-gradient(circle at 85% 0, #1f3a5c 0, #14233a 60%);
color: #fff;
}
.wa-bl__must-eb {
display: inline-flex;
align-items: center;
gap: 6px;
height: 28px;
padding: 0 12px;
border-radius: 999px;
background: rgba(125, 201, 27, .16);
color: #a6e05a;
font-size: 12px;
font-weight: 700;
}
.wa-bl .wa-bl__must-title {
margin: 12px 0 0;
padding: 0;
font-family: var(--wa-bl-head);
font-weight: 800;
font-size: 30px;
line-height: 1.2;
color: #fff;
text-align: left;
text-transform: none;
background: none;
}
.wa-bl .wa-bl__must-title::before,
.wa-bl .wa-bl__must-title::after { content: none; }
.wa-bl .wa-bl__must-lead { margin: 8px 0 0; padding: 0; max-width: 640px; font-size: 15px; line-height: 1.55; color: rgba(255, 255, 255, .7); }
.wa-bl .wa-bl__must-list {
margin: 28px 0 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.wa-bl .wa-bl__mr { margin: 0; padding: 0; list-style: none; background: none; display: flex; min-width: 0; }
.wa-bl .wa-bl__mr::before { content: none; }
.wa-bl .wa-bl__mr-link {
position: relative;
flex: 1;
min-width: 0;
display: flex;
align-items: center;
gap: 16px;
padding: 18px 18px 18px 16px;
border-radius: 20px;
background: rgba(255, 255, 255, .06);
border: 1px solid rgba(255, 255, 255, .12);
color: #fff;
text-decoration: none;
transition: background-color .25s, border-color .25s, transform .3s cubic-bezier(.2, .7, .3, 1);
}
.wa-bl__mr-num {
position: absolute;
right: 16px;
top: 12px;
font-family: var(--wa-bl-head);
font-weight: 800;
font-size: 26px;
line-height: 1;
color: rgba(140, 199, 236, .22);
}
.wa-bl__mr-img {
flex: none;
width: 96px;
height: 96px;
border-radius: 50%;
overflow: hidden;
background: #1f3a5c;
box-shadow: 0 0 0 3px rgba(125, 201, 27, .55), 0 10px 24px rgba(0, 0, 0, .3);
}
.wa-bl .wa-bl__mr-img img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; transition: transform .5s cubic-bezier(.2, .7, .3, 1); }
.wa-bl__mr-body { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding-right: 26px; }
.wa-bl__mr-cat { font-size: 12px; font-weight: 700; color: #a6e05a; text-transform: uppercase; letter-spacing: .04em; }
.wa-bl .wa-bl__mr-title {
margin: 0;
padding: 0;
font-family: var(--wa-bl-head);
font-weight: 700;
font-size: 16px;
line-height: 1.35;
color: #fff;
text-align: left;
text-transform: none;
background: none;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.wa-bl .wa-bl__mr-title::before,
.wa-bl .wa-bl__mr-title::after { content: none; }
.wa-bl__mr-meta { font-size: 13px; color: rgba(255, 255, 255, .55); }
.wa-bl__mr-link:focus-visible { outline: 2px solid #8cc7ec; outline-offset: 2px; }
@media (hover: hover) {
.wa-bl .wa-bl__mr-link:hover { background: rgba(255, 255, 255, .1); border-color: rgba(140, 199, 236, .45); color: #fff; transform: translateY(-3px); }
.wa-bl__mr-link:hover .wa-bl__mr-img img { transform: scale(1.08); }
.wa-bl__mr-link:hover .wa-bl__mr-title { color: #8cc7ec; }
} .wa-bl__foot { margin-top: 40px; display: flex; flex-direction: column; align-items: center; gap: 16px; }
.wa-bl .wa-bl__count { margin: 0; padding: 0; font-size: 14px; color: var(--wa-bl-muted); }
.wa-bl .wa-bl__more {
height: 52px;
padding: 0 28px;
border: 1px solid #b9cfdf;
border-radius: 14px;
background: #fff;
display: inline-flex;
align-items: center;
gap: 10px;
font-family: var(--wa-bl-head);
font-weight: 700;
font-size: 15px;
color: var(--wa-bl-ink);
text-decoration: none;
cursor: pointer;
transition: background-color .2s, border-color .2s;
}
.wa-bl__more .wa-icon { color: var(--wa-bl-blue); }
.wa-bl__more.is-loading { pointer-events: none; opacity: .65; }
.wa-bl__more:focus-visible { outline: 2px solid var(--wa-bl-blue); outline-offset: 2px; }
.wa-bl__pages { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.wa-bl .wa-bl__pg {
min-width: 40px;
height: 40px;
padding: 0 10px;
border-radius: 12px;
border: 1px solid #e3e9ef;
background: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
font-family: var(--wa-bl-head);
font-weight: 600;
font-size: 14px;
color: var(--wa-bl-ink);
text-decoration: none;
}
.wa-bl .wa-bl__pg.is-current { background: var(--wa-bl-ink); border-color: var(--wa-bl-ink); color: #fff; }
.wa-bl .wa-bl__pg--gap { border-color: transparent; background: none; min-width: 24px; padding: 0; color: var(--wa-bl-muted); }
.wa-bl__pg--arrow .wa-icon { color: var(--wa-bl-blue); }
.wa-bl__pg:focus-visible { outline: 2px solid var(--wa-bl-blue); outline-offset: 2px; }
@media (hover: hover) {
.wa-bl .wa-bl__more:hover { background: #f5f8fb; border-color: #9fbdd3; color: var(--wa-bl-ink); }
.wa-bl a.wa-bl__pg:hover { background: #f5f8fb; border-color: #b9cfdf; color: var(--wa-bl-ink); }
}
.wa-bl .wa-bl__empty { margin: 32px 0 0; padding: 0; font-size: 16px; color: var(--wa-bl-muted); } @media (max-width: 1439px) {
.wa-bl-hero__wrap,
.wa-bl__wrap { width: calc(100% - 40px); }
}
@media (max-width: 1199px) {
.wa-bl-hero__card { grid-template-columns: minmax(0, 1fr) 400px; gap: 32px; padding: 40px 40px 44px; }
.wa-bl-hero .wa-bl-hero__title { font-size: 40px; }
.wa-bl-hero__fresh { translate: -30% 0; }
.wa-bl .wa-bl__grid { gap: 20px; }
.wa-bl .wa-bl__must { padding: 32px; }
.wa-bl__mr-img { width: 80px; height: 80px; }
.wa-bl .wa-bl__search { flex-basis: 100%; }
}
@media (max-width: 1023px) {
.wa-bl-hero__wrap,
.wa-bl__wrap { width: calc(100% - 32px); }
.wa-bl-hero__card { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 32px 28px 30px; border-radius: 24px; }
.wa-bl-hero__visual { padding: 36px 8px; }
.wa-bl .wa-bl__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wa-bl .wa-bl__must { padding: 28px; border-radius: 24px; }
.wa-bl .wa-bl__must-list { grid-template-columns: minmax(0, 1fr); gap: 12px; }
.wa-bl { padding: 40px 0 64px; }
}
@media (max-width: 767px) {
.wa-bl-hero .wa-bl-hero__title { font-size: 30px; }
.wa-bl-hero .wa-bl-hero__lead { font-size: 16px; }
.wa-bl-hero__actions { flex-direction: column; }
.wa-bl-hero .wa-bl-hero__btn { width: 100%; }
.wa-bl-hero__card { padding: 26px 20px 24px; }
.wa-bl-hero__visual { padding: 28px 4px; }
.wa-bl-hero__atom { width: 120%; }
.wa-bl-hero__float { transform: rotateY(-5deg) rotateX(2deg); }
.wa-bl-hero__body { padding: 16px 18px 18px; }
.wa-bl-hero__ptitle { font-size: 17px; }
.wa-bl-hero__fresh { top: 14px; translate: -14px 0; height: 40px; padding: 0 16px 0 12px; font-size: 15px; } .wa-bl__wrap { width: 100%; }
.wa-bl__bar { gap: 14px; }
.wa-bl .wa-bl__cats { width: 100%; }
.wa-bl .wa-bl__cats ul {
flex-wrap: nowrap;
overflow-x: auto;
padding: 2px 16px 6px;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.wa-bl .wa-bl__cats ul::-webkit-scrollbar { display: none; }
.wa-bl .wa-bl__search { margin: 0 16px; flex-basis: auto; width: calc(100% - 32px); }
.wa-bl .wa-bl__found,
.wa-bl .wa-bl__empty { margin-left: 16px; margin-right: 16px; }
.wa-bl__also { margin: 32px 16px 0; padding: 22px 18px; }
.wa-bl .wa-bl__also-list { grid-template-columns: minmax(0, 1fr); }
.wa-bl__also-list b { white-space: normal; }
.wa-bl .wa-bl__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; margin: 20px 16px 0; }
.wa-bl .wa-bl__must { margin: 8px 0; padding: 24px 16px; border-radius: 20px; }
.wa-bl .wa-bl__mr-link { gap: 14px; padding: 14px 14px 14px 12px; }
.wa-bl__mr-img { width: 72px; height: 72px; }
.wa-bl .wa-bl__mr-title { font-size: 15px; }
.wa-bl__mr-num { font-size: 20px; right: 12px; top: 10px; }
.wa-bl .wa-bl__must-title { font-size: 24px; }
.wa-bl .wa-bl__card { border-radius: 20px; }
.wa-bl .wa-bl__title { font-size: 17px; }
.wa-bl__body { padding: 16px 18px 18px; }
.wa-bl__foot { margin: 32px 16px 0; }
.wa-bl .wa-bl__more { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
.wa-bl-hero__orbits,
.wa-bl-hero__electrons,
.wa-bl-hero__glow,
.wa-bl-hero__float,
.wa-bl-hero__post::after,
.wa-bl-hero__fresh { animation: none; }
.wa-bl-hero__e { display: none; }
.wa-bl-hero__btn .wa-icon,
.wa-bl-hero__go .wa-icon,
.wa-bl__go .wa-icon,
.wa-bl .wa-bl__card,
.wa-bl .wa-bl__img img,
.wa-bl .wa-bl__mr-link,
.wa-bl .wa-bl__mr-img img { transition: none; }
.wa-bl__item.is-new { animation: none; }
}.wa-post-progress { position: fixed; left: 0; right: 0; top: 0; z-index: 10000; height: 3px; pointer-events: none; }
.wa-post-progress span { display: block; height: 100%; background: linear-gradient(90deg, #7dc91b, #8cc7ec); transform: scaleX(0); transform-origin: 0 50%; } .wa-post-hero {
--wa-ph-green: #7dc91b;
--wa-ph-sky: #8cc7ec;
--wa-ph-head: Montserrat, Arial, sans-serif;
margin: var(--wa-page-gap, 24px) 0 0;
font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
.wa-post-hero *,
.wa-post-hero *::before,
.wa-post-hero *::after { box-sizing: border-box; }
.wa-post-hero__wrap { width: 1400px; max-width: 100%; margin: 0 auto; }
.wa-post-hero__card {
display: grid;
grid-template-columns: minmax(0, 1fr) 540px;
gap: 48px;
align-items: center;
padding: 44px 56px 48px;
border-radius: 28px;
overflow: hidden;
background: radial-gradient(circle at 80% 30%, #1f3a5c 0, #14233a 58%);
color: #fff;
}
.wa-post-hero__bc ol {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
font-size: 13px;
color: rgba(255, 255, 255, .55);
}
.wa-post-hero__bc li { margin: 0; padding: 0; list-style: none; background: none; display: flex; align-items: center; gap: 8px; }
.wa-post-hero__bc li::before { content: none; }
.wa-post-hero__bc li + li::before { content: "/"; color: rgba(255, 255, 255, .35); }
.wa-post-hero__bc a { color: var(--wa-ph-sky); text-decoration: none; }
.wa-post-hero__bc a:hover { text-decoration: underline; text-underline-offset: 3px; }
.wa-post-hero .wa-post-hero__title {
margin: 18px 0 0;
padding: 0;
font-family: var(--wa-ph-head);
font-weight: 800;
font-size: 42px;
line-height: 1.15;
letter-spacing: -.02em;
text-transform: none;
text-align: left;
color: #fff;
background: none;
}
.wa-post-hero__cat {
margin-top: 22px;
height: 32px;
padding: 0 14px;
border-radius: 999px;
background: rgba(125, 201, 27, .14);
color: #a6e05a;
font-size: 13px;
font-weight: 600;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
}
@media (hover: hover) { .wa-post-hero .wa-post-hero__cat:hover { background: rgba(125, 201, 27, .24); color: #c3ef87; } }
.wa-post-hero .wa-post-hero__meta {
margin: 24px 0 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 10px 22px;
font-size: 14px;
color: rgba(255, 255, 255, .72);
}
.wa-post-hero__meta li { margin: 0; padding: 0; list-style: none; background: none; display: inline-flex; align-items: center; gap: 7px; }
.wa-post-hero__meta li::before { content: none; }
.wa-post-hero__meta .wa-icon { color: var(--wa-ph-sky); flex: none; }
.wa-post-hero__meta b { font-weight: 700; color: #fff; }
.wa-post-hero__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.wa-post-hero__visual { position: relative; min-width: 0; padding: 20px 8px; perspective: 1400px; }
.wa-post-hero__glow {
position: absolute;
left: 50%;
top: 50%;
width: 80%;
aspect-ratio: 1;
transform: translate(-50%, -50%);
border-radius: 50%;
background: radial-gradient(circle, rgba(125, 201, 27, .22) 0, rgba(140, 199, 236, .08) 45%, transparent 70%);
filter: blur(10px);
pointer-events: none;
}
.wa-post-hero__cover {
position: relative;
display: block;
aspect-ratio: 16 / 9;
border-radius: 20px;
overflow: hidden;
background: #1f3a5c;
box-shadow: 0 30px 60px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .12);
transform: rotateY(-6deg) rotateX(3deg);
animation: waPostFloat 8s ease-in-out infinite;
transition: transform .6s cubic-bezier(.2, .7, .3, 1);
}
@keyframes waPostFloat { 0%, 100% { translate: 0 0; } 50% { translate: 0 -10px; } }
@media (hover: hover) { .wa-post-hero__visual:hover .wa-post-hero__cover { transform: none; } }
.wa-post-hero__cover picture { display: block; width: 100%; height: 100%; }
.wa-post-hero__cover img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; } .wa-post {
--wa-p-ink: #14233a;
--wa-p-text: #2a3342;
--wa-p-muted: #5b6472;
--wa-p-blue: #1a72a8;
--wa-p-green: #7dc91b;
--wa-p-head: Montserrat, Arial, sans-serif;
padding: 48px 0 64px;
background: #fff;
font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
color: var(--wa-p-text);
}
.wa-post *,
.wa-post *::before,
.wa-post *::after { box-sizing: border-box; }
.wa-post__wrap {
width: 1400px;
max-width: 100%;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
grid-template-areas: "main side";
gap: 64px;
align-items: start;
}
.wa-post__main { grid-area: main; min-width: 0; }
.wa-post__side {
grid-area: side;
position: sticky;
top: calc(var(--wa-hdr-h-sticky, 64px) + var(--wa-adminbar, 0px) + 20px);
max-height: calc(100vh - var(--wa-hdr-h-sticky, 64px) - var(--wa-adminbar, 0px) - 40px);
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-width: thin;
display: flex;
flex-direction: column;
gap: 16px;
min-width: 0;
}
.wa-post__side > * { flex: none; } .wa-post__toc { border: 1px solid #e3e9ef; border-radius: 20px; background: #f8fafc; }
.wa-post__toc summary {
list-style: none;
display: flex;
align-items: center;
gap: 10px;
padding: 16px 18px 12px;
font-family: var(--wa-p-head);
font-weight: 700;
font-size: 15px;
color: var(--wa-p-ink);
cursor: default;
}
.wa-post__toc summary::-webkit-details-marker { display: none; }
.wa-post__toc summary > .wa-icon:first-child { color: var(--wa-p-blue); }
.wa-post__toc summary em { margin-left: auto; font-style: normal; font-size: 12px; font-weight: 700; color: #1a5f8c; background: #eaf4fa; border-radius: 999px; padding: 3px 9px; }
.wa-post__toc summary > .wa-icon:last-child { display: none; } .wa-post__toc nav { max-height: calc(100vh - var(--wa-hdr-h-sticky, 64px) - var(--wa-adminbar, 0px) - 420px); min-height: 180px; overflow-y: auto; overscroll-behavior: contain; padding: 0 10px 12px; scrollbar-width: thin; }
.wa-post .wa-post__toc ol { margin: 0; padding: 0; list-style: none; counter-reset: none; }
.wa-post .wa-post__toc li { margin: 0; padding: 0; list-style: none; background: none; }
.wa-post .wa-post__toc li::before { content: none; }
.wa-post .wa-post__toc a {
display: flex;
gap: 10px;
padding: 7px 8px;
border-radius: 10px;
font-size: 14px;
line-height: 1.4;
color: var(--wa-p-muted);
text-decoration: none;
transition: background-color .2s, color .2s;
}
.wa-post__toc a span { flex: none; font-family: var(--wa-p-head); font-weight: 700; font-size: 12px; line-height: 1.65; color: #9aa6b4; }
.wa-post .wa-post__toc a.is-active { background: #fff; color: var(--wa-p-ink); font-weight: 600; box-shadow: inset 3px 0 0 var(--wa-p-green); }
.wa-post__toc a.is-active span { color: #4f8a0c; }
@media (hover: hover) { .wa-post .wa-post__toc a:hover { color: var(--wa-p-blue); background: #fff; } } .wa-post__share { padding: 14px 18px; border: 1px solid #e3e9ef; border-radius: 20px; }
.wa-post .wa-post__share p { margin: 0 0 10px; padding: 0; font-family: var(--wa-p-head); font-weight: 700; font-size: 14px; color: var(--wa-p-ink); }
.wa-post .wa-post__share ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
.wa-post .wa-post__share li { margin: 0; padding: 0; list-style: none; background: none; }
.wa-post .wa-post__share li::before { content: none; }
.wa-post .wa-post__sh {
width: 40px;
height: 40px;
padding: 0;
border: 1px solid #e3e9ef;
border-radius: 12px;
background: #fff;
color: var(--wa-p-ink);
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background-color .2s, color .2s, border-color .2s;
}
.wa-post .wa-post__sh.is-done { background: var(--wa-p-green); border-color: var(--wa-p-green); color: #0e2a06; }
@media (hover: hover) {
.wa-post .wa-post__sh--telegram:hover { background: #229ed9; border-color: #229ed9; color: #fff; }
.wa-post .wa-post__sh--viber:hover { background: #7360f2; border-color: #7360f2; color: #fff; }
.wa-post .wa-post__sh--whatsapp:hover { background: #25d366; border-color: #25d366; color: #fff; }
.wa-post .wa-post__sh--facebook:hover { background: #1877f2; border-color: #1877f2; color: #fff; }
.wa-post .wa-post__sh--xlogo:hover,
.wa-post .wa-post__sh--copy:hover { background: var(--wa-p-ink); border-color: var(--wa-p-ink); color: #fff; }
}
.wa-post__sh:focus-visible { outline: 2px solid var(--wa-p-blue); outline-offset: 2px; } .wa-post__side-cta { padding: 20px; border-radius: 20px; background: radial-gradient(circle at 90% 0, #1f3a5c 0, #14233a 65%); color: #fff; }
.wa-post .wa-post__side-cta p { margin: 0; padding: 0; font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, .72); }
.wa-post .wa-post__side-cta .wa-post__side-cta-t { margin-bottom: 6px; font-family: var(--wa-p-head); font-weight: 700; font-size: 17px; line-height: 1.3; color: #fff; }
.wa-post .wa-post__side-cta button,
.wa-post .wa-post__sec-btn button,
.wa-post .wa-post__cta button {
margin-top: 14px;
height: 46px;
padding: 0 18px;
border: 0;
border-radius: 12px;
background: var(--wa-p-green);
color: #0e2a06;
font-family: var(--wa-p-head);
font-weight: 700;
font-size: 14px;
display: inline-flex;
align-items: center;
gap: 8px;
cursor: pointer;
transition: background-color .2s;
}
@media (hover: hover) {
.wa-post .wa-post__side-cta button:hover,
.wa-post .wa-post__sec-btn button:hover,
.wa-post .wa-post__cta button:hover { background: #8bd626; }
} .wa-post .wa-post__lead {
padding: 4px 0 4px 22px;
border-left: 4px solid var(--wa-p-green);
font-size: 19px;
line-height: 1.7;
color: var(--wa-p-ink);
}
.wa-post .wa-post__lead p { margin: 0 0 14px; padding: 0; font-size: inherit; line-height: inherit; color: inherit; }
.wa-post .wa-post__lead p:last-child { margin-bottom: 0; }
.wa-post__cta {
margin: 32px 0 8px;
padding: 22px 24px;
border-radius: 20px;
background: #f2f8ea;
border: 1px solid #dcebc6;
display: flex;
align-items: center;
gap: 20px;
}
.wa-post .wa-post__cta p { margin: 0; padding: 0; font-size: 14px; line-height: 1.5; color: var(--wa-p-muted); }
.wa-post .wa-post__cta .wa-post__cta-t { margin-bottom: 4px; font-family: var(--wa-p-head); font-weight: 700; font-size: 17px; line-height: 1.35; color: var(--wa-p-ink); }
.wa-post .wa-post__cta button { margin: 0 0 0 auto; flex: none; } .wa-post__content { font-size: 18px; line-height: 1.75; color: var(--wa-p-text); }
.wa-post .wa-post__content h2 {
margin: 48px 0 16px;
padding: 0;
font-family: var(--wa-p-head);
font-weight: 800;
font-size: 28px;
line-height: 1.25;
letter-spacing: -.01em;
color: var(--wa-p-ink);
text-align: left;
text-transform: none;
background: none;
}
.wa-post .wa-post__content h3 {
margin: 30px 0 10px;
padding: 0;
font-family: var(--wa-p-head);
font-weight: 700;
font-size: 20px;
line-height: 1.35;
color: var(--wa-p-ink);
text-align: left;
text-transform: none;
background: none;
}
.wa-post .wa-post__content h2::before,
.wa-post .wa-post__content h2::after,
.wa-post .wa-post__content h3::before,
.wa-post .wa-post__content h3::after { content: none; }
.wa-post .wa-post__content p { margin: 0 0 16px; padding: 0; font-size: inherit; line-height: inherit; color: inherit; }
.wa-post .wa-post__content a { color: var(--wa-p-blue); text-decoration: underline; text-decoration-color: rgba(26, 114, 168, .35); text-underline-offset: 3px; }
.wa-post .wa-post__content a:hover { text-decoration-color: currentColor; }
.wa-post .wa-post__content strong { color: var(--wa-p-ink); }
.wa-post .wa-post__content ul,
.wa-post .wa-post__content ol { margin: 0 0 20px; padding: 0; list-style: none; }
.wa-post .wa-post__content li {
position: relative;
margin: 0 0 10px;
padding: 0 0 0 28px;
list-style: none;
background: none;
font-size: inherit;
line-height: 1.65;
color: inherit;
}
.wa-post .wa-post__content ul > li::before {
content: "";
position: absolute;
left: 8px;
top: .68em;
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--wa-p-green);
}
.wa-post .wa-post__content ol { counter-reset: wa-ol; }
.wa-post .wa-post__content ol > li { counter-increment: wa-ol; padding-left: 36px; }
.wa-post .wa-post__content ol > li::before {
content: counter(wa-ol);
position: absolute;
left: 0;
top: .1em;
width: 26px;
height: 26px;
border-radius: 8px;
background: #eaf4fa;
color: #1a5f8c;
font-family: var(--wa-p-head);
font-weight: 700;
font-size: 13px;
line-height: 26px;
text-align: center;
}
.wa-post__table { margin: 0 0 24px; overflow-x: auto; border: 1px solid #e3e9ef; border-radius: 16px; -webkit-overflow-scrolling: touch; }
.wa-post .wa-post__table table { width: 100%; min-width: 520px; margin: 0; border-collapse: collapse; font-size: 15px; line-height: 1.5; }
.wa-post .wa-post__table th,
.wa-post .wa-post__table td { padding: 12px 14px; border: 0; border-bottom: 1px solid #e3e9ef; text-align: left; vertical-align: top; }
.wa-post .wa-post__table th { background: #f5f8fb; font-weight: 700; color: var(--wa-p-ink); }
.wa-post .wa-post__table tr:last-child td { border-bottom: 0; } .wa-post__sec--errors,
.wa-post__sec--check,
.wa-post__sec--faq { margin-top: 40px; padding: 4px 28px 12px; border-radius: 24px; }
.wa-post__sec--errors { background: #fff6f5; border: 1px solid #f6dcd8; }
.wa-post__sec--check { background: #f3f9ea; border: 1px solid #dcebc6; }
.wa-post__sec--faq { background: #f5f8fb; border: 1px solid #e3e9ef; }
.wa-post .wa-post__sec--errors h2,
.wa-post .wa-post__sec--check h2,
.wa-post .wa-post__sec--faq h2 { margin-top: 28px; font-size: 24px; }
.wa-post .wa-post__sec--errors ul > li,
.wa-post .wa-post__sec--check ul > li { padding-left: 36px; }
.wa-post .wa-post__sec--errors ul > li::before,
.wa-post .wa-post__sec--check ul > li::before {
left: 0;
top: .2em;
width: 22px;
height: 22px;
border-radius: 7px;
background-repeat: no-repeat;
background-position: center;
background-size: 14px;
}
.wa-post .wa-post__sec--errors ul > li::before {
background-color: #fde3df;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d64532' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E");
}
.wa-post .wa-post__sec--check ul > li::before {
background-color: var(--wa-p-green);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e2a06' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7'/%3E%3C/svg%3E");
} .wa-post__faq { display: flex; flex-direction: column; gap: 10px; margin: 8px 0 16px; }
.wa-post__faq-item { border-radius: 16px; background: #fff; border: 1px solid #e3e9ef; transition: border-color .2s, box-shadow .2s; }
.wa-post__faq-item.is-open { border-color: #b9cfdf; box-shadow: 0 10px 24px rgba(15, 23, 42, .06); }
.wa-post .wa-post__content .wa-post__faq-q { margin: 0; font-size: 16px; }
.wa-post .wa-post__faq-q button {
width: 100%;
padding: 16px 18px;
border: 0;
background: none;
display: flex;
align-items: center;
gap: 14px;
text-align: left;
font: inherit;
font-family: var(--wa-p-head);
font-weight: 700;
font-size: 16px;
line-height: 1.4;
color: var(--wa-p-ink);
cursor: pointer;
}
.wa-post__faq-q button span { flex: 1; }
.wa-post__faq-q .wa-icon { flex: none; color: var(--wa-p-blue); transition: transform .25s; }
.wa-post__faq-item.is-open .wa-post__faq-q .wa-icon { transform: rotate(180deg); }
.wa-post__faq-q button:focus-visible { outline: 2px solid var(--wa-p-blue); outline-offset: -2px; border-radius: 16px; }
.wa-post .wa-post__faq-a { padding: 0 18px 4px; font-size: 16px; } .wa-post__also { margin: 40px 0 8px; padding: 18px 20px; border-radius: 20px; background: #f8fafc; border: 1px solid #e3e9ef; }
.wa-post .wa-post__also-t { margin: 0 0 12px; display: flex; align-items: center; gap: 8px; font-family: var(--wa-p-head); font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: .04em; color: #1a5f8c; }
.wa-post .wa-post__also ul { margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.wa-post .wa-post__also li { margin: 0; padding: 0; }
.wa-post .wa-post__also li::before { content: none; }
.wa-post .wa-post__also a { display: flex; align-items: center; gap: 12px; color: var(--wa-p-ink); text-decoration: none; }
.wa-post__also-img { flex: none; width: 56px; height: 56px; border-radius: 14px; overflow: hidden; background: #e7edf2; }
.wa-post__also-img picture { display: block; width: 100%; height: 100%; }
.wa-post .wa-post__also-img img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.wa-post__also-title { font-family: var(--wa-p-head); font-weight: 600; font-size: 14px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
@media (hover: hover) { .wa-post .wa-post__also a:hover { color: var(--wa-p-blue); } } .wa-post__author {
margin-top: 48px;
padding: 24px;
border-radius: 24px;
background: #f5f8fb;
border: 1px solid #e3e9ef;
display: flex;
gap: 18px;
align-items: flex-start;
}
.wa-post__author-logo { flex: none; width: 64px; height: 64px; border-radius: 50%; background: #14233a; display: flex; align-items: center; justify-content: center; }
.wa-post .wa-post__author p { margin: 0; padding: 0; }
.wa-post .wa-post__author-eb { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #4f8a0c; }
.wa-post .wa-post__author-name { margin-top: 2px; font-family: var(--wa-p-head); font-weight: 800; font-size: 19px; color: var(--wa-p-ink); }
.wa-post .wa-post__author-text { margin-top: 8px; font-size: 15px; line-height: 1.6; color: var(--wa-p-muted); }
.wa-post .wa-post__author-link { margin-top: 10px; display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-size: 14px; color: var(--wa-p-blue); text-decoration: none; } .wa-post-nav { padding: 0 0 24px; background: #fff; font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
.wa-post-nav *,
.wa-post-nav *::before,
.wa-post-nav *::after { box-sizing: border-box; }
.wa-post-nav__wrap {
width: 1400px;
max-width: 100%;
margin: 0 auto;
padding-top: 28px;
border-top: 1px solid #e3e9ef;
display: grid;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
gap: 16px;
align-items: center;
}
.wa-post-nav .wa-post-nav__link {
position: relative;
display: flex;
align-items: center;
gap: 14px;
min-width: 0;
padding: 14px 18px;
border-radius: 16px;
border: 1px solid #e3e9ef;
background: #fff;
color: #14233a;
text-decoration: none;
transition: background-color .2s, border-color .2s;
}
.wa-post-nav__link--next { justify-self: end; text-align: right; }
.wa-post-nav__link .wa-icon { flex: none; color: #1a72a8; transition: transform .25s; }
.wa-post-nav__link span { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.wa-post-nav__link small { font-size: 13px; color: #5b6472; }
.wa-post-nav__link small i { font-style: normal; }
.wa-post-nav__link b { font-family: Montserrat, Arial, sans-serif; font-weight: 700; font-size: 15px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.wa-post-nav .wa-post-nav__all {
height: 48px;
padding: 0 20px;
border-radius: 14px;
background: #14233a;
color: #fff;
display: inline-flex;
align-items: center;
gap: 8px;
font-family: Montserrat, Arial, sans-serif;
font-weight: 600;
font-size: 15px;
text-decoration: none;
white-space: nowrap;
}
.wa-post-nav__all .wa-icon { color: #8cc7ec; }
.wa-post-nav a:focus-visible { outline: 2px solid #1a72a8; outline-offset: 2px; }
@media (hover: hover) {
.wa-post-nav .wa-post-nav__link:hover { background: #f5f8fb; border-color: #b9cfdf; color: #14233a; }
.wa-post-nav__link--prev:hover .wa-icon { transform: translateX(-3px); }
.wa-post-nav__link--next:hover .wa-icon { transform: translateX(3px); }
.wa-post-nav .wa-post-nav__all:hover { background: #1f3a5c; color: #fff; }
} .wa-bl.wa-post-similar { padding: 56px 0 72px; background: #f5f8fb; }
.wa-post-similar__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; }
.wa-post-similar__eb { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #4f8a0c; }
.wa-post-similar .wa-post-similar__title { margin: 6px 0 0; padding: 0; font-family: Montserrat, Arial, sans-serif; font-weight: 800; font-size: 34px; line-height: 1.2; color: #14233a; text-align: left; text-transform: none; background: none; }
.wa-post-similar .wa-post-similar__title::before,
.wa-post-similar .wa-post-similar__title::after { content: none; }
.wa-post-similar .wa-bl__card { border-color: #e3e9ef; } @media (max-width: 1439px) {
.wa-post-hero__wrap,
.wa-post__wrap,
.wa-post-nav__wrap { width: calc(100% - 40px); }
}
@media (max-width: 1199px) {
.wa-post-hero__card { grid-template-columns: minmax(0, 1fr) 420px; gap: 32px; padding: 40px 40px 44px; }
.wa-post-hero .wa-post-hero__title { font-size: 34px; }
.wa-post__wrap { grid-template-columns: minmax(0, 1fr) 300px; gap: 40px; }
.wa-post__content { font-size: 17px; }
.wa-post .wa-post__also ul { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1023px) {
.wa-post-hero__wrap,
.wa-post__wrap,
.wa-post-nav__wrap { width: calc(100% - 32px); }
.wa-post-hero__card { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 32px 28px 30px; border-radius: 24px; }
.wa-post-hero__visual { padding: 4px 0 0; max-width: 620px; }
.wa-post-hero__cover { transform: none; animation: none; } .wa-post__wrap { grid-template-columns: minmax(0, 1fr); grid-template-areas: "side" "main"; gap: 20px; }
.wa-post__main { max-width: none; }
.wa-post__side { position: static; max-height: none; overflow: visible; }
.wa-post__side-cta { display: none; }
.wa-post__toc summary { cursor: pointer; padding: 14px 18px; }
.wa-post__toc summary > .wa-icon:last-child { display: block; color: var(--wa-p-blue); transition: transform .25s; }
.wa-post__toc[open] summary > .wa-icon:last-child { transform: rotate(180deg); }
.wa-post__toc nav { max-height: 60vh; }
.wa-post__share { display: flex; align-items: center; gap: 14px; padding: 10px 14px; }
.wa-post .wa-post__share p { margin: 0; }
.wa-post { padding: 32px 0 48px; }
.wa-bl.wa-post-similar { padding: 48px 0 56px; }
.wa-post-similar .wa-post-similar__title { font-size: 28px; }
.wa-post-similar .wa-bl__grid > .wa-bl__item:nth-child(3) { display: none; }
}
@media (max-width: 767px) {
.wa-post-hero .wa-post-hero__title { font-size: 22px; }
.wa-post-hero__card { padding: 26px 20px 24px; }
.wa-post-hero .wa-post-hero__meta { gap: 8px 16px; font-size: 13px; }
.wa-post-hero__cover { border-radius: 16px; }
.wa-post__content { font-size: 16px; }
.wa-post .wa-post__lead { font-size: 17px; padding-left: 16px; }
.wa-post .wa-post__content h2 { margin-top: 36px; font-size: 23px; }
.wa-post .wa-post__content h3 { font-size: 18px; }
.wa-post__cta { flex-direction: column; align-items: stretch; padding: 18px; }
.wa-post .wa-post__cta button { margin: 4px 0 0; justify-content: center; }
.wa-post__sec--errors,
.wa-post__sec--check,
.wa-post__sec--faq { margin-left: -6px; margin-right: -6px; padding: 2px 16px 8px; border-radius: 18px; }
.wa-post .wa-post__sec--errors h2,
.wa-post .wa-post__sec--check h2,
.wa-post .wa-post__sec--faq h2 { font-size: 21px; }
.wa-post__share { flex-wrap: wrap; }
.wa-post__author { flex-direction: column; padding: 20px; } .wa-post-nav__wrap { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.wa-post-nav .wa-post-nav__all { grid-column: 1 / -1; grid-row: 2; justify-content: center; }
.wa-post-nav .wa-post-nav__link { flex-direction: column; align-items: flex-start; justify-self: stretch; gap: 8px; padding: 14px 16px; }
.wa-post-nav .wa-post-nav__link--next { align-items: flex-end; }
.wa-post-nav__link--next .wa-icon { order: -1; }
.wa-post-nav__link small { font-family: Montserrat, Arial, sans-serif; font-weight: 700; font-size: 15px; color: #14233a; }
.wa-post-nav__link small i,
.wa-post-nav__link b { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.wa-post-nav__wrap > span:empty { display: none; }
.wa-post-similar__head { margin: 0 16px; flex-direction: column; align-items: stretch; gap: 16px; }
.wa-post-similar .wa-bl__grid > .wa-bl__item:nth-child(3) { display: flex; }
}
@media (prefers-reduced-motion: reduce) {
.wa-post-hero__cover { animation: none; transition: none; }
.wa-post__faq-q .wa-icon,
.wa-post-nav__link .wa-icon { transition: none; }
} .wa-post__sec--cta { margin-top: 40px; padding: 4px 28px 24px; border-radius: 24px; background: radial-gradient(circle at 90% 0, #1f3a5c 0, #14233a 65%); color: #fff; }
.wa-post .wa-post__sec--cta h2 { margin-top: 26px; font-size: 24px; color: #fff; }
.wa-post .wa-post__sec--cta p,
.wa-post .wa-post__sec--cta li { color: rgba(255, 255, 255, .8); }
.wa-post .wa-post__sec--cta a { color: #a6e35a; }
.wa-post .wa-post__sec-btn { margin: 18px 0 0; }
@media (max-width: 767px) { .wa-post__sec--cta { padding: 2px 18px 20px; border-radius: 20px; } .wa-post .wa-post__sec-btn button { width: 100%; justify-content: center; } }.wa-footer {
--wa-ft-ink: #14233a;
--wa-ft-blue: #1a72a8;
--wa-ft-line: #e3e9ef;
--wa-ft-head: Montserrat, Arial, sans-serif;
position: relative;
margin: 0;
padding: 0;
background: #f5f8fb;
border-top: 1px solid var(--wa-ft-line);
font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
color: #1d2433;
clear: both;
}
.wa-footer *,
.wa-footer *::before,
.wa-footer *::after { box-sizing: border-box; }
.wa-footer p { margin: 0; }
.wa-footer a { text-decoration: none; }
.wa-footer__wrap {
width: 1400px;
max-width: calc(100% - 40px);
margin: 0 auto;
padding-top: 40px;
} .wa-footer__band {
position: relative;
overflow: hidden;
display: grid;
grid-template-columns: minmax(0, 1fr) 280px 280px 300px;
gap: 14px;
align-items: center;
padding: 26px 28px;
border-radius: 24px;
background: var(--wa-ft-ink);
isolation: isolate;
}
.wa-footer__band-deco {
position: absolute;
left: 160px;
top: 50%;
width: 360px;
height: 360px;
margin-top: -180px;
z-index: -1;
pointer-events: none;
}
.wa-footer__band-deco i {
position: absolute;
inset: 0;
border: 1.5px solid rgba(255, 255, 255, .07);
border-radius: 50%;
transform: scaleY(.36);
}
.wa-footer__band-deco i + i { transform: rotate(60deg) scaleY(.36); }
.wa-footer .wa-footer__band-title {
font: 700 22px/1.25 var(--wa-ft-head);
color: #fff;
}
.wa-footer .wa-footer__band-sub {
margin-top: 4px;
font-size: 14px;
line-height: 1.45;
color: rgba(255, 255, 255, .65);
}
.wa-footer__tile {
display: flex;
align-items: center;
gap: 14px;
min-width: 0;
padding: 18px 20px;
border: 1px solid rgba(255, 255, 255, .12);
border-radius: 16px;
background: rgba(255, 255, 255, .06);
color: #fff;
transition: background-color .2s ease;
}
a.wa-footer__tile:hover,
.wa-footer__tile--msg:hover { background: rgba(255, 255, 255, .12); color: #fff; }
.wa-footer__tile-ico {
display: flex;
align-items: center;
justify-content: center;
flex: none;
width: 44px;
height: 44px;
border-radius: 12px;
background: rgba(255, 255, 255, .1);
color: #8cc7ec;
}
.wa-footer__tile-ico--tg { background: #29a9eb; color: #fff; }
.wa-footer__tile-txt { min-width: 0; }
.wa-footer__tile small {
display: block;
font-size: 12px;
line-height: 1.4;
color: rgba(255, 255, 255, .6);
}
.wa-footer__tile b {
display: block;
font: 700 16px/1.35 var(--wa-ft-head);
color: #fff;
white-space: nowrap;
}
.wa-footer__tile b a { color: #fff; }
.wa-footer__tile b a:hover { color: #8cc7ec; }
.wa-footer .wa-footer__cta {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
height: 80px;
margin: 0;
padding: 0 20px;
border: 0;
border-radius: 16px;
background: #7dc91b;
color: #0e2a06;
font: 700 16px/1.2 var(--wa-ft-head);
cursor: pointer;
transition: background-color .2s ease;
}
.wa-footer .wa-footer__cta:hover { background: #8bd626; color: #0e2a06; }
.wa-footer__cta svg { flex: none; transition: transform .2s ease; }
@media (hover: hover) {
.wa-footer .wa-footer__cta:hover svg { transform: translateX(3px); }
} .wa-footer__main {
display: grid;
grid-template-columns: 420px repeat(3, minmax(0, 1fr));
gap: 56px;
margin-top: 48px;
}
.wa-footer__logo {
display: inline-flex;
align-items: center;
gap: 4px;
}
.wa-footer .wa-footer__logo-spin { display: block; flex: none; width: 44px; height: 44px; margin: 0; }
.wa-footer__logo-img {
display: block;
height: 40px;
width: auto;
max-width: none;
mix-blend-mode: multiply; }
.wa-footer__logo picture { display: block; }
.wa-footer .wa-footer__about {
margin-top: 16px;
font-size: 15px;
line-height: 1.65;
color: #4b5563;
}
.wa-footer__pills {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}
.wa-footer__pill {
display: inline-flex;
align-items: center;
gap: 7px;
height: 38px;
padding: 0 14px;
border: 1px solid #d9e3ec;
border-radius: 999px;
background: #fff;
font-size: 13px;
font-weight: 600;
color: var(--wa-ft-ink);
transition: border-color .2s ease;
}
.wa-footer__pill:hover { border-color: var(--wa-ft-blue); color: var(--wa-ft-ink); }
.wa-footer__pill svg { color: var(--wa-ft-blue); flex: none; }
.wa-footer__col { min-width: 0; }
.wa-footer .wa-footer__col-title {
font: 700 13px/1.3 var(--wa-ft-head);
letter-spacing: .06em;
text-transform: uppercase;
color: #5b6472;
}
.wa-footer .wa-footer__list {
display: grid;
gap: 11px;
margin: 16px 0 0;
padding: 0;
list-style: none;
}
.wa-footer .wa-footer__list li {
margin: 0;
padding: 0;
list-style: none;
background: none;
}
.wa-footer__list li::before { content: none; }
.wa-footer__list a {
font-size: 15px;
line-height: 1.45;
color: #36404f;
transition: color .2s ease;
}
.wa-footer__list a:hover,
.wa-footer__list .current-menu-item > a { color: var(--wa-ft-blue); } .wa-footer__bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
margin-top: 44px;
padding: 20px 0 24px;
border-top: 1px solid var(--wa-ft-line);
font-size: 13px;
line-height: 1.5;
color: #5b6472;
}
.wa-footer__legal {
display: flex;
flex-wrap: wrap;
gap: 8px 24px;
}
.wa-footer__legal a { color: #5b6472; transition: color .2s ease; }
.wa-footer__legal a:hover { color: var(--wa-ft-blue); } .wa-footer a:focus-visible,
.wa-footer button:focus-visible {
outline: 2px solid var(--wa-ft-blue);
outline-offset: 2px;
}
.wa-footer__band a:focus-visible,
.wa-footer__band button:focus-visible { outline-color: #8cc7ec; } @media (max-width: 1023px) {
.wa-footer__wrap { max-width: calc(100% - 32px); }
.wa-footer__band { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wa-footer__band-text { grid-column: 1 / -1; margin-bottom: 4px; }
.wa-footer .wa-footer__cta { height: 64px; }
.wa-footer__tile { padding: 14px 16px; gap: 12px; }
.wa-footer__main { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px 32px; }
.wa-footer__brand { grid-column: 1 / -1; }
.wa-footer__bottom { flex-direction: column; justify-content: center; text-align: center; gap: 10px; }
.wa-footer__legal { justify-content: center; }
} @media (max-width: 767px) {
.wa-footer__wrap { padding-top: 24px; }
.wa-footer__band { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 20px; border-radius: 20px; }
.wa-footer__band-deco { left: 40%; }
.wa-footer .wa-footer__band-title { font-size: 19px; }
.wa-footer .wa-footer__cta { height: 56px; }
.wa-footer__main { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; margin-top: 36px; }
.wa-footer__bottom { padding-bottom: 90px; } .wa-footer__legal { gap: 6px 16px; }
}
@media (prefers-reduced-motion: reduce) {
.wa-footer *, .wa-footer *::before { transition: none !important; }
.wa-footer__cta:hover svg { transform: none; }
}