.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;
}
.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: .2em .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;
}
}.slick-loading .slick-list{background:#fff url(//webatom.com.ua/wp-content/plugins/wp-slick-slider-and-image-carousel/assets/images/ajax-loader.gif) center center no-repeat}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.wpcolumns, .wpcolumns {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.wpsisac-slick-slider *, .wpsisac-slick-carousal * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;} .wpsisac-clearfix:before, .wpsisac-clearfix:after{content: "";display: table;}
.wpsisac-clearfix::after{clear: both;}
.wpsisac-clearfix{clear: both;} .wpsisac-slick-slider .slick-arrow, .wpsisac-slick-carousal .slick-arrow{position:absolute; z-index:9; padding:0; margin:0px; display: inline-block; background-color: rgba(0, 0, 0, 0.7); text-align:center; width:30px; height:50px; cursor: pointer;}
.wpsisac-slick-slider .slick-arrow svg, .wpsisac-slick-carousal .slick-arrow svg{fill: #fff; height: 100%; width: 100%;}
.wpsisac-slick-slider .slick-dots, .wpsisac-slick-carousal .slick-dots{padding:0 !important; margin:0 !important; text-align:center;}
.wpsisac-slick-slider .slick-dots li button, .wpsisac-slick-carousal .slick-dots li button{text-indent:-99999px;}
.wpsisac-slick-slider .slick-dots li, .wpsisac-slick-carousal .slick-dots li {list-style:none !important; line-height:0px !important; display:inline-block !important; margin:0 5px !important; padding:0px !important; }
.wpsisac-slick-slider .slick-dots li button, .wpsisac-slick-carousal .slick-dots li button{ background:#fff !important; margin:0px !important; padding:0px !important; border:1px solid #000; border-radius:50% !important; width:13px !important; height:13px !important; }
.wpsisac-slick-slider .slick-dots li button:focus, .wpsisac-slick-carousal .slick-dots li button:focus{outline:none !important}
.wpsisac-slick-slider .slick-dots li.slick-active button, .wpsisac-slick-carousal .slick-dots li.slick-active button{background:#444 !important;}
.wpsisac-slick-slider .slick-slide, .wpsisac-slick-carousal .slick-slide{padding:0px !important}
.wpsisac-slick-slider .slick-disabled, .wpsisac-slick-carousal .slick-disabled{opacity:0.5;}
.wpcolumn, .wpcolumns {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.wpsisac-slick-slider, .wpsisac-slick-carousal{visibility: hidden; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  -webkit-transition: opacity 0.5s linear;  transition:opacity 0.5s linear;  }
.wpsisac-slick-slider.slick-initialized, .wpsisac-slick-carousal.slick-initialized { visibility: visible !important; opacity:1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.wpsisac-image-slide-wrap{position: relative;overflow: hidden; text-align:center;}
.wpsisac-image-fit .wpsisac-image-slide-wrap img,
.wpsisac-image-fit .wpsisac-slide-wrap img{display:inline-block !important; height: 100%;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: top center;object-position: top center; max-width:100%; max-height:100%;}
.wpsisac-image-fit img.wpsisac-slider-img{-o-object-fit: cover;object-fit: cover;-o-object-position: top center;object-position: top center;height: 100%;width: 100%;}
.wpsisac-slick-slider h2.wpsisac-slide-title{margin:5px 0 !important; font-size:25px; line-height:30px; }
.wpsisac-image-slide{position:relative;}
.wpsisac-hide{display:none;}
.wpsisac-slide-title{padding:0px !important; margin:0 0 8px 0 !important}
.wpsisac-slick-slider .wpsisac-readmore{clear:both;}
.wpsisac-slick-slider .wpsisac-readmore a{display:inline-block;}
.wpsisac-slick-slider .wpsisac-image-slide{text-align:center;}
.wpsisac-slick-carousal .wpsisac-image-slide{margin:0 2px;} .fusion-flex-container.wpsisac-fusion-flex{ flex-direction: column; }
.wpsisac-elementor-tab-wrap{ min-width: 0; min-height: 0; } .wpsisac-slick-slider.design-1 .wpsisac-image-slide img{display:inline-block !important; }
.wpsisac-slick-slider.design-1 .slick-arrow { top:45% !important;}
.wpsisac-slick-slider.design-1 .slick-next{right:0px !important;}
.wpsisac-slick-slider.design-1 .slick-prev{left:0px !important;}
.wpsisac-slick-slider.design-1 .slick-dots{left:15px !important; right:15px; text-align:center;  bottom:8px !important;} .wpsisac-slick-slider.design-2 .wpsisac-image-slide img{display:inline-block !important;}
.wpsisac-slick-slider.design-2 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-overlay{background:rgba(0,0,0,0.4); position:absolute; left:0; right:0; bottom:0; top:0;}
.wpsisac-slick-slider.design-2 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-content{
z-index: 1000;color: #fff;position: absolute; left: 0;text-align: center;width: 80%;	top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);right: 0;margin:0 auto;float: left;}
.wpsisac-slick-slider.design-2 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slide-title{color:#fff; text-shadow: 0 1px 2px #000;}
.wpsisac-slick-slider.design-2 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-short-content{ text-align:center; margin-bottom:15px;}
.wpsisac-slick-slider.design-2 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-short-content p{ text-align:center;  color:#fff; text-shadow: 0 1px 2px #000; font-size:16px;}
.wpsisac-slick-slider.design-2 .slick-arrow { top:45% !important;}
.wpsisac-slick-slider.design-2 .slick-next{right:0px !important;}
.wpsisac-slick-slider.design-2 .slick-prev{left:0px !important;}
.wpsisac-slick-slider.design-2 .slick-dots{left:15px !important; right:15px; text-align:center;  bottom:8px !important;} .wpsisac-slick-slider.design-3 .wpsisac-image-slide img{display:inline-block !important; }
.wpsisac-slick-slider.design-3 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-content{left:0px; right:0px; text-align:left; position:absolute; top:0;   padding:40px;}
.wpsisac-slick-slider.design-3 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slide-title{color:#fff; text-shadow: 0 1px 2px #000; text-align:left;}
.wpsisac-slick-slider.design-3 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-short-content{ text-align:left;  margin-bottom:15px;}
.wpsisac-slick-slider.design-3 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-short-content p{ text-align:left; color:#fff; text-shadow: 0 1px 2px #000; font-size:16px;}
.wpsisac-slick-slider.design-3 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-content .wpsisac-bg-overlay{padding:20px; background:rgba(0,0,0,.5); color:#fff;}
.wpsisac-slick-slider.design-3 .slick-arrow { top:45% !important;}
.wpsisac-slick-slider.design-3 .slick-next{right:0px !important;}
.wpsisac-slick-slider.design-3 .slick-prev{left:0px !important;}
.wpsisac-slick-slider.design-3 .slick-dots{left:15px !important; right:15px; text-align:center;  bottom:8px !important;} .wpsisac-slick-slider.design-4 .wpsisac-image-slide img{max-width:100%; height:auto; display:inline-block;}
.wpsisac-slick-slider.design-4 .wpsisac-image-slide {width:100%; }
.wpsisac-slick-slider.design-4 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-content-left{padding:50px 30px; text-align:left;}
.wpsisac-slick-slider.design-4 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-content-right{}
.wpsisac-slick-slider.design-4 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-content{left:30px; right:30px; position:absolute; top:15%;   padding:0 15px;}
.wpsisac-slick-slider.design-4 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slide-title{  text-align:left;}
.wpsisac-slick-slider.design-4 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-short-content{ text-align:left; margin-bottom:15px;}
.wpsisac-slick-slider.design-4 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-short-content p{ text-align:left;  font-size:16px;}
.wpsisac-slick-slider.design-4 .slick-arrow { top:45% !important;}
.wpsisac-slick-slider.design-4 .slick-next{right:0px !important;}
.wpsisac-slick-slider.design-4 .slick-prev{left:0px !important;}
.wpsisac-slick-slider.design-4 .slick-dots{left:15px !important; right:15px; text-align:center;  bottom:8px !important;} .wpsisac-slick-slider.design-5 .wpsisac-image-slide img{max-width:100%; height:auto; display:inline-block;}
.wpsisac-slick-slider.design-5 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-content{ text-align:center;  padding:60px 50px;}
.wpsisac-slick-slider.design-5 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-short-content{ text-align:center; margin-bottom:15px;}
.wpsisac-slick-slider.design-5 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-short-content p{ text-align:center;   font-size:16px;}
.wpsisac-slick-slider.design-5 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-readmore a.wpsisac-slider-readmore{padding:5px 10px; border:1px solid #fff;}
.wpsisac-slick-slider.design-5 .slick-arrow { top:45% !important;}
.wpsisac-slick-slider.design-5 .slick-next{right:0px !important;}
.wpsisac-slick-slider.design-5 .slick-prev{left:0px !important;}
.wpsisac-slick-slider.design-5 .slick-dots{left:15px !important; right:15px; text-align:center;  bottom:8px !important;} .wpsisac-slick-carousal.design-1{margin-bottom:25px;}
.wpsisac-slick-carousal.design-1 .wpsisac-image-slide{text-align:center; }
.wpsisac-slick-carousal.design-1 .wpsisac-image-slide img{display:inline-block !important; }
.wpsisac-slick-carousal.wpsisac-center .slick-slide .wpsisac-image-slide-wrap { opacity: 0.5; transform: scale(0.7); transition: all 300ms ease 0s; }
.wpsisac-slick-carousal.wpsisac-center .slick-center .wpsisac-image-slide-wrap { opacity: 1; transform: scale(1); }
.wpsisac-center.variablewidthv .wpsisac-image-slide-wrap{ opacity: 1!important;  transform: scale(1) !important;}
.wpsisac-slick-carousal.design-1 .slick-arrow { top:50% !important; cursor:pointer; -webkit-transform: translateY(-50%);transform: translateY(-50%);}
.wpsisac-slick-carousal.design-1 .slick-next{right:0px !important;}
.wpsisac-slick-carousal.design-1 .slick-prev{left:0px !important;}
.wpsisac-slick-carousal.design-1 .slick-dots{left:15px !important; right:15px; text-align:center;  bottom:0px !important;}
.wpsisac-slide-wrap .wpsisac-readmore a.wpsisac-slider-readmore{padding:5px 10px; background:rgba(0,0,0,0.8); text-decoration:none !important; color:#fff;border:1px solid #fff;}
.wpcolumn, .wpcolumns {padding-left: 0.9375em; padding-right: 0.9375em; float: left; width:100%; position: relative; }
@media only screen and (min-width: 40.0625em) {  
.wpcolumn,
.wpcolumns {position: relative;padding-left: 0.9375em;padding-right: 0.9375em;float: left; }
.wp-medium-1 { width: 8.33333%; }
.wp-medium-2 { width: 16.66667%; }
.wp-medium-3 { width: 25%; }
.wp-medium-4 { width: 33.33333%; }
.wp-medium-5 { width: 41.66667%; }
.wp-medium-6 { width: 50%; }
.wp-medium-7 { width: 58.33333%; }
.wp-medium-8 { width: 66.66667%; }
.wp-medium-9 { width: 75%; }
.wp-medium-10 { width: 83.33333%; }
.wp-medium-11 { width: 91.66667%; }
.wp-medium-12 { width: 100%; }
.medium-offset-0 { margin-left: 0 !important; }
.medium-offset-1 { margin-left: 8.33333% !important; }
.medium-offset-2 { margin-left: 16.66667% !important; }
.medium-offset-3 { margin-left: 25% !important; }
.medium-offset-4 { margin-left: 33.33333% !important; }
.medium-offset-5 { margin-left: 41.66667% !important; }
.medium-offset-6 { margin-left: 50% !important; }
.medium-offset-7 { margin-left: 58.33333% !important; }
.medium-offset-8 { margin-left: 66.66667% !important; }
.medium-offset-9 { margin-left: 75% !important; }
.medium-offset-10 { margin-left: 83.33333% !important; }
.medium-offset-11 { margin-left: 91.66667% !important; }
}
@media only screen and (max-width: 40.0625em) {
.wpsisac-image-slide img{height: 100% !important;width: 100% !important;object-fit: cover;object-position: top center;}
.wpsisac-image-slide, .wpsisac-slide-wrap{height:350px;}
.wpsisac-slick-slider.design-5 .wpsisac-image-slide, .wpsisac-slick-slider.design-5  .wpsisac-slide-wrap{height:auto !important;}
.wpsisac-slick-slider h2{font-size:22px; line-height:26px;}
.wpsisac-slider-short-content p{font-weight:normal !important}
.wpsisac-slick-slider.design-4 .wpsisac-image-slide, .wpsisac-slick-slider.design-4 .wpsisac-slide-wrap{height:auto !important;}
.wpsisac-slick-slider.design-4 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-content-left{padding:20px}
.wpsisac-slick-carousal .wpsisac-image-slide-wrap, .wpsisac-slick-carousal .wpsisac-image-slide{height:auto !important}
}
@media only screen and (max-width: 480px) {   
.wpsisac-slick-carousal.wpsisac-center .slick-slide .wpsisac-image-slide-wrap { opacity: 1; transform: scale(1); transition: all 300ms ease 0s;}
}*,::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;
}
html {
height: 100vh;
background: #fff;
}
html.body_fixed {
overflow: hidden;
width: 100%;
height: 100%;
}
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;
}
html {
margin-top: 0 !important;
}
@media (max-width: 782px) {
} .section.sh1
{
height:680px;
position: relative;
width:1400px;
margin:0px auto;
color:#000;
display:block;
}
.front-top
{
position: relative;
z-index:2;
width: 78%;
margin: 0px auto;
}
.front-top .container-fluid {
padding-left: 0vw !important;
padding-right: 0vw !important;
}
.home #under-head
{
position:relative;
height:740px;
background:#bfe5f4;
}
.service-city-template #page-header
{
position:relative;
margin: 130px auto 0px auto;
min-height: 430px;
background: linear-gradient(to bottom right, #bfe5f4 50%, #6ca4bb 100%);
}
.service-city-template #page-header .service-head
{
padding:20px;
}
.service-city-template #page-header .atom-cont {
right: 165px;
top: 40px;
}
.service-city-template #page-header .service-head h1
{
position:relative;	
}
img.front-hero
{
position:absolute;
}
.home #head-img
{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
width: 100%;
min-height: 740px;
background:#5fa4d1;
}
.home #head-img img
{
width:100%;
object-fit:cover;
height: 740px;
max-height: 740px;
border-bottom:1px solid #4197CB;
}
.home #head-conteiner,
section.city-head #head-conteiner
{
position:relative;
width:50%;
top:200px;
margin:0px 0px 0px 50px;
display:flex;
flex-direction:column;
gap:20px;
}
.home #head-title,
section.city-head #head-title
{
width: 100%;
margin:0px 0px 0px 0px;
}
.home #head-conteiner .underh2line,
section.city-head #head-conteiner .underh2line
{
width: 55%;
}
.home #head-title h1,
section.city-head #head-title h1
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 60px;
line-height: 68px;
text-transform: capitalize;
color: #000;
text-shadow: 1px 1px 1px #FFFFFF;
margin:0px;
}
.home #head-undertitle,
section.city-head #head-undertitle
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 27px;
color: #000;
width: 65%;
margin:0px 0px 50px 0px;
}
.home #head-shedule button,
section.city-head #head-shedule button
{
width: 293px;
height: 53px;
background: #66CB01;
border-radius: 100px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 140%;
text-align: center;
color: #000;
animation: flicker 2s ease-in-out infinite;
}
@keyframes flicker {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.9; transform: scale(1.07); }
}
.ss-botton
{
width:230px;
position:absolute;
top:249px;
right:276px;
display:flex;
}
.ssb-left
{
width:70%;
display:flex;
flex-direction:column;
margin: -11px 0px 0px 0px;
}
.btext
{
color:#000;
font-size:16px;
font-weight:600;
animation: sway 2s ease-in-out infinite;
}
@keyframes sway {
0% { transform: translateX(0px); }
50% { transform: translateX(-20px); }
100% { transform: translateX(0px); }
}
.rbtext
{
color:#000;
font-size:16px;
font-weight:600;
animation: floatUpDown 2s ease-in-out infinite;
padding: 5px 10px;
border-radius: 20px;
background: #c2ffc2;
}
@keyframes floatUpDown {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(8px); }
}
.pbtext
{
color:#000;
font-size:16px;
font-weight:600;
padding: 5px 10px;
border-radius: 20px;
background: #c2ffc2;
}
.pbtext:nth-of-type(2) {
animation: tiltSide 2s ease-in-out infinite;
}
.pbtext:nth-of-type(3) {
animation: slideLeftRight 3s ease-in-out infinite;
}
@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); }
}
.custom-captcha
{
color:#000;
font-weight:600;
}
.custom-captcha {
margin: 15px 0;
}
.custom-captcha img {
vertical-align: middle;
margin: -3px 0px 0px 0px;
}
.custom-captcha input {
max-width: 200px;
}
#webatom-benefits .wrapper
{
margin: 0px auto;
width:1400px;
min-height: 370px;
padding:100px 0px;
}
#webatom-benefits .wrapper ul.benul
{
width:100%;
margin: 0px auto;
display: flex;
}
#webatom-benefits ul.benul li
{
text-align:center;
}
.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);
}
#trusted .wrapper
{
margin: 0px auto;
width:1400px;
min-height: 800px;
padding:100px 0px 0px 0px;
}
#tr-first
{
width:100%;
height:400px;
}
#tr-first #trusted-left
{
width:40%;
float:left;
}
#tr-first #trusted-right
{
width:47%;
float:right;
}
#tr-secont
{
width:100%;
border-top:1px solid #4197CB;
}
#trusted-text
{
width:60%;
float:right;
padding:50px;
background: #4197CB;
border-radius: 0px 0px 150px 20px;
}
#trusted-text p
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 37px;
line-height: 39px;
color:#FFF;
width:90%;
}
#tr-first #trusted-undertitle
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 33px;
line-height: 40px;
color: #000000;
}
#last-cases .wrapper
{
margin: 0px auto;
width:1400px;
min-height: 800px;
padding:150px 0px;
}
.last-cases-items
{
display:flex;
flex-direction:column;
gap:50px;
}
.case-items,
.case-list
{
display:flex;
flex-direction:column;
gap:20px 0px;
width: 100%;
}
.case-item
{
width: 100%;
display:flex;
flex-wrap: wrap;
gap:20px;
padding:40px;
background: #F9F9F9;
border-bottom:1px solid #E9E9E7;
word-wrap: break-word;
overflow-wrap: break-word;
white-space: normal;
border-radius:20px;
}
.portfolio-link
{
width: 300px;
padding: 10px 20px;
text-align: center;
font-family: tahoma;
font-style: normal;
font-size: 16px;
color: #000;
background: #4197CB;
border-radius: 100px;
animation: flicker 2s ease-in-out infinite;
}
.case-item:nth-child(even),
.case-item:nth-child(even) a
{
flex-direction: row-reverse;
}
.case-item .zagolovok
{
width:calc(50% - 10px);
padding:50px 20px;
}
.case-item .case-img
{
width:calc(50% - 10px);
}
.case-item .zagolovok h2
{
font-family: Montserrat-Regular;
font-style: normal;
font-weight: 600;
font-size: 50px;
line-height: 60px;
color: #4197CB;
padding:0px 0px 0px 20px;
border-left: 5px solid #66CB01;
margin:0px 0px 50px 0px;
}
.case-item:nth-child(even) .zagolovok h2
{
padding:0px 20px 0px 0px;
border-left: none;
border-right: 5px solid #66CB01;
}
.case-item .case-img picture
{
width:50%;
}
.case-item .case-img picture img
{
border-radius:50px;
-webkit-box-shadow: -5px 5px 15px 0px #5B5B5B;
-moz-box-shadow: -5px 5px 15px 0px #5B5B5B;
box-shadow: -5px 5px 15px 0px #5B5B5B;
}
.ci-left,
.ci-right
{
width: calc(50% - 10px);
display: flex;
flex-direction: column;
gap: 20px;
}
.pagination
{
width:100%;
display:flex;
padding:30px 0px;
gap:0px 10px;
}
.case-image img
{
border-radius: 50px;
}
.case-title
{
width:95%;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 27px;
line-height: 33px;
color: #4197CB;
margin:30px 0px;
}
.case-description
{
font-size:20px;
margin:0px 0px 30px 0px;
}
.case-description span
{
margin:0px 10px 0px 0px;
font-weight:bold;
}
.podrobnee
{
width:160px;
padding:10px 20px;
text-align:center;
font-family: tahoma;
font-style: normal;
font-size:15px;
color:#333;
background:#7DC91B;
border-radius: 100px;
}
h2.sectionh2
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 67px;
line-height: 73px;
text-transform: capitalize;
color: #4197CB;
margin: 0px 0px 0px 0px;
position:relative;
}
#we-understand .wrapper
{
margin: 0px auto;
width:1400px;
min-height: 500px;
padding:100px 0px;
}
ul.weul
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
margin:0px;
}
#we-understand .weli
{
display:flex;
width:100%;
float:left;
position:relative;
padding:0px;
margin:0px 0px 30px 0px;
background: #F9F9F9;
border: 1px solid #4196CC;
border-radius: 20px 20px 20px 20px;
}
#we-understand .weli .we-img
{
width:28%;
}
#we-understand .weli .we-img img
{
min-height:100%;
width:100%;
object-fit:cover;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
#we-understand .weli .we-right
{
width:72%;
background:
url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/quotes.png) no-repeat 35px 15px,
url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/quotes2.png) no-repeat calc(100% - 30px) calc(100% - 25px);
background-size: 50px;
padding: 0px 50px;
}
#we-understand .weli .we-title
{
width:100%;
padding:0px 30px;
margin:30px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 33px;
line-height: 40px;
text-transform: capitalize;
color: #000000;
}
#we-understand .weli .we-text
{
width:100%;
margin:15px 5%;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 23px;
color: #767676;
}
#for .wrapper
{
margin: 0px auto;
width:1400px;
min-height: 600px;
padding:100px 0px 0px 0px;
}
#for h2
{
margin:0px 0px 0px 0px;
width:90%;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 67px;
line-height: 73px;
text-transform: capitalize;
color: #4197CB;
position:relative;
}
.smw
{
width:15px;
height:15px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/small-logo-webatom.png) no-repeat center;
background-size: 14px;
position: absolute;
left: -10px;
top: -10px;
animation: rotate 4s linear infinite;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
#for .container
{
width:100%;
max-width: 1400px;
padding:0px;
display:flex;
}
#for #for-text
{
width:58%;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 32px;
color: #767676;
margin:70px 0px 0px 0px;
display:flex;
flex-direction:column;
gap:30px;
}
.page-template-city #for #for-text
{
margin:10px 0px 0px 0px;
}
.page-template-city #for #for-text p {
width: 90%;
}
#for #for-text p
{
width:70%;
margin:0px 0px 20px 0px;
}
#for #for-img
{
width:42%;
}
#for #for-img img
{
width:100%;
height:600px;
object-fit:cover;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 160px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 160px;
border-top-left-radius: 20px;
border-top-right-radius: 160px;
}
#main-services
{
background:#F9F9F9;
}
#main-services .wrapper
{
margin: 0px auto;
width:1400px;
min-height: 1290px;
padding:100px 0px;
display:flex;
flex-direction:column;
gap:30px;
}
#main-services h2
{
width:50%;
padding:0px;
margin:0px 0px 0px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
text-transform: capitalize;
position:relative;
}
#main-services h3
{
width:100%;
margin:0px 0px 30px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 37px;
line-height: 37px;
text-transform: capitalize;
color: #4197CB;	
}
ul.serul
{
display:flex;
flex-wrap: wrap;
gap:60px 20px;
margin:0px;
}
#main-services li.serli
{
width:100%;
padding:0px 0% 0px 0px;
}
li.serli .ser-block-title
{
padding:10px;
margin:0px 0px 20px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 27px;
line-height: 40px;
text-transform: capitalize;
color: #000000;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/main-service-arrow.png) no-repeat right #FFF;
background-position: 99% 15px;
background-size:30px;
border-radius:10px;
}
ul.serlinksul
{
display:flex;
flex-wrap:wrap;
gap:20px;
margin:0px;
}
ul.serlinksul li
{
width:calc(33.33% - 14px);
background: linear-gradient(to right bottom, #E2E2E2, #FFF, #FCFCFC);
padding: 10px;
margin:0px;
border:1px solid #E2E2E2;
border-radius:10px;
display:flex;
flex-wrap:wrap;
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);
}
ul.ser-links li
{
min-height:75px;
color:#4197CB;
padding:10px 0px;
border:1px solid #4197CB;
border-radius:20px;
padding: 10px;
margin: 0px 0px 20px 0px;
background: #D8F0FF;
}
.sl-left
{
width:80%;
}
.sl-right
{
width:20%;
text-align:right;
}
.ser-links .ser-page-link
{
padding:5px 0px 0px 0px;
margin: 0px 0px 10px 0px;
color: #0099CC;
font-size: 24px;
font-weight:600;
}
.ser-links .ser-page-undertitle
{
padding:5px 0px 5px 0px;
margin: 0px 0px 10px 0px;
font-size:16px;
}
.ser-links .ser-page-cena
{
min-height: 32px;
padding:5px 0px 5px 40px;
color:#000;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/price-icon.svg) no-repeat left;
background-size:30px;
font-size: 16px;
font-weight: 700;
}
.ser-links .ser-page-podrobnee
{
height:36px;
width:100%;
background:#7DC91B;
margin:10px 0px 0px 0px;
padding:5px 0px;
color:#FFF;
text-align:center;
border-radius:50px;
}
.ser-links .ser-page-podrobnee a
{
color:#333;
}
.header-bottons
{
position:absolute;
bottom:50px;
right:50px;
display:flex;
flex-wrap:wrap;
gap:20px;
} .atom-cont
{
width: 220px;
height: 220px;
position:absolute;
right:250px;
top:200px;	
}
.atom
{
position: relative;
width: 350px;
height: 350px;
perspective: 900px;
} .nucleus {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
background: radial-gradient(circle, #6cf, #028);
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/nucleus.png) no-repeat center;
background-size:65px;
transform: translate(-50%, -50%);
} .orbit {
position: absolute;
top: 50%;
left: 50%;
width: 350px;
height: 300px;
transform-style: preserve-3d;
}
.orbit-1 {
transform: translate(-50%, -50%) rotateX(60deg);
}
.orbit-rotate {
width: 100%;
height: 100%;
border: 3px solid rgba(31,255,255,0.9);
border-radius: 50%;
animation: spin linear infinite;
position: relative;
} .electron {
position: absolute;
top: -4px;
left: 50%;
width: 10px;
height: 10px;
background: #9ff;
border-radius: 50%;
transform: translateX(-50%);
box-shadow: 0 0 10px rgba(150,255,255,0.9);
}
.orbit-1 {
transform: translate(-50%, -50%) rotateX(65deg);
}
.orbit-1 .orbit-rotate
{
animation-duration: 20s;
border-top: 7px solid rgba(31,230,255,0.9);
border-right: 4px solid rgba(31,230,255,0.9);
border-bottom: 2px solid rgba(31,230,255,0.9);
border-left: 4px solid rgba(31,230,255,0.9);
}
.orbit-1 .electron
{
width: 13px;
height: 13px;
background: #66CB01;
}
.orbit-2 {
transform: translate(-50%, -50%) rotateY(65deg);
}
.orbit-2 .orbit-rotate {
animation-duration: 34s;
border-top: 4px solid rgba(31,230,255,0.8);
border-right: 3px solid rgba(31,230,255,0.8);
border-bottom: 2px solid rgba(31,230,255,0.8);
border-left: 3px solid rgba(31,230,255,0.8);
}
.orbit-2 .electron
{
width: 10px;
height: 10px;
background: #66CB01;
}
.orbit-3 {
transform: translate(-50%, -50%) rotateX(75deg) rotateY(25deg);
}
.orbit-3 .orbit-rotate {
animation-duration: 26s;
border-top: 9px solid rgba(31,230,255,0.7);
border-right: 4px solid rgba(31,230,255,0.79);
border-bottom: 3px solid rgba(31,230,255,0.7);
border-left: 4px solid rgba(31,230,255,0.7);
}
.orbit-3 .electron
{
width: 20px;
height: 20px;
background: #66CB01;
}
@keyframes spin {
from {
transform: rotateZ(0deg);
}
to {
transform: rotateZ(360deg);
}
} #call-front .wrapper
{
margin: 50px auto;
width:1400px;
min-height: 600px;
padding:0px 0px 0px 0px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/call-bg.png) no-repeat center #0099CC;
background-size:400px;
display:flex;
}
#call-front .left
{
width:58%;
padding:100px 0px 50px 0px;
}
#call-front .right
{
width:42%;
}
#call-front .left h2
{
width:50%;
margin:70px 0px 70px 50px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 35px;
line-height: 39px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: #FFF;
}
#call-front .left h2 span
{
color: #7DC91B;
}
#call-front .left .underh2
{
width:50%;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 25px;
line-height: 31px;
color: #FFD505;
margin:50px 0px 30px 50px;
}
#call-front .left .calfront-text
{
width:55%;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 30px;
color: #FFD505;
margin:0px 0px 30px 50px;
}
#call-front .right #cal-right
{
padding:120px 50px;
background: #7DC91B;
border-radius: 0px 0px 150px 20px;
display:flex;
flex-direction:column;
gap:30px;
}
#call-front .right #cal-right h3
{
margin:0px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 55px;
line-height: 73px;
text-align: left;
text-transform: capitalize;
color: #000;
}
#call-front .right .callfront-tel
{
margin:0px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 41px;
line-height: 31px;
text-align: left;
color: #000;
}
#call-front .right .tel24-7
{
width:245px;
padding:0px 10px;
border:1px solid #000;
margin:0px 0px 0px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 43px;
text-align: center;
text-transform: lowercase;
color: #000;
}
#new-tecgno .wrapper
{
margin: 0px auto;
width:1400px;
padding:20px;
display:flex;
border: 1px solid #4197CB;
-webkit-border-radius: 20px;
-webkit-border-top-left-radius: 160px;
-moz-border-radius: 20px;
-moz-border-radius-topleft: 160px;
border-radius: 20px;
border-top-left-radius: 160px;
}
#new-tecgno #technoleft
{
width:390px;
}
#new-tecgno #technoimg
{
width: 390px;
height: auto;
min-height: 410px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/tehnologii-sozdaniya-saytov.jpg) no-repeat center;
background-size:cover;
margin:0px 0px 30px 0px;
-webkit-border-radius: 20px;
-webkit-border-top-left-radius: 160px;
-moz-border-radius: 20px;
-moz-border-radius-topleft: 160px;
border-radius: 20px;
border-top-left-radius: 160px;
overflow:hidden;
}
#new-tecgno h2
{
width: 100%;
margin:0px 0px 50px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 35px;
line-height: 40px;
text-transform: capitalize;
color: #4197CB;
}
#new-tecgno #technotext
{
width:calc(100% - 420px);
padding:0px 40px;
margin:0px;
}
#new-tecgno #technotext b
{
font-weight:bold;
}
#new-tecgno #technotext div.nttext
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 23px;
color: #767676;
}
#new-tecgno #technotext div.nttext p
{
margin:0px 0px 25px 0px;
}
.tehno-links
{
display:flex;
}
.tehno-links a
{
width:50%;
}
#new-tecgno #technotext button
{
width: 330px;
height: 53px;
margin:30px 0px;
background: #7DC91B;
border-radius: 100px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 140%;
text-align: center;
color: #FFFFFF;
}
.tehnologii-sozdaniya-saytov-webatom
{
width:381px;
height:57px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/tehnologii-sozdaniya-saytov-webatom.jpg) no-repeat center;
background-size:100%;
margin:30px 0px;
}
#getting-started
{
position:relative;
}
#gs-trigger
{
position:absolute;
top:-20px;
left:0px;
}
#getting-started .wrapper
{
margin: 0px auto;
width:1400px;
min-height: 700px;
padding:100px 0px 0px 0px;
display:flex;
flex-direction:column;
gap:50px;
}
#getting-started h2
{
width:50%;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
position:relative;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 67px;
line-height: 73px;
color: #4197CB;
}
#getting-started ul.gsul
{
display:flex;
flex-direction:column;
gap:20px 0px;
padding:0px;
margin:0px;
}
#getting-started li.gsli
{
width:100%;
display:flex;
margin:0px 0px 30px 0px;
background: #f4f4f4;
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);
}
#getting-started li.gsli .gs-step
{
width:22%;
padding: 30px;
}
#getting-started li.gsli .step-right
{
width:80%;
padding: 30px 50px 50px 0px;
}
#getting-started li.gsli .gs-step span
{
font-family: tahoma;
font-style: normal;
font-weight: 600;
font-size: 55px;
line-height: 73px;
color: #4f8c01;
}
.step-right .gs-title
{
width:100%;
font-family: tahoma;
font-style: normal;
font-weight: 600;
font-size: 33px;
line-height: 40px;
text-transform: capitalize;
color: #3A84AF;
padding:0px 0px 30px 0px;
}
.step-right .gs-text
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;
color: #333;
}
.step-right .gs-text ul li
{
list-style:disc;
}
#getting-started #gs-button
{
width:100%;
margin:30px 0px 0px 0px;
float:left;
text-align: center;
}
#getting-started #gs-button button
{
padding:0px 20px;
height: 53px;
background: #7ECA1B;
border-radius: 100px;
margin:0px auto;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 140%;
text-align: center;
color: #000;
}
#stages
{
width:100%;
margin:150px 0px 0px 0px; 
}
#stages .wrapper
{
margin: 0px auto;
width:1400px;
min-height: 1000px;
padding: 0px;
display:flex;
flex-direction:column;
gap:50px;
}
#stages h2
{
width:50%;
position:relative;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 67px;
line-height: 73px;
color: #4197CB;
margin:0px 0px 0px 0px;
}
.underh2line
{
width:50%;
height:15px;
position:relative;
border-bottom:1px solid #4197CB;
margin:0px 0px 50px 0px;
}
ul.stagesul
{
display:flex;
flex-direction:column;
padding:0px;
margin:0px;
}
ul.stagesul li.stagesli
{
display:flex;
flex-wrap:wrap;
width:100%;
margin:0px 0px 100px 0px;
gap:30px;
}
li.stagesli:nth-child(even)
{
flex-direction: row-reverse;
}
ul.stagesul li.stagesli .stages-text li
{
list-style:disc;
}
ul.stagesul li .stli-first
{
width: calc(50% - 15px);
}
ul.stagesul li .stli-second
{
width: calc(50% - 15px);
margin:0px 0px 0px 0%;
}
li.stagesli:nth-child(even) .stli-first
{
width:50%;
}
li.stagesli:nth-child(even) .stli-second
{
width: calc(50% - 30px);
margin:0px 0% 0px 0px;
}
ul.stagesul li .stages-number
{
width:100%;
height:100px;
padding:50px 0px 0px 0px;
margin:0px 0px 20px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 100px;
line-height: 1px;
color: #4f8c01;
}
ul.stagesul li .stages-title
{
width:100%;
padding:30px 0px 0px 0px;
margin:0px 0px 10px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 31px;
line-height: 43px;
color: #000000;
}
ul.stagesul li .stages-text
{
width:100%;
padding:10px 0px 0px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 28px;
color: #333;
}
ul.stagesul li .stages-button
{
width:100%;
padding:10px 0px 0px 0px;
}
ul.stagesul li .stages-button a
{
width: 293px;
height: 44px;
padding:10px 0px;
border: 1px solid #254201;
background:#FFF;
border-radius: 100px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 140%;
text-align: center;
color: #254201;
}
#stages li.stagesli .stages-img {
width:100%;
margin: 0px 0px 0px 0%;
min-height: 318px;
}
li.stagesli .stages-img img {
height:430px;
width: 100%;
object-fit: cover;
border-radius:150px;
border-bottom: 3px solid #7ECA1B;
}
#property .wrapper
{
margin: 0px auto;
width:1400px;
min-height: 570px;
padding:100px 0px 100px 0px;
}
#prop-img
{
width: 100%;
height: 420px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/website-creation.jpg) no-repeat center;
background-size:100%;
padding: 10px;
border-radius:20px;
}
#prop-text
{
width:100%;
padding:30px 0px;
column-count: 2;
margin:40px 0px 0px 0px;
}
#prop-text p
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 27px;
color: #767676;
padding:10px 0px;
margin: 0px 0px 0px 0px;
}
#prop-text b,
#prop-text strong
{
font-weight: 600;
color: #5a5a5a;
}
#prop-text h2,
#prop-text h3,
#prop-text h4,
#prop-text h5
{
margin:20px 0px 10px 0px;
color:#000;
font-weight:600;
font-size:28px;
}
#prop-text h2 strong,
#prop-text h2 b,
#prop-text h3 strong,
#prop-text h3 b,
#prop-text h4 strong,
#prop-text h4 b,
#prop-text h5 strong,
#prop-text h5 b
{
color:#0099CC;
}
#prop-text ul
{
margin:5px 0px 5px 30px;
}
#prop-text ol
{
padding-inline-start: 30px;
}
#prop-text ul li,
#prop-text ol li
{
list-style:disc;
}
#user-order-list,
#user-dashboard
{
width: 78%;
margin: 200px 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;
}
#call-now .wrapper
{
margin: 0px auto;
width:1400px;
min-height: 450px;
padding:50px 0px 0px 0px;
display:flex;
flex-wrap:wrap;
gap:3%;
}
#call-now #call-left
{
width:55%;
margin:0px 0px 0px 0px;
height: 300px;
background: #7DC91B;
border-radius: 20px 20px 20px 160px;
}
#call-now #call-right
{
width:42%;
height: 300px;
border: 1px solid #7DC91B;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
display:flex;
flex-wrap:wrap;
}
.cr-f
{
width:calc(85% - 20px);
display:flex;
flex-direction:column;
gap:10px;
}
.cr-s
{
width:calc(15% + 20px);
}
.napisat2
{
display:flex;
flex-direction:column;
gap:20px;
margin: 65px 40px 0px 0px;
padding:20px;
border: 1px solid #7DC91B;
border-radius:10px;
box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.5);
-webkit-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.5);
-moz-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.5);
}
#call-now #call-left h2
{
width: 90%;
margin: 50px 0px 0px 50px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 35px;
text-transform: capitalize;
color: #000;
}
#call-now #call-right h3
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 55px;
line-height: 73px;
text-transform: capitalize;
color: #000;
margin:40px 0px 0px 50px;
}
#call-now #call-tel
{
height:40px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 41px;
line-height: 31px;
margin:0px 0px 0px 50px;
color: #4f8c01;
}
#call-now #call24-7
{
border: 1px solid #4f8c01;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 17px;
text-align: center;
text-transform: lowercase;
color: #333;
padding:10px;
width: 335px;
height: 38px;
margin:0px 0px 0px 50px;
border-radius:10px;
}
#lastnews .wrapper
{
margin: 0px auto;
width:1400px;
padding:100px 0px 0px 0px;
}
#lastnews #topnews
{
padding:20px 0px;
border-bottom:1px solid #C4C4C4;
min-height:180px;
position:relative;
}
#lastnews #topnews h2
{
width: 50%;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 67px;
line-height: 73px;
color: #4197CB;
position:relative;
}
#topnews #allnews
{
padding:10px 30px 10px 0px;
position: absolute;
right:0px;
bottom:15px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/all-news.svg) no-repeat right;
background-position:right 0px top 50%;
}
#topnews #allnews a
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 21px;
color: #767676;
}
#lastnews #front-blog-items
{
margin:50px 0px 0px 0px;
}
#lastnews #front-blog-items ul
{
display:flex;
justify-content: unset;
flex-wrap: wrap;
padding:0px;
margin:0px;
gap:20px;
}
#lastnews #front-blog-items li
{
width:calc(33.33% - 14px);
margin: 0px;
background: #FFFFFF;
}
#lastnews #front-blog-items li:last-child
{
margin: 0px 0px 0px 0px;
}
#lastnews #front-blog-items li .last-news-img
{
height:230px;
overflow:hidden;
}
#lastnews #front-blog-items li .last-news-img img
{
width: 100%;
min-height:230px;
object-fit: cover;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
#lastnews li .podimgnews
{
border: 1px solid #929292;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
#lastnews li .newsdate
{
padding:20px 40px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #333;
}
#lastnews li .newstitle
{
min-height:90px;
padding:0px 40px 20px 40px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 25px;
line-height: 35px;
color: #000000;
}
#lastnews li .lastnews_text
{
min-height:200px;
padding:0px 40px 20px 40px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #333;
margin:0px;
}
#lastnews li .last-news-link
{
width: 102px;
height: 38px;
background: #E10714;
border-radius: 100px;
margin:0px 0px 20px 40px;
font-family: tahoma;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 38px;
text-align: center;
color: #FFFFFF;
}
#page-header
{
margin: 85px auto 0px auto;
padding: 60px 0px 0px 0px;
max-width: 1400px;
min-height:520px;
}
#page-header #page-header-top
{
padding:0px 30px;
position:relative;
width:70%;
}
#page-header h1
{
width: 90%;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 48px;
text-transform: capitalize;
color: #8ed2fc;
margin:0px 0px 30px 0px;
}
#page-header h1 span
{
color: #E10714;
}
#page-header #header-undertitle
{
font-style: normal;
font-weight: 400;
font-size: 21px;
line-height: 29px;
color: #7DC91B;
margin:0px 0px 30px 0px;
width:70%;
}
#page-header #header-cena-ot
{
font-family: tahoma;
font-style: normal;
font-weight: 600;
font-size: 21px;
line-height: 29px;
color:#8ed2fc;
margin:0px 0px 30px 0px;
}
#page-header #header-cena-ot span
{
margin:0px 10px 0px 0px;
font-weight: 400;
}
#page-header #header-button button
{
background: #7DC91B;
border-radius: 100px;
padding:20px 40px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 140%;
text-align: center;
color: #000;
}
#page-header-top #down
{
width: 50px;
height: 50px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/down.png) no-repeat center;
background-size:cover;
position:absolute;
left:400px;
bottom:0px;
animation: moveUpAndDown 2s ease-in-out infinite;
}
@keyframes moveUpAndDown {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-15px);
}
100% {
transform: translateY(0);
}
}
#page-header #page-header-img
{
margin:60px 0px 0px 0px;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 550px;
}
#page-header #page-header-img img
{
height:550px;
object-fit:cover;
border-radius:5px;
}
.service-head
{
padding: 10px;
background-color: rgba(0, 0, 0, 0.6);
border-radius: 5px;
}
.contacts
{
width:1400px;
margin:140px auto 0px auto;
padding: 0px;
}
.contacts-wrapper
{
width:100%;
display:flex;
flex-direction:column;
}
.contacts-img img
{
width:100%;
height:300px;
object-fit:cover;
}
.contacts-header
{
display:flex;
flex-wrap:wrap;
gap:20px;
}
.cont-left,
.cont-right
{
padding:0px;
width: calc(50% - 10px);
}
.cont-right h2
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 50px;
color: #000;
margin: 10px 0px 40px 0px;
}
.service-menu
{
background: #E9E9E7;
display:flex;
flex-wrap:wrap;
gap:10px;
position:relative;
z-index:3;
margin:10px 0px 0px 0px;
padding:10px;
border-radius:5px;
}
.service-menu.sticky {
position: fixed;
top: 110px;
left: 0;
right: 0;
z-index: 9;
background: #fff;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
padding: 5px 0;
}
.admin-bar .service-menu.sticky
{
top: 140px;
}
.sm-wp
{
width: 1400px;
margin: 0px auto;
height: 34px;
display:flex;
flex-wrap:wrap;
gap:10px;
}
.sermenlink
{
width:180px;
padding:5px 0px;
text-align:center;
background: #F7F7F7;
border-radius:5px;
}
.sermenlink a
{
color: #000;
display:block;
}
.hp-field{
position:absolute;
left:-9999px;
width:1px;height:1px;
overflow:hidden;
}
.block-container .wrapper
{
margin:0px auto;
width:1400px;
padding:0px;
}
.whyus-head
{
width:1400px;
margin:140px auto 0px auto;
padding:0px;
}
.whyus-head-wrapper
{
width:100%;
display:flex;
flex-direction:column;
position:relative;
}
.whyus-head-wrapper #page-header-top
{
position:absolute;
width:100%;
height:100%;
top:0px;
left:0px;
padding: 50px;
}
.whyus-head-wrapper #page-header-top h1
{
font-family: tahoma;
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 50px;
color: #FFF;
text-shadow: 1px 1px 1px #000;
margin: 0px;
}
.whyus-head-wrapper #page-header-img img
{
height:550px;
object-fit:cover;
}
#why-ulli
{
margin:50px 0px 0px 0px;
width:100%;
}
#why-ulli ul li
{
margin:0px 0px 5px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 29px;
color: #FFF;
list-style:disc;
}
#whyus-benefits h2
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 67px;
line-height: 73px;
text-transform: capitalize;
color: #4197CB;
margin: 0px 0px 50px 0px;
margin:30px 0px;
position:relative;
}
#header-button
{
margin:50px 0px 0px 0px;
}
#header-button button
{
color:#000;
border-radius: 100px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 140%;
padding:10px 20px;
background: #66CB01;
border-radius:30px;
}
#whyus-benefits
{
margin:50px 0px;
}
#whyus-benefits ul.topbenul
{
display:flex;
flex-wrap:wrap;
padding: 0px;
margin: 0px;
gap:0px 20px;
}
#whyus-benefits ul.topbenul li
{
width:calc(25% - 15px);
margin:0px;
}
ul.topbenul li .topbenline
{
width: 50px;
height: 5px;
background:#66CB01;
margin:0px 0px 20px 0px;
}
ul.topbenul li .topben-text
{
font-family: tahoma;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
text-transform: capitalize;
color: #767676;
}
#care-of
{
padding:0px;
}
#care-of .wrapper
{
background: #ECECEC;
padding:70px 50px;
display: flex;
flex-wrap: wrap;
}
#care-left,
#care-right
{
width:50%;
}
#care-left h2
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 50px;
line-height: 70px;
text-transform: capitalize;
color: #333;
margin:0px;
position:relative;
width: 90%;
}
#care-right #care-h3 h3
{
margin:10px 0px 30px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-transform: uppercase;
color: #000000;
}
#care-right #care-text
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 23px;
color: #000;
}
#why-services
{
padding:70px 0px;
}
#why-services h2
{
width:50%;
margin:0px 0px 30px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 67px;
line-height: 73px;
text-transform: capitalize;
color: #000;
position:relative;
}
#why-services #access-undertitle
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 21px;
line-height: 29px;
color: #333;
margin:0px 0px 50px 0px;
}
ul.accessul
{
width:100%;
margin:0px;
padding:0px;
}
li.accessli
{
height: 95px;
margin: 0px 0px 0px 0px;
border-top:1px solid #767676;
padding:20px 0px;
width: 100%;
float: left;
position:relative;
}
li.accessli:last-child
{
border-bottom:1px solid #767676;
}
li.accessli:last-child .right-s
{
top:27%;
}
li.accessli.active
{
height:auto;
}
li.accessli .right-s
{
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/right-g.svg) no-repeat center;
background-size: 50px;
float:right;
width: 75px;
height: 50px;
position: absolute;
right: 0px;
}
li.accessli.active .right-s
{
position: relative;
float: left;
background: none;
height: 75px;
}
li.accessli.active .right-s::after {
content: "";
display: block;
width: 50px;
height: 50px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/right-g.svg) no-repeat center;
background-size: contain;
position: absolute;
top: 50%;
left: 35%;
transform: translate(-50%, -50%) rotate(90deg);
}
li.accessli .accessitem-title
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 27px;
text-transform: capitalize;
color: #4197CB;
width:40%;
float:left;
margin:15px 0px 0px 0px;
}
li.accessli .access-text
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 28px;
color: #333;
width:60%;
float:right;
margin:0px 0px 20px 0px;
}
li.accessli .access-icon
{
width:60%;
float:right;
}
li.accessli .access-icon img
{
border-radius: 20px;
width:100%;
height:250px;
object-fit:cover;
}
li.accessli .access-text,
li.accessli .access-icon
{
opacity: 0;
visibility: hidden;
overflow: hidden;
transition: 0.55s opacity, 0.55s visibility;
}
li.accessli.active .access-text,
li.accessli.active .access-icon
{
opacity: 1;
visibility: visible;
}
#why-insurance
{
padding: 70px 0px;
}
#insurance-cont
{
height:400px;
display:flex;
background: url(//webatom.com.ua/wp-content/themes/webatom/assets/img/webatom-logo-img.png) no-repeat right top #F9F9F9;
background-size:65px;
background-position:top 40px right 40px;
border: 1px solid #929292;
border-radius: 20px;
}
#insurance-cont #insurance-img
{
width:400px;
height:399px;
overflow:hidden;
}
#insurance-cont #insurance-img img
{
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
#insur-right
{
width:calc(100% - 400px);
}
#insurance-h2 h2
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 33px;
line-height: 40px;
text-transform: capitalize;
color: #66CB01;
width:70%;
margin:40px 0px 50px 40px;
}
#insurance-text
{
margin:0px 40px 0px 40px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 23px;
color: #767676;
}
#we-offer
{
padding:70px 0px;
border-top: 1px solid #767676;
}
#we-offer h2
{
width:70%;
margin:0px 0px 70px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 48px;
text-transform: uppercase;
color: #4197CB;
}
#we-offer h2 span
{
color: #529f05;
}
#weoffer-items
{
width:100%;
display:flex;
}
ul.woul
{
display:flex;
flex-wrap:wrap;
gap:20px;	
}
#weoffer-items li
{
width:calc(20% - 16px);
padding:0px 20px 0px 0px;
}
#weoffer-items .woli-line
{
width: 35px;
height: 5px;
background: #66CB01;
margin: 0px 0px 20px 0px;
}
#weoffer-items .wo-text
{
font-family: tahoma;
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 19px;
text-transform: capitalize;
color: #767676;
}
#we-offer-link
{
width:100%;
float:left;
margin:70px 0px 0px 0px;
}
#we-offer-link button
{
width: 293px;
height: 53px;
border: 1px solid #E10714;
border-radius: 100px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 140%;
text-align: center;
color: #E10714;
background:#FFF;
}
#service-benefits
{
margin:50px 0px;
}
ul.benul
{
display:flex;
margin:0px;
gap:20px;
}
li.benli
{
width:33%;
text-align:center;
position: relative;
padding: 20px;
background: linear-gradient(
100deg,
rgba(55, 55, 55, 0.1),
rgba(55, 55, 55, 0.1)
);
border-radius: 10px;
box-shadow: 0 10px 30px rgba(0,0,0,0.09);
overflow: hidden;
transition: transform 0.35s ease, box-shadow 0.35s ease;	
animation: ben-wave 9s ease-in-out infinite;
}
.benli::after {
width:100px;
height:200px;
content: "";
position: absolute;
inset: -25%;
z-index: -1;
background: radial-gradient(
circle at 50% 50%,
#66CB01,
#66CB01,
#66CB01
);
filter: blur(30px);
opacity: 0.6;
animation:
blobMorph 18s infinite ease-in-out,
blobMove 25s infinite linear;
}
@keyframes blobMorph {
0% {
border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
}
33% {
border-radius: 58% 42% 30% 70% / 60% 30% 70% 40%;
}
66% {
border-radius: 30% 70% 60% 40% / 35% 65% 35% 65%;
}
100% {
border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
}
}
@keyframes blobMove {
0%   { transform: translate(0, 0) rotate(0deg); }
50%  { transform: translate(10%, -5%) rotate(180deg); }
100% { transform: translate(0, 0) rotate(360deg); }
}
.benli:hover {
background: linear-gradient(
100deg,
rgba(55, 55, 55, 0.2),
rgba(55, 55, 55, 0.2)
);
box-shadow: 0 18px 45px rgba(0,0,0,0.12);
}
.benli:hover::before {
opacity: 1;
}
@keyframes ben-wave {
0%   { transform: translateY(0); }
40%  { transform: translateY(-6px); }
80%  { transform: translateY(0); }
100% { transform: translateY(0); }
}
.ben-title
{
font-family: tahoma;
font-style: normal;
font-weight: 500;
font-size: 25px;
line-height: 33px;
color: #4197CB;
margin:0px 0px 20px 0px;
text-align:left;
}
.ben-text,
.ben-text
{
width:100%;
margin:0px auto;
font-size: 18px;
font-weight: 600;
color:#333;
text-align:left;
}
#service-description
{
padding:70px 0px;
}
#service-description .wrapper
{
display:flex;
flex-direction:column;
gap:50px;
}
#service-description h2
{
width:50%;
margin:0px 0px 0px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 67px;
line-height: 73px;
color: #4197CB;
position:relative;
}
.sd-content
{
display:flex;
gap:20px;
}
#serd-left
{
width:calc(55% - 20px);
padding:0px 0px 0px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 25px;
color: #767676;
}
#desctext h3
{
font-size:22px;
font-weight:600;
margin:20px 0px 15px 0px;
}
#serd-left #serdes-link
{
margin:50px 0px 0px 0px;
}
#serd-left #serdes-link a
{
height: 44px;
width:280px;
padding:10px 0px;
border: 1px solid #000;
border-radius: 100px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 140%;
text-align: center;
color: #000;
background:#FFF;
display:block;
}
#serd-right
{
width:630px;
height:630px;
padding:0px 0px 0px 0px;
}
#serd-right img
{
width:630px;
height:630px;
object-fit:cover;
margin:0px 0px 0px 0px;
-webkit-border-radius: 20px;
-webkit-border-top-left-radius: 160px;
-moz-border-radius: 20px;
-moz-border-radius-topleft: 160px;
border-radius: 20px;
border-top-left-radius: 160px;
}
#what-get
{
padding:70px 0px;
}
#what-get .wrapper
{
display:flex;
flex-direction:column;
gap:50px;
}
#what-get h2
{
width:50%;
margin:0px 0px 0px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 67px;
line-height: 73px;
color: #4197CB;
position:relative;
}
#what-get #what-undertitle
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 21px;
line-height: 29px;
color: #000;
margin:0px 0px 0px 0px;
}
#what-items
{
width:100%;
}
#what-items ul.whatul
{
display:flex;
flex-direction:column;
gap:20px 0px;
padding:0px;
margin:0px;
}
#what-items li
{
display:flex;
min-height:400px;
width:100%;
margin:0px 0px 30px 0px;
background: #F9F9F9;
border: 1px solid #929292;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#what-items li .what-img
{
width:400px;
min-height:398px;
}
.service-city-template #what-items li
{
min-height:auto;
}
.service-city-template #what-items li .what-img
{
min-height:auto;
width:250px;
}
#what-items li .what-img .step-number
{
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box; 
width: 200px;
height: 200px;
margin:20px;
padding:50px;
text-align:center;
font-style: normal;
font-weight: 700;
font-size: 60px;
line-height: 60px;
color: #66CB01;
text-shadow:1px 1px #000;
background: linear-gradient(to bottom right, #bfe5f4 50%, #6ca4bb 100%);
border-radius:25px;
}
#what-items li .what-img img
{
width:400px;
height:398px;
object-fit:cover;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
#what-items li .what-right
{
width:calc(100% - 420px);
padding: 50px;
}
#what-items li .what-title
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 33px;
line-height: 40px;
color: #4197CB;
margin:0px 0px 30px 0px;
}
#what-items li .what-text
{
width:100%;
padding: 0px;
margin:0px 0px 0px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 26px;
color: #000000;
}
#cena-sayta
{
padding:70px 0px;
}
#cena-sayta.block-container .wrapper {
margin: 0px auto;
width: 1400px;
padding: 0px;
}
#cena-sayta #cs-h2
{
width:100%;
margin:0px 0px 50px 0px;
display:flex;
}
#cena-sayta h2
{
width:50%;
margin:0px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 67px;
line-height: 73px;
color: #4197CB;
position:relative;
}
#domore-content
{
display:flex;
}
#domore-bg-img
{
height: 200px;
width:300px;
padding:20px 0px 0px 0px;
margin-left:auto;
border-radius: 20px;
}
#domore-bg-img img
{
height:100%;
object-fit:cover;
border-radius: 20px;
}
#domore-content .cena-right
{
width:100%;
padding:0px 0px 100px 0px;
position:relative;
display:flex;
flex-direction:column;
gap:50px;
}
#cena-dom-host,
.cena-razrabotki,
.cena-domrnahostinga
{
margin:0px;
padding:20px;
background: #F7F7F7;
border-radius: 20px;
box-shadow: 0px 7px 10px 0px rgba(214, 207, 207, 0.75);
-webkit-box-shadow: 0px 7px 10px 0px rgba(214, 207, 207, 0.75);
-moz-box-shadow: 0px 7px 10px 0px rgba(214, 207, 207, 0.75);
}
#domore-content #domore-img-title h3,
#cena-dom-host h3,
.cena-razrabotki h3,
.cena-domrnahostinga h3
{
width:100%;
margin:0px 0px 30px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 600;
font-size: 26px;
line-height: 30px;
color: #000;
}
#domore-content #cena-sayta-ot,
.cena-razrabotki .cors,
.cena-domrnahostinga .cors,
.cena-domena,
.cena-hostinga
{
color:#000;
font-size:19px;
font-weight:600;
margin:0px 0px 30px 0px;
padding:20px;
border-radius:20px;
display:flex;
align-items:center;
gap:20px;
background:#f0f0f0;
}
.corscont
{
width:70%;
display:flex;
flex-direction:column;
gap:20px;
}
.corscont2
{
width:70%;
display:flex;
gap:20px;	
}
.cps-cost
{
display:flex;
gap:20px;
align-items: center;
color:#4197CB;
}
.cps-time
{
display:flex;
gap:20px;
align-items: center;
color:#4197CB;
}
.vremya-r
{
width:50%;
font-size:22px;
line-height: 22px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/time.svg) no-repeat left;
background-size:30px;
padding:5px 0px 5px 40px;
}
.vremya-r-o
{
color:#000;
text-align:center;
height: 46px;
width: 330px;
padding: 10px 0px;
background: #EAEAEA;
border-radius: 20px;
}
span.serviceprice
{
padding:5px 10px;
background: linear-gradient(to right, #00b7ff 0, #66CB01 100%);
font-size:24px;
color: #000;
border-radius:20px;
position:absolute;
width:200px;
left:0;
animation: priceSlide 6s ease-in-out infinite alternate;
}
@keyframes priceSlide{
0%{
left:0;
}
100%{
left:120px;
}
}
.cena-domena,
.cena-hostinga
{
font-size: 22px;
line-height: 22px;
color: #4197CB;
}
.cena-domena .cost-cont,
.cena-hostinga .cost-cont
{
height:50px;
}
.cena-domena .serviceprice,
.cena-hostinga .serviceprice
{
width:230px;
animation: priceSlide2 6s ease-in-out infinite alternate;
}
@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%;
}
.text-cena-hostinga
{
margin:0px 0px 20px 0px;
}
#domore-text #dtex,
.dh-text,
.cena-razrabotki .tcrs,
.cena-domrnahostinga .tcrs
{
width:100%;
margin:0px;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 28px;
color: #000;
}
.crsv-t
{
width:50%;
display:flex;
align-items: center;
font-size:22px;
line-height: 22px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/cost.svg) no-repeat left;
background-size:30px;
padding:5px 0px 5px 40px;
color:#4197CB;
}
.cost-cont
{
height:55px;
width:330px;
padding: 5px 0px;
background: #EAEAEA;
border-radius: 20px;
position:relative;
overflow:hidden;
}
.tcrs{
max-height:0;
overflow:hidden;
transition:max-height .4s ease, opacity .4s ease;
opacity:0;
}
.cena-razrabotki.open .tcrs,
.cena-domrnahostinga.open .tcrs
{
opacity:1;
}
.pcss-icon
{
padding:10px;
display:flex;
gap:10px;
align-items:center;
margin-left:auto;
cursor:pointer;
background: #EAEAEA;
border-radius: 20px;
}
.pcss-icon span
{
font-size:20px;
font-weight:600;
color:#4197CB;
}
.pcss-icon:hover
{
background: #F7F7F7;
}
.pcss-i
{
width:40px;
height:40px;
position:relative;
cursor:pointer;
margin:5px 0px 0px 0px;
}
.pcss-i::before,
.pcss-i::after
{
content:"";
position:absolute;
width:25px;
height:4px;
background:#4197CB;
top:15px;
transition:.3s ease;
}
.pcss-i::before
{
left:0;
transform:rotate(45deg);
}
.pcss-i::after
{
right:0;
transform:rotate(-45deg);
}
.cena-razrabotki.open .pcss-i::before,
.cena-domrnahostinga.open .pcss-i::before
{
transform:rotate(-45deg);
}
.cena-razrabotki.open .pcss-i::after,
.cena-domrnahostinga.open .pcss-i::after
{
transform:rotate(45deg);
}
.cena-razrabotki .tcrs ul
{
margin:10px 0px 10px 20px;
}
.cena-razrabotki .tcrs ul li
{
list-style:disc;
}
.cena-razrabotki .tcrs p
{
margin:15px 0px;
}
.cena-razrabotki .tcrs .yaksho
{
display:block;
color:#000;
border:1px solid #FF0000;
padding:10px;
border-radius:30px;
background:#FFE5E5;
}
#domore-text #dtex ul
{
margin-left:25px;
}
#domore-text #dtex ul li
{
list-style:disc;
}
#cena-dom-host
{
margin:0px;
}
#domore-content #domore-link
{
width:100%;
height:50px;
position:absolute;
bottom:0px;
left:0px;
text-align:center;
}
#domore-content #domore-link button
{
height: 53px;
padding:0px 20px;
margin:0px auto 0px auto;
background: #7DC91B;
border-radius: 100px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 140%;
text-align: center;
color: #000;
}
#main-plot
{
padding:70px 0px;
}
#main-plot #mp-cont
{
display:flex;
height:auto;
border:1px solid #EFEFEF;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/text-yslygi.png) no-repeat bottom right;
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);
}
#main-plot #mainp-left
{
width:65%;
height:auto;
padding:20px;
}
#main-plot #mainp-left h2
{
width:80%;
margin:30px 20px 30px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 31px;
line-height: 43px;
color: #000000;
}
#main-plot #mainp-left h2 span
{
color: #4197CB;
}
#main-plot #mainp-left #mainpl-text
{
width:90%;
margin:0px 0px 30px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 25px;
color: #767676;
}
#main-plot #mainp-right
{
width:35%;
height: auto;
overflow:hidden;
}
#main-plot #mainp-right img
{
height:500px;
width:500px;
object-fit:cover;
margin:0px;
-webkit-border-radius: 20px;
-webkit-border-bottom-left-radius: 160px;
-moz-border-radius: 20px;
-moz-border-radius-bottomleft: 160px;
border-radius: 20px;
border-bottom-left-radius: 160px;
}
.share-wrapper{
position:relative;
display:inline-block;
}
.share-main{
padding:5px;
cursor:pointer;
background:#f2f2f2;
border-radius:6px;
border:none;
font-size:14px;
}
.post-views
{
display:flex;
gap:5px;
}
.share-buttons{
position:absolute;
top:110%;
left:0;
display:flex;
flex-direction:column;
gap:6px;
background:white;
padding:10px;
border-radius:8px;
box-shadow:0 5px 20px rgba(0,0,0,0.1);
opacity:0;
visibility:hidden;
transform:translateY(10px);
transition:0.2s;
}
.share-wrapper:hover .share-buttons{
opacity:1;
visibility:visible;
transform:translateY(0);
}
.share-buttons a{
text-decoration:none;
font-size:14px;
padding:5px 8px;
border-radius:4px;
background:#f3f3f3;
text-align:center;
}
.share-buttons a:hover{
background:#e7e7e7;
} .brief-page
{
width:1400px;
margin:200px auto 100px auto;
}
.brief-page .container
{
width:100%;
max-width:100%;
padding:0px;
margin:0px;
}
.brief-header h1
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 67px;
line-height: 73px;
color: #4197CB;
margin:20px 0px 50px 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-field
{
display:flex;
flex-direction:column;
background: #F2F2F2;
padding:10px;
border-radius:10px;
}
.brief-field input,
.brief-field textarea,
.brief-field select
{
padding:5px;
border: 1px solid #E9E9E7;
border-radius:10px;
font-size:16px;
}
.brief-buttons
{
display:flex;
gap:20px;
}
.brief-buttons button
{
width:160px;
text-align:center;
font-weight:600;
font-size:18px;
background: #66CB01;
padding:5px 10px;
border-radius:15px;
}
.brief-step.active-step{
display:flex;
flex-direction:column;
gap:20px;
}
.brief-options-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:20px;
margin-top:20px;
}
.brief-option-card{
border:1px solid #e5e5e5;
padding:20px;
border-radius:10px;
cursor:pointer;
display:block;
transition:all .2s ease;
font-size:20px;
}
.brief-option-card:hover{
border-color:#000;
}
.brief-option-card input{
display:none;
}
.brief-option-card input:checked + .brief-option-title{
color:#0a7cff;
}
.brief-option-title{
font-weight:600;
display:block;
margin-bottom:8px;
}
.brief-option-desc{
font-size:14px;
color:#666;
}
.brief-option-card input:checked + .brief-option-title{
color:#0a7cff;
}
.brief-option-card input:checked{
}
.brief-option-card input:checked ~ *{
}
.brief-option-card:has(input:checked){
border:2px solid #0a7cff;
background:#f5f9ff;
}
.checkbox-card input{
display:none;
}
.checkbox-card input:checked ~ .brief-option-title{
color:#0a7cff;
}
.checkbox-card:has(input:checked){
border:2px solid #0a7cff;
background:#f5f9ff;
}
.brief-example-box{
background:#f5f7f9;
padding:15px;
border-radius:8px;
margin-bottom:20px;
font-size:14px;
}
#domain-extra-fields,
#hosting-extra-field{
display:none;
}
.brief-progress{
width:100%;
height:6px;
background:#e5e5e5;
border-radius:6px;
margin-bottom:30px;
overflow:hidden;
}
.brief-progress-bar{
width:0%;
height:100%;
background:linear-gradient(90deg,#2bb673,#66CB01);
transition:width .3s ease;
}
.brief-success{
background:#e8f8f0;
border:1px solid #2bb673;
padding:20px;
margin-bottom:30px;
border-radius:8px;
font-size:16px;
}  .brief-cta
{
padding: 70px 0px;
}
.post-template-blog-page .blog-cta
{
padding: 0px 0px 70px 0px;
}
.brief-cta-inner
{
width:1400px;
margin:60px auto;
padding:40px 30px;
border-radius:16px;
display:flex;
align-items:center;
justify-content:space-between;
gap:40px;
background: linear-gradient(135deg, #4197CB 40%, #66CB01 80%);
color:#fff;
overflow:hidden;
}
.post-template-blog-page .blog-cta-inner
{
width:1400px;
margin:0px auto 60px auto;
padding:40px 30px;
border-radius:16px;
display:flex;
align-items:center;
justify-content:space-between;
gap:40px;
background: linear-gradient(135deg, #4197CB 40%, #66CB01 80%);
color:#fff;
overflow:hidden;	
}
.brief-cta-text h3,
.blog-cta-text h3
{
font-size:28px;
margin-bottom:10px;
font-weight: bold;
text-shadow: 1px 1px #000;
}
.brief-cta-text p,
.blog-cta-text p
{
font-size:16px;
line-height:1.6;
margin-bottom:20px;
opacity:.95;
}
.brief-cta-button,
.blog-cta-text .open-popup
{
display:inline-block;
padding:12px 26px;
background:#fff;
color:#1f3c88;
font-weight:600;
border-radius:8px;
text-decoration:none;
transition:.25s;
}
.brief-cta-button:hover,
.blog-cta-text .open-popup:hover{
transform:translateY(-2px);
box-shadow:0 8px 20px rgba(0,0,0,.15);
}
.brief-cta-image img{
height:160px;
width:190px;
opacity:.9;
}
.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:#4197CB;
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;
} #may-be-interested
{
padding:70px 0px;
}
#may-be-interested h2.interestedh2
{
width: 50%;
position: relative;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 67px;
line-height: 73px;
color: #4197CB;
margin: 0px 0px 0px 0px;
}
.interested-items {
position: relative;
overflow: hidden;
}
ul.interestedul
{
margin:0px;
padding:60px 0px 0px 0px;
display: flex;
transition: transform 0.4s ease;
will-change: transform;
touch-action: pan-y;
}
ul.interestedul li.interestedli
{
width:33%;
flex: 0 0 33.3333%;
}
.interested-items button.interested-prev
{
position:absolute;
top:10px;
left:-5px;
width: 40px;
height: 40px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/prev-tr.png) no-repeat center;
background-size: cover;
transform: rotate(-90deg);
font-size: 0;	
}
.interested-items button.interested-next
{
position:absolute;
top:10px;
right:-5px;
width: 40px;
height: 40px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/next-tr.png) no-repeat center;
background-size: cover;
transform: rotate(-90deg);
font-size: 0;
} @media (max-width: 1024px) {
.interestedli {
flex: 0 0 50%;
}
} .interested-prev,
.interested-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
background: none;
border: none;
font-size: 30px;
cursor: pointer;
}
.interested-prev { left: 0; }
.interested-next { right: 0; }
ul.interestedul button.slick-prev
{
position:absolute;
top:-45px;
right:100px;
width: 40px;
height: 40px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/prev-tr.png) no-repeat center;
background-size: cover;
transform: rotate(-90deg);
font-size: 0;
}
ul.interestedul button.slick-next
{
position:absolute;
top:-45px;
right:30px;
width: 40px;
height: 40px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/next-tr.png) no-repeat center;
background-size: cover;
transform: rotate(-90deg);
font-size: 0;
}
.interestedli 
{
text-align:center;
}
.interested-title
{
margin:0px 0px 20px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 100;
font-size: 20px;
line-height: 33px;
color: #333;
}
.interested-text
{
height:120px;
margin:0px 20px 20px 20px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 23px;
color: #767676;
}
.interested-img img
{
height: 250px;
width:400px;
object-fit: cover;
margin:0px auto;
border-radius:25px;
border-bottom: 3px solid #7ECA1B;
}
.interested-more {
width:200px;
margin: 10px auto 0px auto;
padding: 10px 20px;
text-align: center;
font-family: tahoma;
font-style: normal;
font-size: 15px;
background: #7DC91B;
border-radius: 100px;
}
.interested-more a {
color: #000;
font-weight: 500;
}
.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;
}
.portfolio-head
{
padding:20px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/portfolio-bg.jpg) no-repeat center;
border-radius:20px;
margin:0px 0px 50px 0px;
}
.portfolio-head h1
{
font-family: tahoma;
font-style: normal;
font-weight: 100;
font-size: 50px;
line-height:60px;
color: #66CB01;
}
.cases-filters
{
width:100%;
margin:0px 0px 50px 0px;
}
.case-filters
{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:0px 0px 50px 0px;
}
a.cases-filter-item
{
padding:10px;
text-align: center;
background: #F7F7F7;
border-bottom:1px solid #E9E9E7;
border-radius: 20px;
}
.wpcf7 form.sent .wpcf7-response-output
{
color:green;
margin:0px;
border-radius: 20px;
}
#accompanying-service
{
padding:70px 0px;
}
#acccont
{
height:843px;
position:relative;
display: flex;
flex-direction: column;
}
#accompanying-service #accompanying-bg-img
{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#accompanying-service #accompanying-bg-img img
{
width: 100%;
height:auto;
border-radius:20px;
}
#accompanying-service #accompanying-h2
{
width:45%;
margin: 100px 25% 50px 50px;
padding:20px;
position: relative;
background-color: rgb(0 0 0 / 65%);
border-radius:20px;
}
#accompanying-service #accompanying-h2 h2
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 52px;
line-height: 60px;
color: #FFFFFF;
}
#accompanying-service #accompanying-link
{
width:45%;
margin: 0px 0px 0px 50px;
position: relative;
}
#accompanying-service #accompanying-link span
{
width: 100%;
display: block;
padding: 10px 0px;
background: #2A2E31;
border-radius: 20px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 140%;
text-align: center;
color: #FFFFFF;
}
#accompanying-service #accompanying-down
{
width:143px;
height:200px;
position:relative;
left:50px;
top:50px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/accompanying-down.png) no-repeat center;
background-size: cover;
}
#serd-right #desctext .seruy
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 31px;
color: #767676;
}
#serd-right #desctext ul li
{
list-style:disc;
margin:0px 0px 0px 20px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 31px;
color: #000000;
}
#serd-right #serdes-link
{
margin:50px 0px 0px 0px;
height:30px;
}
#serd-right #serdes-link button
{
width: 293px;
height: 53px;
border: 1px solid #E10714;
border-radius: 100px;
background:#FFF;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 140%;
text-align: center;
color: #E10714;
}
#trusted
{
padding:70px 0px;
}
#tr-first
{
display:flex;
}
#trusted #trusted-left,
#trusted #trusted-right
{
width:50%;
position:relative;
}
.trast-slider
{
overflow: hidden;
position: relative;
}
.trast-ul
{
margin:0px;
display: flex;
transition: transform 0.4s ease;
will-change: transform;
}
.trast-li
{
flex: 0 0 100%;
}
#trast-slider button.tr-prev
{
position: absolute;
top: 15px;
right: 100px;
width: 40px;
height: 40px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/prev-tr.png) no-repeat center;
background-size: cover;
transform: rotate(-90deg);
font-size: 0;
}
#trast-slider button.tr-next
{
position: absolute;
top: 15px;
right: 30px;
width: 40px;
height: 40px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/next-tr.png) no-repeat center;
background-size: cover;
transform: rotate(-90deg);
font-size: 0;
}
#trusted #trusted-left h2
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 67px;
line-height: 73px;
text-transform: capitalize;
color: #4197CB;
margin:0px 0px 50px 0px;
}
#trusted .underh2line {
width: 80%;
}
#trusted #trusted-left #trusted-undertitle
{
width:70%;
margin:0px 0px 0px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 33px;
line-height: 40px;
color: #000000;
}
#trusted #trusted-right ul.tru-ul
{
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
#trusted-right button.slick-prev
{
width:40px;
height:40px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/prev-tr.png) no-repeat center;
background-size: cover;
transform: rotate(-90deg);
font-size: 0;
position: absolute;
top:20px;
right:70px;
z-index:2;
}
#trusted-right button.slick-next
{
width:40px;
height:40px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/next-tr.png) no-repeat center;
background-size: cover;
transform: rotate(-90deg);
font-size: 0;
position: absolute;
top:20px;
right:0px;
z-index:2;
}
#trusted #trusted-right ul li
{
width:100%;
min-height: 255px;
margin: 90px 0px 0px 0px;
text-align:center;
font-size: 20px;
line-height: 25px;
color:#7DC91B;
background: linear-gradient(
135deg,
#f5f5f5 0%,
#ededed 50%,
#E0E0E0 100%
);
border-radius:50px;
}
#trusted #trusted-right ul li img
{
border-radius:25px;
}
.trast-slid-logo
{
margin-top:60px;
}
.trast-slid-text
{
text-align:center;
width:60%;
margin:0px auto;
}
#trusted #trusted-right ul li img
{
width:350px;
height:auto;
margin:0px auto;
max-height: 100px;
}
li.faqpage-li
{
width:50%;
float:left;
margin:0px 0px 50px 0px;
}
.faqpage-question
{
font-family: tahoma;
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 29px;
color: #000000;
margin:0px 0px 40px 0px;
width: 68%;
}
.faqpage_answer
{
width: 80%;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #767676;
border-left:4px solid #4197CB;
padding:0px 0px 0px 30px;
}
#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;
}
.news-categories
{
margin:0px auto 0px auto;
padding:0px 0px 50px 0px;
width:1400px;	
}
.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:auto;
height: 100%;
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:10px;
right:20px;
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;
}
#news-categories .s26__tags
{
margin:0px 0px;
}
#news-categories .s26__tags h2
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 25px;
line-height: 31px;
color: #333;
padding: 0px;
}
#news-categories .s26__tags ul#ullicatnews
{
margin:0px;
display:flex;
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;
}
#must-read #mr-title
{
width:15%;
display:flex;
}
#must-read #mr-title h2
{
margin: auto 0px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 25px;
line-height: 31px;
color: #333;
}
#must-read #mr-contetn
{
width:85%;
margin: 0px 0px 0px 0px;
}
#must-read #mr-contetn ul
{
width:100%;
margin:0px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: left;
gap:10px;
}
#must-read #mr-contetn ul li
{
width: calc(33.33% - 7px);
padding:0px 0% 0px 0px;
background: #F7F7F7;
-webkit-border-radius: 45px;
-moz-border-radius: 45px;
border-radius: 45px;
}
#must-read #mr-contetn ul li .blog-article
{
width: 100%;
padding:5px;
display:flex;
flex-wrap:nowrap;
}
#bloglist #must-read #mr-contetn ul li .blog-article
{
flex-direction: row;
}
#mr-contetn ul li .blog-img
{
position:relative;
width:90px;
height:90px;
margin:0px 0px 0px 0px;
-webkit-border-radius: 45px;
-moz-border-radius: 45px;
border-radius: 45px;
}
#mr-contetn ul li .blog-img img
{
width:90px;
height:90px;
object-fit: cover;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#mr-contetn ul li .blar-right
{
width:calc(100% - 100px);
}
#mr-contetn ul li .blog-title
{
font-family: tahoma;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #000000;
}
#mr-contetn ul li .blogdate
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 26px;
color: #333;
}
#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;
}
#blog-telo-left
{
width:calc(100% - 0px);
}
#blog-post-top .blog_img
{
width:100%;
max-height:445px;
object-fit: cover;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#blog-post-top .blog_img img
{
width:100%;
max-height: 445px;
object-fit: cover;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.blog-head,
.news-head
{
display:flex;
flex-wrap:wrap;
margin:30px 0px;
}
.newshead-left
{
width:100%;
margin: 0px;
padding: 0px;
display:flex;
gap:20px;
}
.bpt-left
{
width: calc(100% - 200px);
}
.bpt-left h1
{
width:100%;
}
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-post-top h1
{
width:calc(100% - 300px);
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 38px;
line-height: 43px;
color: #000000;
}
.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;
}
.bpt-right
{
width:300px;
margin:0px 0px 0px auto;
display:flex;
gap:20px;
}
.bpt1,
.bpt2
{
display:flex;
flex-direction:column;
gap:20px;
}
.bpt2
{
margin-left:auto;
}
.view-count
{
display:flex;
gap:5px;
}
#blog-post-top #blogpagedate
{
width:100%;
margin:0px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #333;
text-align: right;
}
ul.single-post-cats
{
display:flex;
gap:10px;
justify-content: flex-end;
flex-wrap:wrap;
margin:0px;
}
ul.single-post-cats li
{
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: #000;
padding: 5px 10px;
text-align: center;
background: #F7F7F7;
border-bottom: 1px solid #E9E9E7;
border-radius: 20px;
}
.blog-content-cta
{
width:100%;
display:flex;
padding:5px 20px;
background: #4197CB;
border-radius:5px;
}
.blog-content-cta h2
{
color:#FFF;
font-size: 26px;
line-height:26px;
margin:0px;
padding:0px;
font-weight: 500;
text-shadow: 1px 1px #000;
}
.blog-content-cta .open-popup {
margin-left:auto;
display: inline-block;
padding: 4px 8px;
background: #fff;
color: #1f3c88;
font-weight: 600;
border-radius: 10px;
text-decoration: none;
transition: .25s;
}
.blog-content-cta .open-popup:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(0, 0, 0, .15);
}
#blog-telo-left #blog-page-content
{
margin:20px 0px 0px 0px;
padding:20px 0px 30px 0px;
border-top:1px solid #767676;
}
#blog-telo-left #blog-page-content h2
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 33px;
line-height: 40px;
text-transform: capitalize;
color: #000000;
margin:30px 0px 10px 0px;
}
#blog-telo-left #blog-page-content .spage__content
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #333;
}
#blog-telo-left #blog-page-content .spage__content a
{
color: #0096f1;
font-weight:600;
}
.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-post-navigation {
padding: 0px 0px 0px 0px;
width: 1400px;
margin: 0px auto 100px auto;
}
.blog-post-nav-inner {
display: flex;
justify-content: space-between;
gap: 20px;
}
.blog-post-nav {
display: flex;
align-items: center;
gap: 10px;
max-width: 45%;
text-decoration: none;
font-weight: 500;
}
.blog-post-nav-prev {
text-align: left;
color:#333;
border:1px solid #66CB01;
padding:5px;
border-radius:20px;
background:#FFF;
}
.blog-post-nav-next {
text-align: right;
margin-left: auto;
color:#333;
border:1px solid #66CB01;
padding:5px;
border-radius:20px;
background:#FFF;
}
.blog-post-nav .arrow {
font-size: 18px;
}
#blog-page-niz
{
width:100%;
min-height:0px;
margin:0px 0px 0px 0px;
}
#blog-page-niz #blog-page-video
{
width:100%;
margin:0px 0px 50px 0px;
}
#blog-page-niz #blog-page-video iframe
{
width:100%;
min-height:550px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#blog-page-niz #text-under-video
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #767676;
padding:0px 0px 30px 0px;
border-bottom: 1px solid #767676;
}
#blog-page-niz #metki
{
margin:30px 0px;
padding:0px 0px 50px 0px;
}
#metki #tegi
{
float:left;
margin:0px 20px 0px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 40px;
text-transform: capitalize;
color: #000000;
}
#metki a
{
float:left;
padding:0px 10px;
margin:7px 10px 0px 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;
}
#blog-telo-right
{
position:relative;
}
#blog-telo-right #br-strelka
{
position:absolute;
top:255px;
width:130px;
height:187px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/br-strelka.svg) no-repeat center;
background-size: cover;
}
#blog-contact
{
width:100%;
background:#FFF;
padding:70px 0px;
}
#blog-contact .wrapper
{
margin:0px auto;
width:78%;
max-width:1400px;
padding:0px 0px;
}
#blog-contact .wrapper #bc-border
{
min-height:357px;
border: 1px solid #929292;
border-radius:20px;
}
#blog-contact #bc-left
{
width:50%;
float:left;
padding:35px 0px 35px 35px;
}
#blog-contact #bc-right
{
height:355px;
width:50%;
float:right;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/svyaz.jpg) no-repeat center;
background-size:cover;
border-radius:20px;
}
#blog-contact #bc-right iframe
{
width:100%;
}
#bc-left h2
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 50px;
line-height: 60px;
text-transform: capitalize;
color: #4197CB;
margin:0px 0px 30px 0px;
}
#bc-left #bc-tel
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 31px;
color: #767676;
margin:0px 0px 40px 0px;
}
#bc-left #bc-location
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 140%;
color: #767676;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/footer-location.svg) no-repeat left top;
background-position: left 0px top 5px;
padding: 0px 0px 10px 30px;
margin:0px 0px 20px 0px;
}
#bc-left #bc-shedule
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 140%;
color: #767676;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/footer-shedule.svg) no-repeat left top;
background-position: left 0px top 5px;
padding: 0px 0px 10px 30px;
margin:0px 0px 20px 0px;
}
#bc-left #bc-mail
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 140%;
color: #767676;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/footer-mail.svg) no-repeat left;
background-position: left 0px top 5px;
padding: 0px 0px 10px 30px;
margin:0px 0px 20px 0px;
}
#lastnews
{
width:100%;
background:#FFF;
padding:70px 0px;
}
#bg-nderimg
{
background: #FFFFFF;
border: 1px solid #929292;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
#blog-top #underh1
{
width:38%;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 21px;
line-height: 29px;
color: #929292;
}
#blog-top #underh1 span
{
color: #F23535;
font-weight:bold;
}
ul.bloglist li .blog-link-img
{
width: 50%;
height: 250px;
padding: 0px;
margin: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;
}
.pni-niz
{
display:flex;
gap:10px;
flex-wrap:wrap;
flex-direction:column;
position:absolute;
bottom:0px;
width:100%;
}
.blog-link-div
{
width:200px;
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;
}
#news-categories
{
width: 100%;
padding:30px;
border: 1px solid #C4C4C4;
border-radius: 20px;
margin:0px 0px 50px 0px;
display:flex;
}
#news-sidebar
{
width:400px;
float:right;
}
#news-categories #sidebar-search
{
width:100%;
margin:0px 0px 30px 0px;
height:30px;
}
#news-categories #sidebar-search form
{
width:260px;
float:left;
}
#news-categories #sidebar-search form input
{
padding:7px 5px;
background: #FFFFFF;
border: 1px solid #929292;
border-radius: 5px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #A7A7A7;
}
#news-categories #sidebar-search form button
{
width:20px;
height:18px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/search-b.svg) no-repeat center;
background-size: cover;
position: relative;
left: -35px;
top: 3px;
}
#news-sidebar ul.s26__tags h2
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 33px;
line-height: 40px;
text-transform: capitalize;
color: #000000;
margin:0px 0px 20px 0px;
}
.top-news-s
{
margin: 0px auto 0px auto;
padding: 0px 0px 50px 0px;
width: 1400px;
position: relative;
}
#top-news
{
width: 100%;
padding: 20px;
background: #FFFFFF;
border: 1px solid #C4C4C4;
border-radius: 20px;
margin: 0px 0px 0px 0px;
}
#top-news h2
{
margin: 0px 0px 30px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 33px;
line-height: 40px;
text-transform: capitalize;
color: #000000;
}
.top-news-list
{
display:flex;
flex-wrap:wrap;
gap:20px;
margin:0px;
}
.top-news-list li
{
background: #F7F7F7;
padding:0px 0px;
display: flex;
flex-direction: column;
width: calc(33.33% - 14px);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.blog-article
{
display:flex;
flex-wrap:wrap;
gap:20px;
flex-direction: column;
}
.top-news-img
{
width:100%;
}
.top-news-img img
{
height: 200px;
object-fit: cover;
border-radius:20px;
}
#top-news ul li .blog-img
{
width:100px;
height:100px;
position:relative;
}
#top-news ul li .blog-img img
{
width:100px;
height:100px;
object-fit: cover;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#top-news ul li .blog-img span
{
background: #E10714;
width: 20px;
height: 20px;
position: absolute;
top: 0px;
right: 10%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#top-news ul li .blar-right
{
width:calc(100% - 0px);
padding:0px 20px 20px 20px;
}
#top-news ul li .blar-right .blogdate
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 26px;
color: #333;
margin:0px;
}
#top-news ul li .blar-right .blog-title
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 26px;
color: #000;
margin:0px 0px 0px 0px;
}
#acces-video
{
width:50px;
height:50px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/video-access.svg) no-repeat center;
background-size: cover;
float:left;
margin:0px 15px 0px 0px;
}
#id_713 #header-button button
{
background:#FFF;
border: 1px solid #E10714;
border-radius: 100px;
font-family: tahoma;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 140%;
text-align: center;
text-transform: uppercase;
color: #E10714;
padding: 15px 50px;
}
#buildings-access-methods
{
padding:70px 0px;
}
#buildings-access-methods h2
{
width:53%;
margin:0px 50% 140px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 67px;
line-height: 73px;
color: #000000;
position:relative;
}
#buildings-access-methods #access-items
{
width:100%;
}
#access-items li
{
width:100%;
margin:0px 0px 50px 0px;
min-height:400px;
}
#access-items li #waccess-img
{
float:right;
width:45%;
max-height:400px;
overflow:hidden;
}
#access-items li #waccess-img img
{
width: 100%;
min-height:400px;
-webkit-border-radius: 210px;
-moz-border-radius: 210px;
border-radius: 210px;
}
#access-items li #access-item-op
{
width:55%;
float:left;
}
#access-items li:nth-child(even) #access-item-op
{
float:right;
width:50%;
padding:0px 0px 0px 50px;
}
#access-items li:nth-child(even) #waccess-img
{
float:left;
}
#access-item-op #access-number
{
height:100px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 100px;
line-height: 100px;
color: #DCDCDC;
margin:30px 0px 30px 0px;
}
#access-item-op #access-title
{
width:80%;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 31px;
line-height: 43px;
color: #000000;
margin:0px 0px 20px 0px;
}
#access-item-op .access-text
{
width:50%;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 23px;
color: #767676;
}
#our-winning-team
{
padding:70px 0px;
}
#our-winning-team h2
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 67px;
line-height: 73px;
color: #000000;
width:40%;
margin:0px 0px 70px 0px;
position:relative;
}
#ourteam-items
{
padding:0px 0px 0px 190px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/team-str.svg) no-repeat left;
background-position: left 0px top 0px;
background-size:150px;
}
ul.ourteam-ul
{
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
}
ul.ourteam-ul li
{
width:30%;
margin: 0px 0px 40px 3%;
}
ul.ourteam-ul li:nth-child(3),
ul.ourteam-ul li:nth-child(6),
ul.ourteam-ul li:nth-child(9),
ul.ourteam-ul li:nth-child(12),
ul.ourteam-ul li:nth-child(15),
ul.ourteam-ul li:nth-child(18),
ul.ourteam-ul li:nth-child(21),
ul.ourteam-ul li:nth-child(24),
ul.ourteam-ul li:nth-child(27),
ul.ourteam-ul li:nth-child(30)
{
margin: 0px 0% 40px 3%;
}
ul.ourteam-ul li #ourteam-photo
{
width:100%;
max-height:235px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
position:relative;
}
#mini-logos
{
position:absolute;
top:0px;
right:0px;
width: 75px;
height: auto;
margin: 30px -25px 0px 0px;
}
#mini-logos li
{
width:70px;
height:46px;
padding:5px 8px;
text-align:center;
background: #FFFFFF;
border: 1px solid #929292;
border-radius: 20px;
margin:0px 0px 10px 0px;
}
#mini-logos li img
{
min-height: 5px !important;
max-height: 35px !important;
width: 80% !important;
}
ul.ourteam-ul li #ourteam-photo img
{
min-height:235px;
max-height:235px;
object-fit: cover;
width:100%;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
#ourteam-item-op
{
background: #FFFFFF;
border: 1px solid #929292;
padding: 30px;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
#ourteam-name
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 26px;
color: #000000;
margin:0px 0px 30px 0px;
}
#ourteam-jobtitle
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #787878;
}
#ourteam-e-mail
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #787878;
padding:0px 0px 0px 25px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/team-email.svg) no-repeat left;
background-position: left 0px top 7px;
}
#certified-team
{
padding:70px 0px;
}
#certified-team h2
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 67px;
line-height: 73px;
color: #000000;
width:48%;
margin:0px 0px 70px 0px;
position:relative;
}
#certified-team-items li
{
width:100%;
min-height:450px;
margin:0px 0px 50px 0px;
}
#certified-team-items li #certeam-img
{
max-height:420px;
overflow:hidden;
float:right;
width:50%;
}
#certified-team-items li #certeam-img img
{
min-height:400px;
width:100%;
object-fit: cover;
-webkit-border-radius: 210px;
-moz-border-radius: 210px;
border-radius: 210px;
}
#certified-team-items li #certeam-item-op
{
float:left;
width:45%;
}
li #certeam-item-op #certeam-title
{
width:70%;
margin:30px 0px 30px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 36px;
color: #000000;
}
li #certeam-item-op #certeam-text
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 23px;
color: #767676;
margin:0px 0px 20px 0px;
width:90%;
}
#certified-team-items li:nth-child(even) #certeam-img
{
float:left;
}
#certified-team-items li:nth-child(even) #certeam-item-op
{
float:right;
}
#to-exceed
{
padding:70px 0px 100px 0px;
border-bottom:1px solid #C4C4C4;
}
#to-exceed #ex-left
{
width:50%;
float:left;
}
#to-exceed #ex-left h2
{
width:90%;
margin:0px 0px 50px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 51px;
line-height: 58px;
color: #000000;
position:relative;
}
#to-exceed #ex-text
{
width:85%;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 31px;
color: #767676;
}
#to-exceed #ex-right
{
width:50%;
float:right;
}
#to-exceed #ex-right img
{
margin:190px 0px 0px 0px;
width:100%;
height:auto;
-webkit-border-top-right-radius: 345px;
-moz-border-radius-topright: 345px;
border-top-right-radius: 345px;
}
#compliance
{
padding:70px 0px;
}
#compliance h2
{
width:40%;
margin:0px 0px 50px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 37px;
line-height: 49px;
text-transform: uppercase;
color: #000000;
}
#comp-item
{
width:100%;
}
#comp-item li
{
width:100%;
min-height:400px;
padding:30px;
margin:0px 0px 50px 0px;
background: #F9F9F9;
border: 1px solid #929292;
border-radius: 20px 20px 20px 200px;
}
#comp-item li #comp-numb
{
margin:20px 0px 0px 20px;
width:70px;
float:left;
font-family: tahoma;
font-style: normal;
font-weight: 100;
font-size: 107px;
line-height: 73px;
color: #B0B0B0;
}
#comp-item li #comp-op
{
width:65%;
float:right;
}
#comp-item li #comp-text
{
width:90%;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 31px;
color: #000000;
margin:20px 0px 30px 0px;
}
#comp-item li #comp-link
{
padding: 10px 0px 20px 45px;
min-height:20px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 26px;
text-decoration-line: underline;
color: #929292;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/comp-link.svg) no-repeat left;
background-position: left 0px top 20px;
overflow-wrap: break-word;
}
.contacts-header h1
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 50px;
line-height: 73px;
color: #4197CB;
margin:0px 0px 40px 0px;
}
.contacts-header #contact-tel
{
margin:0px 0px 20px 0px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 31px;
color: #333;
}
.contacts-header #contact-graf
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 140%;
color: #333;
padding: 0px 0px 10px 30px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/schedule.svg) no-repeat left top;
background-size: 25px;
margin: 0px 0px 10px 0px;
}
.contacts-header #contact-graf span
{
font-weight:bold;
}
.contacts-header #contact-mail
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 140%;
color: #333;
padding: 5px 0px 5px 30px;
margin: 0px 0px 10px 0px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/email.svg) no-repeat left;
background-size: 25px;
}
.contacts-header .cont-right #cont-form
{
width:100%;
margin: 50px 0px;
}
.contacts-header .cont-right #cont-form form
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
gap:20px;
}
.cont-right #cont-form input,
.cont-right #cont-form textarea
{
border:1px solid #C4C4C4;
padding:10px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 31px;
color: #000;
width:100%;
border-radius:5px;
}
.cont-right #cont-form textarea
{
height:100px;
}
#cont-right #cont-form textarea
{
height:50px;
width:100%;
resize: none;
overflow:hidden;
}
#cont-right #cont-form input::placeholder,
#cont-right #cont-form textarea::placeholder
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 31px;
color: #767676;
text-transform: uppercase;
}
#cont-right #cont-form input.wpcf7-submit
{
margin:20px 0px 0px 0px;
height: 53px;
background: #E10714;
border-radius: 100px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 140%;
text-align: center;
color: #FFFFFF;
background:#66CB01;
border-radius:20px;
}
#top-rated
{
padding:70px 0px;
}
#top-rated h2
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 67px;
line-height: 73px;
color: #000000;
width:61%;
margin:0px 0px 50px 0px;
position:relative;
}
#top-rated #toprated-unertitle
{
width:63%;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 21px;
line-height: 29px;
color: #929292;
}
#toprate-items
{
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;
}
#toprate-items ul
{
width:80%;
float:right;
list-style-type: none;
display: flex;
justify-content: flex-start;
}
li.tr-li
{
flex: 0 0 auto;
float:left;
width:30%;
background: #F9F9F9;
border: 1px solid #B0B0B0;
border-radius: 20px;
padding:20px;
}
.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-hider {
overflow: hidden;
width:900px;
float:right;
margin: 0px 10% 0px 0px;
}
.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;
}
#tr-text
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 23px;
color: #000000;
margin:0px 0px 50px 0px;
text-align:left;
}
#tr-name
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 19px;
line-height: 26px;
color: #000000;
text-align:left;
margin:0px 0px 10px 0px;
}
#tr-loc
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #787878;
text-align:left;
padding:0px 0px 0px 25px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/footer-location.svg) no-repeat left top;
}
#front-link
{
padding:50px 0px;
margin:0px;
}
#front-link .wrapper
{
width:1400px;
margin:0px auto;
}
.fl-content
{
padding:10px;
text-align:center;
background: #F9F9F9;
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);
}
.fl-content a
{
color:#4197CB;
font-weight:600;
font-size:33px;
}
#last-blog-gallery
{
padding:50px 0px;
margin:0px;
}
#top-lbg
{
width:100%;
margin:0px 0px 30px 0px;
}
#top-lbg h2
{
width:100%;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 67px;
line-height: 73px;
color: #4197CB;
position:relative;
}
#lbg-items
{
width:100%;
}
#lbg-items ul
{
position:relative;
display:flex;
flex-wrap:wrap;
gap:70px 20px;
padding:0px;
margin:0px;
}
#lbg-items li
{
width:calc(33% - 10px);
}
.servicep #lbg-items li
{
border: 1px solid #4197CB;
border-radius: 20px;
padding: 10px;
}
#lbg-items li a
{
width:100%;
display:flex;
flex-direction:column;
gap:10px;
}
#lbg-items li img
{
width:100%;
height: 150px;
object-fit: cover;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#lbg-items li .last-bt
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 26px;
color: #4197CB;
}
.popup_form
{
opacity:0;
visibility:hidden;
position:fixed;
top:90px;
left:calc(50% - 200px);
width:400px;
height:auto;
background:#FFF;
border:3px solid #7DC91B;
z-index:333;
padding:25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
-webkit-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 3px 10px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 3px 10px 0px rgba(50, 50, 50, 0.75);
}
.popup {
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.popup.popup-visible {
opacity: 1;
visibility: visible;
}
#get-free-q:target
{
opacity:1;
visibility:visible;
}
#get-free-q h2 {
width:90%;
font-family: 'Montserrat-Bold';
font-size: 26px;
line-height: 30px;
letter-spacing: 0em;
color: #4197CB;
margin:0px 0px 30px 0px;
}
#get-free-q #underh2 {
font-family: Open Sans;
font-size: 18px;
font-weight: normal;
line-height: 23px;
letter-spacing: 0em;
color: #828282;
margin:0px 0px 30px 0px;
}
#get-free-q .close-popup.cl__close
{
font-size:40px;
width:40px;
height:40px;
float:right;
color:#7DC91B;
line-height: 40px;
position: absolute;
top: 0px;
right: 0px;
}
#get-free-q form label
{
width:100%;
}
#get-free-q form input
{
width:100%;
border:1px solid #ECECEC;
padding:10px;
margin:0px 0px 10px 0px;
color:#767676;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#get-free-q form select
{
width:100%;
border:1px solid #ECECEC;
padding:10px;
margin:0px 0px 10px 0px;
color:#767676;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#get-free-q form label span
{
position:relative;
}
#get-free-q form .wpcf7-not-valid-tip
{
position: absolute;
z-index:3;
left: 15px;
top: 45%;
}
#get-free-q form button
{
width:100%;
background:#7DC91B;
color:#FFF;
text-align:center;
padding:20px 0px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
section.city-head
{
width:1400px;
margin:0px auto;
}
section.city-head #under-head
{
position: relative;
height: 740px;
background: linear-gradient(to bottom right, #bfe5f4 50%, #6ca4bb 100%);
}
section.city-head #head-conteiner {
position: relative;
width: 50%;
top: 200px;
margin: 0px 0px 0px 50px;
display: flex;
flex-direction: column;
gap: 20px;
}
#city-text,
#city-podrob-text,
.city-pages-list
{
padding:0px 0px 100px 0px;	
}
.ct-wrapper
{
width:1400px;
margin:0px auto;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/city-text.jpg) no-repeat left bottom #FBFBFD;
padding: 20px 20px 20px 400px;
border: 2px solid #E2E2E2;
border-radius: 10px;
display:flex;
flex-direction:column;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.09);
}
.ct-wrapper h2
{
font-family: tahoma;
font-style: normal;
font-weight: 600;
font-size: 33px;
line-height: 40px;
text-transform: capitalize;
color: #3A84AF;
padding: 0px 0px 30px 0px;
}
.ct-text
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;
color: #333;
}
.cpdt-wrapper
{
width:1400px;
margin:0px auto;
padding: 0px;
display:flex;
flex-direction:column;
}
.cpdt-img img
{
border-bottom:2px solid #66CB01;
border-radius:20px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.09);
}
.cpdt-wrapper h2
{
margin: 50px 0px;
text-align:center;
font-size: 67px;
line-height: 73px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
color: #4f8c01;
text-transform: capitalize;
position: relative;
}
.cpdt-text
{
padding:20px;
background:#FBFBFD;
border-radius:20px;
box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.4);
-webkit-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.4);
-moz-box-shadow: 0px 7px 19px 0px rgba(214, 207, 207, 0.4);
}
.cpdt-text h3
{
color: #4197CB;
margin:30px 0px 5px 0px;
font-size: 33px;
line-height: 43px;
text-align:left;
}
.cpdt-text h3:first-child
{
margin:0px 0px 5px 0px;
}
.city-pages-list .wrapper
{
width:1400px;
margin:0px auto;
padding: 0px;
display:flex;
flex-direction:column;	
}
.city-pages-list .wrapper h2
{
width:60%;
margin: 50px 0px;
font-size: 67px;
line-height: 73px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
color: #4197CB;
text-transform: capitalize;
position: relative;	
}
.city-pages-list .wrapper ul
{
display:flex;
flex-wrap:wrap;
gap:20px 10px;
margin:0px;
}
.city-pages-list .wrapper ul li
{
text-align:center;
color:#000;
padding:10px;
border-radius:20px;
background: #FBFBFD;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.09);
} .seo-tools
{
width:1400px;
margin:200px auto 0px auto;
padding:10px 0px;
}
.seo-tools h1
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 60px;
line-height: 68px;
text-transform: capitalize;
color: #4197CB;
text-shadow: 1px 1px 1px #FFFFFF;
margin: 0px;
}
.st-undertitle
{
color: #000;
font-weight:500;
font-size:20px;
padding: 10px 20px;
border-radius: 20px;
background: #FBFBFD;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.09);
}
.seo-tabs {
margin: 20px 0 0px 0;
border-bottom: 1px solid #CCC;
}
.tab-btn {
padding: 10px 20px;
border: none;
background: #eee;
cursor: pointer;
margin-right: 5px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.tab-btn:hover
{
background: #68C0FF;
}
.tab-btn.active {
background: #0073aa;
color: #fff;
}
.seo-tab-content {
display: none;
margin-top: 0px;
padding:20px;
background: #F9F9F9;
border-bottom: 1px solid #E9E9E7;
word-wrap: break-word;
overflow-wrap: break-word;
white-space: normal;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.seo-tab-content.active,
.seo-tab-content.active .seo-tab-content {
display: block;
}
.seo-tab-content input,
.seo-tab-content textarea
{
padding:10px;
border-radius:10px;
border:none;
}
.seo-tab-content input:hover,
.seo-tab-content textarea:hover
{
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
}
.seo-tab-content label
{
margin:10px 0px 0px 0px;
font-weight:600;
}
.seo-tab-content h2
{
font-size:30px;
font-weight:600;
color: #4197CB;
}
.result-box {
margin-top: 20px;
padding: 15px;
border-radius: 5px;
background: #f5f5f5;
}
.mcct
{
display:flex;
flex-direction: column;
gap:20px;
}
.mcct button
{
padding:10px;
background: #8CCFFF;
font-weight:600;
border-radius: 15px;
}
.mcct button:hover
{
background: #75C5FF;
}
.mcct-item
{
display:flex;
flex-direction: column;	
}
.good { color: green; }
.warn { color: orange; }
.bad { color: red; }
.seo-note {
margin-top:20px;
padding:15px;
background:#f9f9f9;
font-size:14px;
color:#555;
border-left:4px solid #66CB01;
}
h2.seotoolsh2
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 67px;
line-height: 73px;
color: #4197CB;
position: relative;
margin: 50px 0px 30px 0px;
}
#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;
}  #front-top-bg
{
position:absolute;
width:100%;
height:100%;
top: 0px;
left: 0px;
}
#id_20 #front-top-bg
{
z-index:1;
}
.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;
}
.map-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.map-wrap .gmnoprint {
display: none !important;
}
.map-wrap a[rel="noopener"] {
display: none !important;
}
.main {
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
background:#FFF;
}
.header {
position: fixed;
left: 0;
right: 0;
top: 0;
color: #fff;
background: #FFF;
z-index: 10;
min-width: 320px;
width:100%;
height:120px;
}
.section.header
{
display:block;
width:100%;
}
body.admin-bar .section.header
{
margin:30px 0px 0px 0px;
}
.header-verh {
height: 60px;
width:100%;
background:#FFF;
}
.header-verh-wrapper
{
width:1400px;
margin:0px auto;
height: 60px;
display: flex;
flex-wrap: wrap;
}
#footer-logo-webatom
{
height:74px;
padding: 10px;
width: 210px;
display:flex;
background:#FFF;
border-radius:20px;
}
#logo-webatom,
#logo-webatom a
{
display: flex;
}
#header-tel
{
margin-left:auto;
}
#hederniz
{
width:100%;
height: 60px;
background: #4197CB;
border-bottom:1px solid #929292;
}
#header-niz-wrap
{
width:100%;
height: 60px;
max-width:1400px;
margin:0px auto;
}
.headnww
{
width:100%;
display:flex;
padding:0px;
}
.home header.section
{
background: none;
}
.home #hederniz
{
background: #0099CC;
border-bottom:1px solid #FFF;
}
.home #hederniz .header__menu li a,
.home .section.header.header_scrolled #hederniz .header__menu li a
{
color:#FFF;
}
.home #hederniz .header__menu ul.sub-menu li a,
.home .section.header.header_scrolled #hederniz .header__menu ul.sub-menu li a
{
color:#294592;
}
.home .section.header.header_scrolled #hederniz {
background: #0099CC !important;
border-bottom:1px solid #FFF;
}
#hederniz #main-menu
{
margin: 0px;
width: calc(80% - 0px);
display:flex;
}
#main-menu ul {
display: flex;
gap: 0px 5px;
margin:0px;
}
#main-menu .menu-item {
position: relative;
text-align:center;
}
#main-menu .menu-item:hover{
background:#3c91c4;
}
#main-menu .menu-item a
{
color:#000;
font-weight:600;
}
#main-menu .sub-menu {
position: absolute;
top: 100%;
left: 0;
min-width: 250px;
background: #66CB01;
box-shadow: 0 10px 30px rgba(0,0,0,.25);
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: .25s ease;
}
#main-menu .menu-item-has-children:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
display:flex;
flex-direction:column;
}
#main-menu .menu-item-has-children:hover > .sub-menu li a
{
border-bottom:1px solid #FFF;
display:block;
}
#hederniz .header-svyaz
{
height:59px;
width:20%;
margin:0px 0px 0px auto;
background: #66CB01;
}
#hederniz .header-svyaz button
{
width:100%;
height:100%;
display:block;
text-align:center;
background:none;
color:#FFF;
}
.header-verh .yazuk
{
width: 110px;
height: 59px;
padding: 0px;
margin:-5px 20px 0px auto;
}
.language-menu {
list-style: none;
margin: 0;
padding: 0;
}
.language-menu > li {
position: relative;
} .language-menu .sub-menu {
display: none;
position: absolute;
top: 33px;
left: -15px;
background: #fff;
min-width: 140px;
box-shadow: 0 8px 20px rgba(0,0,0,.08);
z-index: 999;
border-radius:10px;
} .language-menu > li:hover .sub-menu {
display: block;
} .language-menu a {
display: block;
padding: 4px 8px;
white-space: nowrap;
color:#333;
}
#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;
}
.yazuk nav ul li a img
{
width:16px;
height:11px;
box-shadow: 1px 3px 5px 0px rgba(125,125,125,0.51);
-webkit-box-shadow: 1px 3px 5px 0px rgba(125,125,125,0.51);
-moz-box-shadow: 1px 3px 5px 0px rgba(125,125,125,0.51);
}
.language-menu-container
{
width:100%;
padding:0px;
}
ul.language-menu
{
padding: 17px 0px;
margin:0px;
display:flex;
flex-wrap:wrap;
gap:10px;
}
#hederniz #my-view
{
width: 4%;
height: 59px;
margin:0px 0px 0px auto;
text-align:center;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/account-icon.svg) no-repeat center;
background-size:20px;
}
#hederniz #my-view a
{
display:block;
width: 100%;
height: 100%;
}
.section.header.header_scrolled #hederniz .header__menu li a
{
color:#929292;
}
.header > *:nth-child(2) .container-fluid {
padding-left: 20px !important;
padding-right: 20px !important;
}
.header__bg_2 {
position: relative;
}
.header__bg_2:before {
opacity: 0;
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0px;
background: #fff;
transition: all 0.2s;
}
.header__box { justify-content: space-between;
align-items: center;
height: 60px;
pointer-events: auto;
transition: height 0.2s;
}
.header__box #logo
{
float:left;
margin:5px 20px 0px 0px;
}
.header__box #logo-webatom
{
display:flex;
float:left;
margin:5px 20px 0px 0px;
}
.header__box #logo-webatom a
{
display:flex;
}
#footer1 #logo-webatom
{
display:flex;
background: #FFF;
border-radius: 20px;
width: 100%;
padding: 10px;
}
#footer1 #logo-webatom .webatom-logo-img {
margin: 5px 0px 0px 0px;
}
.header__box #logo-webatom img
{
height:50px;
width:108px;
}
.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;
}
#main-menu
{
margin:0px 20px 0px 0px;
}
.contants-icon,
.cabinet-icon,
.menu-icon
{
display:none;
}
.all-contacts
{
height: 60px;
display:flex;
flex-wrap: wrap;
}
#napisat
{
height: 25px;
display:flex;
flex-wrap:wrap;
gap:10px;
margin:15px 30px 0px 0px;
}
.viber
{
width:28px;
height:28px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/viber.svg) no-repeat center;
background-size:28px;
}
.telegram
{
width:28px;
height:28px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/telegram.svg) no-repeat center;
background-size:28px;
}
.email
{
width:28px;
height:28px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/email.svg) no-repeat center;
background-size:28px;
}
#header-tel
{
height:30px;
margin:15px 0px 0px 0px;
padding:5px 0px 5px 30px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 20px;
color: #66CB01;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/tel-verh.svg) no-repeat left;
background-position: 0px 6px;
}
.header__menu-btn {
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0;
width: 70px;
height: 70px;
flex-shrink: 0;
}
.header__menu-btn .hamburger-inner, .header__menu-btn .hamburger-inner::after, .header__menu-btn .hamburger-inner::before {
background-color: #000;
}
.header__menu-btn .hamburger-box {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.header__menu-btn_2 {
display: none;
}
.header__left-box {
display: flex;
justify-content: center;
align-items: center;
height: 130px;
flex-shrink: 0;
transition: height 0.2s;
position:absolute;
left: 0vw;
width:7vw;
}
.header__opened {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
color: #000;
background: #FFF;
pointer-events: auto;
}
.header__opened .header__bc {
display: none;
}
.header__opened .header__goback {
display: inline-block;
}
.header__opened .header__menu-btn {
filter: none !important;
}
.header__opened > *:nth-child(1) {
border-color: #fff !important;
}
.header__opened .header__left-box {
border-color: #fff !important;
}
.header__opened .header__logo img {
filter: none !important;
}
.header__opened .header__bg_2:before {
display: none !important;
}
.header__menu {
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 !important;
width: 100%;
flex-grow: 1;
font-family: tahoma;
font-style: normal;
font-weight: 500;
font-size: 11px;
line-height: 12px;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
}
.header__menu li {
float:left;
padding:10px 40px 10px 10px;
position:relative;
}
.header__menu li a {
opacity: 1;
left: 10%;
font-family: 'Montserrat-SemiBold';
font-style: normal;
font-weight: 500;
font-size: 11px;
line-height: 12px;
text-align: center;
text-transform: uppercase;
color:#929292;
}
.header__menu li.fade a {
opacity: 1;
left: 0;
}
.header__menu li.fade:nth-child(1) a {
transition: all 0.5s ease 0.2s;
}
.header__menu li.fade:nth-child(2) a {
transition: all 0.5s ease 0.4s;
}
.header__menu li.fade:nth-child(3) a {
transition: all 0.5s ease 0.6s;
}
.header__menu li.fade:nth-child(4) a {
transition: all 0.5s ease 0.8s;
}
.header__menu li.fade:nth-child(5) a {
transition: all 0.5s ease 1s;
}
.header__menu li.fade:nth-child(6) a {
transition: all 0.5s ease 1.2s;
}
.header__menu li.fade:nth-child(7) a {
transition: all 0.5s ease 1.4s;
}
.header__menu li.fade:nth-child(8) a {
transition: all 0.5s ease 1.6s;
}
.header__menu li.fade:nth-child(9) a {
transition: all 0.5s ease 1.8s;
}
.header__menu li.fade:nth-child(10) a {
transition: all 0.5s ease 2s;
}
.header__menu a {
padding: 0 !important;
}
.header__menu a:before {
left: 0 !important;
height: 0.075em !important;
}
.header__menu a:hover:before {
width: 100% !important;
}
.header__menu ul {
display: none;
}
._opened .menu-row {
transform: rotate(90deg);
}
.current-menu-item a:before, .current-page-ancestor a:before, .current-post-ancestor a:before {
width: 100% !important;
}
@media (max-height: 650px) {
.header__menu {
font-size: 6vmin;
}
}
.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;
}
.footer__box .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;
}
#id_20 .footer__box .menu-row {
position: relative;
display: inline-block;
vertical-align: middle;
width: 10px;
height: 18px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/icons/next-black2.png) center/100% auto;
transition: transform 0.2s;
}
.header__invite {
display: none;
align-items: center;
height: calc(100vh - 130px);
}
.header__invite-box {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 0 auto;
width: 100%;
}
.header__invite-box > * {
width: 50%;
}
.header__invite-text {
margin: 0;
max-width: 83%;
font: 40px/1.275 "tahoma-Light";
}
.header__invite-text span {
color: #000;
background: linear-gradient(to right, #0130f9 0%, #00ffff 50%, #74ff80 100%);
}
.header-form {
margin: 0.54em 0 0 0;
max-width: 490px;
font: 22px/1 "tahoma-Light";
}
.header-form__row {
position: relative;
margin: 0 0 1.54em;
}
.header-form__input {
display: block;
padding: 0 1em;
width: 100%;
height: 2.77em;
border: 1px solid #eaeaea;
color: #fff;
background: transparent;
}
.header-form__input::-webkit-input-placeholder {
color: #fff;
}
.header-form__input:-moz-placeholder {
color: #fff;
}
.header-form__input::-moz-placeholder {
color: #fff;
}
.header-form__submit {
margin: 1.18em 0 0;
}
.section {
display: flex;
color: #fff;
background: #FFF;
}
#case-head .wrapper,
#case-details .wrapper,
#case-stages .wrapper,
#other-cases .wrapper
{
width: 78%;
margin: 0px auto 20px auto;
height: auto;
}
ul.detailul
{
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
li.detailli
{
flex-basis: 50%;
padding: 10px 10px 30px 10px;
}
li.detailli h3
{
font: 45px/1.25 "tahoma-Light";
margin:0px 0px 20px 0px;
}
.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%;
}
#faq
{
width:1400px;
margin:0px auto;
height: auto;
padding: 50px 0px;
}
#faq h2,
#faq h1
{
width:50%;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 67px;
line-height: 73px;
color: #4197CB;
position: relative;
margin: 0px 0px 30px 0px;
}
#faqitems,
#getconent
{
width: 100%;
height: auto;
display:flex;
flex-direction:column;
gap:50px;
}
ul.faqul,
ul.faqpage-ul
{
display:flex;
flex-wrap:wrap;
padding:0px;
margin:0px;
}
.faqli
{
border-bottom:none;
width: 100%;
float: left;
cursor: pointer;
outline: none;
transition: 0.4s;
position:relative;
border-top: 1px solid #7DC91B;
padding: 20px 0px;
}
.faqli:last-child
{
border-bottom: 1px solid #7DC91B;
}
.faqli .faq-icon
{
width:50px;
height:50px;
position:absolute;
right:0px;
top:25%;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/faq-icon1.png) no-repeat;
background-size: cover;
}
.faqli.active .faq-icon
{
transform: rotate(90deg);
}
.faqli span
{
display:none;
float:right;
top:10px;
right:10px;
font: 30px/1.05 "tahoma-Light";
position:absolute;
}
.faqli.active span
{
transform: rotate(270deg);
}
.active, .accordion:hover,
button:focus {
}
.faqli .faq_answer {
display: none;
overflow: hidden;
}
.faqli.active .faq_answer {
display: block;
overflow: hidden;
}
.faqli:after {
display:none;
}
.active:after {
display:none;
}
.faq-question
{
width:50%;
float:left;
padding:10px 5% 10px 10px;
margin:0px;
font-family: tahoma;
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 29px;
color: #333;
}
.faq_answer
{
width:50%;
float:right;
padding:10px 5% 10px 0%;
margin:0px;
font: 17px/1.05 "tahoma";
line-height:29px;
color: #333;
}
.faq_answer ul li
{
list-style:disc;
}
.faqli.active .faq-question
{
color: #64A016;
}
.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,
#s7content
{
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:190px auto 0px auto;
}
.news-template-news-page .breadcrumbs
{
margin:190px auto 0px auto;
}
.breadcrumbs ul
{
margin:0px;
padding:0px;
display:flex;
}
.breadcrumbs ul li
{
list-style:none;
}
.case-cta {
width:1400px;
margin:60px auto 0px auto;
padding:0px;
position: relative;
padding: 60px 50px 60px 250px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/hochy-sayt.png) no-repeat left #4197CB;
background-position: 30px 30px;	
color: #fff;
overflow: hidden;
border-radius:20px;
}
.case-cta::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(circle at 20% 30%, rgb(12 137 252 / 14%), transparent 40%), radial-gradient(circle at 80% 70%, rgb(127 215 255 / 97%), transparent 45%);
pointer-events: none;
}
.case-cta__inner {
position: relative;
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
flex-wrap: wrap;
}
.case-cta__text {
max-width: 600px;
}
.case-cta__title {
margin-bottom: 10px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 33px;
line-height: 33px;
text-transform: capitalize;
}
.case-cta__subtitle {
font-size: 22px;
opacity: 0.9;
margin-bottom: 8px;
font-family: "Open Sans", Arial, sans-serif;
}
.case-cta__note {
font-size: 16px;
opacity: 0.7;
font-family: "Open Sans", Arial, sans-serif;
}
.case-cta__actions {
display: flex;
align-items: center;
gap: 25px;
flex-wrap: wrap;
}
.case-cta__btn {
padding: 14px 32px;
font-size: 16px;
font-weight: 600;
letter-spacing: 1px;
background: #66CB01;
border-radius:25px;
-webkit-box-shadow: -5px 5px 15px 0px #333;
-moz-box-shadow: -5px 5px 15px 0px #333;
box-shadow: -5px 5px 15px 0px #333;
}
.case-cta__phone {
font-family: tahoma;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 20px;
color: #FFF;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/tel-verh.svg) no-repeat left;
background-position: 0px 6px;
opacity: 0.9;
transition: opacity 0.2s ease;
padding: 5px 0px 3px 25px;
letter-spacing: 2px;
}
.case-cta__phone:hover {
opacity: 1;
}
#case-head
{
width:1400px;
margin:40px auto 0px auto;
padding:0px;
}
#casehtop
{
display:flex;
flex-wrap:wrap;
}
.ch-wrapper
{
width:100%;
display:flex;
flex-direction: column;
gap:20px;
}
.case-head
{
width:100%;
display:flex;
flex-wrap:wrap;
background: #F9F9F9;
border-bottom:1px solid #E9E9E7;
padding:50px 20px;
border-radius:20px;
gap:20px;
}
.case-head-left
{
width:calc(50% - 20px);
}
#case-title
{
padding:20px;
margin:0px 0px 30px 0px;
border-left: 5px solid #66CB01;
}
.case-head-left h1
{
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 35px;
text-transform: capitalize;
color: #4197CB;
margin:0px;
}
#case-link,
#case-term,
#case-design,
#case-type
{
margin:0px 0px 10px 0px;
}
.case-head-left #case-link span,
.case-head-left #case-term span,
.case-head-left #case-type span,
.case-head-left #case-design span
{
font-weight:600;
margin-right:10px;
color: #3F3F3F;
}
.case-head-right
{
width:50%;
}
.case-short-text
{
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 23px;
color: #767676;
}
.gallery-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.gallery-container a {
width: calc(33.33% - 10px);
cursor: pointer;
}
.gallery-container img {
width: 100%;
height: auto;
display: block;
border-radius: 5px;
transition: transform 0.3s ease;
}
.gallery-container img:hover {
transform: scale(1.05);
}
#case-logo
{
width:100%;
margin:0px;
}
#case-logo img
{
width:100%;
border-radius:10px;
-webkit-box-shadow: -5px 5px 15px 0px #212121;
-moz-box-shadow: -5px 5px 15px 0px #212121;
box-shadow: -5px 5px 15px 0px #212121;
}
.section_light .rtblock {
border-color: #000;
}
.section_light .header__logo img {
filter: invert(100%);
}
.section_light .header__bc-star {
filter: invert(100%);
}
.section_light .header__bc-text:before {
background: #000;
}
.section_light .header__mbtn {
border-color: #000;
}
.section_light .header__mbtn-rows > * {
background: #000;
}
.section_light .header__menu-btn {
filter: invert(100%);
}
.section_light .header__left-box {
border-color: #000;
}
.section_light .header__bg_2:before {
background: #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;
}
.top__title .text-gradient {
top: -0.08em;
}
@-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;
}
}
.text-gradient {
position: relative;
background: linear-gradient(to right, #0130f9 0%, #00ffff 50%, #74ff80 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.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__box {
padding: 75px 0 163px;
}
.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%);
}
.s1-block__num_animated:before {
-webkit-animation: s1block_num 1s ease-out 0.1s forwards;
animation: s1block_num 1s ease-out 0.1s forwards;
}
@-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%);
}
.s1-block__text_animated > *:nth-child(1) {
-webkit-animation: s1blocktext 0.5s ease 1s forwards;
animation: s1blocktext 0.5s ease 1s forwards;
}
.s1-block__text_animated > *:nth-child(2) {
-webkit-animation: s1blocktext 0.5s ease 1.5s forwards;
animation: s1blocktext 0.5s ease 1.5s forwards;
}
.s1-block__text_animated > *:nth-child(3) {
-webkit-animation: s1blocktext 0.5s ease 2s forwards;
animation: s1blocktext 0.5s ease 2s forwards;
}
@-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_right {
justify-content: flex-end;
}
.solution__box {
max-width: 50%;
}
.solution__text {
margin: 0 0 34px;
font: 25px/1.4 "tahoma-Bold";
text-transform: uppercase;
}
.footer {
flex-shrink: 0;
}
#footerline
{
height:20px;
background: linear-gradient(165deg, #0130f9 20%, #00ffff 70%, #74ff80 90%, #F2FF50 100%);
}
footer.section
{
display:block;
border-top:1px solid #7DC91B;
background: #FFF;
margin:0px;
padding:0px;
color:#929292;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/footer-bg.png);
}
#id_657 footer.section
{
margin:0px 0px 0px 0px;
}
footer.section div.container-fluid
{
margin:0px auto;
width:1400px;
padding:50px 0px 0px 0px !important;
}
#id_20 footer.section
{
background:#e6e6e6;
border-top:1px solid #7DC91B;
color:#000;
}
#id_20 footer.section button,
#id_20 footer.section input
{
color:#000;
}
.footer__box {
display: flex;
flex-wrap: wrap;
padding: 0px 0 30px 0;
gap:20px;
}
#footer1
{
width:230px;
}
#footer2
{
width:calc(50% - 250px);
}
#footer4
{
width:20%;
display: flex;
flex-direction: column;
gap:10px;
margin-left:auto;
}
#footer3
{
width:25%;
}
#footer3 #menu-footer-menu-2
{
margin:-10px 0px 0px 0px;
}
.footer__box > *:nth-child(1) {
width: 30%;
}
.footer__box > *:nth-child(2) {
width: 20%;
}
.footer__box > *:nth-child(3) {
width: 25%;
}
.footer__box > *:nth-child(4) {
width: 20%;
}
.footer-logo,
.footer-logo-b {
display: inline-block;
margin: 5px 0 50px 0;
max-width: 255px;
}
.footer-logo__img {
display: inline-block;
max-width: 255px;
}
#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;
}
#footer-call
{
width:100%;
padding:5px 0px 5px 35px;
margin:-5px 0px 0px 0px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/footer-call.svg) no-repeat left;
background-size:20px;
font-family: tahoma;
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 140%;
color: #0099CC;
}
#footer-shedule
{
width:100%;
padding:5px 0px 5px 35px;
margin:0px 0px 0px 0px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/footer-schedule.svg) no-repeat left;
background-size:20px;
font-family: tahoma;
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 140%;
color: #0099CC;
}
#footer-mail
{
width:100%;
padding:5px 0px 5px 35px;
margin:0px 0px 0px 0px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/footer-mail.svg) no-repeat left;
background-size:20px;
font-family: tahoma;
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 140%;
color: #0099CC;
}
#shedule-visit,
#bigapple-view
{
margin:0px;
}
#shedule-visit button
{
width: 100%;
height: 36px;
background: #7DC91B;
border-radius: 100px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 140%;
text-align: center;
color: #333;
}
.seo-tools-link
{
padding:0px;
text-align:center;
color:#929292;
border:1px solid #929292;
border-radius:20px;
}
#bigapple-view .footer-cabinet
{
height: 36px;
width: 100%;
padding:12px 20px;
border: 1px solid #7DC91B;
border-radius: 100px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/account-icon.svg) no-repeat center;
background-size:15px;
background-position: right 50px top 50%;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 12px;
text-align:center;
text-transform: uppercase;
color: #7DC91B;
}
.spcontent
{
width: 100%;
margin:170px 0px 100px 0px;
}
.spcontent .wrapper {
margin: 0px auto;
width: 78%;
max-width: 1400px;
padding:20px;
background: #F7F7F7;
border: 1px solid #E9E9E7;
border-radius: 20px;
}
.sp-title
{
font-family: tahoma;
font-style: normal;
font-weight: 100;
font-size: 30px;
line-height: 50px;
color: #4197CB;
position: relative;
margin: 0px 0px 20px 0px;
padding: 0px;
}
.footer-logo__text {
width: 100%;
padding: 0px 15px;
display: block;
margin: 0px;
font: 16px/1.2 "tahoma-Light";
}
#id_20 .footer-logo,
#id_20 .footer__socials {
display: none;
}
#footer4
{
position:relative;
}
#footer-soc
{
position:absolute;
bottom:10px;
right:10px;
}
#footer-soc ul li img
{
width:25px;
}
#footer-bottom
{
height:100px;
padding:20px 0px;
border-top:1px solid #7DC91B;
position:relative;
display:flex;
}
#footer-bottom #copirr
{
width:300px;
margin:0px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 182%;
color: #767676;
}
#footer-bottom #footer-poli
{
margin:0px;
font-family: tahoma;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 182%;
color: #767676;
display:flex;
margin-left:auto;
gap:20px;
}
#footer-poli #pol,
#footer-poli #term,
#footer-poli #cookies
{
margin:0px;
text-align:center;
}
.footer__socials,
.footer__socials-2 {
display: flex;
flex-wrap: wrap;
margin: -9px;
}
.footer__socials > *,
.footer__socials-2 > * {
margin: 9px;
max-width:40px;
}
.footer__socials a {
display: flex;
justify-content: center;
align-items: center;
width: 37px;
height: 37px;
border-radius: 50%; transition: opacity 0.1s;
}
.footer__socials a:hover {
opacity: 0.8;
}
.bordered-links a {
position: relative;
display: inline-block;
padding: 17px 10px;
}
.bordered-links a:before {
content: "";
position: absolute;
left: 5px;
bottom: 0;
width: 0;
height: 1px;
transition: all 0.2s;
}
.bordered-links a:hover:before {
width: calc(100% - 10px);
}
.footer__menu {
margin-bottom: 0;
font: 22px/1.2 "tahoma-Light";
}
.footer__menu li {
margin: 0 0 10px;
}
.footer__menu ul {
display: none;
flex-direction: column;
margin: 10px 0 0;
}
.footer__menu .menu-row {
top: -0.15em;
left:0.55em;
}
.footer__contacts {
margin-bottom: 71px;
font: 22px/1.2 "tahoma-Light";
}
.footer__contacts a {
padding: 5px;
}
.footer-form__input {
display: block;
margin: 0 0 19px;
padding: 0 23px;
width: 100%;
height: 61px;
border: 1px solid #FFF;
color: #FFF;
background: transparent;
font: 22px/1 "tahoma-Light";
}
.footer-form__input::-webkit-input-placeholder {
color: #FFF;
}
.footer-form__input:-moz-placeholder {
color: #FFF;
}
.footer-form__input::-moz-placeholder {
color: #FFF;
}
#id_20 .footer-form__input::-webkit-input-placeholder,
#id_20 .footer-form__input:-moz-placeholder,
#id_20 .footer-form__input::-moz-placeholder,
#id_20 .footer .wpcf7 input::-moz-placeholder {
color: #000;
}
#id_20 .footer-form__input
{
border: 1px solid #000;
color: #000;
}
.top__title_map {
font: 55px/1.28 "Asgard-FitMedium" !important;
}
.top__title_map > span:not(.text-gradient):before {
width: calc(100% + 0.4em);
height: 1em;
}
.ctop {
position: relative;
}
.ctop > *:nth-child(2) {
border-bottom: 1px solid #000;
}
.ctop__map {
position: relative;
}
.ctop__map:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 50%;
background: linear-gradient(to bottom, #fff 0%, transparent 100%);
}
.ctop__map-h > * {
padding: 27.5% 0 0;
min-height: 200px;
}
@-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;
}
}
.sh1__box {
display: flex;
flex-wrap: wrap;
}
.sh1__box > *:nth-child(1) {
width: 0.7%;
}
.sh1__box > *:nth-child(2) {
width: 66.4%;
}
.sh1__box_1 {
flex-wrap: wrap-reverse;
align-items: flex-start;
padding: 311px 0 96px;
}
.sh1__box_2 {
height: 84px;
float: left;
margin: 0px 0px 0px 0px;
}
.sh1__box_2 > *:nth-child(2) {
border-left: 1px solid #fff;
}
.sh1__text {
margin: 0 0 8px;
max-width: 70%;
font: 15px/1.6 "tahoma-Light";
}
.sh1__text span {
color: #000;
background: linear-gradient(to right, #0130f9 0%, #00ffff 50%, #74ff80 100%);
}
.sh1__title {
margin: 0 0 47px;
font-size: 80px;
line-height: 0.95;
}
.sh1__list {
font: 23px/2 "tahoma-Light";
}
.sh1__scroll {
position: relative;
display: block;
margin: 0 0 0 13px;
font: 12px/1 "tahoma-Light";
-webkit-animation: sh1scroll 2s ease infinite;
animation: sh1scroll 2s ease infinite;
}
@-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;
}
.sh2__box {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
height: 908px;
}
.sh2__box > *:nth-child(1) {
width: 34%;
}
.sh2__box > *:nth-child(2) {
display: flex;
justify-content: flex-end;
width: 66%;
}
.stext h3, .stext h4 {
font: 25px/1.36 "tahoma-Bold";
text-transform: uppercase;
}
.sh2__text {
font: 22px/1.54 "tahoma-Light";
}
.sh2__text > * {
margin-bottom: 28px;
}
.sh2__text > *:last-child {
margin-bottom: 0;
}
.sh2__text h3 span {
position: relative;
color: #000;
background: linear-gradient(to right, #0130f9 0%, #00ffff 50%, #74ff80 100%);
}
.sh2__img {
position: relative;
width: 88.8%;
max-width: 100%;
}
.sh2__img img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.sh2__img-h {
padding: 33.66% 0 0;
}
.sh2__img-circkle {
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
width: 33%;
border-radius: 50%;
overflow: hidden;
}
.sh2__img-circkle div {
padding: 100% 0 0;
}
.sh2__img-circkle:before {
display: none;
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: translate(-100%);
background: linear-gradient(to right, #0130f9 0%, #00ffff 50%, #74ff80 100%);
-webkit-animation: sh2imgcirckle 2s forwards;
animation: sh2imgcirckle 2s forwards;
}
.sh2__img-circkle_animated:before {
display: block;
}
@-webkit-keyframes sh2imgcirckle {
0% {
transform: translate(-100%);
}
100% {
transform: translate(0%);
}
}
@keyframes sh2imgcirckle {
0% {
transform: translate(-100%);
}
100% {
transform: translate(0%);
}
}
.sh3__box {
padding: 181px 0 132px;
}
.sh3__box .s8bl1__img {
margin: 15px 30px 0 0;
}
.sh4__box {
padding: 184px 0 154px;
}
.sh4__list {
min-height: 10.2em;
font: 3.4375vw/1.2 "Asgard-FitMedium";
text-transform: uppercase;
}
.sh4__list li {
position: relative;
display: none;
align-items: center;
margin: 0 0 0.6em;
overflow: hidden;
}
.sh4__list li:last-child {
margin: 0;
}
.sh4__list li span {
position: relative;
}
.sh4__list li span:nth-child(1) {
flex-grow: 1;
top: -0.1em;
height: 0.7em;
overflow: hidden;
}
.sh4__list li span:nth-child(1):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%);
-webkit-animation: sh4list1 0.5s ease 0s forwards;
animation: sh4list1 0.5s ease 0s forwards;
}
.sh4__list li span:nth-child(2) {
flex-shrink: 0;
width: 0.6em;
}
.sh4__list li span:nth-child(3) {
opacity: 0;
flex-shrink: 0;
-webkit-animation: sh4list3 0.5s ease 0.5s forwards;
animation: sh4list3 0.5s ease 0.5s forwards;
}
.sh4__list li:nth-child(2n) {
flex-direction: row-reverse;
}
.sh4__list li:nth-child(2n) span:nth-child(1):before {
transform: translate(100%);
-webkit-animation: sh4list2 0.5s ease 0s forwards;
animation: sh4list2 0.5s ease 0s forwards;
}
@-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;
}
}
.sh4__list_min {
min-height: 17.21em;
font-size: 2.0625vw;
}
.sh7 {
border-bottom: 1px solid #fff;
}
.sh5__box {
padding: 189px 0 176px;
}
.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_light {
border-color: #000;
}
.sh5-list_light .sh5-list__item {
border-color: #000;
}
.sh5-list_light .sh5-list__top:before {
filter: invert(100%);
}
.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;
}
}
.sh6__box {
padding: 170px 0 262px;
}
.sh6__heading {
margin: 0 0 132px;
}
.sh6__small-title {
margin: 0 0 39px;
}
.sh6__title {
margin: 0;
max-width: 1000px;
font: 70px/1.02 "Asgard-FitMedium";
}
.sh6__list-box {
max-width: 90%;
}
.sh6__list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.sh6__list > * {
margin: 0 0 136px;
width: 41.55%;
}
.sh6__list > *:nth-last-child(1), .sh6__list > *:nth-last-child(2) {
margin: 0;
}
.sh6-item {
border-top: 1px solid #fff;
}
.sh6-item__title {
margin: 22px 0 0;
font: 20px/1.7 "tahoma-Light";
text-transform: uppercase;
}
.sh6-item__img {
position: relative;
margin: 73px 0 0;
max-width: 50%;
}
.sh6-item__img span {
display: none;
padding: 100% 0 0;
}
.sh6-item__img img {
max-width: 100%;
max-height: 100%;
}
.sh7__box {
padding: 190px 0 119px;
}
.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);
}
.sh8__box {
padding: 130px 0 0;
}
.sh8bl1 {
margin: 0 0 45px;
}
.sh8bl1__box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 90%;
}
.sh8bl1__box > *:nth-child(1) {
width: 42%;
}
.sh8bl1__box > *:nth-child(2) {
width: 52.5%;
}
.sh8bl1__ltitle {
margin: 0 0 15px;
font: 55px/1 "Asgard-FitMedium";
text-transform: uppercase;
}
.sh8bl1__ltext {
margin: 0;
}
.sh8bl1__rtitle {
margin: 0 0 15px;
padding: 25px 0 0;
font: 25px/1.4 "tahoma-Bold";
border-top: 1px solid #000;
text-transform: uppercase;
}
.sh8bl1__rtext {
margin: 0;
}
.sh8bl2 {
margin: 0 0 110px;
}
.sh8bl2 .s4bl4__items-btns {
margin-bottom: 38px;
}
.sh8bl3 {
margin: 0 0 139px;
}
.sh8bl3__heading {
display: flex;
align-items: center;
margin: 0 0 181px;
padding: 1.76em 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
.sh8bl3-plan1 {
position: relative;
margin: 0 0 106px;
font: 2.5vw/1.7 "Asgard-FitMedium";
white-space: nowrap;
text-transform: uppercase;
}
.sh8bl3-plan1__text {
display: inline-block;
opacity: 0;
}
.sh8bl3-plan1__text:nth-child(1) .sh8bl3-plan1__row {
display: none;
}
@-webkit-keyframes sh8bl3plan1text {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes sh8bl3plan1text {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.sh8bl3-plan1__line {
position: relative;
display: inline-block;
margin: 0 0.6em;
width: 7em;
height: 0.7em;
overflow: hidden;
}
.sh8bl3-plan1__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%);
}
@-webkit-keyframes sh8bl3plan1line {
0% {
transform: translate(-100%);
}
100% {
transform: translate(0);
}
}
@keyframes sh8bl3plan1line {
0% {
transform: translate(-100%);
}
100% {
transform: translate(0);
}
}
.sh8bl3-plan1__box {
margin: 0;
overflow: hidden;
}
.sh8bl3-plan1__box._animated .sh8bl3-plan1__text_1 {
-webkit-animation: sh8bl3plan1text 0.5s linear 0s forwards;
animation: sh8bl3plan1text 0.5s linear 0s forwards;
}
.sh8bl3-plan1__box._animated .sh8bl3-plan1__line_1:before {
-webkit-animation: sh8bl3plan1line 0.5s linear 0.5s forwards;
animation: sh8bl3plan1line 0.5s linear 0.5s forwards;
}
.sh8bl3-plan1__box._animated .sh8bl3-plan1__text_2 {
-webkit-animation: sh8bl3plan1text 0.5s linear 1s forwards;
animation: sh8bl3plan1text 0.5s linear 1s forwards;
}
.sh8bl3-plan1__box._animated .sh8bl3-plan1__line_2:before {
-webkit-animation: sh8bl3plan1line 0.5s linear 1.5s forwards;
animation: sh8bl3plan1line 0.5s linear 1.5s forwards;
}
.sh8bl3-plan1__box._animated .sh8bl3-plan1__line_3:before {
-webkit-animation: sh8bl3plan1line 0.5s linear 2s forwards;
animation: sh8bl3plan1line 0.5s linear 2s forwards;
}
.sh8bl3-plan1__box._animated .sh8bl3-plan1__text_3 {
-webkit-animation: sh8bl3plan1text 0.5s linear 2.5s forwards;
animation: sh8bl3plan1text 0.5s linear 2.5s forwards;
}
.sh8bl3-plan1__line_3 {
margin-left: -4em;
width: 10em;
}
.sh8bl3-plan1__row {
position: relative;
top: 0.1em;
display: inline-block;
margin: 0 -0.2em 0 0.35em;
width: 1em;
height: 1em;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/icons/next.svg) center/100% auto no-repeat;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: transform 0.2s;
}
.sh8bl3-plan1__row_down {
transform: rotate(90deg);
}
.sh8bl3-plan2 {
margin: 0 0 61px;
}
.sh8bl3-plan2__box {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
margin: 0 8vw 0 0;
}
.sh8bl3-plan2__box > *:nth-child(1) {
width: 500px;
}
.sh8bl3-plan2__box > *:nth-child(2) {
position: relative;
width: 265px;
}
.sh8bl3-plan2__text {
margin: 0 0 1.65em;
font: 20px/1.5 "tahoma-Light";
}
.sh8bl3-plan2__list-box .container-fluid {
position: relative;
}
.sh8bl3-plan2__list {
display: none;
width: 265px;
text-transform: none;
white-space: normal;
}
.sh8bl3-plan2__list_1 {
position: absolute;
right: 12.875vw;
top: 4.5625vw;
}
.sh8bl3-plan2__list_2 {
margin: 0 0 0 17vw;
}
.sh8bl3-plan2__list-item {
border-top: 1px solid #000;
}
.sh8bl3-plan2__list-item:last-child {
border-bottom: 1px solid #000;
}
.sh8bl3-plan2__list-heading {
position: relative;
margin: 0;
padding: 0 2.3em 0 0;
font: 17px/2.59 "tahoma-Light";
white-space: nowrap;
cursor: pointer;
}
.sh8bl3-plan2__list-heading span {
border-bottom: 1px solid #000;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all 0.1s;
}
.sh8bl3-plan2__list-heading:before {
content: "";
position: absolute;
right: 0.35em;
top: 50%;
transform: translate(0, -50%) rotate(90deg);
width: 1.65em;
height: 1.65em;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/icons/arrow-circkle.svg) center/100% auto no-repeat;
transition: all 0.2s;
}
.sh8bl3-plan2__list-heading:hover span {
border-color: transparent;
}
.sh8bl3-plan2__list-main {
display: none;
padding: 0 0 1em;
font: 15px/1.35 "tahoma-Light";
}
.sh8bl3-plan2__list-main li {
position: relative;
margin: 0 0 1.35em;
padding: 0 0 0 2em;
}
.sh8bl3-plan2__list-main li:last-child {
margin: 0;
}
.sh8bl3-plan2__list-main li:before {
content: "+";
position: absolute;
left: 3px;
top: 10px;
transform: translate(0, -50%);
}
.sh8bl3-plan2__list-item_active .sh8bl3-plan2__list-main {
display: block;
}
.sh8bl3-plan2__list-item_active .sh8bl3-plan2__list-heading:before {
transform: translate(0, -50%) rotate(180deg);
}
.sh8bl3-plan3 {
margin: 0 0 81px;
}
.sh8bl3-plan__title {
margin: 0;
font: 40px/1 "Asgard-FitMedium";
text-align: center;
text-transform: uppercase;
}
.sh8bl3-plan__row {
margin: 0 auto;
width: 310px;
height: 55px;
background: linear-gradient(to right, #0130f9 0%, #00ffff 50%, #74ff80 100%);
-webkit-clip-path: polygon(50% 100%, 25% 0, 75% 0);
clip-path: polygon(50% 100%, 25% 0, 75% 0);
}
.sh8bl3-plan__row_1 {
margin: 67px auto 0;
}
.sh8bl3-plan__row_2 {
margin: 0 auto 93px;
}
.sh8bl3-plan4 {
margin: 0 0 100px;
font: 21px/1 "Asgard-FitMedium";
text-transform: uppercase;
}
.sh8bl3-plan4 ul {
display: flex;
flex-wrap: wrap;
}
.sh8bl3-plan4 ul li {
position: relative;
display: flex;
align-items: center;
width: 25%;
height: 3.34em;
padding: 0 2.14em 0 0.8em;
border: 1px solid #000;
border-right-color: transparent;
}
.sh8bl3-plan4 ul li:before {
content: "";
position: absolute;
right: 0.57em;
top: 50%;
transform: translate(0, -50%);
width: 1.42em;
height: 1.42em;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/icons/next.svg) center/100% auto no-repeat;
}
.sh8bl3-plan4 ul li:last-child {
border-right-color: #000;
}
.sh8bl3-plan4 ul li:last-child:before {
transform: translate(0, -50%) rotate(90deg);
}
.sh10 > *:nth-child(2) {
border-top: 1px solid #000;
}
.sh10__box {
display: grid;
grid-template-columns: 44% 9% 47%;
grid-template-rows: auto;
grid-template-areas: 'x1 x4 x3'
'x2 x4 x3';
padding: 70px 0 138px;
max-width: 87%;
}
.sh10__box > *:nth-child(1) {
grid-area: x1;
}
.sh10__box > *:nth-child(2) {
grid-area: x2;
}
.sh10__box > *:nth-child(3) {
display: flex;
flex-direction: column;
justify-content: flex-end;
grid-area: x3;
}
.sh10__box > *:nth-child(4) {
grid-area: x4;
}
.sh10__main-text {
margin: 0 0 71px;
font: 20px/1.5 "tahoma-Light";
}
.sh10__title {
margin: 0 0 27px;
}
.sh10__text {
margin: 0;
}
.sh10-cm {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: flex-start;
margin: 0 0 41px;
}
.sh10-cm > *:nth-child(1) {
width: 96px;
}
.sh10-cm > *:nth-child(2) {
width: calc(100% - 96px);
}
.sh10-cm > *:nth-child(3) {
margin: 9px 0 0;
width: 375px;
}
.sh10-cm__image {
position: relative;
}
.sh10-cm__image div {
padding: 100% 0 0;
}
.sh10-cm__image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sh10-cm__name {
padding: 0 0 0 33px;
font: 20px/1.5 "tahoma-Light";
}
.sh10-cm__name > * {
display: block;
font-size: 1.2em;
line-height: 1.36;
font-family: "tahoma-Bold";
}
.sh10-cm__text {
margin: 0;
padding: 44px 30px 30px;
font: 24px/1.2 "tahoma";
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/icons/border.svg) 0 0/100% 100% no-repeat;
}
.sh10-scale {
margin: 0 0 47px;
}
.sh10-scale__text {
margin: 0 0 21px;
font: 17px/1 "tahoma-Light";
}
.sh10-scale__line {
height: 9px;
border: 1px solid #000;
background: linear-gradient(to right, #0130f9 0%, #00ffff 50%, #74ff80 100%);
}
.sh10-question {
margin: 0 0 61px;
font: 17px/1.5 "tahoma-Light";
}
.sh10-question h4 {
font-size: 25px;
font-family: "tahoma-Bold";
}
.sh10-question > * {
margin: 0 0 5px;
}
.sh10-question > *:last-child {
margin: 0;
}
.sh10-form__area {
display: block;
margin: 0 0 41px;
padding: 10px 15px;
width: 100%;
height: 171px;
border: 1px solid #000;
font: 17px/1.5 "tahoma-Light";
background: transparent;
resize: none;
}
.sh10-form__area::-webkit-scrollbar {
width: 8px;
}
.sh10-form__area::-webkit-scrollbar-track {
background: transparent;
}
.sh10-form__area::-webkit-scrollbar-thumb {
background: #888;
}
.sh10-form__area::-webkit-scrollbar-thumb:hover {
background: #555;
}
.sh10-form__bottom {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 0 -5px;
}
.sh10-form__dontknow {
display: inline-block;
padding: 10px;
font: 17px/1 "tahoma-Light";
white-space: nowrap;
}
.sh10-form__dontknow > * {
display: inline;
border-bottom: 1px solid #000;
transition: all 0.1s;
}
.sh10-form__dontknow:hover > * {
border-color: transparent;
}
.sh10__questions-item {
display: none;
}
.sh10__questions-item_active {
display: block;
}
.sh11__box {
padding: 30px 0;
}
.sh11__item {
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
width: 12.5vw;
height: 12.5vw;
}
.sh11__item img {
max-height: 100%;
}
.spage {
flex-grow: 1;
}
.spage__box {
padding: 150px 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: 2600px) {
#id_661 .howli
{
width:40%;
margin:0px 10% 100px 0px;
height:450px;
min-height:450px;
}
} @media (max-width: 2000px) {
} @media (max-width: 1500px) {
.sh5-list__title-box {
width: 100%;
}
.sh5-list__box {
max-width: none;
}
.footer__box > *:nth-child(1) {
width: 50%;
}
.footer__box > *:nth-child(2) {
width: 25%;
}
.footer__box > *:nth-child(3) {
width: 25%;
}
.section.sh1
{
height:auto;
}
.home #head-title h1 {
font-size: 52px;
line-height: 55px;
}
.home #head-undertitle {
width: 95%;
margin: 0px 0px 30px 0px;
}
.header__menu li {
float: left;
padding: 10px 30px 10px 10px;
}
#trusted-right #ma {
margin: 72px 15% 0px 0px;
}
#trusted-right #fs {
margin: 35px 13% 0px 0px;
}
#for h2 p {
width: 55%;
}
#main-services h2 {
width: 46%;
}
#call-front .wrapper {
min-height: auto;
}
.tehno-links {
flex-direction: column;
}
#new-tecgno #technotext button,
.tehno-links a
{
width:100%;
}
.tehnologii-sozdaniya-saytov-webatom {
width: 100%;
height: auto;
min-height:37px;
}
#lastnews li .newsdate
{
padding: 20px;
}
#lastnews li .newstitle,
#lastnews li .lastnews_text
{
padding:0px 20px 20px 20px;
}
#lastnews li .last-news-link
{
margin:0px 0px 20px 20px;
}
.faqli.active .faq-icon {
top: 39px;
}
#getting-started h2 {
width: 52%;
}
#stages h2 {
width: 61%;
}
#lastnews #topnews h2 {
width: 41%;
}
#page-header h1 {
font-size: 35px;
}
#care-left h2 {
font-size: 52px;
line-height: 63px;
}
#care-of .wrapper {
min-height: 580px;
}
#why-access h2 {
width: 64%;
}
#insurance-h2 {
width: 55%;
}
#iw-left #round {
width: 425px;
height: 425px;
}
#iw-left #round h2 {
margin: 155px auto 0px auto;
}
#iw-right {
height: 425px;
}
#mr-items ul li {
width: 30%;
min-width: 215px;
min-height: 215px;
padding: 25px;
}
#mr-items ul {
margin: 40px 0px 0px 0px;
}
#mr-items ul li #mr-text {
margin: 23% 0px 0px 0px;
}
#service-description h2 {
width: 58%;
}
#what-get h2 {
width: 65%;
}
#cena-sayta h2 {
width: 55%;
}
#main-plot #mainp-left h2 {
width: 70%;
margin: 45px 50% 30px 0px;
}
#accompanying-service #accompanying-h2 {
width: 55%;
}
#accompanying-service #accompanying-down {
bottom: 150px;
}
#what-items-2 li .what-img img {
width: 160px;
height: 125px;
}
#accompanying-service #accompanying-h2 h2 {
font-size: 42px;
line-height: 50px;
}
#main-plot #mainp-left #mainpl-text {
width: 66%;
}
#blog-telo-right #br-strelka {
right: 0px;
}
#our-winning-team h2 {
width: 52%;
}
#ourteam-e-mail
{
word-wrap: break-word;
}
#certified-team h2 {
width: 61%;
}
#to-exceed #ex-left h2 {
width: 100%;
font-size: 48px;
line-height: 56px;
}
#compliance h2 {
width: 50%;
}
#buildings-access-methods h2 {
width: 67%;
}
#access-items li #access-item-op,
#access-items li #waccess-img {
width: 50%;
}
#access-items li #waccess-img img
{
margin:40px 0px 0px 0px;
}
#access-items li,
#access-items li #waccess-img {
min-height: 440px;
}
#top-rated h2 {
width: 78%;
}
.ant-carousel-hider {
width: 595px;
}
} @media (max-width: 1400px) {
.section.sh1,
#trusted .wrapper,
#we-understand .wrapper,
#for .wrapper,
#main-services .wrapper,
#call-front .wrapper,
#choose .wrapper,
#getting-started .wrapper,
#stages .wrapper,
#reviews .wrapper,
#property .wrapper,
#call-now .wrapper,
#faqitems,
#lastnews .wrapper,
footer.section div.container-fluid,
.block-container .wrapper,
#webatom-benefits .wrapper,
#cena-sayta.block-container .wrapper,
.header > *:nth-child(2) .container-fluid,
.brief-cta-inner,
.post-template-blog-page .blog-cta-inner
{
width: 90%;
}
.sermenlink {
width: auto;
min-width: 160px;
}
.breadcrumbs
{
margin:190px auto 0px auto;
}
#main-menu .menu {
flex-direction: column;
gap: 0;
}
.blog-content-cta {
flex-direction: column;
gap: 5px 0;
padding: 10px 10px;
}
.blog-content-cta h2 {
font-size: 18px;
line-height: 24px;
text-align: center;
}
.blog-content-cta .open-popup {
margin: 0px auto;
padding: 0px 8px;
font-weight: 500;
font-size: 16px;
}
#new-tecgno .wrapper
{
flex-direction: column;
}
#main-menu .sub-menu {
max-height: 0;
overflow: hidden;
transition: max-height .3s ease;
}
#main-menu .menu-item.is-open > .sub-menu {
max-height: 500px; }
.header-verh-wrapper,
.headnww,
#new-tecgno .wrapper,
#faq,
.ch-wrapper {
width: 90%;
margin: 0px auto;
}
.breadcrumbs,
.portfolio .wrapper,
#last-cases .wrapper,
.fh-wrapper,
#blog-top,
#bloglist,
#blog-telo,
.news-categories,
.top-news-s,
.contacts
{
width: 90%;
}
#faqitems
{
width:100%;
}
.header-verh .yazuk {
width: 110px;
height: 59px;
margin: 0px 20px 0px auto;
}
.tehnologii-sozdaniya-saytov-webatom {
min-height: 52px;
}
#footer1 #logo-webatom
{
height:auto;
}
#footer1 #logo-webatom .webatom-logo-img {
margin: 10px 0px 0px 0px;
}
#header-niz-wrap
{
width:100%;
}
#logo-webatom {
height: 40px;
margin: 10px 0px 0px 10px;
}
.portfolio-link
{
width:100%;
}
.webatom-logo-img {
width: 40px;
height: 40px;
}
img.logo-img
{
width:100px;
}
#hederniz .header-svyaz
{
display:none;
}
#lastnews .wrapper
{
padding:0px;
}
.home #head-conteiner {
width: 60%;
}
#page-header h1 {
width: 95%;
}
#trusted-right #rs {
margin: 35px 25px 0px 0px;
}
#care-of .wrapper {
min-height: 625px;
}
#care-left h2
{
font-size: 55px;
line-height: 65px;
width:95%;
}
#iw-left #round h2 {
margin: 140px auto 0px auto;
}
#why-access h2 {
width: 62%;
}
#insurance-h2 {
width: 55%;
}
#iw-left #round {
width: 395px;
height: 395px;
}
#iw-right {
height: 395px
}
#iw-text {
width: 70%;
}
#mr-items ul li {
width: 30%;
min-width: 230px;
height: 100%;
min-height: 250px;
float: left;
margin: 0px 20px 0px 0px;
background: #FFFFFF;
padding: 20px 30px;
}
#mr-items #mr-str {
margin: 50px 0px 0px 0px;
}
#mr-items ul li #mr-text {
margin: 37% 0px 0px 0px;
}
.block-container .wrapper
{
padding:0px;
}
#we-offer h2 {
width: 90%;
}
#cena-sayta h2 {
width: 50%;
}
#service-description h2 {
width: 47%;
}
#what-items-2 li .what-img img {
height: 150px;
}
#accompanying-service #accompanying-h2 {
width: 50%;
}
#ourteam-e-mail {
font-size: 14px;
}
#certified-team h2 {
width: 50%;
}
#buildings-access-methods h2 {
width: 55%;
}
#top-rated h2 {
width: 65%;
}
.section.sh1
{
height:auto;
}
.s5__subtitle {
font: 17px/1.225 "tahoma_SemiBold";
}
} @media (max-width: 1300px) {
} @media (max-width: 1199px) {
.top__title {
font-size: 80px;
}
.sh1__list {
font-size: 20px;
}
.sh2__box {
height: 700px;
}
.s8bl1__box > *:nth-child(1) {
width: 100%;
}
.s8bl1__box > *:nth-child(2) {
width: 100%;
}
.s8bl1__text ul {
margin: 0 0 50px;
}
.sh3__box {
padding: 120px 0 120px;
}
.sh3__box .s8bl1__img {
justify-content: center;
margin: 80px auto  0;
max-width: 500px;
}
.sh4__box {
padding: 120px 0 120px;
}
.rtblock {
height: 80px;
font-size: 28px;
}
.sh5__box {
padding: 120px 0 120px;
}
.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;
}
.sh6__box {
padding: 120px 0 120px;
}
.sh6__title {
font-size: 50px;
}
.sh6__heading {
margin: 0 0 80px;
}
.sh6__list > * {
margin: 0 0 80px;
width: 45%;
}
.sh6-item__img {
margin: 30px 0 0;
}
.sh7__box {
padding: 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;
}
.sh8bl1__box {
max-width: none;
}
.sh8__box {
padding: 120px 0 0;
}
.sh8bl2 {
margin: 0 0 120px;
}
.sh8bl3__heading {
margin: 0 0 120px;
}
.sh10__box > *:nth-child(1) {
width: 100%;
}
.sh10__box > *:nth-child(2) {
width: 100%;
}
.sh10__box {
max-width: none;
}
.sh10-cm__text {
font-size: 22px;
}
.sh9__box {
padding: 100px 0;
}
.sh4__list_min {
font-size: 3vw;
}
.sh8bl3-plan4 ul {
margin: 0 auto;
width: 400px;
max-width: 100%;
}
.sh8bl3-plan4 ul li {
width: 100%;
border: 1px solid #000;
border-bottom-color: transparent;
}
.sh8bl3-plan4 ul li:last-child {
border-bottom-color: #000;
}
.sh8bl3-plan4 ul li:before {
transform: translate(0, -50%) rotate(90deg);
}
.sh8bl3 {
margin: 0 0 120px;
}
.sh10__box {
padding-bottom: 120px;
}
.header__box {
height: 90px;
}
.header__invite {
height: calc(100vh - 90px);
}
.sh5__block {
margin: 0 0 70px;
}
.s2-item__main {
opacity: 1;
}
.section > *:nth-child(2) {
width: 100%;
}
.sh11__item {
width: 15vw;
height: 15vw;
}
.sh8bl3-plan1__line {
display: none;
}
.sh8bl3-plan1__text {
display: block;
margin: 0 0 20px;
}
.sh8bl3-plan1__box {
margin: 0 auto;
max-width: 580px;
text-align: center;
}
.sh8bl3-plan1__box br {
display: none;
}
.sh8bl3-plan1__row {
display: block !important;
margin: 0 auto;
width: 150px;
height: 25px;
background: linear-gradient(to right, #0130f9 0%, #00ffff 50%, #74ff80 100%);
-webkit-clip-path: polygon(50% 100%, 25% 0, 75% 0);
clip-path: polygon(50% 100%, 25% 0, 75% 0);
transform: none;
}
.sh8bl3-plan2__box {
margin: 0;
}
.sh8bl3-plan2__box > *:nth-child(1) {
width: 100%;
}
.sh8bl3-plan2__box > *:nth-child(2) {
width: 100%;
}
.sh8bl3-plan2__list {
margin: 0;
}
.sh8bl3-plan2__text {
text-align: center;
}
.sh8bl3-plan2__list {
margin: 0 auto;
max-width: 400px;
}
.sh8bl3-plan1 {
font-size: 30px;
}
.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;
}
.s1__box {
padding: 70px 0;
}
.s3__items-box {
margin: 100px 0 110px;
}
.solution__box {
max-width: none;
}
.s3__box {
padding: 0 0 70px;
}
.s4bl1__box {
width: auto;
}
.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;
}
.full-width-max {
margin-left: -4vw !important;
margin-right: -4vw !important;
}
.full-width-left {
margin-left: -4vw !important;
}
.s8bl1__img {
justify-content: center;
margin: 50px 0 0;
}
.header__menu-btn_2 {
display: inline-flex;
margin: 0 10px 0 -10px;
width: 60px;
height: 60px;
}
.sh8bl3-plan {
display: flex;
flex-direction: column-reverse;
}
.sh8bl3-plan2 {
margin: 0;
}
.sh8bl3-plan1 {
margin: 0 0 30px;
}
.sh8bl3-plan3 {
margin: 0 0 50px;
}
.sh8bl3-plan4 {
margin: 0 0 50px;
}
.sh8bl3-plan__row_1 {
margin: 30px auto 0;
}
.sh8bl3-plan__row_2 {
margin: 0 auto 30px;
}
.sh8bl3-plan2__list {
display: none !important;
}
} @media (max-width: 991px) {
.sh1__box_1 > *:nth-child(1) {
width: 100%;
}
.sh1__box_1 > *:nth-child(2) {
margin: 0 0 30px;
width: 100%;
}
.top__title {
font-size: 70px;
}
.sh1__list {
font-size: 18px;
}
.sh1__title {
margin: 0 0 30px;
}
.sh1__box_1 {
padding: 170px 0 50px;
}
.sh1__box_2 > *:nth-child(1) {
width: 50%;
}
.sh1__box_2 > *:nth-child(2) {
width: 50%;
}
.sh1__box_2 {
height: 50px;
}
.sh2__img {
width: 75%;
}
.s7bl2__box > *:nth-child(1) {
margin: 0 0 50px;
width: 100%;
}
.footer__menu {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: 0;
width: 100%;
font-size: 20px;
}
.footer__menu li {
margin: 2px 5px;
}
.footer {
text-align: center;
}
.footer__contacts {
margin: 0 0 30px;
font-size: 20px;
}
.footer-form {
margin: 0 auto;
max-width: 280px;
}
.footer-logo {
margin: 0 0 30px;
}
.footer__socials {
justify-content: center;
}
.footer-logo__text {
margin: 15px 0 0 0;
font-size: 18px;
}
.footer-logo__img {
max-width: 280px;
}
.footer-form__input {
margin: 0 0 10px;
padding: 0 15px;
height: 50px;
font-size: 18px;
text-align: center;
}
.footer__socials a {
width: 30px;
height: 30px;
}
.footer__socials > * {
margin: 7px;
}
.sh10-cm__text {
padding: 34px 20px 20px;
font-size: 18px;
}
.sh10-cm > *:nth-child(3) {
width: 275px;
}
.sh10-cm {
margin: 0 0 15px;
}
.slink {
font-size: 18px;
}
.small-title {
font-size: 17px;
}
body {
font-size: 16px;
}
.header__box {
height: 70px !important;
}
.header__invite {
height: calc(100vh - 70px);
}
.header__mbtn-rows > * {
margin: 0 0 6px;
height: 3px;
}
.header__bc-star {
margin: 0 0.5em 0 0;
width: 2em;
}
.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;
}
.header__menu {
font-size: 6vw;
}
.header__invite-box > * {
width: 100%;
}
.header__invite-text {
margin: 0 auto 40px;
max-width: 500px;
font-size: 25px;
text-align: center;
}
.header-form {
margin: 0 auto;
max-width: 320px;
font-size: 20px;
text-align: center;
}
.header-form__input {
text-align: center;
}
.header-form__submit {
margin: 0;
}
.footer__menu ul {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: 5px 0 0;
}
.spage__box .sh9__list-box {
margin: 0 0 30px;
width: 50%;
}
} @media (max-width: 720px) {
} @media (min-width: 610px) {
.container-fluid.header__bg.header__bg_2 #mobil-main-menu
{
display:none;
}
} @media (max-width: 676px) {
.corscont
{
width:100%;
}
.crsv-t,
.vremya-r
{
width:100%;
font-size: 20px;
}
.cost-cont,
.vremya-r-o {
width: 300px;
}
@keyframes priceSlide{
0%{
left:0;
}
100%{
left:90px;
}
}
#domore-bg-img
{
width:100%;
font-size: 20px;
padding:0px;
}
#cena-dom-host,
.cena-razrabotki,
.cena-domrnahostinga,
#domore-content #cena-sayta-ot,
.cena-razrabotki .cors,
.cena-domrnahostinga .cors,
.cena-domena, .cena-hostinga
{
padding:10px;
}
.cena-right .tcrs
{
width: calc(100% - 20px);
margin:0px 10px;
}
#cena-sayta #cs-h2
{
flex-direction:column;
gap:20px;
}
.brief-cta,
.seo-cta
{
width:100%;
}
.cps-cost,
.cps-time
{
flex-direction:column;
}
.brief-cta-inner,
.seo-cta-inner,
.post-template-blog-page .blog-cta-inner{
flex-direction:column;
text-align:center;
}
.brief-page
{
width:100%;
margin: 90px auto 50px auto;
}
.brief-page .container {
padding: 0px 10px;
}
.brief-header h1 {
font-size: 33px;
line-height: 43px;
}
.brief-buttons
{
gap:10px;
}
.seo-tools
{
width:100%;
padding: 0px 10px;
margin: 100px auto 0px auto;
}
.seo-tools h1 {
font-size: 33px;
line-height: 43px;
}
h2.seotoolsh2
{
padding: 0px 10px;
font-size: 33px;
line-height: 43px;	
}
.seo-tab-content
{
padding:10px;
}
.seo-tools-link {
padding: 6px;
}
.seo-tabs {
margin: 20px 0;
border-bottom: none;
}
.tab-btn {
padding: 10px 20px;
border: none;
background: #eee;
cursor: pointer;
margin-right: 0px;
border-radius:5px;
width: 100%;
}
.heading-tree ul {
list-style-type: none;
padding-left: 20px;
border-left: 1px solid #ddd;
}
.heading-tree li {
margin: 4px 0;
}
.city-pages-list .wrapper,
.cpdt-wrapper
{
width:100%;
padding:0px 10px;
}
.city-pages-list .wrapper h2
{
width:100%;
}
.to-top
{
right:10px;
}
#footer-logo-webatom
{
margin:0px auto;
}
.bloglist li article .blogart-right,
ul.bloglist li .blogart-right .blog-link .blog-link,
section.city-head,
section.city-head #head-undertitle
{
width:100%;
}
section.city-head .header-bottons {
bottom: 10px;
}
section.city-head .atom-cont {
width: 100%;
height: 200px;
position: absolute;
right: 0;
top: auto;
bottom: 70px;
}
section.city-head #head-conteiner .smw {
left: 0px;
}
.ct-wrapper
{
width:100%;
padding:20px 20px 300px 20px;
}
section.city-head #head-conteiner {
position: relative;
width: calc(100% - 40px);
top: 130px;
margin: 0px 0px 0px 20px;
}
section.city-head #head-title h1 {
font-size: 33px;
line-height: 43px;
}
.bloglist li .blog-page-category
{
margin:5px 0px;
}
.bloglist li .blog-page-category ul {
gap: 15px;
flex-wrap: wrap;
margin:0px;
}
.header-verh .yazuk {
width: 78px;
}
.language-menu a {
padding: 4px 8px;
font-size: 13px;
}
.case-cta
{
width:100%;
padding:200px 20px 20px 20px;
background-position: 80px 30px;
}
.case-cta__actions
{
flex-direction:column;
width: 100%;
}
.case-cta__inner {
flex-direction: column;
align-items: flex-start;
}
.case-cta__title {
font-size: 26px;
}
.blog-post-navigation
{
width: 100%;
padding: 0px 20px;
}
#call-front .wrapper
{
flex-direction:column;
}
.atom-cont {
width: 100%;
height: 250px;
position: absolute;
right: 0;
top: 330px;
}
.atom {
width: 200px;
height: 200px;
perspective: 1500px;
margin: 0px auto;
}
.nucleus {
width: 70px;
height: 70px;
background-size: 50px;
}
.orbit {
width: 270px;
height: 200px;
}
.service-menu.sticky
{
top:60px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.09);
}
.admin-bar .service-menu.sticky {
top: 88px;
}
.top-news-list {
flex-direction:column;
}
.top-news-list li
{
width:100%;
}
ul.interestedul li.interestedli {
width: 100%;
flex: 0 0 100%;
}
.breadcrumbs
{
width:100%;
padding:10px;
margin: 65px 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%;
}
section#faq
{
padding:0px 10px;
}
#faq h2, #faq h1 {
width: 100%;
font-size: 40px;
line-height: 50px;
margin:20px 0px;
}
.top__title {
font-size: 60px;
}
.stext h3, .stext h4 {
font-size: 20px;
}
.sh2__text {
font-size: 18px;
}
.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;
}
.sh1__box_1 {
padding: 130px 0 50px;
}
.footer__menu {
font-size: 18px;
}
.footer__contacts {
font-size: 18px;
}
.top__title_map {
font-size: 45px !important;
}	
.contacts {
width: 100%;
margin: 90px auto 0px auto;
}
.contacts-img img {
height: 200px;
}
.contacts-header {
flex-direction: column;
}
.cont-left, .cont-right {
padding: 10px;
width: calc(100% - 0px);
}
#what-items-2 li .what-img img {
height: 160px;
}
#cena-sayta h2 span, #cs-h2 h2 span {
bottom: 20px;
}
#main-plot #mainp-right img {
width:100%;
}
.home header.section {
background: #FFF;
}
.header__box #logo-webatom {
float: left;
margin: 10px 20px 0px 0px;
}
.home #head-shedule button {
width: 100%;
}
.header-verh-wrapper
{
width:100%;
}
.contants-icon
{
width:35px;
height:35px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/call.svg) no-repeat center;
background-size:35px;
display:flex;
margin: 10px 0px 0px auto;
}
.all-contacts
{
display:none;
}
.all-contacts.activ-contacts
{
height:60px;
width: 100%;
display:flex;
position:absolute;
top:60px;
background:#FFF;
border-bottom:1px solid #66CB01;
padding:15px 10px;
gap:10px;
}
.all-contacts.activ-contacts #napisat
{
margin: 0px 0px 0px 0px;
}
.all-contacts.activ-contacts #header-tel {
margin: 0px 0px 0px auto;
}
.cabinet-icon
{
width:35px;
height:35px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/account.svg) no-repeat center;
background-size:35px; margin: 10px 0px 0px auto;
}
.menu-icon
{
width:35px;
height:35px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/menu-icon.svg) no-repeat center;
background-size:35px;
display:flex;
margin: 10px 10px 0px auto;	
}
#get-free-q {
left: calc(50% - 48%);
width: 96%;
top: 80px;
}
#get-free-q h2 {
font-size: 19px;
}
#get-free-q form button {
padding: 10px 0px;
}
#last-recommendation {
padding: 70px 0px 70px 0px;
margin: 0px 0px 50px 0px;
}
#last-recommendation h2
{
width:100%;
font-size: 47px;
line-height: 52px;
word-break: break-word;
}
#last-recommendation ul.lrul {
width: 100%;
padding-top: 600px;
padding-right: 90px;
background-size: 70px;
background-position: bottom 10% right 0px;
}
#last-recommendation ul.lrul li {
width: 30%;
float: left;
margin: 0px 5px 5px 0px;
}
li.lrli .large {
position: absolute;
left: 0%;
top: 15%;
width: 100%;
}
.lr-img2 {
width: 100%;
}
ul.lrul li #lr-img {
width: 100%;
}
.section.sh1
{
width:100%;
}
.home #head-conteiner {
height:590px;
width: 100%;
padding:0px 10px;
margin: 0px 0px 0px 0px;
top:100px;
position:relative;
}
.home #head-conteiner #head-shedule
{
position:absolute;
width:calc(100% - 20px);
bottom:10px;
}
li.serli .ser-block-title
{
font-weight:600;
background-position: 97% 15px;
}
li.stagesli .stages-img img {
height: 225px;
}
.home #head-undertitle {
font-size: 18px;
line-height: 22px;
width: 100%;
margin: 0px 0px 50px 0%;
}
.home #head-title {
width: 100%;
margin: 10px 0px 0px 0px;
}
.home #head-title h1
{
font-size: 27px;
line-height: 35px;
}
.home #head-conteiner .underh2line {
width: 100%;
margin: 0px 0px 30px 0px;
}
.ss-botton {
top: 480px;
right: -20px;
}
.rs-botton {
top: 400px;
right: auto;
left: 25px;
}
.ps-botton {
top: auto;
bottom: 140px;
right: auto;
left: 25px;
}
#webatom-benefits .wrapper,
#main-services .wrapper,
#getting-started .wrapper,
#stages .wrapper,
#last-cases .wrapper,
#for .wrapper,
#call-front .wrapper,
#we-understand .wrapper,
#lastnews .wrapper
{
padding: 50px 10px;
}
#faqitems
{
padding: 10px 0px;
}
ul.serlinksul,
#getting-started li.gsli,
ul.stagesul li.stagesli
{
flex-direction: column;
}
ul.serlinksul li,
ul.stagesul li .stli-first,
ul.stagesul li .stli-second,
li.stagesli:nth-child(even) .stli-first,
li.stagesli:nth-child(even) .stli-second,
ul.stagesul li .stages-button button
{
width: calc(100% - 0px);
}
#stages li.stagesli .stages-img {
margin: 0px 0px 0px 0%;
min-height: 280px;
}
li.stagesli .stages-img img
{
border-radius: 115px;
}
.underh2line
{
width:100%;
}
.header-bottons {
bottom: 140px;
right: 0px;
display: flex;
flex-wrap: nowrap;
gap: 10px;
width: 100%;
padding: 0px 10px;
z-index:3;
}
.rbtext,
.pbtext,
.pbtext
{
font-size:15px;
flex-wrap: nowrap;
text-align:center;
}
.smw {
left: 0px;
top: -20px;
}
.home .section.sh1 .smw
{
top:0px;
left: auto !important;
right: 10px;
}
#head-conteiner .smw {
left: 10px;
}
#main-services h3 {
font-size: 25px;
line-height: 35px;
margin:0px 0px 50px 0px;
}
.section.header #mobil-main-menu
{
opacity: 0;
visibility: hidden;
position:absolute;
}
.section.header.header__opened #mobil-main-menu
{
opacity: 1;
visibility: visible;
transition: transform 0.5s ease;
width:80%;
float:right;
background:#FFF;
right: -20px;
top: 70px;
background:#F7F7F7;
-webkit-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.1);
box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.1);
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
}
.section.header.header__opened #mobil-main-menu ul#menu-head-menu
{
display:block !important;
}
#mobil-main-menu #menu-head-menu
{
width:100%;
float:right;
margin:0px 0px 50px 0px;
}
#mobil-main-menu #header-tel
{
width:80%;
float:right;
margin:0px 10% 0px 10%;
padding:20px;
font-family: tahoma;
font-style: normal;
font-weight: 700;
font-size: 19.25px;
text-align:center;
line-height: 150%;
color: #E10714;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/tel-verh.svg) no-repeat left;
}
.header__box #logo {
float: left;
margin: 15px 20px 0px 0px;
}
#mobil-main-menu ul li ul.sub-menu
{
background:#ECECEC;
}
#mobil-main-menu ul li._opened a
{
color:#000;
font-weight:bold;
}
#page-header {
height: auto;
min-height:550px;
margin: 0px auto 0px auto;
padding: 0px;
max-width: 100%;
position:relative;
}
#header-button
{
position:absolute;
top:calc(100% + 310px);
width: 90%;
}
#page-header #page-header-top {
height: 550px;
width:100%;
margin:0px;
padding: 90px 20px 0px 20px;
position: relative;
}
#page-header h1 {
width: 100%;
font-size: 25px;
line-height: 32px;
margin: 0px 0px 20px 0px;
color: #8ed2fc;
}
#page-header #header-cena-ot
{
color: #5cc1fe;
}
#page-header #header-cena-ot {
margin: 0px 0px 0px 0px;
}
#page-header-top #down
{
left: 20px;
bottom: 100px;
}
#page-header #page-header-img
{
min-height:580px;
text-align:center;
padding:0px;
margin:0px;
}
#page-header #header-button button
{
width:100%;
padding:20px;
}
.service-menu
{
width:auto;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
gap: 12px;
flex-wrap: nowrap;
margin:0px;
}
.sm-wp
{
width:auto;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
gap: 12px;
flex-wrap: nowrap;
margin:0px;	
}
.sermenlink {
flex: 0 0 auto;
white-space: nowrap;
}
.portfolio {
padding: 20px 0px;
margin: 0px;
}
.portfolio .wrapper {
width: 100%;
max-width: 100%;
padding: 0px 10px;
}
.portfolio-head {
margin: 0px 0px 20px 0px;
background-size: cover;
}
.portfolio-head h1 {
font-size: 30px;
line-height: 40px;
margin: 0px;
}
.cases-filters {
margin: 0px 0px 20px 0px;
}
.case-item .zagolovok {
width: 100%;
padding: 20px 20px 0px 20px;
}
.case-item
{
flex-direction: column;
gap: 20px;
padding: 20px 0px;
position:relative;
}
#for .container
{
flex-direction:column;
}
.case-item .zagolovok h2 {
font-size: 30px;
line-height: 40px;
margin: 0px;
word-wrap: break-word;
overflow-wrap: break-word;
white-space: normal; 
}
.podrobnee,
.case-description {
width: calc(100% - 20px);
margin:0px auto;
}
.case-item .case-img {
width: 100%;
text-align:center;
}
.case-item .case-img picture img {
min-height: 220px;
width: 90%;
}
#case-head {
width: 100%;
margin: 20px auto 0px auto;
}
.case-head {
flex-direction: column;
padding: 10px;
}
#case-title {
padding: 10px;
margin: 0px 0px 20px 0px;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
}
#case-short-text h2
{
font-weight: 600;
}
.case-head-left {
width: calc(100% - 0px);
}
.case-head-right {
width: 100%;
}
ul.topbenul li .topben-text
{
font-family: tahoma;
font-weight: 600;
font-size: 20px;
line-height: 28px;
}
#care-right #care-h3 h3
{
font-size: 24px;
line-height: 34px;	
}
#care-right #care-text
{
font-weight: 500;
font-size: 22px;
line-height: 32px;	
}
#why-services #access-undertitle,
li.accessli .access-text,
#weoffer-items .wo-text,
.step-right .gs-text,
#serd-left
{
font-size: 22px;
line-height: 32px;	
}
#care-of .wrapper
{
padding: 50px 20px;
height: auto;
float: left;
width: 100%;
}
#care-left {
width: 100%;
float: left;
margin:0px 0px 50px 0px;
}
#care-left h2
{
width:100%;
font-size: 47px;
line-height: 50px;
}
#youtube-icon {
margin: 0px 20px 0px 0px;
}
#care-left #video-care button {
width: calc(100% - 72px);
height: 53px;
}
#care-right {
width: 100%;
float: right;
}
#why-access h2
{
width:100%;
font-size: 47px;
line-height: 52px;
}
ul.accessul {
width: 100%;
float: right;
}
li.accessli .accessitem-title
{
width:80%;
margin:10px 0px 0px 0px;
}
li.accessli .access-text
{
margin: 60px 0px 20px 0px;
width: 100%;
}
li.accessli .access-icon {
width: 100%;
float: right;
margin: 0px 0px 30px 0px;
}
li.accessli.active .right-s {
position: absolute;
height: 50px;
top: 20px;
right: 0px;
}
#insurance-cont
{
height: auto;
width:100%;
flex-direction:column;
gap:20px;
border-radius: 20px;
float: left;
background-size: 50px;
background-position: top 350px left 15px;
}
#insurance-h2 h2 {
width: 100%;
margin: 0px 0px 0px 0px;
}
#insurance-cont #insurance-img {
float: left;
width: 100%;
height: 340px;
overflow: hidden;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
#insurance-cont #insurance-img img {
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 0px;
}
#insur-right {
width: 100%;
float: right;
}
#insurance-h2 {
width: 90%;
margin: 60px 20px 54px 20px;
font-size: 28px;
line-height: 36px;
}
.trast-slider ul.trast-ul
{
margin:0px;
}
#insurance-text {
margin: 0px 20px 0px 20px;
}
#iw-left {
float: left;
width: 100%;
margin: 0px 0px 50px 0px;
}
#iw-left #round {
width:300px;
height:300px;
margin:0px auto;
}
#iw-left #round h2 {
margin: 30% auto 0px auto;
font-size: 26px;
line-height: 36px;
}
#iw-right {
float: right;
width: 100%;
transform: scale(-1, 1);
margin: 0px 21px 0px 0px;
}
#iw-text,
#warning-link,
#warning-link button {
width: 100%;
}
#we-offer h2 {
width: 100%;
font-size: 25px;
line-height: 32px;
}
#weoffer-items {
width: 100%;
float: left;
}
#weoffer-items li {
width: 100%;
float: left;
padding: 0px 20px 40px 0px;
}
#we-offer-link {
width: 100%;
float: left;
margin: 30px 0px 0px 0px;
}
#we-offer-link button
{
width:100%;
}
#logos
{
border-top:none;
}
ul.logul {
display:block;
}
ul.logul li {
margin: 0px 0px 30px 0px;
text-align: center;
line-height: 70px;
width: 50%;
float: left;
}
#last-blog-gallery {
padding: 70px 0px 70px 0px;
margin: 0px 0px 0px 0px;
}
#top-lbg h2,
.city-pages-list .wrapper h2,
.cpdt-wrapper h2 {
width: 100%;
font-size:47px;
line-height: 57px;
word-break: break-word;
}
.cpdt-text {
padding: 10px;
}
#lbg-items li:nth-child(1),
#lbg-items li:nth-child(1) img,
#lbg-items li:nth-child(2),
#lbg-items li:nth-child(2) img,
#lbg-items li:nth-child(3),
#lbg-items li:nth-child(3) img,
#lbg-items li:nth-child(4),
#lbg-items li:nth-child(4) img,
#lbg-items li:nth-child(5),
#lbg-items li:nth-child(5) img,
#lbg-items li:nth-child(6),
#lbg-items li:nth-child(6) img,
#lbg-items li:nth-child(7),
#lbg-items li:nth-child(7) img,
#lbg-items li:nth-child(8),
#lbg-items li:nth-child(8) img,
#lbg-items li:nth-child(9),
#lbg-items li:nth-child(9) img,
#lbg-items li:nth-child(10),
#lbg-items li:nth-child(10) img
{
width: 100%;
margin:0px;
}
#id_188 #page-header h1,
#id_188 #page-header #header-undertitle,
#serd-left {
width: 100%;
}
.sd-content
{
flex-direction:column;
}
ul.interestedul button.slick-prev,
ul.interestedul button.slick-next
{
top:10px;
}
#service-description h2
{
width: 100%;
font-size: 40px;
line-height: 50px;
}
#serd-right {
width: 100%;
float: right;
padding: 40px 0px 0px 0px;
}
#cena-sayta.block-container .wrapper
{
width:100%;
padding:0px 10px;
}
#cena-sayta h2 {
width: 100%;
font-size: 33px;
line-height: 43px;
}
#accompanying-service #accompanying-bg-img {
width: 100%;
padding:0px 10px;
}
#accompanying-service #accompanying-bg-img img {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#domore-content #domore-bg-img img
{
min-height:450px;
object-fit: cover;
}
#domore-content {
flex-direction: column;
}
#domore-content #domore-bg-img {
min-height: 300px;
width: 100%;
margin:0px 0px 30px 0px;
}
#domore-content .cena-right {
width: 100%;
padding: 0px 0px 50px 0px;
position: relative;
}
#domore-content #domore-link {
left: 0px;
bottom:-20px;
width: 100%;
}
#domore-content #domore-link button {
width: 100%;
}
#domore-content #domore-img-title h3,
#cena-dom-host h3,
.cena-razrabotki h3,
.cena-domrnahostinga h3 {
font-weight: 600;
font-size:22px;
}
.pcss-icon
{
width: 300px;
padding: 5px 10px;
margin:0px;
}
.pcss-icon span {
margin: 0px auto;
}
#domore-content #cena-sayta-ot,
.cena-razrabotki .cors,
.cena-domrnahostinga .cors,
.cena-domena, .cena-hostinga
{
flex-direction:column;
}
#domore-text #dtex {
width: 80%;
}
#domore-text {
width: 100%;
float: left;
margin: 330px 0px 50px 0px;
position: relative;
}
#domore-content #domore-img-title h3
{
width: 90%;
margin: 0px auto;
font-size: 27px;
line-height: 36px;
}
#main-plot #mainp-left {
width: 100%;
height: auto !important;
padding:0px 0px 50px 0px;
order: 2;
}
#mainpl-link,
#mainpl-link button
{
width:100%;
}
#main-plot #mp-cont
{
width:100%;
height:auto !important;
flex-direction:column;
}
#serd-left
{
padding:0px;
}
#main-plot #mainp-left h2
{
font-size: 40px;
line-height: 50px;
padding:10px;
}
#main-plot #mainp-left #mainpl-text
{
padding:10px 10px 450px 10px;
}
#main-plot #mainp-left h2,
#main-plot #mainp-left #mainpl-text,
#serd-left #serdes-link button
{
width:100% !important;
}
#what-left {
width: 100%;
float: left;
}
#str-right {
width: 145px;
height: 100px;
float: left;
margin: 30px 0px 50px 0px;
transform: rotate(90deg);
}
#id_309 #what-text-left
{
width:calc(100% - 145px);
float:right;
}
#main-plot #mainp-right {
width: 100%;
height: auto;
overflow: hidden;
order: 1;
}
#what-right {
width: 100%;
float: right;
padding: 0px 0px 0px 0%;
}
#what-items-2 li {
width: 50%;
}
#id_309 #cena-sayta h2 {
width: 100%;
}
#difference #difference-h2 h2 {
width: 100%;
}
#difference #difference-h2 h2 {
width: 100%;
text-align: left;
}
#accompanying-service #accompanying-bg-img {
width: 100%;
}
#accompanying-service #accompanying-bg-img img {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#dif-items li #dif-img {
float: left;
width: 115%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 50px -25%;
}
#dif-items li #dif-img img
{
-webkit-border-top-right-radius: 200px;
-webkit-border-bottom-right-radius: 200px;
-moz-border-radius-topright: 200px;
-moz-border-radius-bottomright: 200px;
border-top-right-radius: 200px;
border-bottom-right-radius: 200px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
#dif-items li #dif-img2 {
float: right;
width: 115%;
padding: 0px 0px 0px 0px;
margin: 0px -25% 50px 0px;
}
#dif-items li #dif-img2 img
{
-webkit-border-top-left-radius: 200px;
-webkit-border-bottom-left-radius: 200px;
-moz-border-radius-topleft: 200px;
-moz-border-radius-bottomleft: 200px;
border-top-left-radius: 200px;
border-bottom-left-radius: 200px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
#serd-right #serdes-link button {
width: 100%;
}
#call-now .wrapper
{
padding: 50px 0px 0px 0px;
}
#header-button {
top: calc(100% + 620px);
}
#dynamic-cont li #dynli-left {
width: 100%;
float: left;
}
#dynamic-cont li #dyn-title,
#dynamic-cont li #dyn-text,
#dynamic-cont li #dynli-right
{
width:100%;
}
#id_572 #trusted .wrapper,
#trusted #bottom-title
{
border-top:none;
}
#trusted #bottom-title
{
margin:0px;
}
#trusted #bottom-title h3 {
width: 100%;
margin: 0px 0% 0px 0px;
}
li.faqpage-li {
width: 100%;
float: left;
margin: 0px 0px 50px 0px;
}
.faqpage-question,
.faqpage_answer
{
width:100%;
}
#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%;
flex-direction:column;
}
.bloglist li {
width: 100%;
padding: 0px 0% 10px 0px;
position: relative;
flex-direction:column;
}
.sh9-article,
.newshead-left {
flex-direction:column;
}
ul.bloglist li .blog-link-img {
width: 100%;
height: 200px;
}
.bloglist li .blog_img {
max-height: 200px;
width:100%;
}
.bloglist li .art-bottom {
padding: 0px;
width: 100%;
}
ul.bloglist li .blogdate {
bottom: 11px;
font-size:12px;
}
#news-categories .s26__tags ul#ullicatnews
{
flex-wrap:wrap;
}
.bpt-left {
width: calc(100% - 0px);
}
.bpt-right {
width: 100%;
}
.top-news-s {
margin: 0px auto 0px auto;
padding: 0px 10px;
width: 100%;
max-width: 100%;
}
#top-news {
padding: 10px
}
#must-read {
width: 100%;
height: auto;
padding:0px;
}
#must-read .wrapper {
flex-direction:column;
padding: 0px 10px;
}
#must-read #mr-title {
width: 100%;
float: left;
margin:0px 0px 20px 0px;
}
#must-read #mr-title h2 {
margin: 20px 0px 0px 0px;
}
#must-read #mr-contetn {
width: 100%;
margin: 0px 0px 0px 0px;
}
#must-read #mr-contetn ul {
margin: 0px;
}
#must-read #mr-contetn ul li {
width: 100%;
padding: 0px 0% 40px 0px;
}
#mr-contetn ul li .blog-img {
position: relative;
float:none;
width: 70px;
height: 70px;
}
.blog-article
{
display:flex;
flex-wrap:wrap;
gap:10px;
flex-direction:column;
}
.top-news-img {
width: 100%;
}
#top-news ul li .blar-right {
width: calc(100% - 0px);
}
#mr-contetn ul li .blog-img img {
width:70px;
height:70px;
}
#mr-contetn ul li .blar-right
{
position:relative;
width: calc(100% - 80px);
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
#mr-contetn ul li .blogdate
{
text-align: right;
order: 2;
}
#mr-contetn ul li .blog-title {
margin: 0px 0px 0px 0px;
order: 1;
}
.block-container .wrapper
{
padding:0px 10px;
}
.news-template-news-page .breadcrumbs {
margin: 100px auto 0px auto;
}
#blog-telo {
margin: 50px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 90%;
max-width: 90%;
}
#blog-telo-left {
width: 100%;
float: left;
}
.blog-page-category {
width: 100%;
float: right;
margin: 30px 0px 30px 0px;
text-align: right;
}
#blog-post-top h1,
#blog-telo-left #blog-page-content h2 {
width: 100%;
font-size:26px;
line-height:36px;
}
#blog-contact .wrapper {
margin: 0px auto;
width: 90%;
max-width: 90%;
padding: 0px 0px;
}
#blog-contact #bc-left {
width: 100%;
float: left;
padding: 35px 0px 35px 35px;
}
#blog-contact #bc-right {
width: 100%;
float: right;
}
#bc-left h2 {
font-size: 44px;
line-height: 57px;
}
#bc-left #bc-tel {
font-size: 30px;
margin: 0px 0px 50px 0px;
}
#bc-left #bc-location,
#bc-left #bc-shedule,
#bc-left #bc-mail
{
margin: 0px 0px 15px 0px;
}
#blog-telo-right {
display: none;
}
#news-sidebar {
width: 100%;
float: right;
}
#news-categories,
#top-news
{
width:100%;
}
.news-categories {
margin: 0px auto 0px auto;
padding: 0px 10px 0px 10px;
width: 100%;
max-width: 100%;
}
#news-categories {
width: 100%;
padding: 10px;
}
#our-winning-team h2
{
font-size: 47px;
line-height: 57px;
color: #000000;
width: 100%;
margin: 0px 0px 70px 0px;
}
#ourteam-items {
padding: 0px 0px 0px 0px;
background: none;
width: 100%;
}
ul.ourteam-ul li {
width: 100%;
margin: 0px 0px 40px 0%;
}
#header-button {
bottom:15px;
top:auto;
}
#id_734 #page-header #header-button button
{
width:calc(100% - 75px);
font-size: 12px;
padding:15px 0px;
}
#certified-team h2 {
width: 100%;
font-size: 47px;
line-height: 57px;
}
#certified-team-items li {
width: 100%;
margin: 0px 0px 50px 0px;
float: left;
height: auto;
}
#certified-team-items li #certeam-item-op {
float: left;
width: 100%;
}
#certified-team-items li #certeam-img {
max-height: 380px;
overflow: hidden;
float: right;
width: 100%;
}
#certified-team-items li #certeam-img img {
min-height: 360px;
}
li #certeam-item-op #certeam-title,
li #certeam-item-op #certeam-text {
width: 100%;
}
#to-exceed #ex-left {
width: 100%;
float: left;
}
#to-exceed #ex-left h2 {
width: 100%;
margin: 0px 0px 50px 0px;
font-size: 47px;
line-height: 57px;
}
#to-exceed #ex-text {
width: 100%;
}
#to-exceed #ex-right {
width: 100%;
float: right;
}
#to-exceed #ex-right img {
margin: 30px 0px 0px 0px;
width: 100%;
}
#compliance h2 {
width: 100%;
}
#comp-item li #comp-numb {
margin: 0px 0px 0px 20px;
width: 100%;
float: left;
font-size: 69px;
line-height: 56px;
}
#comp-item li #comp-op {
width: 90%;
float: right;
}
#comp-item li {
width: 100%;
padding: 30px 30px 100px 30px;
margin: 0px 0px 50px 0px;
background: #F9F9F9;
border: 1px solid #929292;
border-radius: 20px 20px 20px 200px;
float: left;
}
#comp-item li #comp-link {
padding: 10px 0px 20px 45px;
width: 100%;
word-break: break-all;
}
#accompanying-service #accompanying-h2 {
width: calc(100% - 0px);
margin:200px 0px 0px 0px;
}
#comp-item li #comp-text {
width: 100%;
margin: 35px 0px 30px 0px;
}
#buildings-access-methods h2 {
width: 100%;
font-size: 47px;
line-height: 57px;
}
#access-items li #access-item-op {
width: 100%;
float: left;
}
#access-item-op #access-title {
width: 100%;
}
#access-item-op .access-text {
width: 100%;
}
#access-items li #waccess-img {
float: right;
width: 100%;
max-height: 380px;
overflow: hidden;
}
#access-items li #waccess-img img {
width: 100%;
min-height: 350px;
}
#access-items li:nth-child(even) #access-item-op {
float: right;
width: 100%;
}
#access-items li {
width: 100%;
margin: 0px 0px 70px 0px;
float: left;
}
#top-rated h2 {
width: 100%;
font-size: 47px;
line-height: 57px;
}
#top-rated #toprated-unertitle {
width: 100%;
}
.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;
}
.ant-carousel-hider {
overflow: hidden;
width: 100%;
float: right;
margin: 0px 0% 0px 0px;
}
div.ant-carousel-arrow-left, div.ant-carousel-arrow-right {
position: absolute;
cursor: pointer;
opacity: 0.6;
z-index: 2;
display: block;
top: 390px;
}
#accompanying-service #accompanying-link {
width: calc(100% - 0px);
margin: 0px 0px 0px 0px;
}
#main-plot .wrapper
{
padding:0px 10px;
}
#accompanying-service #accompanying-link button
{
width:100%;
}
#accompanying-service #accompanying-h2 h2
{
font-size: 29px;
line-height: 36px;
width: 80%;
}
#accompanying-service #acccont {
height:auto;
padding:0px 10px;
position: relative;
min-height: 370px;
display: flex;
flex-direction: column;
gap: 30px;
}
#accompanying-service #accompanying-down
{
display:none;
}
#what-get h2 {
width: 100%;
font-size: 33px;
line-height: 43px;
}
#what-items li {
position: relative;
height:auto;
flex-direction:column;
width: 100%;
overflow:hidden;
}
#what-items li .what-right {
width: calc(100% - 0px);
padding: 10px;
}
#what-items li .what-title {
font-weight: 600;
font-size: 25px;
line-height: 40px;
}
#what-items li .what-text {
text-align: justify;
}
#what-items li .what-img
{
min-width: 300px;
width:100%;
min-height: 398px;
float: left;
}
#what-items li .what-img img {
width: 100%;
height: 360px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 0px;
}
#what-items li #what-text {
width: 90%;
float: left;
margin: 130px 0px 0px 0px;
font-size: 28px;
line-height: 36px;
left: 20px;
bottom: 20px;
position:relative;
}
#what-items li #what-icon {
width: 56px;
height: auto;
position: absolute;
left: 20px;
top: 420px;
}
#whyus-benefits ul.topbenul li {
width: 100%;
float: left;
margin: 0px 0px 35px 0px;
}
#page-header #page-header-img img
{
object-fit: cover;
min-height:225px;
}
#page-header #header-undertitle
{
width:100%;
margin: 0px 0px 20px 0px;
font-size: 18px;
line-height: 28px;
}
.home #head-img {
position: absolute;
left: -15%;
top: 0px;
width: 170%;
height: 100%;
}
.home #head-img img
{
min-height:700px;
object-fit: cover;
}
#mobil-main-menu ul li._opened ul.sub-menu li a
{
color: #929292;
}
.header > *:nth-child(2) .container-fluid {
padding-left: 0px !important;
padding-right: 0px !important;
}
.header__opened
{
background:#FFF;
}
.header > *:nth-child(2)
{
border-bottom:none;
}
.header > *:nth-child(2)
{
width:100%;
}
.header > *:nth-child(2) .container-fluid {
width: 90%;
}
#hederniz,
#trusted .wrapper,
#we-understand .wrapper,
#for .wrapper,
#main-services .wrapper,
#call-front .wrapper,
#new-tecgno .wrapper,
#choose .wrapper,
#getting-started .wrapper,
#stages .wrapper,
#reviews .wrapper,
#property .wrapper,
#call-now .wrapper,
#faqitems,
#lastnews .wrapper,
footer.section div.container-fluid,
.block-container .wrapper,
#webatom-benefits .wrapper,
#last-cases .wrapper,
#for .wrapper,
#faq
{
width: 100%;
}
#hederniz {
height:0px;
background: none;
border-bottom: none;
overflow:hidden;
}
#hederniz #my-view
{
display:none;
}
#hederniz #my-view.activ-myview
{
display:flex;
position:absolute;
top:70px;
right:0px;
width:200px;
}
#hederniz #my-view.activ-myview #view {
right: 15px;
}
#hederniz #main-menu
{
display:none;
}
#hederniz #main-menu.activ-menu
{
display:flex;
position:absolute;
right:0px;
top:61px;
width:50%;
background:#4197CB;
}
#hederniz #main-menu.activ-menu ul#menu-head-menu{
width:100%;
display:flex;
flex-direction:column;
margin:0px;
padding:0px;
gap:0px;
}
#hederniz #main-menu ul {
width: 100%;
gap: 0px;
}
#hederniz #main-menu.activ-menu ul#menu-head-menu li{
width:100%;
}
#hederniz #main-menu ul {
flex-direction: column;
z-index:3;
}
#main-menu .sub-menu
{
min-width:auto;
}
.bordered-links a
{
display:block;
border-bottom:1px solid #FFF;
}
#webatom-benefits .wrapper ul.benul
{
width:100%;
flex-direction:column;
}
#trusted .wrapper
{
border-top:none;
padding: 50px 10px;
}
.header__box > div:nth-child(1) {
display: flex;
align-items: center;
float: right;
margin:15px 0px 0px 0px;
}
.header {
height: 60px;
border-bottom: 1px solid #B0B0B0;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.09);
}
.section.sh1 {
height:auto;
min-height: 660px;
}
ul.benul
{
flex-direction:column;
gap:40px 0px;
}
li.benli {
width: 100%;
}
.ben-text {
margin: 0px auto;
}
#serd-left #serdes-link a
{
width:100%;
}
#tr-first {
width: 100%;
height: auto;
flex-direction:column;
}
#trusted .underh2line
{
width: 100%;	
}
#trusted #trusted-left
{
width:100%;
padding:0px;
margin:50px 0px 70px 0px;
}
#trusted #trusted-right
{
width:100%;
padding:0px 0px 50px 0px;
margin:0px 0px 50px 0px;
border-bottom: 1px solid #B0B0B0;
}
#trusted-right button.slick-prev {
right: auto;
left: 0px;
}
#trusted #trusted-right ul li img,
.trast-slid-text
{
margin:0px auto 30px auto;
}
#trusted #trusted-right ul li img
{
width:90%;
}
.trast-slid-text
{
width:90%;
}
#tr-secont
{
border-top:none;
}
h2.sectionh2 
{
font-size: 33px;
line-height: 43px;
}
.ci-left, .ci-right
{
width: 100%;
}
.case-image
{
text-align:center;
}
.case-image img
{
width:calc(100% - 20px);
}
#trusted #trusted-left h2,
#for h2,
#faq h2,
#lastnews #topnews h2
{
font-size: 33px;
line-height:43px;
width:100%;
}
#for #for-text p {
width: 100%;
margin: 0px 0px 40px 0px;
}
#trusted #trusted-left #trusted-undertitle
{
margin:0px;
width: 100%;
font-size: 22px;
line-height: 31px;
}
#trusted-right #cc {
width: 115px;
height: 60px;
}
#trusted-right #de {
width: 155px;
height: 30px;
margin: 10px 0px 21px 0px;
}
#trusted-right #ma {
width: 115px;
height: 20px;
margin: 60px 2% 0px 0px;
}
#trusted-right #fs {
width: 115px;
height: 60px;
margin: 35px 2% 0px 0px;
}
#trusted-text p {
font-size: 25px;
line-height: 39px;
width: 100%;
}
#trusted-right #ma {
width: 121px;
height: 22px;
margin: 60px 7% 0px 0px;
}
#trusted-right #rs {
margin: 35px 0px 0px 0px;
}
#trusted-right #bhs {
width: 80px;
height: 85px;
background: url(https://webatom.com.ua/wp-content/themes/webatom/assets/img/bhs.svg) center no-repeat;
background-size: cover;
float: left;
margin: 35px 15px 0px 0px;
}
#trusted-right #fs {
width: 115px;
height: 60px;
margin: 35px 10% 0px 0px;
}
#trusted-right #ap {
width: 60px;
height: 60px;
}
#trusted-right #hal {
width: 90px;
height: 70px;
margin: 20px 0px 0px 0px;
}
#trusted-text {
width: 100%;
float: left;
margin: 0px 0px 0px 0px;
padding: 30px 30px 185px 30px;
font-size: 32px;
line-height: 36px;
-webkit-border-radius: 20px;
-webkit-border-bottom-right-radius: 282px;
-moz-border-radius: 20px;
-moz-border-radius-bottomright: 282px;
border-radius: 20px;
border-bottom-right-radius: 282px;
}
#we-understand .weli
{
width:100%;
margin: 0px 20px 20px 0%;
flex-direction: column;
}
#we-understand .weli .we-right {
width: 100%;
padding: 0px 20px;
}
#we-understand .weli .we-img {
float: left;
width: 100%;
}
#we-understand .weli .we-img img
{
width:100%;
min-height:100%;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
#we-understand .weli #we-icon {
position: absolute;
left: 35px;
top: 490px;
}
#we-understand .weli .we-title {
width: 100%;
margin: 90px 0px 30px 0%;
font-size: 28px;
line-height: 36px;
padding: 0px;
text-align: center;
font-weight:600;
}
#we-understand .weli .we-text {
width: 100%;
margin: 0px 0px 60px 0%;
}
#for h2 p
{
width: 90%;
font-size: 47px;
line-height: 52px;
}
#for #for-text {
width: 100%;
padding:0px;
}
#for #for-img {
width: 100%;
float: right;
padding:0px 0px 50px 0px;
}
#for #for-img img {
width: 99%;
height: auto;
float: right;
-webkit-border-radius: 20px;
-webkit-border-top-right-radius: 282px;
-moz-border-radius: 20px;
-moz-border-radius-topright: 282px;
border-radius: 20px;
border-top-right-radius: 282px;
}
#main-services h2 {
width: 100%;
font-size:33px;
line-height:40px;
}
#main-services li.serli {
width: 100%;
float: left;
padding: 0px 0% 50px 0px;
}
#call-front .left {
width: 100%;
padding: 20px;
background:#4197CB;
background: linear-gradient(to right bottom, #2F85B7, #4197CB, #54C0FF);
margin: 0px 0px 50px 0px;
border-radius:20px;
}
.tehnologii-sozdaniya-saytov-webatom {
min-height: 55px;
}
#call-front .left h2 {
width: 100%;
margin: 0px 0px 0px 0px;
font-size: 33px;
line-height: 40px;
}
#call-front .left .underh2 {
width: 100%;
margin: 30px 0px;
}
#call-front .left .calfront-text {
margin: 0px 0px 0px 0px;
}
#call-front .left h2,
#call-front .left .calfront-text,
#call-front .right,
#new-tecgno #technoleft,
#new-tecgno h2,
#getting-started h2,
.step-right .gs-title {
width: 100%;
}
#call-front .right #cal-right
{
-webkit-border-radius: 20px;
-webkit-border-top-right-radius: 282px;
-moz-border-radius: 20px;
-moz-border-radius-topright: 282px;
border-radius: 20px;
border-top-right-radius: 282px;
}
#call-front .right #cal-right h3
{
font-size: 33px;
line-height: 53px;
}
#call-front .right .callfront-tel
{
font-family: tahoma;
font-size: 33px;
line-height: 31px;
}
#call-front .right .tel24-7
{
}
#new-tecgno #technoimg {
width: 100%;
height: auto;
min-height: 368px;
}
#new-tecgno #technotext {
width: calc(100% - 0px);
margin: 0px 0px 0px 0%;
padding: 0px;
}
#new-tecgno h2
{
margin: 0px 0px 30px 0px;
font-size: 33px;
line-height: 40px;
}
#new-tecgno #technotext div.nttext
{
font-size: 16px;
}
#new-tecgno
{
height:auto;
display: flex;
margin:0px 10px;
}
#choose-items #choose-item1, #choose-items #choose-item2, #choose-items #choose-item3, #choose-items #choose-item4 {
width: 100%;
float: left;
padding: 20px 20px 50px 20px;
}
#choose #wy button {
width: 100%;
}
#getting-started li.gsli .gs-step
{
width: calc(100% - 20px);
padding: 20px 0px 20px 20px;
}
#getting-started #gs-button button
{
width:100%;
}
#getting-started li.gsli .step-right {
width: 100%;
float: left;
padding: 20px;
}
#getting-started h2
{
font-size: 33px;
line-height: 43px;	
}
.step-right .gs-title
{
font-size: 28px;
line-height: 38px;
}
#stages h2 {
width: 100%;
margin: 0px 0px 0px 0px;
font-size: 33px;
line-height: 43px;
}
ul.stagesul li #stli-first {
width: 100%;
float: left;
margin:0px 0px 50px 0px;
}
ul.stagesul li #stages-number {
width: 100%;
height: 100px;
float: left;
padding: 50px 0px 0px 0px;
margin: 0px 0px 20px 0px;
}
ul.stagesul li #stages-title {
width: 100%;
float: left;
padding: 10px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}
ul.stagesul li #stages-text {
width: 100%;
float: left;
padding: 10px 0px 0px 0px;
}
ul.stagesul li #stli-second {
width: 100%;
float: right;
margin: 0px 0px 0px 0%;
overflow:hidden;
}
#stages li.stagesli #stages-img {
float: left;
width: 100%;
margin: 0px 0px 0px 0%;
min-height: 318px;
}
ul.stagesul li.stagesli
{
margin: 0px 0px 50px 0px;
}
ul.stagesul li .stages-title
{
font-weight:600;
font-size:28px;
}
ul.stagesul li .stages-text {
text-align: justify;
line-height: 27px;
}
.case-title {
width: calc(100% - 20px);
margin:0px auto;
font-weight: 400;
font-size: 21px;
line-height: 30px;
}
#may-be-interested .wrapper
{
padding:0px 20px;
}
#may-be-interested h2.interestedh2 {
width: 100%;
font-size: 33px;
line-height: 43px;
}
.cr-f {
width: calc(100% - 0px);
}
.cr-s {
width: calc(100% + 0px);
}
.napisat2 {
width:160px;
flex-direction: row;
margin: 40px auto;
}
li.stagesli:nth-child(even) #stli-first {
width: 100%;
float: right;
margin:0px 0px 50px 0px;
}
li.stagesli:nth-child(even) #stli-second {
width: 100%;
float: left;
margin: 0px 0% 0px 0px;
overflow:hidden;
}
li.stagesli:nth-child(even) #stli-second #stages-img
{
float: right;
width: 100%;
margin: 7px 0% 0px 0%;
min-height: 318px;
}
li.reviewsli #rev-left {
width: 100%;
float: left;
}
li.reviewsli #rev-right {
width: 100%;
float: right;
padding: 25px 30px 25px 30px;
}
li.reviewsli #rev-right #reviews-text
{
margin:0px 0px 40px 0px;
}
li.reviewsli #rev-right #reviews-name
{
margin:0px 0px 20px 0px;
}
li.reviewsli #rev-right #reviews-job-title
{
margin:0px 0px 60px 0px;
}
#trusted
{
padding:0px 0px 70px 0px;
}
#reviews .btn-wrapper {
width: 100px;
height: 50px;
bottom: 25px;
left: 13px;
position: absolute;
}
#reviews .btn-wrapper button.btn-next {
padding: 20px 100px 20px 20px;
font-family: 'Montserrat-Semibold';
font-size: 24px;
line-height: 25px;
}
#property .wrapper
{
padding: 50px 0px;
}
#prop-img {
width: calc(100% - 20px);
min-height: 200px;
height: auto;
margin:0px auto;
}
footer.section div.container-fluid {
padding: 10px 10px 0px 10px !important;
}
#footer1 #footer-logo-webatom .webatom-logo-img {
margin: 10px 0px 0px 0px;
}
#prop-text {
width: calc(100% - 0px);
padding: 10px;
float: right;
column-count: 1;
margin: 0px 0px 0px 0px;
}
#call-now
{
margin:0px 0px 50px 0px;
}
#call-now #call-left {
width: 100%;
margin: 0px 10px 50px 10px;
height: auto;
padding: 0px 0px 80px 0px;
}
#call-now #call-left h2 {
width: 75%;
margin: 50px 0px 0px 50px;
font-size: 26px;
line-height: 36px;
}
#call-now #call-right {
width: calc(100% - 0px);
height: auto;
padding:0px 0px 30px 0px;
margin:0px 10px;
flex-direction:column;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
gap:30px;
}
#call-now #call-right h3 {
font-size: 50px;
margin:20px auto 0px auto;
}
#call-now #call-tel {
font-size: 33px;
line-height: 31px;
margin:0px auto;
}
#call-now #call24-7 {
width: calc(100% - 50px);
margin:0px auto;
}
#accompanying-service .wrapper
{
padding:0px 0px;
}
#lastnews #topnews {
min-height: 255px;
}
#topnews #allnews {
width:200px;
position: absolute;
left: auto;
bottom: 10px;
}
#lastnews #front-blog-items li {
flex-basis: 100%;
margin: 0px 0% 30px 0px;
float: left;
background: #FFFFFF;
}
#footer1, #footer4 {
width: 100%;
}
#footer2, #footer3 {
width: 100%;
margin:0px;
}
#bigapple-view .footer-cabinet,
#shedule-visit button {
width: 100%;
margin: 0px auto;
}
.footer-logo {
margin: 0 0 30px;
width: 90%;
margin: 0px 30% 25px 0px;
}
#footer2 li, #footer3 li
{
text-align:left;
width:100%;
padding:0px 20px 0px 0px;
}
#menu-footer-services li, #menu-footer-menu-2 li {
height: auto;
}
#footer-call,
#footer-shedule,
#footer-mail {
width: 90%;
padding:5px 0px 0px 30px;
margin: 0px 5% 10px 5%;
text-align: left;
}
#shedule-visit, #bigapple-view
{
width:100%;
}
#footer-soc
{
float:left;
position:relative;
width:100%;
margin:30px 0px 0px 0px;
}
#footer-bottom {
flex-direction:column;
padding: 40px 0px;
border-top: 1px solid #C4C4C4;
min-height: 250px;
height:auto;
width:100%;
position: relative;
}
#footer-bottom #copirr {
position: relative;
width: 100%;
margin: 0px 0px 40px 0px;
}
#footer-bottom #lonstern {
width: 70%;
margin: 0px 15% 100px 15%;
position: relative;
left: 0;
}
#footer-bottom #lonstern #lonstern-logo {
float: right;
margin: 0px 0px 0px 0px;
}
#footer-poli #pol,
#footer-poli #term,
#footer-poli #cookies {
float: left;
width:100%;
text-align:center;
margin: 0px 0% 0px 0px;
}
#footer-bottom #footer-poli {
flex-direction:column;
position: relative;
top: 0px;
right: 0px;
width: 100%;
margin: 0px 0px 0px 0px;
}
#webatom-benefits ul.benul li {
width: 100%;
margin:0px 0px 0px 0px;
}
header .header__left-box.header__bg.header__bg_1
{
display:none;
}
.front-top
{
width: 86%;
}
.section.s2 > *:nth-child(1)
{
display:block;
}
#lastblog .wrapper h2, #testimotional h2 {
font: 34px/1.6 "Asgard-FitMedium";
}
#lastblog #front-blog-items li {
width: 100%;
margin: 0px 0% 60px 0px;
}
#lastblog #front-blog-items li #front-blog-img img
{
width:90%;
}
#lastblog #front-blog-items li #front-blog-img {
text-align: center;
}
.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%;
}
#faqitems, #getconent {
width: 100%;
}
.faq-question {
width: 82%;
padding: 10px 0% 10px 0px;
margin: 0px 0px 10px 0px;
}
.faq_answer {
width: 100%;
padding: 10px 0px 10px 0%;
font-size:18px;
font-weight:600;
line-height:26px;
}
.whyus-head
{
width: 100%;
}
#whyus-benefits .wrapper,
#service-description .wrapper,
#what-get .wrapper
{
padding: 0px 10px;
}
#whyus-benefits h2 {
font-size: 33px;
line-height: 50px;
}
.whyus-head {
margin: 60px auto 0px auto;
}
.whyus-head-wrapper #page-header-top {
padding: 20px;
}
.whyus-head-wrapper #page-header-top h1 {
font-size: 28px;
line-height: 38px;
}
#why-ulli ul li {
color: #ffffff;
}
#footer1 #logo-webatom {
height: 80px;
width: calc(100% - 20px);
}
} @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;
}
.full-width-max {
margin-left: -15px !important;
margin-right: -15px !important;
}
.full-width-left {
margin-left: -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;
}
.sh6__title {
font-size: 30px;
}
.sh6__heading {
margin: 0 0 50px;
}
.sh6__list > * {
width: 48%;
}
.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__box {
padding-bottom: 0;
}
.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;
}
.sh8bl1__ltitle {
font-size: 35px;
}
.sh8bl1__rtitle {
font-size: 18px;
}
.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;
}
.sh8bl3-plan__title {
font-size: 25px;
}
.sh8bl3-plan4 {
font-size: 18px;
}
.footer__menu {
font-size: 16px;
}
.footer__contacts {
font-size: 16px;
}
.footer-logo__text {
margin: 10px 0 0 0;
font-size: 16px;
}
.footer-logo__img {
max-width: 220px;
}
.sh1__text {
max-width: none;
}
.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;
}
.s4bl2__items {
font-size: 16px;
}
.s5__subtitle {
font-size: 25px;
}
.s5__title {
margin: 0 0 10px;
}
.header__bc {
font-size: 13px;
}
.header__logo {
max-width: 130px;
height: 40px;
}
.header__menu {
font-size: 8vw;
}
.header__menu li {
width: 70vw;
}
.header__menu-btn_2 {
margin: 0 7px 0 -10px;
width: 40px;
height: 40px;
}
.header__menu-btn_2 .hamburger-inner, .header__menu-btn_2 .hamburger-inner::after, .header__menu-btn_2 .hamburger-inner::before {
width: 30px;
height: 3px;
border-radius: 0;
}
.header__goback {
font-size: 15px;
}
.header__invite-text {
margin: 0 auto 30px;
font-size: 20px;
}
.header-form {
font-size: 18px;
}
.sh4__list {
font-size: 4.2vw;
}
.top__title_map {
font-size: 30px;
}
.top__title_map {
font-size: 7.5vw !important;
}
.spage__box {
padding: 120px 0 50px;
}
.spage__title {
font-size: 24px;
}
.spage__box .sh9__list-box {
width: 100%;
}
} @media (max-width: 500px){
.home #head-title {
width: 100%;
}
#trusted-right #cc {
margin:0px 25px 0px 0px;
}
#trusted-right #ma {
margin: 60px 16% 0px 0px;
}
#trusted-right #rs {
margin: 25px 0px 0px 0px;
}
#trusted-right #fs {
margin: 35px 18% 0px 0px;
}
#trusted-right #ap {
margin: 30px 0px 0px 0px;
}
#we-understand .weli #we-icon {
top: 460px;
}
} @media (max-width: 400px) {
#what-items-2 li .what-img img {
height: 150px;
}
#prop-img {
min-height: 320px;
}
.home #head-title {
width: 100%;
}
#we-understand .weli #we-icon {
top: 380px;
}
.front-top
{
width: 86%;
}
.sh1 > *:nth-child(2) {
border-bottom: none;
}
#about-lonstern .wrapper,
#always .wrapper, 
#allservices .wrapper, 
#didnt-find .wrapper, 
#lastblog .wrapper, 
#testimotional .wrapper {
width: 90%;
}
#lastblog .wrapper h2, #testimotional h2 {
font: 34px/1.6 "Asgard-FitMedium";
}
#lastblog #front-blog-items li {
width: 100%;
margin: 0px 0% 60px 0px;
}
.top__title {
font-size: 11vw;
}
#trusted-right #ma {
margin: 60px 6% 0px 0px;
}
#trusted-right #fs {
margin: 35px 6% 0px 0px;
}
#getting-started h2 {
font-size: 33px;
}
#service-description h2 {
font-size: 33px;
}
#what-get h2 {
font-size:33px;
}
#cena-sayta h2 {
width: 80%;
font-size: 33px;
}
#main-plot #mainp-left h2 {
font-size: 42px;
line-height: 52px;
}
#call-now
{
padding-bottom:50px;
}
#certified-team h2 {
font-size: 44px;
}
#certified-team-items li #certeam-img img {
min-height: 330px;
margin-top: 35px;
}
#to-exceed #ex-left h2 {
font-size: 40px;
line-height: 53px;
}
#acces-video {
width: 46px;
height: 46px;
}
.section.sh1 {
height: auto;
min-height: 655px;
}
#buildings-access-methods h2 {
font-size: 42px;
line-height: 53px;
}
#access-items li:nth-child(even) #access-item-op {
padding: 0px 0px 0px 0px;
}
} @media (max-width: 360px) {
#we-understand .weli .we-img img {
min-height: 100%;
}
#we-understand .weli #we-icon {
top: 340px;
}
#for h2 p {
width: 100%;
}
#call-front .right #cal-right
{
padding:120px 20px;
}
#trusted-right #ma {
width: 115px;
height: 19px;
margin: 60px 2% 0px 0px;
}
#trusted-right #bhs {
width: 75px;
height: 80px;
margin: 35px 10px 0px 0px;
}
#trusted-right #fs {
width: 115px;
height: 60px;
margin: 35px 2% 0px 0px;
}
#trusted-right #rs {
width: 80px;
height: 80px;
}
#trusted-right #hal {
width: 90px;
height: 70px;
margin: 33px 0px 0px 0px;
}
#new-tecgno #technotext button {
width: 100%;
}
#getting-started h2
{
font-size:33px;
line-height:43px;
}
#prop-img {
min-height: 315px;
}
#call-now #call-tel {
font-size: 30px;
}
#footer-bottom #lonstern #lonstern-logo {
margin: 4px 0px 0px 0px;
width: 120px;
height: 15px;
}
#care-left h2,
#why-access h2 {
font-size: 33px;
}
#why-services h2
{
width:100%;
font-size: 33px;
line-height: 50px;
}
#insurance-cont {
background-position: top 350px left 15px;
}
#service-description h2 {
font-size: 33px;
line-height:43px;
}
#what-get h2 {
font-size: 33px;
}
#cena-sayta h2 {
width: 75%;
}
#accompanying-service #accompanying-bg-img {
width: 100%;
}
#accompanying-service #accompanying-h2 {
width: calc(100% - 0px);
margin: 0px;
}
#accompanying-service #accompanying-h2 h2 {
font-size: 25px;
line-height: 36px;
width: 100%;
}
#accompanying-service #accompanying-bg-img img
{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
ul.stagesul li #stages-button {
padding: 10px 0px 0px 0px;
}
ul.stagesul li #stages-button button
{
width:100%;
}
#lastnews #topnews h2 {
width: 100%;
font-size: 47px;
line-height: 57px;
}
#lastnews #topnews {
min-height: 200px;
}
#cena-sayta h2 {
width: 76%;
font-size: 33px;
line-height: 43px;
}
#what-items li .what-img img {
height: 325px;
}
#what-items li #what-icon {
top: 385px;
}
#what-items-2 li .what-img img {
width: 145px;
height: 145px;
}
#main-plot #mainp-left h2 {
font-size: 35px;
line-height: 45px;
}
#main-plot #mainp-left #mainpl-text {
width: 100%;
}
#main-plot #mp-cont {
height: auto !important;
}
li.accessli .right-s {
width: 60px;
height: 50px;
}
#certified-team-items li #certeam-img {
margin: 25px 0px 0px 0px;
}
#to-exceed #ex-left h2 {
width: 100%;
margin: 0px 0px 50px 0px;
font-size: 40px;
line-height: 50px;
}
#acces-video {
width: 44px;
height: 44px;
}
#buildings-access-methods h2 {
width: 100%;
font-size: 40px;
line-height: 52px;
}
#certified-team-items li #certeam-img img {
min-height: 325px;
}
#access-items li #waccess-img img {
width: 100%;
min-height: 300px;
}
#access-items li:nth-child(even) #access-item-op {
padding: 0px 0px 0px 0px;
}
#cont-right #cont-form input.wpcf7-submit {
font-size: 13px;
}
#top-rated h2 {
font-size: 40px;
}
.header__bc-star {
display: none;
}
#lbg-items {
min-height: 1250px;
}
} @media (max-width: 320px) {
#id_441 #what-items-2 li .what-img img {
height: 125px;
}
#what-items-2 li .what-img img {
height: 125px;
}
#trusted-right #de {
width: 135px;
height: 25px;
margin: 10px 0px 26px 0px;
}
#lbg-items {
min-height: 1250px;
}
}
.fancybox-content {
background: transparent;
}