');mask-image:url('data:image/svg+xml;utf8, ');mask-mode:alpha;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;border-radius:0}}.wp-block-latest-comments__comment{font-size:15px;line-height:1.1;list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{min-height:36px;list-style:none}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:52px}.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{line-height:1.5}.wp-block-latest-comments__comment-excerpt p{font-size:14px;line-height:1.8;margin:5px 0 20px}.wp-block-latest-comments__comment-date{color:#8f98a1;display:block;font-size:12px}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:24px;display:block;float:left;height:40px;margin-right:12px;width:40px}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0}.wp-block-latest-posts.is-grid li{margin:0 16px 16px 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - 16px)}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - 16px)}.wp-block-latest-posts.columns-4 li{width:calc(25% - 16px)}.wp-block-latest-posts.columns-5 li{width:calc(20% - 16px)}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 16px)}}.wp-block-latest-posts__post-date{display:block;color:#6c7781;font-size:13px}.wp-block-latest-posts__post-excerpt{margin-top:8px;margin-bottom:16px}.wp-block-latest-posts__featured-image img{height:auto;width:auto}.wp-block-latest-posts__featured-image.alignleft{margin-right:1em}.wp-block-latest-posts__featured-image.alignright{margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center}.wp-block-media-text{
/*!rtl:begin:ignore*/direction:ltr;
/*!rtl:end:ignore*/display:-ms-grid;display:grid;-ms-grid-columns:50% 1fr;grid-template-columns:50% 1fr;-ms-grid-rows:auto;grid-template-rows:auto}.wp-block-media-text.has-media-on-the-right{-ms-grid-columns:1fr 50%;grid-template-columns:1fr 50%}.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media{-ms-grid-row-align:start;align-self:start}.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media{-ms-grid-row-align:center;align-self:center}.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media{-ms-grid-row-align:end;align-self:end}.wp-block-media-text .wp-block-media-text__media{
/*!rtl:begin:ignore*/-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1;
/*!rtl:end:ignore*/margin:0}.wp-block-media-text .wp-block-media-text__content{direction:ltr;
/*!rtl:begin:ignore*/-ms-grid-column:2;grid-column:2;-ms-grid-row:1;grid-row:1;
/*!rtl:end:ignore*/padding:0 8%;word-break:break-word}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{
/*!rtl:begin:ignore*/-ms-grid-column:2;grid-column:2;-ms-grid-row:1;grid-row:1
/*!rtl:end:ignore*/}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
/*!rtl:begin:ignore*/-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1
/*!rtl:end:ignore*/}.wp-block-media-text>figure>img,.wp-block-media-text>figure>video{max-width:unset;width:100%;vertical-align:middle}.wp-block-media-text.is-image-fill figure.wp-block-media-text__media{height:100%;min-height:250px;background-size:cover}.wp-block-media-text.is-image-fill figure.wp-block-media-text__media>img{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{-ms-grid-columns:100%!important;grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media,.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{-ms-grid-column:1;grid-column:1;-ms-grid-row:2;grid-row:2}.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1}}.wp-block-navigation>ul{display:block;list-style:none;margin:0;padding-left:0}@media (min-width:600px){.wp-block-navigation>ul{display:flex;flex-wrap:wrap}}.wp-block-navigation>ul ul{list-style:none;padding-left:0;margin-top:0;margin-left:0}.wp-block-navigation>ul ul li{margin:0}.wp-block-navigation>ul li{z-index:1}.wp-block-navigation>ul li:focus-within,.wp-block-navigation>ul li:hover{cursor:pointer;z-index:99999}.wp-block-navigation>ul li:focus-within>ul,.wp-block-navigation>ul li:hover>ul,.wp-block-navigation>ul li ul:focus,.wp-block-navigation>ul li ul:hover{visibility:visible;opacity:1;display:flex;flex-direction:column}.wp-block-navigation>ul>li ul{position:absolute;left:0;top:100%;min-width:200px;max-width:200px;opacity:0;transition:opacity .1s linear;visibility:hidden}.wp-block-navigation,.wp-block-navigation .block-editor-block-list__layout{display:flex;flex-wrap:wrap}.wp-block-navigation .block-editor-block-list__layout .block-editor-block-list__layout{width:200px}.wp-block-navigation .block-editor-inner-blocks>.block-editor-block-list__layout>.wp-block{margin:0;width:auto}.wp-block-navigation,.wp-block-navigation>.wp-block-navigation__container{align-items:center;width:100%}.wp-block-navigation>.wp-block-navigation-link,.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-link{display:flex;margin-top:0;margin-bottom:0}.wp-block-navigation .wp-block-navigation-link{position:relative;margin:0;min-height:56px;display:flex;line-height:1.4}.wp-block-navigation .wp-block-navigation-link .wp-block,.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link{min-height:auto;padding:0}.wp-block-navigation .wp-block-navigation-link .wp-block .wp-block-navigation-link{margin:0}.wp-block-navigation .wp-block-navigation-link>.block-editor-inner-blocks{display:none}.wp-block-navigation .wp-block-navigation-link.has-child>.wp-block-navigation__container,.wp-block-navigation .wp-block-navigation-link.is-editing.has-child>.block-editor-inner-blocks{display:flex;border:1px solid rgba(0,0,0,.15);position:absolute;z-index:1;top:100%;left:0}.wp-block-navigation .wp-block-navigation-link.has-child>.wp-block-navigation__container .block-editor-inner-blocks,.wp-block-navigation .wp-block-navigation-link.has-child>.wp-block-navigation__container .wp-block-navigation__container,.wp-block-navigation .wp-block-navigation-link.is-editing.has-child>.block-editor-inner-blocks .block-editor-inner-blocks,.wp-block-navigation .wp-block-navigation-link.is-editing.has-child>.block-editor-inner-blocks .wp-block-navigation__container{left:100%;top:-1px}.wp-block-navigation .wp-block-navigation-link .block-editor-inner-blocks,.wp-block-navigation .wp-block-navigation-link .wp-block-navigation__container{background-color:inherit;color:inherit}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content{display:flex;align-items:center;width:max-content;padding:6px 16px}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link:first-child:not(:only-child) .wp-block-navigation-link__content{padding-top:8px}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link:last-child .wp-block-navigation-link__content{padding-bottom:8px}.wp-block-navigation .wp-block-navigation-link.has-child .wp-block-navigation-link__content{min-width:100%;padding-right:32px;position:relative}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__submenu-icon{position:absolute;right:16px}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__submenu-icon svg{fill:currentColor}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link svg{transform:rotate(0)}.wp-block-navigation .wp-block-navigation-link.has-text-color .wp-block-navigation-link__content{color:inherit}.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color)>.block-editor-inner-blocks,.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color)>.wp-block-navigation__container,.wp-block-navigation .wp-block-navigation-link:not(.has-text-color)>.block-editor-inner-blocks,.wp-block-navigation .wp-block-navigation-link:not(.has-text-color)>.wp-block-navigation__container{color:#111}.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-background)>.block-editor-inner-blocks,.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-background)>.wp-block-navigation__container,.wp-block-navigation .wp-block-navigation-link:not(.has-background)>.block-editor-inner-blocks,.wp-block-navigation .wp-block-navigation-link:not(.has-background)>.wp-block-navigation__container{background-color:#fff}.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color)>.block-editor-inner-blocks,.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color)>.wp-block-navigation__container{color:#fff}.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-background)>.block-editor-inner-blocks,.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-background)>.wp-block-navigation__container{background-color:#333}.wp-block-navigation .wp-block-navigation-link.has-child>.wp-block-navigation__container{display:flex;flex-direction:column;padding:0}.wp-block-navigation>ul>li>a{display:flex;align-items:center}.wp-block-navigation>ul>li:first-of-type>a{padding-left:0}.wp-block-navigation>ul>li:last-of-type>a{padding-right:0}.wp-block-navigation.items-justified-left>ul{justify-content:flex-start}.wp-block-navigation.items-justified-center>ul{justify-content:center}.wp-block-navigation.items-justified-right>ul{justify-content:flex-end}.is-small-text{font-size:14px}.is-regular-text{font-size:16px}.is-large-text{font-size:36px}.is-larger-text{font-size:48px}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;line-height:.68;font-weight:100;margin:.05em .1em 0 0;text-transform:uppercase;font-style:normal}p.has-background{padding:20px 30px}p.has-text-color a{color:inherit}.wp-block-pullquote{padding:3em 0;margin-left:0;margin-right:0;text-align:center}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:290px}.wp-block-pullquote.alignleft p,.wp-block-pullquote.alignright p{font-size:20px}.wp-block-pullquote p{font-size:28px;line-height:1.6}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}.wp-block-pullquote:not(.is-style-solid-color){background:none}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-left:auto;margin-right:auto;text-align:left;max-width:60%}.wp-block-pullquote.is-style-solid-color blockquote p{margin-top:0;margin-bottom:0;font-size:32px}.wp-block-pullquote.is-style-solid-color blockquote cite{text-transform:none;font-style:normal}.wp-block-pullquote cite{color:inherit}.wp-block-quote.is-large,.wp-block-quote.is-style-large{margin:0 0 16px;padding:0 1em}.wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-size:24px;font-style:italic;line-height:1.6}.wp-block-quote.is-large cite,.wp-block-quote.is-large footer,.wp-block-quote.is-style-large cite,.wp-block-quote.is-style-large footer{font-size:18px;text-align:right}.wp-block-rss.alignleft{margin-right:2em}.wp-block-rss.alignright{margin-left:2em}.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;padding:0;list-style:none}.wp-block-rss.is-grid li{margin:0 16px 16px 0;width:100%}@media (min-width:600px){.wp-block-rss.columns-2 li{width:calc(50% - 16px)}.wp-block-rss.columns-3 li{width:calc(33.33333% - 16px)}.wp-block-rss.columns-4 li{width:calc(25% - 16px)}.wp-block-rss.columns-5 li{width:calc(20% - 16px)}.wp-block-rss.columns-6 li{width:calc(16.66667% - 16px)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{display:block;color:#6c7781;font-size:13px}.wp-block-search{display:flex;flex-wrap:wrap}.wp-block-search .wp-block-search__label{width:100%}.wp-block-search .wp-block-search__input{flex-grow:1;max-width:360px}.wp-block-search .wp-block-search__button{margin-left:10px}.wp-block-separator.is-style-wide{border-bottom-width:1px}.wp-block-separator.is-style-dots{background:none!important;border:none;text-align:center;max-width:none;line-height:1;height:auto}.wp-block-separator.is-style-dots:before{content:"\00b7 \00b7 \00b7";color:currentColor;font-size:20px;letter-spacing:2em;padding-left:2em;font-family:serif}.wp-block-social-links{display:flex;justify-content:flex-start;padding-left:0;padding-right:0;margin-left:0}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{text-decoration:none;border-bottom:0;box-shadow:none}.wp-social-link{display:block;width:36px;height:36px;border-radius:36px;margin-right:8px;transition:transform .1s ease}@media (prefers-reduced-motion:reduce){.wp-social-link{transition-duration:0s}}.wp-social-link a{padding:6px;display:block;line-height:0;transition:transform .1s ease}.wp-social-link a,.wp-social-link a:active,.wp-social-link a:hover,.wp-social-link a:visited,.wp-social-link svg{color:currentColor;fill:currentColor}.wp-social-link:hover{transform:scale(1.1)}.wp-block-social-links.aligncenter{justify-content:center;display:flex}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link{background-color:#f0f0f0;color:#444}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon{background-color:#f90;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance{background-color:#0757fe;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy{background-color:#f45800;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{background-color:#1977f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr{background-color:#0461dd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare{background-color:#e65678;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github{background-color:#24292d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads{background-color:#eceadd;color:#382110}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google{background-color:#ea4434;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{background-color:#f00075;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm{background-color:#e21b24;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin{background-color:#0577b5;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon{background-color:#3288d4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium{background-color:#02ab6c;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup{background-color:#f6405f;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{background-color:#e60122;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket{background-color:#ef4155;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{background-color:#fe4500;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype{background-color:#0478d7;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat{background-color:#fefc00;color:#fff;stroke:#000}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify{background-color:#1bd760;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr{background-color:#011835;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch{background-color:#6440a4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{background-color:#21a1f3;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk{background-color:#4680c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress{background-color:#3499cd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp{background-color:#d32422;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube{background-color:#ff0100;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link{background:none;padding:4px}.wp-block-social-links.is-style-logos-only .wp-social-link svg{width:28px;height:28px}.wp-block-social-links.is-style-logos-only .wp-social-link-amazon{color:#f90}.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp{color:#1ea0c3}.wp-block-social-links.is-style-logos-only .wp-social-link-behance{color:#0757fe}.wp-block-social-links.is-style-logos-only .wp-social-link-codepen{color:#1e1f26}.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart{color:#02e49b}.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble{color:#e94c89}.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox{color:#4280ff}.wp-block-social-links.is-style-logos-only .wp-social-link-etsy{color:#f45800}.wp-block-social-links.is-style-logos-only .wp-social-link-facebook{color:#1977f2}.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-flickr{color:#0461dd}.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare{color:#e65678}.wp-block-social-links.is-style-logos-only .wp-social-link-github{color:#24292d}.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads{color:#382110}.wp-block-social-links.is-style-logos-only .wp-social-link-google{color:#ea4434}.wp-block-social-links.is-style-logos-only .wp-social-link-instagram{color:#f00075}.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm{color:#e21b24}.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin{color:#0577b5}.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon{color:#3288d4}.wp-block-social-links.is-style-logos-only .wp-social-link-medium{color:#02ab6c}.wp-block-social-links.is-style-logos-only .wp-social-link-meetup{color:#f6405f}.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest{color:#e60122}.wp-block-social-links.is-style-logos-only .wp-social-link-pocket{color:#ef4155}.wp-block-social-links.is-style-logos-only .wp-social-link-reddit{color:#fe4500}.wp-block-social-links.is-style-logos-only .wp-social-link-skype{color:#0478d7}.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat{color:#fff;stroke:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud{color:#ff5600}.wp-block-social-links.is-style-logos-only .wp-social-link-spotify{color:#1bd760}.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr{color:#011835}.wp-block-social-links.is-style-logos-only .wp-social-link-twitch{color:#6440a4}.wp-block-social-links.is-style-logos-only .wp-social-link-twitter{color:#21a1f3}.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo{color:#1eb7ea}.wp-block-social-links.is-style-logos-only .wp-social-link-vk{color:#4680c2}.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress{color:#3499cd}.wp-block-social-links.is-style-logos-only .wp-social-link-yelp{background-color:#d32422;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link-youtube{color:#ff0100}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}.wp-block-social-links.is-style-pill-shape .wp-social-link a{padding-left:16px;padding-right:16px}.wp-block-spacer{clear:both}p.wp-block-subhead{font-size:1.1em;font-style:italic;opacity:.75}.wp-block-table{overflow-x:auto}.wp-block-table table{width:100%}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{border-spacing:0;border-collapse:inherit;background-color:transparent;border-bottom:1px solid #f3f4f5}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent}.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 16px;padding:0}.wp-block-text-columns .wp-block-column:first-child{margin-left:0}.wp-block-text-columns .wp-block-column:last-child{margin-right:0}.wp-block-text-columns.columns-2 .wp-block-column{width:50%}.wp-block-text-columns.columns-3 .wp-block-column{width:33.33333%}.wp-block-text-columns.columns-4 .wp-block-column{width:25%}.wp-block-video{margin-left:0;margin-right:0}.wp-block-video video{max-width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-video [poster]{object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-top:.5em;margin-bottom:1em}:root .has-pale-pink-background-color{background-color:#f78da7}:root .has-vivid-red-background-color{background-color:#cf2e2e}:root .has-luminous-vivid-orange-background-color{background-color:#ff6900}:root .has-luminous-vivid-amber-background-color{background-color:#fcb900}:root .has-light-green-cyan-background-color{background-color:#7bdcb5}:root .has-vivid-green-cyan-background-color{background-color:#00d084}:root .has-pale-cyan-blue-background-color{background-color:#8ed1fc}:root .has-vivid-cyan-blue-background-color{background-color:#0693e3}:root .has-vivid-purple-background-color{background-color:#9b51e0}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-cyan-bluish-gray-background-color{background-color:#abb8c3}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-pale-pink-color{color:#f78da7}:root .has-vivid-red-color{color:#cf2e2e}:root .has-luminous-vivid-orange-color{color:#ff6900}:root .has-luminous-vivid-amber-color{color:#fcb900}:root .has-light-green-cyan-color{color:#7bdcb5}:root .has-vivid-green-cyan-color{color:#00d084}:root .has-pale-cyan-blue-color{color:#8ed1fc}:root .has-vivid-cyan-blue-color{color:#0693e3}:root .has-vivid-purple-color{color:#9b51e0}:root .has-very-light-gray-color{color:#eee}:root .has-cyan-bluish-gray-color{color:#abb8c3}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:linear-gradient(135deg,#0693e3,#9b51e0)}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:linear-gradient(135deg,#7adcb4,#00d082)}:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:linear-gradient(135deg,#fcb900,#ff6900)}:root .has-luminous-vivid-orange-to-vivid-red-gradient-background{background:linear-gradient(135deg,#ff6900,#cf2e2e)}:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:linear-gradient(135deg,#eee,#a9b8c3)}:root .has-cool-to-warm-spectrum-gradient-background{background:linear-gradient(135deg,#4aeadc,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c)}:root .has-blush-light-purple-gradient-background{background:linear-gradient(135deg,#ffceec,#9896f0)}:root .has-blush-bordeaux-gradient-background{background:linear-gradient(135deg,#fecda5,#fe2d2d 50%,#6b003e)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-luminous-dusk-gradient-background{background:linear-gradient(135deg,#ffcb70,#c751c0 50%,#4158d0)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-pale-ocean-gradient-background{background:linear-gradient(135deg,#fff5cb,#b6e3d4 50%,#33a7b5)}:root .has-electric-grass-gradient-background{background:linear-gradient(135deg,#caf880,#71ce7e)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-small-font-size{font-size:13px}.has-normal-font-size,.has-regular-font-size{font-size:16px}.has-medium-font-size{font-size:20px}.has-large-font-size{font-size:36px}.has-huge-font-size,.has-larger-font-size{font-size:42px}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}
body .simple-sitemap-menu li{float:initial}.simple-sitemap-container ul{margin:0 0 0 1.2em;padding:0}.editor-styles-wrapper .simple-sitemap-container ul,.editor-styles-wrapper .simple-sitemap-container ol{margin:0 0 0 1.2em;padding:0}.simple-sitemap-wrap:not(:first-of-type){margin-top:1.5em}.simple-sitemap-container .excerpt{font-size:.85em}.simple-sitemap-container span.excerpt{position:relative;left:8px}.simple-sitemap-container .separator{border-bottom:1px #eee solid;margin-bottom:-5px;margin-top:18px;padding:0}.simple-sitemap-container ul.main>li:last-child .separator{border-bottom:0}.simple-sitemap-fi{position:relative;top:6px;left:-5px;margin-left:5px}.simple-sitemap-container.col{padding:0;margin:0;display:flex;flex-wrap:wrap}.simple-sitemap-wrap.col{width:260px;margin-right:20px;margin-top:10px}.simple-sitemap-wrap.col ul.main{margin-left:20px}.simple-sitemap-container.hide-icon ul.main{margin-left:0;list-style-type:none}.simple-sitemap-container.hide-icon ul.main ul.children{list-style-type:none}.horizontal ul.children{display:inline;margin-left:0}.simple-sitemap-wrap>ul.horizontal{list-style-type:none;margin:0}.simple-sitemap-wrap>ul.horizontal li{display:inline}.simple-sitemap-container.tab-enabled *{box-sizing:border-box}.simple-sitemap-container.tab-enabled ul.main{margin:2em 1em 2em 3em}.simple-sitemap-container.tab-enabled ul.main.horizontal,.simple-sitemap-container.tab-enabled ul.main.horizontal{margin:2em 1em 2em 2em}.simple-sitemap-container.tab-enabled .no-posts{font-style:italic;margin:2em 1em 2em 2em}.simple-sitemap-container .no-posts{font-style:italic}.simple-sitemap-container.tab-enabled .post-type{margin:0;font-weight:400}.simple-sitemap-container.tab-enabled label{cursor:pointer;float:left;margin:0 5px 0 0;display:block;background-color:#eee;border-radius:4px 4px 0 0}.simple-sitemap-container.tab-enabled input{display:none}.simple-sitemap-container.tab-enabled input[id^=simple-sitemap-tab-1]:checked~.simple-sitemap-content .simple-sitemap-tab-1,.simple-sitemap-container.tab-enabled input[id^=simple-sitemap-tab-2]:checked~.simple-sitemap-content .simple-sitemap-tab-2,.simple-sitemap-container.tab-enabled input[id^=simple-sitemap-tab-3]:checked~.simple-sitemap-content .simple-sitemap-tab-3,.simple-sitemap-container.tab-enabled input[id^=simple-sitemap-tab-4]:checked~.simple-sitemap-content .simple-sitemap-tab-4,.simple-sitemap-container.tab-enabled input[id^=simple-sitemap-tab-5]:checked~.simple-sitemap-content .simple-sitemap-tab-5,.simple-sitemap-container.tab-enabled input[id^=simple-sitemap-tab-6]:checked~.simple-sitemap-content .simple-sitemap-tab-6,.simple-sitemap-container.tab-enabled input[id^=simple-sitemap-tab-7]:checked~.simple-sitemap-content .simple-sitemap-tab-7,.simple-sitemap-container.tab-enabled input[id^=simple-sitemap-tab-8]:checked~.simple-sitemap-content .simple-sitemap-tab-8,.simple-sitemap-container.tab-enabled input[id^=simple-sitemap-tab-9]:checked~.simple-sitemap-content .simple-sitemap-tab-9,.simple-sitemap-container.tab-enabled input[id^=simple-sitemap-tab-10]:checked~.simple-sitemap-content .simple-sitemap-tab-10{display:block}.simple-sitemap-container.tab-enabled .simple-sitemap-content{clear:both;position:relative}.simple-sitemap-container.tab-enabled .panel{width:100%;display:none;border:1px solid #ddd;border-radius:0 0 4px 4px}.components-panel__row.simple-sitemap .react-select-container{min-width:120px}.label-wide label{max-width:100%}.components-panel .tab-colors{display:block}.components-panel .series-color{display:inline-block;margin:0 0 0 5px}.components-panel .series-color:first-of-type{margin:0}.components-panel .series-color,.components-panel .series-color>div{width:22px;height:22px}.components-panel .series-color>div{border-radius:0;border:1px solid #ccc}.components-panel__row.simple-sitemap .disabled .components-base-control__help{color:#e87777}.edit-post-settings-sidebar__panel-block .components-panel__body .components-panel__row.simple-sitemap .components-base-control{margin-bottom:0}.components-panel__row.simple-sitemap .components-base-control .components-base-control__field{margin-bottom:8px}.components-panel__row.simple-sitemap .components-base-control .components-base-control__help{margin-bottom:4px}.components-panel__row.simple-sitemap.order{justify-content:start;margin-bottom:20px}.mb20{margin-bottom:20px}.components-panel__row.simple-sitemap.order .components-base-control:first-child{margin-right:1em}.components-panel__row.simple-sitemap.general-chk{margin-top:0}
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:0 0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;min-height:100%;min-width:320px;font-size:100%;font-family:'LatoRegular',sans-serif;font-weight:400;background:#fff;color:#092143}@-webkit-keyframes autofill{to{color:inherit;background:0 0}}input:-webkit-autofill{-webkit-animation-name:autofill;-webkit-animation-fill-mode:both}textarea,input[type=text],input[type=button],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}.global-wrapper{overflow:scroll}.visibility-hidden{visibility:hidden!important}h1,h2,h3,h4,p{margin:0;padding:0}p{font-size:.838em}.img-bg{position:absolute;width:100%;height:100%;background-size:cover;background-position:center}.display-none{display:none!important}.logo{position:fixed;top:1.875rem;left:3.438rem;z-index:10001}.logo img{width:9.375rem}.nav{position:fixed;z-index:10000;color:#000;float:right;display:inline-block;top:3.75rem;right:1.875rem;font-family:'OpenSansBold',sans-serif;font-size:.875rem;text-decoration:none}.bg-blue{position:absolute;display:inline-block;width:100%;height:100%;background:#00335b;opacity:.5;z-index:2}.video-bg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.animate-opacity.invisible{opacity:0!important}.fs0{font-size:0}.inline-fs{display:inline-block;font-size:.938rem}.position-relative{position:relative}.image-center-y{position:absolute;top:50%;transform:translateY(-50%)}.heder-block{position:relative}.header-wrapper{padding-left:7.5rem}.header-block h3{font-family:'OpenSansBold',sans-serif;position:relative;font-size:1.875rem;text-transform:uppercase}.header-block h3:before{position:absolute;content:'';display:block;left:-.5rem;top:calc(50% - 1px);width:6.813rem;height:1px;background:#092143;transform:translateX(-100%)}.h-wrapper{font-size:3.375rem;height:1em;font-family:'OpenSansBold',sans-serif;letter-spacing:.25rem;text-transform:uppercase;color:#fff}.p-latoregular{font-family:'LatoRegular',sans-serif;font-size:.999rem}.desktopversion{position:absolute;top:35%}.wrapper{height:100%}.h100{height:100%}.h33{height:calc(100%/3)}.h50{height:50%}.h14{height:14%}.h15{height:15%}.h73{height:73%}.h83{height:83%}.h20{height:20%}.h79{height:79%}.h1{height:1%}.vh20{height:20vh}.vh80{height:80vh}.vh79{height:79vh}.vh1{height:1vh}.r3_4{width:3.4%}.r12_5{width:12.5%}.r16{width:16.667%}.r17_7{width:17.7%}.r18_5{width:18.5%}.r18_75{width:18.75%}.r10{width:10%}.r20{width:20%}.r21{width:21%}.r21_5{width:21.5%}.r23{width:23%}.r25{width:25%}.r29{width:29%}.r30{width:30%}.r31_25{width:31.25%}.r32_5{width:32.5%}.r32{width:32%}.r33{width:calc(100%/3)}.r33_6{width:33.6%}.r34{width:34%}.r37_5{width:37.5%}.r40{width:40%}.r42{width:42%}.r43{width:43%}.r50{width:50%}.r54{width:54%}.r60{width:60%}.r70{width:70%}.r75{width:75%}.r77{width:77%}.r80{width:80%}.main-container{width:98%;margin:auto;overflow:hidden}.container{width:93%;margin:auto;overflow:hidden}.container.content{padding-top:5.5%;padding-bottom:5.5%}.container60{width:60.60%;margin:auto;overflow:hidden}.container66{width:66.146%;margin:auto;overflow:hidden}.countainer70{width:70%;margin:auto;overflow:hidden}.container50{width:50%;margin:auto;overflow:hidden}.container90{width:90%;margin:auto;overflow:hidden}.full-block{height:100vh}.full-block.blue{background:rgba(0,51,91,.5)}.w25{display:inline-block;width:25%;min-height:100%}.no-spinners{-moz-appearance:textfield}.no-spinners::-webkit-outer-spin-button,.no-spinners::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.text-transform--uppercase{text-transform:uppercase}.btn-wrapper{width:100%;position:relative}.btn{display:inline-block;border:1px solid #fff;min-width:11.250rem;padding:1.25em;line-height:1em;text-align:center;text-transform:uppercase;font-family:'OpenSansBold',sans-serif;font-size:.75rem;color:#fff;transition:all .3s ease !important;cursor:pointer}.btn.success{background-color:green !important;color:#fff !important}.btn.error{background-color:red !important;color:#fff !important}.btn.white{color:#092143;border:1px solid #092143}.btn.join{margin-top:1.563rem;width:auto}.btn a{font-family:'OpenSansBold',sans-serif;font-size:.938rem;color:#fff}.btn.white a{color:#092143}.btn:hover{color:#092143;border-color:#fff;background:#fff}.btn.white:hover{color:#fff;border-color:#092143;background:#092143}.btn:hover a{color:#092143}.btn.white:hover a{color:#fff}.path{stroke-dasharray:50;-webkit-animation:a 3.7s ease-in-out alternate infinite;animation:a 3.7s ease-in-out alternate infinite;fill:#191919}@-webkit-keyframes a{to{stroke-dasharray:1000}}@keyframes a{to{stroke-dasharray:1000}}#hellopreloader>p{display:none}#hellopreloader_preload{background:#191919;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;transform:translatez(0);position:fixed;z-index:30000;top:0;left:0;width:100%;height:100%;min-width:320px}#hellopreloader_preload .wid{width:46vh}#hellopreloader_preload .wid g{background:#191919}#p_prldr{position:fixed;left:0;top:0;right:0;bottom:0;background:#191919;z-index:3000}.contpre small{font-size:25px}.contpre{width:250px;height:100px;position:absolute;left:50%;top:48%;margin-left:-125px;margin-top:-75px;color:#fff;font-size:40px;letter-spacing:-2px;text-align:center;line-height:35px}#p_prldr .svg_anm{position:absolute;width:41px;height:41px;background:url(https://infovision.ua/wp-content/themes/first-theme/../img/spinning-circles.svg) center center no-repeat;background-size:41px;margin:-16px 0 0 -16px}.content-item .block{display:inline-block;width:100%;height:100%;text-align:center}.direction{height:100%;text-align:right;vertical-align:top}.direction .block{display:inline-block;width:94.8%;text-align:center;padding-bottom:2.188em}.direction .block:last-child{padding-top:2.3335em;padding-bottom:0}.direction-inner{position:relative;display:inline-block;width:100%;height:100%;z-index:100}.direction-inner .btn{position:absolute;transform:translateX(-50%);bottom:9%;left:50%;z-index:100}.direction-image{height:100%;z-index:1}.direction-image .image{height:100%;z-index:1;background-repeat:no-repeat;background-size:cover;background-position:center}.direction_back{position:absolute;opacity:1;background:rgba(0,51,91,.5);height:100%;width:100%;z-index:1;top:0;transition:all .3s ease !important}.direction_back2{position:absolute;opacity:0;height:100%;width:100%;z-index:1;top:0;transition:all .3s ease !important}.direction-inner:hover .direction-logo-wrapper{top:0;transform:translateY(20%)}.direction-inner:hover .direction_back{opacity:0}.direction-inner:hover .direction_back2{opacity:.8}.direction-inner:hover .square{background-color:transparent!important}.direction-inner:hover .description{opacity:1}.direction-inner:hover .direction-image{overflow:hidden}.direction-inner:hover .direction-image .image{filter:blur(10px)}.direction-inner .description{position:absolute;opacity:0;top:50%;transform:translateY(-40%);padding:8%;z-index:100;text-align:left;transition:all .3s ease !important}.direction-inner .description--light{font-family:'LatoLight',sans-serif;font-size:1.125rem;line-height:1.813em;color:#fff}.direction-logo-wrapper{position:absolute;width:100%;top:50%;text-align:center;transform:translateY(-50%);z-index:100;transition:all .5s ease !important}.direction-logo{display:inline-block;position:relative;min-height:7.5rem;text-align:left;width:15rem}.direction-logo .text{position:absolute;transform:translateY(-50%);top:50%;left:2rem;z-index:1}.direction-logo .text span{position:relative;display:inline-block;white-space:pre;width:100%;color:#fff;font-size:1.563rem;line-height:1em;font-family:'OpenSansBold',sans-serif;z-index:2}.direction-logo .text span:nth-child(2){padding-top:2px}.direction-logo .text span:first-child:after{position:absolute;bottom:-2px;left:0;content:'';width:10.125rem;height:1px;background:#fff;z-index:1}.direction-logo .square{position:absolute;display:inline-block;background-size:contain;background-repeat:no-repeat;width:7.5rem;height:7.5rem;top:0}.sidebar{position:relative;display:inline-block;height:100%;overflow:hidden}.sidebar .container{background:#00335b;position:absolute;display:inline-block;height:100%;width:100%;left:-100%;transition:all .3s ease-out !important}.target .sidebar .container{transform:translate3d(100%,0,0)}.sidebar .container h3{color:#fff;font-family:'LatoBold',sans-serif;font-size:1.563rem;text-transform:uppercase}.sidebar .container .description{position:absolute;display:inline-block;width:100%;top:50%;transform:translateY(-50%);padding:0 3.75rem;color:#fff;font-family:'LatoRegular',sans-serif;font-size:1.125rem;line-height:1.75rem}.sidebar .container .description p{padding-top:2.813rem}.sidebar .container .direction-logo .text span{display:block}.sidebar .description__header-light{font-family:'LatoLight',sans-serif;text-transform:uppercase;font-weight:500;font-size:1.875rem;line-height:1.33em}.sidebar .description__header-light--blue{color:#169bb2}.sidebar .description__text-light{font-family:'LatoLight',sans-serif;font-size:.99em;line-height:2.071em}.standard-display .full-block{height:100vh;overflow:hidden}.standard-display .container-image{height:100%;background-position:center;background-size:cover;background-repeat:no-repeat}.standard-display .container-back{height:100%;vertical-align:top;font-size:0;background:rgba(0,51,91,.5)}.standard-display .main-content{text-align:center}.standard-display .main-content .content{position:absolute;display:inline-block;width:100%;top:38%;left:50%;transform:translateY(-50%) translateX(-50%)}.standard-display .h-wrapper{margin-bottom:11.875rem;color:#fff}.standard-display .main-content .btn{margin-right:5.5%}.standard-display .main-content .btn:last-child{margin-right:0}.w25.sidebar{position:absolute;width:27.2%;left:0;top:0;background:#00335b;text-align:left}.w25.sidebar .text-wrapper{position:relative;height:100%}.w25.sidebar .text-wrapper .text{position:absolute;bottom:50%;transform:translateY(50%);padding-right:3.125rem;padding-left:3.125rem}.w25.sidebar .text h2{font-family:LatoLight,sans-serif;font-size:2.5rem;font-weight:500;color:#48e4ff;padding-bottom:3.125rem;text-transform:uppercase}.w25.sidebar .text span{font-family:LatoLight,sans-serif;font-size:1.125rem;line-height:1.75rem;color:#fff}.main-content{display:inline-block;height:100%;position:relative;vertical-align:top}.glitch-container{width:100%;height:300px}.glitch-container span{text-transform:uppercase;font-family:'LatoBold',sans-serif;letter-spacing:1px;transform:scaleY(2);font-size:11.500rem;color:#082043;opacity:.2}.glitch-text{color:#082043;opacity:.2;font-size:6.25rem;position:relative;margin:0 auto}.glitch-text.hover:after{content:attr(data-text);position:absolute;left:2px;text-shadow:-1px 0 #1e1d1d;top:0;color:#c7cada;background:0 0;overflow:hidden;clip:rect(0,900px,0,0);animation:noise-anim .3s steps(100,end) alternate-reverse;animation-iteration-count:3}.glitch-text.hover:before{content:attr(data-text);position:absolute;left:-2px;text-shadow:1px 0 #1e1d1d;top:0;color:#c7cada;background:0 0;overflow:hidden;clip:rect(0,900px,0,0);animation:noise-anim-2 .3s steps(100,end) alternate-reverse;animation-iteration-count:3}.glitch-text:hover:after{content:attr(data-text);position:absolute;left:2px;text-shadow:-1px 0 #1e1d1d;top:0;color:#c7cada;background:0 0;overflow:hidden;clip:rect(0,900px,0,0);animation:noise-anim .3s steps(100,end) alternate-reverse;animation-iteration-count:3}.glitch-text:hover:before{content:attr(data-text);position:absolute;left:-2px;text-shadow:1px 0 #1e1d1d;top:0;color:#c7cada;background:0 0;overflow:hidden;clip:rect(0,900px,0,0);animation:noise-anim-2 .3s steps(100,end) alternate-reverse;animation-iteration-count:3}@keyframes noise-anim{0%{clip:rect(279px,9999px,285px,0)}5%{clip:rect(305px,9999px,3011px,0)}10%{clip:rect(312px,9999px,324px,0)}15.0%{clip:rect(176px,9999px,187px,0)}20%{clip:rect(124px,9999px,135px,0)}25%{clip:rect(310px,9999px,321px,0)}30.0%{clip:rect(33px,9999px,54px,0)}35%{clip:rect(225px,9999px,236px,0)}40%{clip:rect(143px,9999px,144px,0)}45%{clip:rect(64px,9999px,85px,0)}50%{clip:rect(48px,9999px,59px,0)}55.0%{clip:rect(313px,9999px,324px,0)}60.0%{clip:rect(152px,9999px,183px,0)}65%{clip:rect(259px,9999px,290px,0)}70%{clip:rect(93px,9999px,194px,0)}75%{clip:rect(8px,9999px,19px,0)}80%{clip:rect(248px,9999px,269px,0)}85.0%{clip:rect(307px,9999px,328px,0)}90%{clip:rect(99px,9999px,110px,0)}95%{clip:rect(123px,9999px,144px,0)}100%{clip:rect(29px,9999px,40px,0)}}@keyframes noise-anim-2{0%{clip:rect(145px,9999px,166px,0)}5%{clip:rect(9px,9999px,30px,0)}10%{clip:rect(122px,9999px,143px,0)}15.0%{clip:rect(271px,9999px,292px,0)}20%{clip:rect(295px,9999px,306px,0)}25%{clip:rect(35px,9999px,56px,0)}30.0%{clip:rect(43px,9999px,64px,0)}35%{clip:rect(123px,9999px,144px,0)}40%{clip:rect(321px,9999px,342px,0)}45%{clip:rect(161px,9999px,182px,0)}50%{clip:rect(358px,9999px,379px,0)}55.0%{clip:rect(77px,9999px,78px,0)}60.0%{clip:rect(174px,9999px,125px,0)}65%{clip:rect(210px,9999px,241px,0)}70%{clip:rect(189px,9999px,120px,0)}75%{clip:rect(89px,9999px,100px,0)}80%{clip:rect(274px,9999px,285px,0)}85.0%{clip:rect(332px,9999px,363px,0)}90%{clip:rect(165px,9999px,126px,0)}95%{clip:rect(256px,9999px,246px,0)}100%{clip:rect(317px,9999px,338px,0)}}.popup{position:fixed;height:100%;width:100%;top:0;left:0;display:none;text-align:center;z-index:10000}.popup_bg{background:rgba(25,25,25,.8);position:absolute;z-index:10;height:100%;width:100%}.popup_img{position:absolute;margin:0 auto;z-index:11;max-height:94%;max-width:90%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.popup_video{position:absolute;top:50%;left:50%;margin:auto;z-index:11;height:80%;width:80%;max-height:80%;max-width:80%;transform:translateX(-50%) translateY(-50%)}.popup_video video{height:100%;width:auto}.typewriter{overflow:hidden;white-space:nowrap;margin:0 auto;letter-spacing:.15em;-webkit-animation:typing1 10s steps(50,end) 5s infinite alternate;-o-animation:typing1 10s steps(50,end) 5s infinite alternate;animation:typing1 10s steps(50,end) 5s infinite alternate}@keyframes typing1{0%{width:0}5%{width:20%}10%{width:40%}15%{width:60%}20%{width:80%}25%{width:100%}30%{width:100%}35%{width:100%}40%{width:100%}45%{width:100%}50%{width:100%}55%{width:100%}60%{width:100%}70%{width:100%}75%{width:100%}80%{width:80%}85%{width:60%}90%{width:40%}95%{width:20%}100%{width:0}}@keyframes typing2{0%{width:0}5%{width:5%}10%{width:10%}15%{width:15%}20%{width:20%}25%{width:25%}30%{width:30%}35%{width:35%}40%{width:40%}45%{width:45%}50%{width:50%}55%{width:55%}60%{width:60%}65%{width:65%}70%{width:70%}75%{width:75%}80%{width:80%}85%{width:85%}90%{width:90%}95%{width:95%}100%{width:100%}}.custom-carousel{display:inline-block;width:100%;border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd}.custom-carousel .custom-item{display:inline-block;position:relative;height:25vh;background-repeat:no-repeat;background-size:contain;background-position:top center;border-left:1px solid #cdcdcd}.custom-carousel .custom-item:last-child{border-right:1px solid #cdcdcd}.custom-carousel .custom-item.last,.custom-carousel .custom-item.first{background-size:20%;cursor:pointer;background-position:center center}.custom-carousel .custom-item{cursor:zoom-in}.custom-carousel .custom-item.first,.custom-carousel .custom-item.last{cursor:pointer;background-size:31px 56px}.custom-carousel .custom-item .text{display:inline-block;position:absolute;width:100%;bottom:0;text-transform:uppercase;text-align:center;padding-bottom:1.5vh;font-family:'OpenSansBold',sans-serif;font-size:1.125rem}.custom-carousel .custom-item .img-container{position:absolute;width:100%;height:100%;padding:.625rem;padding-top:.5rem;padding-bottom:5vh;transition:all .3s ease !important}.custom-carousel .custom-item.first .img-container,.custom-carousel .custom-item.last .img-container{transition:none}.custom-carousel .custom-item:hover .img-container{padding-left:0;padding-right:0;padding-bottom:.625rem}.custom-carousel .custom-item.first .img-container img,.custom-carousel .custom-item.none .img-container img,.custom-carousel .custom-item.last .img-container img{display:none}.custom-carousel .custom-item .img-container img{box-shadow:0 0 1.25rem rgba(0,0,0,.5);width:100%;height:100%}.wrapper-counter .line-width{width:4px;height:100%}.wrapper-counter .line30-width{width:4px;height:25%}.wrapper-counter .line-height{height:4px;width:100%}.wrapper-counter .line{background:#fff}.wrapper-counter .box-container{position:relative;width:22vh;height:22vh;padding:4px}.wrapper-counter .box-container .line{position:absolute}.wrapper-counter .box-container .line1{top:0;right:0}.wrapper-counter .box-container .line2{top:0;left:0}.wrapper-counter .box-container .line3{top:0;left:0}.wrapper-counter .box-container .line4{bottom:0;left:0}.wrapper-counter .box-container .line5{bottom:0;right:0}.wrapper-counter .counter-content{display:inline-block;width:100%;height:100%;text-align:center;vertical-align:middle}.wrapper-counter .counter-content .text_upper,.wrapper-counter .counter-content .text_lower{position:relative;display:inline-block;text-align:left;width:200%}.wrapper-counter .counter-content .text_upper .number{display:inline-block;font-size:6em;line-height:1em;font-family:'OpenSansBold',sans-serif;padding-right:.5rem}.wrapper-counter .counter-content .text_upper span,.wrapper-counter .counter-content .text_lower span{display:inline-block;font-size:1.575em;text-transform:uppercase;white-space:nowrap;font-family:'LatoRegular',sans-serif}.wrapper-counter .counter-content .text_upper:after{position:absolute;display:inline-block;bottom:1px;left:0;width:75%;height:1px;content:'';background:#fff}.wrapper-counter .text-wrapper{display:inline-block;position:absolute;top:40%;left:15%;width:100%;transform:translateY(-50%)}.counter{display:inline-block;vertical-align:top}.counter .counter-number{display:block;font-family:'OpenSansBold',sans-serif;font-size:4.375rem;line-height:3.75rem;margin-bottom:1rem}.counter .span-text{display:inline-block;font-size:1.325em;width:100%;line-height:1em;white-space:nowrap;transition:color 3s ease .5s!important}.counter .span-text:last-child{vertical-align:top}.counter .span-text:empty{display:none}.counter.white .span-text{color:#fff!important}.counter.second{padding-top:5.5%}.counter.third{padding-top:12%}.counter.fourth{padding-top:17.5%}.item-wrapper img{display:block;width:100%;height:auto}.item-wrapper:hover img{filter:blur(10px)}.item-wrapper:hover .information{top:0}.item-wrapper:hover .information .information-back{opacity:.8!important}.item-wrapper{position:relative;display:block;overflow:hidden;height:100%}.item-wrapper .information{position:absolute;display:block;top:75%;width:100%;height:100%;opacity:1;transition:all .5s ease !important}.item-wrapper .information .information-inner{position:relative;width:100%;height:100%}.item-wrapper .information .information-inner .information-back{position:absolute;width:100%;height:100%;opacity:1;transition:all .5s ease !important}.item-wrapper .information .information-inner .btn{position:absolute;bottom:calc(50% - 1.938rem);left:50%;transform:translateX(-50%);z-index:100}.item-wrapper .information .information-inner h3{position:absolute;padding-top:.625rem;padding-left:5%;padding-right:5%;font-family:'OpenSansBold',sans-serif;font-size:1.75rem;color:#fff;text-transform:uppercase;z-index:100;width:100%}.grid-blocks{font-size:0;padding-top:9.2vh}.grid-blocks .main-col{border-top:1px solid #dfdfdf;padding-bottom:3.7vh}.grid-blocks .col{display:inline-block;vertical-align:top;font-size:1rem;height:48vh}.grid-blocks .img{height:100%;width:100%}.social{position:fixed;z-index:10000;float:right;display:inline-block;bottom:1.25rem;right:1.875rem;text-decoration:none}.social ul{list-style-type:none;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0}.social ul>li{padding-bottom:1rem}.social ul>li>a{font-size:1.125rem;color:#092143;transition:all .3s ease !important}.social.dark ul>li>a{color:#fff;opacity:1}.social ul>li:hover a{transform:scale(1.3)}.social.dark ul>li:hover a{opacity:.3}#menu-main{display:inline-block;position:absolute;opacity:0;width:25%;left:60%;top:50%;transform:translateY(-50%);list-style-type:none;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-padding-start:0}#menu-main.active{opacity:1;transition:opacity 1.5s ease 1s !important}#menu-main li{position:relative;padding-bottom:.938rem;width:100%;font-family:'OpenSansBold',sans-serif;font-size:1.75rem;line-height:1em;cursor:pointer;overflow:visible}#menu-main li.transition{transition:all .3s ease !important}#menu-main li:last-child{padding-bottom:0}#menu-main li:before{position:absolute;content:'';display:block;height:2px;width:0;background:#fff;bottom:calc(50% - .938rem);right:calc(100% - 1.875rem);transition:all .6s ease !important}#menu-main li:last-child:before{bottom:-.625rem}#menu-main li:hover:before{width:54.375rem}#menu-main li a span:not([class]){position:absolute;display:inline-block;font-size:1.75rem;font-family:'OpenSansBold',sans-serif;line-height:1.5em;width:100%;color:transparent;bottom:-.938rem;left:-52.500rem;transition:all .6s ease !important}#menu-main li:last-child a span:not([class]){bottom:10px}#menu-main li:hover a span:not([class]){color:#fff;bottom:1.563rem}#menu-main li:last-child:hover a span:not([class]){bottom:.625rem}#menu-main li .number{position:absolute;display:inline-block;font-family:'LatoRegular',sans-serif;font-size:1.25rem;top:calc(50% - 1em);left:0;transition:all .3s ease !important}#menu-main li:last-child .number{top:calc(50% - .563rem)}#menu-main li:hover .number{transform:scale(1.6) translateX(16%);top:calc(50% - 1.063em);left:-.38em}#menu-main li:hover strong{transform:scale(1.4) translateX(14%);display:inline-block}#menu-main li a{display:inline-block;color:#fff;text-decoration:none;padding-left:4.375rem}#popout{position:fixed;height:100%;width:100%;background:#00335b;color:#fff;top:-100%;left:0;overflow:hidden;z-index:10000}#popout .main-information{position:absolute;text-align:center;color:#fff;width:100%;bottom:4rem;left:50%;font-size:8.5px;transform:translateX(-50%)}#popout .main-information .main-information__item{display:block;color:inherit;font-size:inherit;line-height:1em;padding-bottom:1em}#popout>span{display:inline-block;position:absolute;top:calc(50% + 1.479rem);left:-100%;transform:translateY(-50%) scaleY(2);font-family:'LatoBold',sans-serif;font-size:22.188rem;line-height:21.875rem;color:#00335b;text-transform:uppercase}#popout.active>span{left:-25px;transition:left 1s ease .5s !important}#popout .glitch-text:hover:after{color:#171717}#popout .glitch-text:hover:before{color:#171717}#toggle{float:right;position:fixed;display:inline-block;vertical-align:top;top:1.25rem;right:1.25rem;width:11%;font-size:0;z-index:10001;cursor:pointer}#toggle .text{position:relative;display:inline-block;width:calc(100% - 2.188rem);text-align:right;padding-right:1.25rem;height:1.875rem;vertical-align:top;font-size:1.563rem;font-family:'LatoBold',sans-serif;text-transform:uppercase;overflow:hidden}#toggle .text .text1,#toggle .text .text2{display:inline-block;width:100%;height:100%}#toggle .text .text1{height:100%}#toggle .text .text-container{display:inline-block;position:absolute;font-family:'OpenSansBold',sans-serif;font-size:.875rem;right:1.25rem;top:-100%;width:100%;height:100%;transition:all .3s ease !important}#toggle .text:hover .text-container{top:-100%!important}#toggle.dark .text{color:#fff}#toggle .btn-menu{display:inline-block;width:2.188rem;position:relative}#toggle nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:1.875rem;height:1.875rem;border:1px solid #092143;cursor:pointer;-webkit-transition:border-color .3s ease,-webkit-transform 1s cubic-bezier(1,0,.25,1);transition:border-color .3s ease,-webkit-transform 1s cubic-bezier(1,0,.25,1);-o-transition:border-color .3s ease,transform 1s cubic-bezier(1,0,.25,1);transition:border-color .3s ease,transform 1s cubic-bezier(1,0,.25,1);transition:border-color .3s ease,transform 1s cubic-bezier(1,0,.25,1),-webkit-transform 1s cubic-bezier(1,0,.25,1);position:relative;z-index:1}#toggle.dark nav{border:1px solid #fff}#toggle nav span{display:block;width:.9rem;height:1px;background-color:#092143;margin:0 auto .313rem;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}#toggle.dark nav span{background-color:#fff}#toggle nav span:nth-of-type(2){width:1rem}#toggle nav span:nth-of-type(3){margin:0 auto}#toggle nav.active{border-color:#fff}#toggle nav.active span:first-of-type{-webkit-transform:rotate(45deg) translate3d(2px,1px,0);transform:rotate(45deg) translate3d(2px,1px,0)}#toggle nav.active span{width:1.438rem;background-color:#fff;margin:0}#toggle nav.active span:nth-of-type(2){opacity:0}#toggle nav.active span:nth-of-type(3){-webkit-transform:rotate(-45deg) translate3d(1px,0,0);transform:rotate(-45deg) translate3d(1px,0,0)}.menu-lang.hide{display:none}.menu-lang .current-lang{display:block;text-align:right;padding-bottom:.875rem;color:#092143;transition:all .3s ease !important}.menu-lang.dark .current-lang{color:#fff}.menu-lang.dark li a{color:#fff}#menu-mainlang{-webkit-padding-start:0;list-style-type:none;-webkit-margin-after:0;-webkit-margin-before:0}#menu-mainlang>li>a{display:none;color:#fff}#menu-mainlang li a{color:#092143;opacity:.3;transition:all .3s ease !important}#menu-mainlang li:hover a{opacity:1}#menu-mainlang li{display:block;padding-bottom:.875rem}#menu-mainlang li:last-child{padding-bottom:0}#menu-mainlang li.hide{display:none}#menu-mainlang>li ul{-webkit-padding-start:0;list-style-type:none;-webkit-margin-after:0;-webkit-margin-before:0}#menu-mainlang a>img{display:none}#menu-mainlang.dark li a{color:#fff}.arrow-down-wrapper{width:2.5rem;display:inline-block;position:absolute;left:calc(50% - 4px);bottom:40px}.arrow-down-wrapper span{position:absolute;top:25%;right:0;display:inline-block;transform:rotate(90deg);text-transform:uppercase;color:#fff;opacity:.1;font-family:'OpenSansBold',sans-serif;font-weight:400;font-size:.813rem;transition:all .3s ease !important}.arrow-down{position:relative;display:block;width:.5rem;height:4rem}.arrow-down:before{position:absolute;content:'';display:block;width:2px;height:100%;top:0;left:50%;background:#fff;transform:translateX(-50%)}.arrow-down:after{position:absolute;top:calc(100% - 5px);left:calc(50% - 4px);content:'';display:block;margin:0;padding:0;width:.5rem;height:.5rem;border-top:2px solid #fff;border-right:2px solid #fff;behavior:url(https://infovision.ua/wp-content/themes/first-theme/-ms-transform.htc);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.btn-scroll{display:block;position:absolute;left:50%;width:12.500rem;height:10.500rem;bottom:0;transform:translateX(-50%)}.btn-scroll span{display:inline-block;width:100%;text-align:center;color:#fff;font-size:1rem;font-family:'LatoLight',sans-serif}.btn-scroll:hover .arrow-down-wrapper span{opacity:1}.btn-scroll:hover .mouse img{opacity:1}.mouse{position:relative;display:inline-block;width:100%;height:100%;text-align:center;cursor:pointer}.mouse img{display:block;margin:auto;padding-bottom:.625rem;padding-top:.625rem;opacity:1;transition:all .3s ease !important}#myVideo{width:100%;height:100%;object-fit:cover;object-position:center}#myBtn{width:12.500rem;font-size:1.125rem;padding:.625rem;border:none;background:#000;color:#fff;cursor:pointer}#myBtn:hover{background:#ddd;color:#000}.app-btn{display:block;margin-bottom:20px;max-width:340px;box-sizing:border-box;margin:auto;color:#fff}.app-btn:last-child{margin-top:10px}.app-btn:last-child .app-btn__link{height:100%;width:100%}.app-btn:last-child .app-btn__link__text{height:100px;background:#000;background:#000;width:100%;box-sizing:border-box;border:1.5px solid #a1a1a1;border-radius:16px}.app-btn:last-child .app-btn__link__text__h{text-align:center;font-family:'LatoLight',sans-serif}.app-btn__link{color:#fff}.app-btn__link__text{color:#fff;font-size:40px;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.app-btn__link__text__h{padding:5px}.typed-cursor{display:none;opacity:0 !important}.popup-main{position:fixed;display:block;top:-100%;height:100%;width:100%;background:rgba(25,25,25,1);z-index:1000;transition:transform .7s ease!important}.popup-main.active{display:block;transform:translate3d(0,100%,0)}.popup-main__item{display:block;position:relative;visibility:hidden;opacity:0;width:100%;height:100%;color:#fff}.popup-main__item.target{display:block;visibility:visible;opacity:1;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.popup-main__video{padding:5.938rem 3.438rem;text-align:center}.popup-main__item__wrapper{position:absolute;top:50%;left:50%;max-width:35%;transform:translateY(-50%) translateX(-50%)}.popup-main__item__header{padding-bottom:7vh}.popup-main__item__header__item{font-family:'OpenSansBold',sans-serif;font-size:1.75rem;line-height:1em}.popup-main__close{position:absolute;display:inline-block;top:1.25rem;right:1.55rem;width:1.875rem;border:1px solid #fff}.popup-main__close nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:1.875rem;height:1.875rem;cursor:pointer;-webkit-transition:border-color .3s ease,-webkit-transform 1s cubic-bezier(1,0,.25,1);transition:border-color .3s ease,-webkit-transform 1s cubic-bezier(1,0,.25,1);-o-transition:border-color .3s ease,transform 1s cubic-bezier(1,0,.25,1);transition:border-color .3s ease,transform 1s cubic-bezier(1,0,.25,1);transition:border-color .3s ease,transform 1s cubic-bezier(1,0,.25,1),-webkit-transform 1s cubic-bezier(1,0,.25,1);position:relative;z-index:1}.popup-main__close nav span:first-of-type{transform:rotate(45deg) translate3d(0,1px,0)}.popup-main__close nav span:nth-of-type(2){opacity:0}.popup-main__close nav span:nth-of-type(3){transform:rotate(-45deg) translate3d(0,-1px,0)}.popup-main__close nav span{display:block;width:1.75rem;height:1px;background-color:#fff;margin:0}.popup-main__item__form__item{display:inline-block;width:100%;color:#fff;margin-bottom:2.3vh;background:0 0;border:none;border-bottom:1px solid #fff;transition:background .3s ease!important}.popup-main__item__form__item.error{color:#e2a3a3;border-color:#e15a5a}.popup-main__item__form__label{display:inline-block;font-family:'OpenSansBold',sans-serif;font-size:.938rem;margin-bottom:.9vh}.popup-main__item__form__wrapper{display:inline-block;width:100%;text-align:center}.popup-main__item__form__wrapper__btn{display:inline-block;background:0 0}.popup-main__item__form__wrapper__btn:focus{border:1px solid #fff}.popup-main__success__header{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.popup-main__success__header__item{font-family:'OpenSansBold',sans-serif;font-size:2.063rem;line-height:1em}.popup-main__video__item{height:100%}.popup-main__gallery .rev-wrapper{max-width:1900px;margin:auto;height:100%}.gallery-wrapper{position:absolute;width:70%;height:86vh;margin:auto;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.gallery{list-style:none outside none;padding-left:0;margin-bottom:0}.gallery__item{position:relative;display:block;float:left;margin-right:6px;cursor:pointer;height:100%}.gallery__item__img{position:absolute;top:50%;left:50%;display:block;height:auto;max-width:100%;max-height:65vh;margin:auto;padding-left:50px;padding-right:50px;transform:translateX(-50%) translateY(-50%)}.lSSlideOuter{position:relative;width:100%;height:100%}.lSSlideOuter .lightSlider{height:70vh}.lSSlideOuter .lSPager.lSGallery{position:absolute;background:#191919;margin-top:5px;top:80%}.lSSlideOuter .lSPager.lSGallery li{height:15vh;opacity:.5;transition:all .3s ease}.lSSlideOuter .lSPager.lSGallery li img{transition:all .3s ease}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{opacity:1;border-radius:0}.lSSlideOuter .lSPager.lSGallery li.active{border-radius:0}.lSSlideOuter .lSPager.lSGallery li.active img{border:1px solid #fff;border-radius:0}.lSSlideOuter .lSPager.lSGallery li:hover img{transform:scale(1.2)}.lSSlideOuter .lSPager.lSGallery li.active:hover img{transform:none}.lSSlideOuter .lSPager.lSGallery img{display:block;max-width:100%;width:100%;height:15vh;object-fit:cover;object-position:top}.lSAction>.lSPrev{background-image:url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://infovision.ua/wp-content/themes/first-theme/../img/arrow-left-white.png)}.lSAction>.lSNext{background-image:url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://infovision.ua/wp-content/themes/first-theme/../img/arrow-right-white.png)}.lSAction>.lSPrev,.lSAction>.lSNext{background-position:center;width:31px;height:56px}.custom-select{position:relative;font-family:'LatoRegular',sans-serif}.custom-select select{display:none}.select-selected{background-color:#fff;border:1px solid #00335b!important;color:#00335b}.select-selected:after{position:absolute;content:"";top:14px;right:10px;width:0;height:0;border:6px solid transparent;border-color:#00335b transparent transparent}.select-selected.select-arrow-active:after{border-color:transparent transparent #00335b;top:7px}.select-items div,.select-selected{color:#00335b;padding:8px 16px;border:1px solid transparent;border-color:transparent transparent rgba(0,0,0,.1) transparent;cursor:pointer}.select-items{position:absolute;background-color:#fff;top:100%;left:0;right:0;z-index:99;transition:background-color .3s ease!important}.select-items .same-as-selected{color:#fff}.select-hide{display:none}.select-items div:hover,.same-as-selected{background-color:#00335b;color:#fff}.custom-checkbox{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.custom-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:transparent;border:1px solid #00335b}.custom-checkbox:hover input~.checkmark{background-color:#00335b}.custom-checkbox input:checked~.checkmark{background-color:#00335b}.custom-checkbox[data-checked=true] .checkmark{background-color:#00335b}.checkmark:after{content:"";position:absolute;display:none}.custom-checkbox input:checked~.checkmark:after{display:block}.custom-checkbox[data-checked=true] .checkmark:after{display:block}.custom-checkbox .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.table-container{height:80vh}.custom-table{display:flex;flex-flow:column;height:100%;width:100%}.custom-table__header{flex:0 0 auto;width:calc(100% - 1.05em);display:table;table-layout:fixed}.custom-table__footer{flex:2 2 auto;width:calc(100% - 1.05em);display:table;table-layout:fixed}.custom-table__body{flex:1 1 auto;display:block;overflow-y:scroll;min-height:60vh;width:calc(100% - 1.05em)}.custom-table__body__row{display:table;width:100%;table-layout:fixed}.custom-table__header__row,.custom-table__footer__row{background:#00335b}.custom-table__header__row__item{position:relative}.custom-table__header__row__item__text,.custom-table__header__row__item__checkbox,.custom-table__footer__row__item__text,.custom-table__footer__row__item__checkbox{display:inline-block;width:auto}.custom-table__header__row__item__checkbox{display:inline-block;vertical-align:top;position:absolute;top:50%;right:10px;width:24px;height:24px;padding:0;margin:0;transform:translateY(-50%)}.custom-table__header__row__item__text,.custom-table__footer__row__item__text{font-family:'OpenSansBold',sans-serif;font-size:.938rem;line-height:1.25em;color:#fff}.custom-table__header__row__item__text{max-width:8rem;overflow:hidden}.custom-table__footer__row__item__text{font-size:1.75rem;max-width:12.5rem;overflow:hidden;line-height:1.5em}.custom-table__footer__row__item__btn{font-size:.938rem;width:auto}.custom-table__header__row__item__checkbox .checkmark{border:1px solid #dadada;background:0 0}.custom-table__header__row__item,.custom-table__footer__row__item,.custom-table__body__row__item{text-align:center;padding:.45rem}.custom-table__body__row--none{display:none}.custom-table__body__row__item__text{font-family:'OpenSansRegular',sans-serif;font-size:.875rem;line-height:1.875rem;color:#00335b;white-space:normal}.custom-table__body__row__item__checkbox{display:inline-block;pointer-events:none}.custom-table__body__row{cursor:pointer;border:1px solid transparent}.custom-table__body__row:hover{border:1px solid #00335b}.custom-table__body__row--gray{background:#ebebeb!important}.gm-style .gm-style-iw #google-popup p{padding:10px}.gm-style div div div div div div div div div div{background-color:#00335b !important;color:#fff;font-size:16px}#begin{position:relative;overflow:hidden}#begin .content{position:absolute;width:100%;height:100%;display:inline-block;z-index:3}#begin .content .h-wrapper{position:absolute;display:inline-block;width:100%;top:50%;transform:translateY(-50%);text-align:center;color:#fff}#direction1 .full-block{position:relative;height:100vh}#direction1 .container-image{height:100%;vertical-align:top}#direction1 .main-content{padding-right:5rem;padding-top:8.125rem}#direction1 .main-content .content-item{padding-left:1.563rem;padding-bottom:4.375rem;text-align:right;vertical-align:top}#direction .full-block{position:relative}#direction1 .direction-inner .btn{bottom:2.1rem}#direction1 .direction-inner .description{padding-bottom:0}#company .full-block{position:relative;overflow:hidden;width:100%;height:100%}#company .container66{overflow:visible}#company .dark-background{position:relative;display:inline-block;background:#fff;width:100%;height:100%}#company .dark-background .inner-back{position:absolute;left:0;right:0;display:inline-block;height:100%;width:100%;opacity:1}#company .dark-background .inner-back.dark-back{background:rgba(0,51,91,.5);transition:all 3s ease .5s!important;animation:blink 2s ease infinite alternate!important;z-index:1}#company .dark-background .inner-back.img{background-size:cover}@keyframes blink{from{background:rgba(0,51,91,.8)}to{background:rgba(0,51,91,.5)}}#company .dark-background .content{position:absolute;display:inline-block;width:100%;height:100%;top:0;left:0;color:#fff;z-index:10}#company .wrapper-first{padding-top:6.05%}#company .wrapper-first .header-info{padding-top:2.65%}#company .header-info h2{position:relative;font-size:2.25rem;font-family:'LatoRegular',sans-serif;letter-spacing:2px;line-height:2.625rem;height:2.625rem;text-transform:uppercase;overflow:hidden;transition:color 3s ease .5s!important}#company .header-info h3:before{display:none}#company .white h3{color:#fff!important}#company h3{transition:color 3s ease .5s !important}#company .header-info.white h2{color:#fff!important}#company .header-info h2 span{position:absolute;top:0;left:0}#company .header-info.target h2 span{top:0}#company .wrapper-second p{line-height:1.5em}#company .description{font-size:.875rem;font-family:'LatoRegular',sans-serif;line-height:1.786em;padding-right:10%}#company .counters{position:relative;height:100%;width:100%;vertical-align:top}#company .counters .counters__inner{position:absolute;justify-content:space-between;right:0;top:37%;width:58%;transform:translateY(-50%)}#company .wrapper-fourth .header-info{vertical-align:bottom}#company .counter{padding-top:0!important}#company .span-text{text-align:center}#company .counter-number{text-align:center}.wrapper-fourth .header-info{vertical-align:middle}#clients{position:relative;height:100vh!important}#clients .completed .container90,#clients .completed .container50{overflow:visible}#clients .full-block{position:relative;display:block;width:100%;height:100%;text-align:center;background:#fff}#clients .content{position:relative;display:inline-block}#clients .container50 .content{z-index:10;padding-top:3.75rem}#clients .container50{overflow:visible;height:100vh;display:inline-block;position:relative;text-align:left}#clients .header-block{display:inline-block;text-align:left;opacity:1}#clients .header-block.invisible{opacity:0!important}#clients .description{display:inline-block;text-align:left;padding-top:.938rem;opacity:1}#clients .description.invisible{opacity:0!important}#clients .glitch-container{position:absolute;display:inline-block;top:8.5rem;left:0}#clients .glitch-container span{display:inline-block;padding-top:0}#clients .glitch-container.invisible{opacity:0!important}#clients .header-block h3{color:#f47b34;display:inline-block}#clients .header-block h3:before{background:#f47b34}#projects{overflow:hidden}#projects .completed .container90{width:calc(100% - 6.25rem)}#projects .completed .container90,#projects .completed .container50{overflow:visible}#projects .completed .owl-container{position:relative}#projects .completed .owl-container .custom-nav button.owl-next,#projects .completed .owl-container .custom-nav button.owl-prev{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;background-color:transparent;border:none;outline:none}#projects .completed .owl-container .custom-nav button.owl-next span,#projects .completed .owl-container .custom-nav button.owl-prev span{font-size:6.813rem;color:#082043}#projects .completed .owl-container .custom-nav button.owl-next img,#projects .completed .owl-container .custom-nav button.owl-prev img{height:56px;width:31px}#projects .completed .owl-container .custom-nav button.owl-next{right:-1rem}#projects .completed .owl-container .custom-nav button.owl-prev{left:-1rem}#projects{height:100%}#projects .full-block{height:100vh}#projects .glitch-container.invisible{opacity:0!important}#projects .container-btn{text-align:center;padding-top:6.3vh}#projects .container-btn .btn{border:1px solid #092143;color:#092143}#projects .container-btn .btn:hover{border:1px solid #fff}#projects .description{padding-top:2.5rem;padding-bottom:3.625rem}#projects .header-block.invisible{opacity:0!important}#projects .description.invisible{opacity:0!important}#projects .completed{width:100%;background:#fff;padding-top:9.2vh;padding-bottom:4.2vh;display:flex;flex-direction:column}#projects .container50{margin:0 auto}#projects .container90{position:relative;margin:0 auto;flex-grow:1;display:flex}#projects .container90 .owl-container{position:absolute;height:100%;width:100%;padding-top:1.5rem;padding-left:3rem;padding-right:3rem;margin-top:0}#projects .completed-carousel{height:100%}#projects .completed-carousel .owl-stage-outer{height:100%}#projects .completed-carousel .owl-stage{height:100%;display:flex;align-items:center}#projects .completed-carousel .owl-item{height:100%;max-height:300px}#projects .completed-carousel .item{height:100%}#projects .completed-carousel .item-wrapper{height:100%}#projects .completed-carousel .img-responsive{height:100%}#projects .owl-container{margin-top:3.5vh}#projects .completed .item{margin:3px;margin-left:3.125rem;margin-right:3.125rem;min-height:15.313rem}#projects.projects1 .completed .item-wrapper{position:relative}#projects.projects1 .outer-wrapper{position:relative;width:100%;height:100%;text-align:center;vertical-align:middle;display:flex;flex-direction:column}#projects.projects1 .outer-wrapper .container90{display:flex;flex-direction:column}#projects.projects1 .outer-wrapper .container50{display:inline-block;width:100%}#projects.projects1 .completed .item{margin-left:10%;margin-right:10%}#projects .rewards{position:relative;display:block;width:100%;background:#fff}#projects .rewards .content{position:relative;padding-top:4.65%}#projects .rewards .container50{position:relative;overflow:visible}#projects .rewards .glitch-container{position:absolute;top:2rem}#projects .rewards .glitch-container span{display:inline-block;top:6rem}#projects .rewards .header-block h3{color:#f47b34;z-index:5}#projects .rewards .header-block h3:before{background:#f47b34}#projects .rewards .description{width:100%;padding:3vh 0}#equipment,#additional{position:relative}#equipment .full-block{height:100%;overflow:hidden}#equipment .container50{position:relative;overflow:visible}#equipment .glitch-container{position:absolute;padding-top:2rem}#equipment .glitch-container span{position:absolute;font-size:7.97rem;top:9.375rem;left:-4px;letter-spacing:-.7rem}#equipment .glitch-container.ad span{font-size:9.375rem;letter-spacing:-4px}#equipment .header-block{padding-top:5rem}#equipment .header-block h3{color:#f47b34}#equipment .header-block h3:before{background:#f47b34}#equipment .logo-grid,#additonal .logo-grid{font-size:0}#equipment .logo-grid .row{font-size:.938rem}#additonal .logo-grid .row{font-size:.938rem}#equipment .logo-grid .row:before,#equipment .logo-grid .row:after,#additonal .logo-grid .row:before,#additonal .logo-grid .row:after{top:0;height:100%}#equipment .col,#additional .col{position:relative}#equipment .item-wrapper,#additional .item-wrapper{text-align:center}#equipment .item-wrapper .img,#additional .item-wrapper .img{display:inline-block;width:80%;height:80%;background-repeat:no-repeat!important;background-size:contain!important;background-position:center!important}#equipment .item-wrapper .information,#additional .item-wrapper .information{top:87%}#equipment .item-wrapper:hover .information,#additional .item-wrapper:hover .information{top:0}#equipment .item-wrapper .information .information-inner h3,#additional .item-wrapper .information .information-inner h3{text-transform:none}#equipment .item-wrapper:hover .img,#additional .item-wrapper:hover .img{filter:blur(10px)}#equipment .item-wrapper .description-wrapper,#additional .item-wrapper .description-wrapper{display:inline-block;width:100%;position:absolute;font-size:0;top:14%;left:0;text-align:left;display:flex;flex-wrap:wrap}#equipment .item-wrapper .description-wrapper p,#additional .item-wrapper .description-wrapper p{position:relative;display:inline-block;width:50%;vertical-align:top;padding-left:1.25rem;color:#fff;font-size:.875rem;font-family:'OpenSansBold',sans-serif;text-align:left}#equipment .item-wrapper .description-wrapper p:nth-child(5),#additional .item-wrapper .description-wrapper p:nth-child(5){padding-bottom:.438rem}#equipment .item-wrapper .description-wrapper span,#additional .item-wrapper .description-wrapper span{position:relative;display:inline-block;vertical-align:top;width:100%;padding-left:0;padding-left:1.25rem;padding-bottom:1.125rem;color:#fff;font-size:.75rem;max-height:5.313rem;overflow:hidden;font-family:'LatoLight',sans-serif}#equipment .item-wrapper .description-wrapper span:last-child,#additional .item-wrapper .description-wrapper span:last-child{width:100%;text-align:left;padding-left:1.25rem;padding-bottom:.5rem;max-height:4.375rem}#equipment .item-wrapper .btn-wrapper,#additional .item-wrapper .btn-wrapper{display:inline-block;width:100%;position:absolute;bottom:0;left:0}#equipment .item-wrapper .btn-wrapper .btn,#additional .item-wrapper .btn-wrapper .btn{display:inline-block;position:relative;bottom:0;left:0;transform:none;margin-bottom:.625rem}#interactivity .r25,#interactivity .r75{font-size:.938rem}#interactivity .arrow-down-wrapper{bottom:30px}#innovation .r25,#innovation .r75{font-size:.938rem}.footer{height:100%;overflow:hidden}.footer .full-block{height:100vh}.footer .container-back{height:100%;position:relative}.footer .footer-content{position:absolute;top:0;left:0;z-index:1;height:100%;width:100%}.footer .sidebar,.footer .main-content{position:absolute;display:inline-block;height:100%;top:0;vertical-align:top;z-index:1001}.footer .sidebar{width:25%;left:0}.footer .main-content{width:75%;right:0;top:100%;-webkit-transition:transform 1s ease;-moz-transition:transform 1s ease;-o-transition:transform 1s ease;-ms-transition:transform 1s ease;transition:transform 1s ease}.footer .main-content.target{overflow:visible;-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.footer .map{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000}.footer .sidebar .container .description{width:100%;padding-left:3.438rem;padding-right:9%;padding-top:0}.footer .sidebar .footer-tabs__item p{padding-top:calc(8.8vh - 20px)}.footer .sidebar .footer-tabs__item:first-child p{padding-top:0}.footer .content{height:100%;position:relative}.footer .footer-popup{position:absolute;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);top:0;left:0;z-index:10000;height:100%;width:100%;background:#082043;color:#fff;-webkit-transition:all .7s ease!important;-moz-transition:all .7s ease!important;-o-transition:all .7s ease!important;-ms-transition:all .7s ease!important;transition:all .7s ease!important}.footer .footer-popup.light{background:#f6f4f1}.footer-popup.target{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.footer-popup__close{position:absolute;display:inline-block;top:1.25rem;right:1.55rem;width:1.875rem;border:1px solid #fff}.footer-popup__close{border-color:#082043}.footer-popup__close nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:1.875rem;height:1.875rem;border:1px solid #fff;cursor:pointer;-webkit-transition:border-color .3s ease,-webkit-transform 1s cubic-bezier(1,0,.25,1);transition:border-color .3s ease,-webkit-transform 1s cubic-bezier(1,0,.25,1);-o-transition:border-color .3s ease,transform 1s cubic-bezier(1,0,.25,1);transition:border-color .3s ease,transform 1s cubic-bezier(1,0,.25,1);transition:border-color .3s ease,transform 1s cubic-bezier(1,0,.25,1),-webkit-transform 1s cubic-bezier(1,0,.25,1);position:relative;z-index:1}.footer-popup__close.dark nav{border-color:#082043}.footer-popup__close nav span:first-of-type{transform:rotate(45deg) translate3d(0,1px,0)}.footer-popup__close nav span:nth-of-type(2){opacity:0}.footer-popup__close nav span:nth-of-type(3){transform:rotate(-45deg) translate3d(0,-1px,0)}.footer-popup__close nav span{display:block;width:1.75rem;height:1px;background-color:#fff;margin:0}.footer-popup__close.dark nav span{background-color:#082043}.footer-popup .footer-popup__item{display:none;background:#00335b;width:100%;height:100%;position:relative}.footer-popup .footer-popup__item.footer-popup__news{background:#f6f4f1;padding-top:12vh;padding-left:1.5%;padding-right:1.5%}.footer-popup .footer-popup__item.target{display:block}.footer-popup .news-wrapper{height:37vh}.footer-popup .news-wrapper__block{padding:0;width:90%!important}.footer-popup .all-news-wrapper{text-align:center;padding-top:5.5vh}.footer-popup__success__header{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.footer-popup__success__header__item{font-family:'OpenSansBold',sans-serif;font-size:2.063rem;line-height:1em}.footer-tabs__item{cursor:pointer;position:relative;overflow:hidden;list-style-type:none;color:#f47b34}.footer-tabs__item__p{position:relative;display:inline-block;font-family:'LatoLight',sans-serif;font-weight:500;line-height:1em!important;padding-bottom:20px!important;font-size:1.875rem}.footer-tabs__item__p:after{position:absolute;content:'';display:block;bottom:0;left:0;height:2px;width:100%;transform:translateX(-100%);background:0 0;transition:transform .7s ease!important}.footer-tabs__item:hover .footer-tabs__item__p:after,.footer-tabs__item.target .footer-tabs__item__p:after{transform:translateX(0);background:#f47b34}.footer-tabs__item.target{color:#f47b34}.footer-information{position:absolute;font-family:'LatoLight',sans-serif;font-size:.938rem;color:#fff;bottom:0;width:100%;padding-bottom:5vh;text-align:center}.footer-information__item{display:block;line-height:1em;color:#fff;padding-bottom:2.8vh}.footer-information__item:hover{color:#fff}.footer-information__item:last-child{padding-bottom:0}.footer-form{position:absolute;font-family:'OpenSansBold',sans-serif;font-size:.875rem;max-width:38%;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}.footer-form__item{display:inline-block;width:100%;margin-bottom:2.8vh;border:none;height:1.875rem;color:#fff;border-bottom:1px solid #fff;background:0 0}.footer-form__item.error{color:#e2a3a3;border-color:#e15a5a}.footer-form__item:focus{border-bottom:1px solid #fff}.footer-form__btn{background:0 0}.footer-form__btn:focus{border:1px solid #fff}.footer-form__wrapper{text-align:center}.footer .container-image{height:100%;vertical-align:top}.footer .direction-inner:hover .direction_back{opacity:1}.footer .direction_back{background:rgba(0,51,91,.5)}.footer .direction_back2{background:#fff}.footer .date{text-align:left}.footer .description{display:block;opacity:1;top:auto;left:auto;transform:none;color:#fff;padding:0;padding-top:11%}.footer .content-container{position:absolute;padding-left:10%;padding-right:10%;top:25%;left:0;z-index:2}.footer .content-container .date,.footer .content-container .description{position:relative;display:block;z-index:100}.footer .content-container .description{padding-top:1.6vh}.footer .content-container .btn{background:#fff;margin:auto;padding:15px;width:14rem;bottom:9%}.footer .direction-inner:hover .date__day span,.footer .direction-inner:hover .date__month span,.footer .direction-inner:hover .date__year span,.footer .direction-inner:hover .btn a,.footer .direction-inner:hover .description p{color:#7dd3ff!important}.footer .direction-inner{box-shadow:0 2px 40px rgba(2,2,2,.36)}.footer .direction-image{overflow:hidden}.footer .direction-image .image{transition:transform .5s ease!important}.footer .direction-inner:hover .direction-image .image{filter:none;transform:scale(1.3)}.footer .app-btn{width:54%}.footer .news-wrapper .content-container .description{padding:0;padding-top:2vh}.footer .news-wrapper .content-container .description p{max-height:8.75rem;overflow:hidden}.footer .direction-inner:hover .direction_back{opacity:1}#mapUkraine .full-block{height:100%}#mapUkraine .container-back{position:relative;height:100%;width:100%;vertical-align:top}#mapUkraine .container-image{height:100%;width:100%}#mapUkraine .main-content .content{display:block;width:100%;height:100%}#mapUkraine .sidebar{overflow:hidden}#mapUkraine .sidebar .container{left:0}#mapUkraine .sidebar .glitch-container{position:absolute;transform-origin:left top;transform:rotate(-90deg) translateX(100%)}#mapUkraine .sidebar .glitch-container.target{animation:trans 1.5s ease forwards}@keyframes trans{0%{opacity:0;transform:rotate(-90deg) translate3d(100%,0,0)}100%{opacity:1;transform:rotate(-90deg) translate3d(0,0,0)}}#mapUkraine .header-content{position:absolute;top:15%;width:100%;padding-left:3.75rem}#mapUkraine .header-content .header-wrapper{padding-left:7.5rem;width:100%}#mapUkraine .counters.main{width:100%}#mapUkraine .number-wrapper{display:block;white-space:nowrap}#mapUkraine .number-wrapper .counter-number{display:inline-block;width:auto}#mapUkraine .counter .number-wrapper .span-text{display:inline-block;vertical-align:bottom;width:auto;font-family:'OpenSansBold',sans-serif;font-size:2.5rem}#mapUkraine .counter .span-text:empty{display:inline-block}#mapUkraine .content-sidebar{position:relative;padding-left:1.25rem;width:100%}#mapUkraine .content-sidebar .header-sidebar{width:calc(100% - 55px);height:3.125rem}#mapUkraine .content-sidebar .header-sidebar span{font-family:'LatoBold',sans-serif;font-size:3.125rem;text-transform:uppercase}#mapUkraine .content-sidebar .header-sidebar:first-of-type{margin-top:calc(14% + 20px)}#mapUkraine .sidebar .counters{width:auto;text-align:center}#mapUkraine .counter-wrapper{display:inline-block;padding-top:8.8%;width:51%;text-align:left}#mapUkraine .content-sidebar .counter{display:inline-block}#mapUkraine .content-sidebar .btn-wrapper{width:100%;text-align:center}#mapUkraine .content-sidebar .btn{border:1px solid #092143;color:#092143;margin-top:10%;margin-right:13.8%}#mapUkraine .content-sidebar .btn:nth-of-type(1){margin-top:12%}#mapUkraine .content-sidebar .btn a{color:#092143}#mapUkraine .content-sidebar .btn:hover{background:#092143;border:1px solid #092143;color:#fff}#mapUkraine .content-sidebar .btn:hover a{color:#fff}#mapU{position:absolute;left:50%;top:35%;padding-top:0;display:block;width:70%;margin:auto;transform:translateX(-50%)}#mapU .area{fill:transparent;stroke-width:1px;z-index:-1}#mapU .area2{fill:#162e56}#mapU .area-border-back{stroke:#48b7f2;stroke-width:1px}#mapU .area-background{fill:#48b7f2;stroke:#48b7f2;stroke-width:10px;stroke-linecap:round;stroke-linejoin:round}#mapU .area path{stroke:transparent;stroke-dasharray:1500;stroke-dashoffset:0;transition:fill .7s ease}#mapU .area.selected path{stroke:#f47b34;z-index:-1}#mapU .area.selected{stroke:#f47b34;stroke-width:2px;z-index:-1}#mapU .area:hover{fill:#182844;stroke:#f47b34;z-index:10}#mapU .area:hover path{fill:#182844;stroke:#f47b34;stroke-width:2px;animation:dash 1.5s linear;z-index:20}@keyframes dash{from{stroke-dashoffset:1500}to{stroke-dashoffset:0}}#mapU .area .marker.invisible{display:none}#mapU .area .marker-icon{stroke:none;fill:#f47b34}#mapU .area .marker-point{stroke:none;fill:#fff}#tablet .full-block{height:100%}#tablet .container-back{position:relative;height:100%}#tablet .container-image{height:100%}#tablet .main-content{overflow:hidden}#tablet .container-back{background:rgba(0,51,91,.5);height:100%;font-size:0;vertical-align:top}#tablet .sidebar .description{position:absolute;width:100%;top:0;left:0;transform:none;padding-top:9.35rem;transition:all 1s ease}#tablet .sidebar .description1{z-index:3}#tablet .sidebar .description2{z-index:2}#tablet .sidebar .description1.invisible{opacity:0;z-index:1}#tablet .sidebar .description2.invisible{opacity:0}#tablet .sidebar .description__text-light,#exclusive .sidebar .description__text-light,#brands .sidebar .description__text-light{padding-top:2.6vh}#tablet .sidebar .description__text-light:first-of-type,#exclusive .sidebar .description__text-light:first-of-type,#brands .sidebar .description__text-light:first-of-type{padding-top:0}#tablet .sidebar .description__header-light:first-of-type,#exclusive .sidebar .description__header-light:first-of-type,#brands .sidebar .description__header-light:first-of-type{padding-top:4.6vh}#tablet .sidebar .btn-wrapper{display:inline-block;width:100%;text-align:center;padding-top:1.25rem}#tablet .sidebar .btn-wrapper .btn,#exclusive .sidebar .btn-wrapper .btn,#brands .sidebar .btn-wrapper .btn{margin-top:1.563rem}#tablet .sidebar .btn-wrapper .btn a{font-size:1.125rem}#tablet .content{height:100%}#tablet .empty{height:100%}#tablet .tablet-border{position:relative;overflow:hidden}#tablet .tablet-border img{bottom:0}#tablet .tablet-border .tablet-next{position:absolute;bottom:30%;left:50%;transform:translateX(-50%)}#tablet .tablet-border .tablet-next.invisible{display:none}#tablet .tablet-border .slide{left:0;transition:all 1.5s ease!important}#tablet .tablet-border .slide.invisible{opacity:0}#tablet .counters{display:block}#tablet .advretising-iframe{position:absolute;transform-origin:0 0 0;top:60px;left:50%;transform:scale(.37) translateX(-50%)}#diffSlider .full-block{height:100vh}#diffSlider .header{position:relative;display:block}#diffSlider .header .header-wrapper{position:absolute;padding-left:11rem;padding-left:9.2%;padding-bottom:1.5rem;bottom:0}#diffSlider .content{display:block;overflow:hidden}#diffSlider .side{vertical-align:top}#diffSlider .side.center{position:relative}#diffSlider .side .slide{background:rgba(0,51,91,1);vertical-align:top;overflow:hidden;transition:all 1s ease}#diffSlider .side .slide.invisible{opacity:0}#diffSlider .side .slide img{position:absolute;top:0;left:0;transform:translateX(-100%);max-height:100%;width:100%;height:100%;transition-property:transform;transition-timing-function:linear;transition-delay:0s;z-index:2;object-fit:cover;-o-object-fit:cover;object-position:center top;-o-object-position:center top}#diffSlider .side .slide:nth-child(1) img,#diffSlider .side .slide:nth-child(2) img,#diffSlider .side .slide:nth-child(3) img{transition-delay:0s}#diffSlider .side .slide:nth-child(4) img,#diffSlider .side .slide:nth-child(5) img,#diffSlider .side .slide:nth-child(6) img{transition-delay:.3s}#diffSlider .side .slide:nth-child(7) img,#diffSlider .side .slide:nth-child(8) img,#diffSlider .side .slide:nth-child(9) img{transition-delay:.6s}#diffSlider .side .slide img.active{transform:translateX(0);z-index:3}#diffSlider .side .slide img.prev{transform:translateX(100%);z-index:1}#diffSlider .side .slide .img-wrapper{position:relative;overflow:hidden;height:100%;cursor:pointer;transition:all .3s ease!important}#diffSlider .side .slide .img-wrapper:hover{opacity:.5}#diffSlider .owl-container{height:100%}#diffSlider .owl-carousel{height:100%}#diffSlider .owl-carousel .owl-stage-outer{height:100%}#diffSlider .owl-carousel .owl-stage-outer .owl-stage{height:100%}#diffSlider .owl-carousel .item{height:100%;width:100%}#diffSlider .owl-carousel .item-wrapper{height:100%;width:100%}#diffSlider .owl-carousel .owl-item{height:100%}#diffSlider.advertising-projects .owl-carousel .owl-item{cursor:zoom-in}#diffSlider.advertising-projects .zoom-img{transition:all .3s ease}#diffSlider.advertising-projects .owl-carousel .owl-item:hover .zoom-img{transform:scale(1.1)}#diffSlider .owl-carousel .item-wrapper img{height:100%;width:auto;object-fit:contain;-o-object-fit:contain;object-position:center;-o-object-position:center}#diffSlider .owl-carousel .item-wrapper video{display:block;vertical-align:middle;height:100%;width:auto}#diffSlider .owl-carousel .item-wrapper:hover img{filter:none}#diffSlider .owl-navs-wr{position:absolute;width:100%;top:0;left:0}#diffSlider .owl-navs-wr button{background:0 0;border:none;outline:none;color:#082043;vertical-align:top}#diffSlider .owl-navs-wr button span{display:inline-block;color:#082043;font-size:8.5rem;transform:translateY(-50%)}#diffSlider .owl-navs-wr .owl-prev{position:absolute;left:0;width:50px;padding:0;margin:0}#diffSlider .owl-navs-wr .owl-next{position:absolute;right:0;width:50px;padding:0;margin:0}#diffSlider .owl-navs-wr .owl-prev img,#diffSlider .owl-navs-wr .owl-next img{width:31px;height:56px}#diffSlider .btn-container{position:relative}#diffSlider .btn-container .btn.white{position:absolute;bottom:1px;left:50%;width:auto;white-space:nowrap;vertical-align:bottom;transform:translateX(-50%)}#exclusive .full-block{height:100%}#exclusive .container-back{position:relative;height:100%}#exclusive .container-image{height:100%}#exclusive .container-back{background:rgba(0,51,91,.5);height:100%;font-size:0;vertical-align:top}#exclusive .sidebar .container .description{position:relative;top:0;transform:none;padding-top:9.35rem}#exclusive .sidebar .btn-wrapper{display:inline-block;width:100%;text-align:center;padding-top:1.25rem}#brands .full-block{height:100%}#brands .container-back{position:relative;height:100%}#brands .container-image{height:100%}#brands .container-back{background:rgba(0,51,91,.5);height:100%;font-size:0;vertical-align:top}#brands .sidebar .container .description{position:relative;top:0;transform:none;padding-top:9.35rem}#brands .sidebar .btn-wrapper{display:inline-block;width:100%;text-align:center;padding-top:1.25rem}#test .popup{display:block}#test .popup_img{background:#d2d2d2}#mobile{color:#fff}#mobile .full-block{height:100vh}#mobile .container-image{height:100%}#mobile .container-back{background:rgba(0,51,91,.5);height:100%;vertical-align:top}#mobile .container-back .inline-fs{vertical-align:top}#mobile h1{font-size:5.777rem}#mobile .links-content{position:relative}#mobile .links-content__inner{position:absolute;width:100%;top:50%;text-align:center;transform:translateY(-60%)}#mobile .links-content__inner__h1{margin-bottom:4.65vh}#mobile .links-content__inner__btn{margin-bottom:4.65vh}#mobile .app-btn{width:54%}#news .full-block{position:relative;height:100vh}#news .container-back{height:100%;background:#f6f4f1}#news .container-image{height:100%;vertical-align:top}#news .sidebar .description h2:first-child{padding:0}#news .sidebar .description{font-family:LatoLight,sans-serif}#news .sidebar .btn{display:block;margin:auto;margin-top:4.6vh;width:11.25rem}#news .main-content{padding-right:5.313rem;padding-top:8.125rem;padding-bottom:.375rem;background:#f6f4f1}.date{font-family:'OpenSansBold',sans-serif}.date .date__day,.date .date__part2,.date .date__month,.date .date__year{display:inline-block;color:#fff}.date .date__day{font-size:5.438em;line-height:1em;padding-right:.625rem}.date .date__month,.date .date__year{display:block;line-height:1em}.date .date__month{font-size:2em}.date .date__year{font-size:2.2em}.date .date__month:first-letter {text-transform:uppercase}#news .news__tabs__content__item{padding:0}#news .app-btn{width:54%}#programmatic .container-image{height:100%}#programmatic .container-back{height:100%;font-size:0;vertical-align:top;background:rgba(0,51,91,.5)}#programmatic .sidebar{display:inline-block;position:relative;height:100%}#programmatic .main-content{vertical-align:middle;text-align:center}#programmatic .main-content .content{display:inline-block;height:100%}#programmatic .programmatic-btn{margin-right:2rem}#programmatic .programmatic-btn:last-child{margin-right:0}#bussines{overflow:hidden}#bussines .container-image{height:100%}#bussines .container-back{background:rgba(0,51,91,.5);height:100%;font-size:0;vertical-align:top}#bussines .sidebar .btn-wrapper{padding-top:1rem;width:50%;margin:auto}#bussines .sidebar .btn-wrapper .btn{margin-bottom:1rem}#bussines .main-content{text-align:center}#bussines .main-content .content{display:inline-block;width:100%;height:100%}#bussines .main-content .content .r33{height:100%}#bussines .owl-container{position:relative;width:100%;height:100%}.bussines-carousel{overflow:hidden;width:100%;height:100%}.bussines-carousel .owl-stage-outer{height:100%}.bussines-carousel .owl-stage{height:100%}.bussines-carousel .owl-item{height:100%}.bussines-carousel .item{position:relative;height:100%;width:100%;border-left:1px solid #fff;border-right:1px solid #fff;background-size:cover;background-position:center;background-repeat:no-repeat}.bussines-carousel .item-wrapper{position:relative;width:100%;background:rgba(0,51,91,.5)}.bussines-carousel .item-wrapper__content{position:absolute;width:100%;top:50%;transform:translateY(-50%)}.bussines-carousel .item-wrapper__content__h{font-family:'OpenSansBold',sans-serif;font-size:1.563rem;padding-bottom:3vh;color:#fff}#bussines .owl-prev,#bussines .owl-next{box-sizing:border-box;border:1px solid transparent;width:75px;height:75px;padding:0;border-radius:50%;background:rgba(255,255,255,.5);outline:transparent}#bussines .owl-prev span,#bussines .owl-next span{position:absolute;top:calc(50% - 4px);left:50%;font-size:6.813rem;line-height:1rem;color:#082043;transform:translateY(-50%) translateX(-50%)}#bussines .owl-navs-wr{position:absolute;top:50%;width:100%;z-index:100;transform:translateY(-50%)}#bussines .owl-navs-wr .owl-nav{position:relative}#bussines .owl-navs-wr .owl-nav .owl-prev{position:absolute;top:0;left:10px;padding-right:5px}#bussines .owl-navs-wr .owl-nav .owl-next{position:absolute;top:0;right:10px;padding-left:5px}#bussines .owl-navs-wr .owl-nav .owl-prev img,#bussines .owl-navs-wr .owl-nav .owl-next img{width:31px;height:56px}#navigation-iframe{overflow:hidden}#navigation-iframe .container-image{height:100%;width:100%}#navigation-iframe .container-back{position:relative;height:100%;width:100%}#navigation-iframe .container-back .navigation-iframe{position:absolute;top:0;left:50%;transform-origin:0 0 0;transform:scale(.5)}#navigation-iframe .empty{position:relative;height:100%}#navigation-iframe .btn-wrapper{width:50%;margin:auto}#navigation-iframe .btn-wrapper .btn{margin-bottom:2vh}#navigation-iframe .tablet-border{position:relative;vertical-align:unset;height:100vh}#navigation-iframe .tablet-border__img{vertical-align:unset;overflow:hidden;bottom:0;height:100%;width:100%;object-fit:contain;object-position:bottom}#navigation-iframe .container-back{background:rgba(0,51,91,.5)}#navigation-iframe.target .container{transform:translate3d(100%,0,0)}#navigation-projects{overflow:hidden}#navigation-projects .header-content{padding-left:3.125%;padding-top:5.313rem;padding-bottom:2vh}#navigation-projects .header-block{padding-left:7.5rem}#navigation-projects .container-projects__item{cursor:zoom-in;position:relative;height:40vh;overflow:hidden;margin-bottom:1rem}#navigation-projects .container-projects__item__wrapper{position:absolute;width:100%;height:100%;padding:1rem;top:110%;left:0}#navigation-projects.target .container-projects__item__wrapper{transform:translate3d(0,-110%,0)}#navigation-projects .container-projects__item .container-projects__item__img{transition:all .3s ease}#navigation-projects .container-projects__item:hover .container-projects__item__img{transform:scale(1.1)}#navigation-projects{padding-left:80px;padding-right:80px}.news__header-block{height:auto;overflow:hidden}.news__header-block__bg{position:relative;width:100%;height:100%;padding-top:25vh;padding-bottom:25vh;background-repeat:no-repeat;background-size:cover!important}.news__header-block__bg__dark{position:absolute;top:0;height:100%;width:100%;background:#00335b;opacity:.5;z-index:2}.news__header-block__bg__header{position:relative;text-align:center;color:#fff;z-index:3}.news__tabs{background:#f6f4f1}.news__tabs__controls{text-align:center;line-height:1em;background:#fff;box-shadow:0px 2px 20px 0px rgba(0,0,0,.35)}.news__tabs__controls__item{position:relative;display:inline-block;font-family:'OpenSansBold',sans-serif;font-size:1.25rem;cursor:pointer;overflow:hidden;line-height:1.5em;margin-top:3.7vh;margin-bottom:4.2vh;margin-right:16.6%}.news__tabs__controls__item:last-child{margin-right:0}.news__tabs__controls__item:after{position:absolute;content:'';width:100%;height:2px;bottom:0;left:-100%;background:#00335b;transition:transform .5s ease!important}.news__tabs__controls__item:hover:after,.news__tabs__controls__item.active:after{transform:translate3d(100%,0,0)}.news__tabs__content__item.active{display:block}#news .news__tabs__content__item .content-item{height:50%}.news__tabs__content__item .content-item{vertical-align:top;height:40.834vh;padding-bottom:4.625rem;padding-left:1.563rem;text-align:right;vertical-align:top}.news__tabs__content__item .content-item .block{display:inline-block;width:100%;height:100%;text-align:center}.news__tabs__content__item .direction-inner{box-shadow:0 2px 40px rgba(2,2,2,.36)}.news__tabs__content__item .direction-image{overflow:hidden}.news__tabs__content__item .direction-image .image{background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .5s ease!important}.news__tabs__content__item .content-container{position:absolute;top:25%;left:0;padding-left:10%;padding-right:10%;z-index:2}.news__tabs__content__item .content-container .date,.news__tabs__content__item .content-container .description{position:relative;display:block;z-index:100}.news__tabs__content__item .content-container .description{padding-top:1.6vh}.news__tabs__content__item{display:none;padding-top:3.7vh;padding-left:13%;padding-right:13%}.news__tabs__content__item .content-item .block{padding-bottom:0}.news__tabs__content__item .direction-inner:hover .direction-image .image{filter:none;transform:scale(1.3)}.news__tabs__content__item .content-container .date,.news__tabs__content__item .content-container .description{position:relative;display:block;z-index:100}.news__tabs__content__item .date{text-align:left}.news__tabs__content__item .date__day span{margin-left:-.313rem}.news__tabs__content__item .description{top:auto;left:auto;padding:0;padding-top:11%;opacity:1;color:#fff;transform:none}.news__tabs__content__item .direction-inner:hover .date__day span,.news__tabs__content__item .direction-inner:hover .date__month span,.news__tabs__content__item .direction-inner:hover .date__year span,.news__tabs__content__item .direction-inner:hover .btn a,.news__tabs__content__item .direction-inner:hover .description p{color:#7dd3ff!important}.news__tabs__content__item .direction_back{opacity:1!important}.news__tabs__content__item .description p{max-height:8.75em;overflow:hidden}.news__subscribe{position:relative;background:#fff;text-align:center;padding-top:5vh;padding-bottom:5vh;box-shadow:0 -2px 20px 0 rgba(0,0,0,.35)}.news__subscribe.stiky{position:fixed}.news__subscribe__btn{background:#092143;padding:0}.news__subscribe__btn:hover{border-color:#092143}.news__subscribe__label,.news__subscribe__input,.news__subscribe__btn{display:inline-block;vertical-align:top;height:40px;margin-right:1vh}.news__subscribe__label{font-size:1.75rem;font-family:'OpenSansBold',sans-serif;line-height:1.429em}.news__subscribe__input{border:1px solid #092143;width:18.2%;padding:1rem}.news__subscribe__input:focus{border:1px solid #092143}.news__btn-more{padding-bottom:4vh;text-align:center;cursor:pointer}.news__btn-more.news__btn-more--none{display:none}.news__btn-more__text{font-family:'OpenSansBold',sans-serif}.news__btn-more__image{height:20px}.news-single{background:#fff}.news__description{padding-top:4.3vh}.news__description__text{text-align:center;padding-bottom:4.6vh;border-bottom:1px solid #a1a1a1}.news__description__text__p{font-family:'LatoRegular',sans-serif;font-size:1rem;line-height:1.5em;padding-left:1rem;padding-right:1rem}.news__description__date{text-align:right;padding-right:1.875rem;vertical-align:top}.news__description__date__inner{display:inline-block}.news__description__date__inner__day,.news__description__date__inner__part2{display:inline-block}.news__description__date__inner__part2__month,.news__description__date__inner__part2__year{display:block}.news__description__date__inner__day,.news__description__date__inner__part2__month,.news__description__date__inner__part2__year{color:#092143!important}.news__content{padding-top:3.3vh}.news__content__inner{width:42%;margin:auto;overflow:hidden}.news__content__inner__text{font-size:1rem;line-height:1.5em;font-family:'LatoLight',sans-serif;padding-bottom:1.25rem}.news__content__inner__text:last-child{padding-bottom:70px}.news__content__inner__image{display:block;cursor:zoom-in;margin:0;padding-bottom:1.25rem;width:100%;transition:all .5s ease}.news__content__inner__video-wrap{display:flex;flex-direction:column;align-items:center;padding-bottom:1.25rem}.news__content__inner__video-wrap:last-child{padding-bottom:70px}.news__content__inner__video{width:auto;height:auto;max-height:80vh;max-width:100%}.news__content__inner__image:hover{transform:scale(1.1)}.news__content__inner__image:last-child{padding-bottom:70px}.news__subscribe--custom{box-shadow:none;background:#f6f4f1}.news__last-news{text-align:center;padding-top:4.2vh;padding-bottom:7.4vh}.news__last-news__inner{width:74%;margin:auto}.news__last-news .news__tabs__content__item{display:block;padding-left:0;padding-top:0;padding-right:0}.news__last-news__btn-all{background:#092143}.news__last-news__btn-all:hover{border:1px solid #092143}#additional-map .map-content{height:100%}#additional-map .sidebar{height:100%}#additional-map .sidebar .container{position:relative;width:100%;height:100%;left:0;background:#fff}#additional-map .main-content{height:100%;vertical-align:top;padding-top:5.938rem;padding-left:3.438rem}#additional-map .sidebar .description{padding-top:5.938rem;width:100%;top:0;color:#00335b;transform:none}#additional-map .header{margin-bottom:3.2vh}#additional-map .custom-select{margin-bottom:1.9vh}#additional-map .btn-controls{margin-bottom:3vh}#additional-map .btn-sidebar{text-align:center}#additional-map .btn-sidebar__item{display:block;margin:auto;margin-bottom:2.3vh;width:11.250rem;padding-left:0;padding-right:0}#additional-map .btn-sidebar__item:last-of-type{margin-bottom:0}#additional-map .sidebar__header{padding-bottom:1.875rem;height:5rem;color:#00335b;line-height:1em}#additional-map .header-block h3:before{display:none}#additional-map .counter .counter-number,#additional-map .number-wrapper .number_text{display:inline-block;width:auto;vertical-align:bottom}#additional-map .counter .counter-number{max-width:12.5rem;overflow:hidden;vertical-align:bottom}#additional-map .select-items{max-height:75vh;overflow-y:scroll;border:1px solid #00335b;border-top:none}#additional-map .counters{text-align:center}#additional-map .counter-wrapper{display:inline-block;width:51%;padding-bottom:3vh;text-align:left}#additional-map .counter{display:inline-block;vertical-align:top;padding-bottom:1rem}#additional-map .counter:last-of-type{padding-bottom:0}#additional-map .number-wrapper{display:block;white-space:nowrap}.btn-controls__item{width:50%!important;min-width:auto}.btn-controls__item:last-of-type{border:1px solid transparent}.map-tabs{width:100%;height:100%;color:#00335b;overflow:hidden}.map-tabs__controls{height:5rem;padding-bottom:1.875rem;text-align:left}.map-tabs__controls__item{border:1px solid #00335b;color:#00335b}.map-tabs__controls__item:first-of-type{margin-right:1.5rem}.map-tabs__controls__item:hover{background:#00335b;border:1px solid #00335b;color:#fff}.map-tabs__controls__item.active{background:#00335b;color:#fff}.map-tabs__controls__item.active:hover{background:#00335b;border:1px solid #00335b;color:#fff}.map-tabs__content{position:relative;height:calc(100% - 4.938rem)}.map-tabs__content__item{position:absolute;display:block;height:100%;width:100%;opacity:0;visibility:hidden;z-index:10;transition:.2s ease-out}.map-tabs__content__item.active{visibility:visible;opacity:1;z-index:100}.map-tabs__content__item__map{height:100%}.custom-table__header__row__item--all{cursor:pointer}.custom-table__body__row__item--info{font-size:2rem;transition:transform .3s ease}.custom-table__body__row__item--info:hover{transform:scale(1.5)}.custom-table__body__row:hover .custom-table__header__row__item--info{color:#fff}.btn-blue{background:#fff;color:#092143}.btn-blue:hover{background:#092143;border-color:#092143;color:#fff}.touchname{position:absolute;padding-top:.625rem;padding-left:5%;padding-right:5%;font-family:'OpenSansBold',sans-serif;font-size:1.75rem;color:#fff;text-transform:uppercase;z-index:100;width:100%;bottom:0;background:#ff7a7d}.touchname:hover{background:0 0;color:transparent}.counter.first{margin-left:0;margin-bottom:2rem}.counter.second{margin-left:8rem;margin-bottom:2rem}.counter.fourth{margin-left:10.3rem}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://infovision.ua/wp-content/themes/first-theme/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@font-face{font-family:'FontAwesome';src:url(//infovision.ua/wp-content/themes/first-theme/font-awesome-4.7.0/css/../fonts/fontawesome-webfont.eot?v=4.7.0);src:url(//infovision.ua/wp-content/themes/first-theme/font-awesome-4.7.0/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(//infovision.ua/wp-content/themes/first-theme/font-awesome-4.7.0/css/../fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(//infovision.ua/wp-content/themes/first-theme/font-awesome-4.7.0/css/../fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(//infovision.ua/wp-content/themes/first-theme/font-awesome-4.7.0/css/../fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(//infovision.ua/wp-content/themes/first-theme/font-awesome-4.7.0/css/../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal;font-display:swap}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */.lSSlideWrapper,.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSSlide,.lSSlideWrapper.usingCss .lSFade>*{-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important;-webkit-transition-duration:inherit!important;transition-duration:inherit!important}.lSSlideOuter,.lSSlideOuter .lSPager.lSGallery{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideOuter{overflow:hidden;user-select:none}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden;margin:0}.lSSlideWrapper{max-width:100%;overflow:hidden}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:opacity;transition-property:opacity}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear;transition:all .5s linear}.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#428bca}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSSlideOuter .lSPager.lSGallery{list-style:none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;user-select:none}.lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius .12s linear 0s .35s linear;transition:border-radius .12s linear 0s .35s linear}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}.lSAction>a{width:32px;display:block;top:50%;height:32px;background-image:url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://infovision.ua/wp-content/themes/first-theme/css/../img/controls.png);cursor:pointer;position:absolute;z-index:99;margin-top:-16px;opacity:.5;-webkit-transition:opacity .35s linear;transition:opacity .35s linear}.lSAction>a:hover{opacity:1}.lSAction>.lSPrev{background-position:0 0;left:10px}.lSAction>.lSNext{background-position:-32px 0;right:10px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}.lSSlideOuter.vertical{position:relative}.lSSlideOuter.vertical.noPager{padding-right:0!important}.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto}.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider{padding-left:0;list-style:none}.lSSlideOuter.lSrtl .lSPager,.lSSlideOuter.lSrtl .lightSlider{padding-right:0}.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>*{float:left}.lSSlideOuter.lSrtl .lSGallery li,.lSSlideOuter.lSrtl .lightSlider>*{float:right!important}@-webkit-keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@-webkit-keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@-webkit-keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@-webkit-keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}@keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative}.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}
/*=========MAIN=========*/
*{
box-sizing: border-box;
}
/*::-webkit-scrollbar {
display: none;
}*/
html, body{
margin: 0;
padding: 0;
height: 100%;
min-height: 100%;
min-width: 320px;
font-size: 100%;
font-family: 'LatoRegular', sans-serif;
font-weight: normal;
background: #fff;
color: #092143;
}
input {outline:none;}
a{
text-decoration: none;
}
@-webkit-keyframes autofill {
to {
color: inherit;
background: transparent;
}
}
.lSSlideOuter .lSPager.lSpg>li a
{
background-color: #fff;
border: 1px solid #0c4c7d;
border-radius: 30px;
display: inline-block;
height: 12px;
overflow: hidden;
text-indent: -999em;
width: 12px;
position: relative;
z-index: 99;
margin-top: 1em;
margin-left: 0.5em;
-webkit-transition: all .5s linear;
transition: all .5s linear;
}
input:-webkit-autofill {
-webkit-animation-name: autofill;
-webkit-animation-fill-mode: both;
}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
body.overflow-hidden{
/*overflow: hidden;*/
/*pointer-events: none;*/
}
body{
/*overflow: hidden;*/
}
.global-wrapper{
overflow: scroll;
}
.visibility-hidden{
visibility: hidden!important;
}
h1, h2, h3, h4, p{
margin: 0;
padding: 0;
}
p{
font-size: 0.838em;
}
.img-bg{
position: absolute;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
}
.display-none{
display: none!important;
}
.logo{
position: fixed;
top: 1.875rem;
left: 3.438rem;
z-index: 10001;
}
.logo img{
width: 9.375rem;
}
.nav{
position: fixed;
z-index: 10000;
color: #000;
float: right;
display: inline-block;
top: 3.750rem;
right: 1.875rem;
font-family: 'OpenSansBold', sans-serif;
font-size: 0.875rem;
text-decoration: none;
}
.bg-blue{
position: absolute;
display: inline-block;
width: 100%;
height: 100%;
background: #00335b;
opacity: 0.5;
z-index: 2;
}
.video-bg{
height: 100%;
left: 0%;
position: absolute;
top: 0%;
width: 100%;
z-index: 1;
}
.animate-opacity.invisible{
opacity: 0!important;
}
.fs0{
font-size: 0;
}
.inline-fs{
display: inline-block;
font-size: 0.938rem;
}
.position-relative{
position: relative;
}
.image-center-y{
height: 100%;
width: 100%;
object-fit: contain;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.heder-block{
position: relative;
}
.header-wrapper{
padding-left: 7.5rem;
}
.header-block h3{
font-family: 'OpenSansBold', sans-serif;
position: relative;
font-size: 1.875rem;
text-transform: uppercase;
}
.footer .sidebar .footer-tabs__item p
{
color:#00335b;
}
.header-block h3::before{
position: absolute;
content: '';
display: block;
/*left: -7.375rem;*/
left: -0.5rem;
top: calc(50% - 1px);
width: 6.813rem;
height: 1px;
background: #092143;
transform: translateX(-100%);
}
.h-wrapper{
/*.h-wrapper h1 {*/
font-size: 3.375rem;
height: 1em;
font-family: 'OpenSansBold', sans-serif;
letter-spacing: 0.250rem;
text-transform: uppercase;
color: #fff;
}
.p-latoregular{
font-family: 'LatoRegular', sans-serif;
font-size: 0.999em;
/*line-height: 1.071em;*/
}
.desktopversion
{
position:absolute;
top:35%;
}
.wrapper{
height:100%;
}
.h100{
height: 100%;
}
.h33{
height: calc(100%/3);
}
.h50{
height: 50%;
}
.h14{
height: 14%;
}
.h15{
height: 15%;
}
.h73{
height: 73%;
}
.h83{
height: 83%;
}
.h20{
height: 20%;
}
.h79{
height: 79%;
}
.h1{
height: 1%;
}
.vh20{
height: 20vh;
}
.vh80{
height: 80vh;
}
.vh79{
height: 79vh;
}
.vh1{
height: 1vh;
}
.r3_4{
width: 3.4%;
}
.r12_5{
width: 12.5%;
}
.r16{
width: 16.667%;
}
.r17_7{
width: 17.7%;
}
.r18_5{
width: 18.5%;
}
.r18_75{
width: 18.75%;
}
.r10{
width: 10%;
}
.r20{
width: 20%;
text-align:center;
}
.r21{
width: 21%;
}
.r21_5{
width: 21.5%;
}
.r23{
width: 23%;
}
.r25{
width: 25%;
}
.r29{
width: 29%;
}
.r30{
width: 30%;
}
.r31_25{
width: 31.25%;
}
.r32_5{
width: 32.5%;
}
.r32{
width: 32%;
}
.r33{
width: calc(100%/3);
}
.r33_6{
width: 33.6%;
}
.r34{
width: 34%;
}
.r37_5{
width: 37.5%;
}
.r40{
width: 40%;
}
.r42{
width: 42%;
}
.r43{
width: 43%;
}
.r50{
width: 50%;
}
.r54{
width: 54%;
}
.r60{
width: 60%;
}
.r70{
width: 70%;
}
.r75{
width: 75%;
}
.r77{
width: 77%;
}
.r80{
width: 80%;
}
.main-container{
width: 98%;
margin: auto;
overflow: hidden;
}
.container{
width: 93%;
margin: auto;
overflow: hidden;
}
.container.content{
padding-top: 5.5%;
padding-bottom: 5.5%;
}
.container60{
width: 60.60%;
margin: auto;
overflow: hidden;
}
.container66{
width: 66.146%;
margin: auto;
overflow: hidden;
}
.countainer70{
width: 70%;
margin: auto;
overflow: hidden;
}
.container50{
width: 50%;
margin: auto;
overflow: hidden;
}
.container90{
width: 90%;
margin: auto;
overflow: hidden;
}
.full-block{
height: 100vh;
}
.full-block.blue{
background: rgba(0, 51, 91, 0.5);
}
.w25{
display: inline-block;
width: 25%;
min-height: 100%;
}
.no-spinners {
-moz-appearance:textfield;
}
.no-spinners::-webkit-outer-spin-button,
.no-spinners::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.text-transform--uppercase{
text-transform: uppercase;
}
/*=========MAIN END=========*/
/*=========COMPONENTS=========*/
/*btn*/
.btn-wrapper{
width: 100%;
position: relative;
}
.btn{
display: inline-block;
border: 1px solid #fff;
min-width: 11.250rem;
padding: 1.25em;
line-height: 1em;
text-align: center;
text-transform: uppercase;
font-family: 'OpenSansBold', sans-serif;
font-size: 0.75rem;
color: #fff;
transition: all .3s ease !important;
cursor: pointer;
}
.btn.success{
background-color: green !important;
color: #fff !important;
}
.btn.error{
background-color: red !important;
color: #fff !important;
}
.btn.white{
color: #092143;
border: 1px solid #092143;
}
.btn.join{
margin-top: 1.563rem;
width: auto;
}
.btn a{
font-family: 'OpenSansBold', sans-serif;
font-size: 0.938rem;
color: #fff;
}
.btn.white a{
color: #092143;
}
.btn:hover{
color: #092143;
border-color: #fff;
background: #fff;
}
.btn.white:hover{
color: #fff;
border-color: #092143;
background: #092143;
}
.btn:hover a{
color: #092143;
}
.btn.white:hover a{
color: #fff;
}
/*btn end*/
/*preloader*/
.path {
stroke-dasharray: 50;
-webkit-animation: a 3.7s ease-in-out alternate infinite;
animation: a 3.7s ease-in-out alternate infinite;
fill: white;
}
@-webkit-keyframes a {
to {
stroke-dasharray: 1000
}
}
@keyframes a {
to {
stroke-dasharray: 1000
}
}
#hellopreloader > p {
display: none
}
#hellopreloader_preload {
background: white;/*rgb(25,25,25);*/
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
transform: translatez(0);
position: fixed;
z-index: 30000;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-width: 320px
}
#hellopreloader_preload .wid {
width: 46vh;
}
#hellopreloader_preload .wid g{
background: #191919;
}
#p_prldr{
position: fixed;
left: 0;
top: 0;
right:0;
bottom:0;
background: rgb(25,25,25);
z-index: 3000;
}
.contpre small{
font-size:25px;
}
.contpre{
width: 250px;
height: 100px;
position: absolute;
left: 50%;top: 48%;
margin-left:-125px;
margin-top:-75px;
color:#fff;
font-size:40px;
letter-spacing:-2px;
text-align:center;
line-height:35px;
}
#p_prldr .svg_anm {
position: absolute;
width: 41px;
height: 41px;
background: url(https://infovision.ua/wp-content/themes/first-theme/css/../img/spinning-circles.svg) center center no-repeat;
background-size:41px;
margin: -16px 0 0 -16px;
}
/*preloader end*/
/*direction-block*/
.content-item .block{
display: inline-block;
width: 100%;
/*width: 94.8%;*/
height: 100%;
text-align: center;
/*padding-bottom: 2.188em;*/
}
.direction{
height: 100%;
text-align: right;
vertical-align: top;
}
.direction .block{
display: inline-block;
width: 94.8%;
text-align: center;
padding-bottom: 2.188em;
}
.direction .block:last-child{
padding-top: 2.3335em;
padding-bottom: 0;
}
.direction-inner{
position: relative;
display: inline-block;
width: 100%;
height: 100%;
z-index: 100;
}
.direction-inner .btn{
position: absolute;
transform: translateX(-50%);
bottom: 9%;
left: 50%;
z-index: 100;
}
.direction-image{
height: 100%;
z-index: 1;
}
.direction-image .image{
height: 100%;
z-index: 1;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.direction_back{
position: absolute;
opacity: 1;
background: rgba(0, 51, 91, 0.5);
height: 100%;
width: 100%;
z-index: 1;
top: 0;
transition: all .3s ease !important;
}
.direction_back2{
position: absolute;
opacity: 0;
height: 100%;
width: 100%;
z-index: 1;
top: 0;
transition: all .3s ease !important;
}
.direction-inner:hover .direction-logo-wrapper{
/*top: unset;*/
/*transform: translate3d(0, -150%, 0);*/
top: 0;
transform: translateY(20%);
}
.direction-inner:hover .direction_back{
opacity: 0;
}
.direction-inner:hover .direction_back2{
opacity: 0.8;
}
.direction-inner:hover .square{
background-color: transparent!important;
}
.direction-inner:hover .description{
opacity: 1;
}
.direction-inner:hover .direction-image{
overflow: hidden;
}
.direction-inner:hover .direction-image .image{
filter: blur(10px);
}
.direction-inner .description{
position: absolute;
opacity: 0;
top: 50%;
transform: translateY(-40%);
padding: 8%;
z-index: 100;
text-align: left;
transition: all .3s ease !important;
}
.direction-inner .description--light{
font-family: 'LatoLight', sans-serif;
font-size: 1.125rem;
line-height: 1.813em;
color: #fff;
}
.direction-logo-wrapper{
position: absolute;
width: 100%;
top: 50%;
text-align: center;
transform: translateY(-50%);
z-index: 100;
transition: all .5s ease !important;
}
.direction-logo{
display: inline-block;
position: relative;
/*min-height: 10vh;*/
min-height: 7.5rem;
text-align: left;
width: 15rem;
}
.direction-logo .text{
position: absolute;
transform: translateY(-50%);
top: 50%;
left: 2rem;
z-index: 1;
}
.direction-logo .text span{
position: relative;
display: inline-block;
white-space: pre;
width: 100%;
color: #fff;
font-size: 1.35rem;
line-height: 1em;
font-family: 'OpenSansBold', sans-serif;
/*text-transform: uppercase;*/
z-index: 2;
}
.direction-logo .text span:nth-child(2){
padding-top: 2px;
}
.direction-logo .text span:first-child::after{
position: absolute;
bottom: -3px;
left: 0;
content: '';
width: 10.125rem;
height: 1px;
background: #fff;
z-index: 1;
}
.direction-logo .square{
position: absolute;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
/*width: 10vh;*/
width: 7.5rem;
/*height: 10vh;*/
height: 7.5rem;
top: 0;
}
/*direction-block end*/
/*sidebar*/
.sidebar{
position: relative;
display: inline-block;
height: 100%;
overflow: hidden;
}
.sidebar .container{
background: #00335b;
position: absolute;
display: inline-block;
height: 100%;
width: 100%;
left: 0;
transition: all .3s ease-out !important;
}
.target .sidebar .container{
transform: translate3d(100%, 0, 0);
}
.sidebar .container h3{
color: #fff;
font-family: 'LatoBold', sans-serif;
font-size: 1.563rem;
text-transform: uppercase;
}
.sidebar .container .description{
position: absolute;
display: inline-block;
width: 100%;
top: 50%;
transform: translateY(-50%);
padding: 0 3.750rem;
color: #fff;
font-family: 'LatoRegular', sans-serif;
font-size: 1.125rem;
line-height: 1.750rem;
}
#footer .sidebar .container .description{
top: 50%;
}
.sidebar .container .description p{
/*padding-top: 4.6vh;*/
padding-top: 1.813rem;
}
#interactivity .sidebar .container .description p{
/*padding-top: 4.6vh;*/
padding-top: .813rem;
}
#direction1 .sidebar .container .description p{
/*padding-top: 4.6vh;*/
padding-top: .813rem;
}
.sidebar .container .direction-logo .text span{
display: block;
}
.sidebar .container .direction-logo .text span:first-child::after{
}
.sidebar .description__header-light{
font-family: 'LatoLight', sans-serif;
text-transform: uppercase;
font-weight: 500;
font-size: 1.875rem;
line-height: 1.33em;
}
.sidebar .description__header-light--blue{
color: #169bb2;
}
.sidebar .description__text-light{
font-family: 'LatoLight', sans-serif;
font-size: 0.89em;
line-height: 1.920em;
}
/*standard-display*/
.standard-display{}
.standard-display .full-block{
height: 100vh;
overflow: hidden;
}
.standard-display .container-image{
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.standard-display .container-back{
height: 100%;
vertical-align: top;
font-size: 0;
background: rgba(0, 51, 91, 0.5);
}
.standard-display .main-content{
text-align: center;
}
.standard-display .main-content .content{
position: absolute;
display: inline-block;
width: 100%;
top: 38%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.standard-display .h-wrapper{
margin-bottom: 11.875rem;
color: #fff;
}
.standard-display .main-content .btn{
/*margin-right: 5.625rem;*/
margin-right: 5.5%;
}
.standard-display .main-content .btn:last-child{
margin-right: 0;
}
/*standard-display end*/
.w25.sidebar{
position: absolute;
width: 27.2%;
left: 0;
top: 0;
background: #00335b;
text-align: left;
}
.w25.sidebar .text-wrapper{
position: relative;
height: 100%
}
.w25.sidebar .text-wrapper .text{
position: absolute;
bottom: 50%;
transform: translateY(50%);
padding-right: 3.125rem;
padding-left: 3.125rem;
}
.w25.sidebar .text h2{
font-family: LatoLight, sans-serif;
font-size: 2.5rem;
font-weight: 500;
color: #48e4ff;
padding-bottom: 3.125rem;
text-transform: uppercase;
}
.w25.sidebar .text span{
font-family: LatoLight, sans-serif;
font-size: 1.125rem;
line-height: 1.750rem;
color: #fff;
}
/*sidebar end*/
/*main-content*/
.main-content {
display: inline-block;
height: 100%;
position: relative;
vertical-align: top;
}
/*main-content end*/
/*glitch*/
.glitch-container{
width: 100%;
height: 300px;
}
.glitch-container span{
text-transform: uppercase;
font-family: 'LatoBold', sans-serif;
letter-spacing: 1px;
transform: scaleY(2);
font-size: 11.500rem;
color: #082043;
opacity: 0.2;
}
.glitch-text {
color: #082043;
opacity: 0.2;
font-size: 6.250rem;
position: relative;
margin: 0 auto;
}
.glitch-text.hover::after {
content: attr(data-text);
position: absolute;
left: 2px;
text-shadow: -1px 0 #1e1d1d;
top: 0;
color: rgb(199, 202, 218);
background: none;
overflow: hidden;
clip: rect(0, 900px, 0, 0);
animation: noise-anim 0.3s steps(100, end) alternate-reverse;
animation-iteration-count: 3;
}
.glitch-text.hover::before {
content: attr(data-text);
position: absolute;
left: -2px;
text-shadow: 1px 0 #1e1d1d;
top: 0;
color: rgb(199, 202, 218);
background: none;
overflow: hidden;
clip: rect(0, 900px, 0, 0);
animation: noise-anim-2 0.3s steps(100, end) alternate-reverse;
animation-iteration-count: 3;
}
.glitch-text:hover::after {
content: attr(data-text);
position: absolute;
left: 2px;
text-shadow: -1px 0 #1e1d1d;
top: 0;
color: rgb(199, 202, 218);
background: none;
overflow: hidden;
clip: rect(0, 900px, 0, 0);
animation: noise-anim 0.3s steps(100, end) alternate-reverse;
animation-iteration-count: 3;
}
.glitch-text:hover::before {
content: attr(data-text);
position: absolute;
left: -2px;
text-shadow: 1px 0 #1e1d1d;
top: 0;
color: rgb(199, 202, 218);
background: none;
overflow: hidden;
clip: rect(0, 900px, 0, 0);
animation: noise-anim-2 0.3s steps(100, end) alternate-reverse;
animation-iteration-count: 3;
}
@keyframes noise-anim {
0% {
clip: rect(279px, 9999px, 285px, 0);
}
5% {
clip: rect(305px, 9999px, 3011px, 0);
}
10% {
clip: rect(312px, 9999px, 324px, 0);
}
15.0% {
clip: rect(176px, 9999px, 187px, 0);
}
20% {
clip: rect(124px, 9999px, 135px, 0);
}
25% {
clip: rect(310px, 9999px, 321px, 0);
}
30.0% {
clip: rect(33px, 9999px, 54px, 0);
}
35% {
clip: rect(225px, 9999px, 236px, 0);
}
40% {
clip: rect(143px, 9999px, 144px, 0);
}
45% {
clip: rect(64px, 9999px, 85px, 0);
}
50% {
clip: rect(48px, 9999px, 59px, 0);
}
55.0% {
clip: rect(313px, 9999px, 324px, 0);
}
60.0% {
clip: rect(152px, 9999px, 183px, 0);
}
65% {
clip: rect(259px, 9999px, 290px, 0);
}
70% {
clip: rect(93px, 9999px, 194px, 0);
}
75% {
clip: rect(8px, 9999px, 19px, 0);
}
80% {
clip: rect(248px, 9999px, 269px, 0);
}
85.0% {
clip: rect(307px, 9999px, 328px, 0);
}
90% {
clip: rect(99px, 9999px, 110px, 0);
}
95% {
clip: rect(123px, 9999px, 144px, 0);
}
100% {
clip: rect(29px, 9999px, 40px, 0);
}
}
@keyframes noise-anim-2 {
0% {
clip: rect(145px, 9999px, 166px, 0);
}
5% {
clip: rect(9px, 9999px, 30px, 0);
}
10% {
clip: rect(122px, 9999px, 143px, 0);
}
15.0% {
clip: rect(271px, 9999px, 292px, 0);
}
20% {
clip: rect(295px, 9999px, 306px, 0);
}
25% {
clip: rect(35px, 9999px, 56px, 0);
}
30.0% {
clip: rect(43px, 9999px, 64px, 0);
}
35% {
clip: rect(123px, 9999px, 144px, 0);
}
40% {
clip: rect(321px, 9999px, 342px, 0);
}
45% {
clip: rect(161px, 9999px, 182px, 0);
}
50% {
clip: rect(358px, 9999px,379px, 0);
}
55.0% {
clip: rect(77px, 9999px, 78px, 0);
}
60.0% {
clip: rect(174px, 9999px, 125px, 0);
}
65% {
clip: rect(210px, 9999px, 241px, 0);
}
70% {
clip: rect(189px, 9999px, 120px, 0);
}
75% {
clip: rect(89px, 9999px, 100px, 0);
}
80% {
clip: rect(274px, 9999px, 285px, 0);
}
85.0% {
clip: rect(332px, 9999px, 363px, 0);
}
90% {
clip: rect(165px, 9999px, 126px, 0);
}
95% {
clip: rect(256px, 9999px, 246px, 0);
}
100% {
clip: rect(317px, 9999px, 338px, 0);
}
}
/*glitch end*/
/*popup*/
.popup{
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
display: none;
text-align: center;
z-index: 10000;
}
.popup_bg{
background: rgba(25, 25, 25, 0.8);
position: absolute;
z-index: 10;
height: 100%;
width: 100%;
}
.popup_img{
position: absolute;
margin: 0 auto;
z-index: 11;
max-height: 94%;
max-width: 90%;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.popup_video{
position: absolute;
top: 50%;
left: 50%;
margin: auto;
z-index: 11;
height: 80%;
width: 80%;
max-height: 80%;
max-width: 80%;
transform: translateX(-50%) translateY(-50%);
}
.popup_video video{
height: 100%;
width: auto;
}
/*popup end*/
/*typewriter*/
.typewriter{
overflow: hidden; /* Ensures the content is not revealed until the animation */
white-space: nowrap; /* Keeps the content on a single line */
margin: 0 auto; /* Gives that scrolling effect as the typing happens */
letter-spacing: .15em; /*animation: typing2 5s steps(20, end) -2s infinite alternate;*/
-webkit-animation: typing1 10s steps(50, end) 5s infinite alternate;
-o-animation: typing1 10s steps(50, end) 5s infinite alternate;
animation: typing1 10s steps(50, end) 5s infinite alternate;
}
/* The typing effect */
@keyframes typing1 {
0% { width: 0}
5% { width: 20%}
10% { width: 40%}
15% { width: 60%}
20% { width: 80%}
25% { width: 100%}
30% { width: 100%}
35% { width: 100%}
40% { width: 100%}
45% { width: 100%}
50% { width: 100%}
55% { width: 100%}
60% { width: 100%}
70% { width: 100%}
75% { width: 100%}
80% { width: 80%}
85% { width: 60%}
90% { width: 40%}
95% { width: 20%}
100% { width: 0%}
}
@keyframes typing2 {
0% { width: 0}
5% { width: 5%}
10% { width: 10%}
15% { width: 15%}
20% { width: 20%}
25% { width: 25%}
30% { width: 30%}
35% { width: 35%}
40% { width: 40%}
45% { width: 45%}
50% { width: 50%}
55% { width: 55%}
60% { width: 60%}
65% { width: 65%}
70% { width: 70%}
75% { width: 75%}
80% { width: 80%}
85% { width: 85%}
90% { width: 90%}
95% { width: 95%}
100% { width: 100%}
}
/*typewriter end*/
/*custom-carousel*/
.custom-carousel{
display: inline-block;
width: 100%;
border-top: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
}
.custom-carousel .custom-item{
display: inline-block;
position: relative;
height: 25vh;
background-repeat: no-repeat;
background-size: contain;
background-position: top center;
border-left: 1px solid #cdcdcd;
}
.custom-carousel .custom-item:last-child{
border-right: 1px solid #cdcdcd;
}
.custom-carousel .custom-item.last,
.custom-carousel .custom-item.first{
background-size: 20%;
cursor: pointer;
background-position: center center;
}
.custom-carousel .custom-item{
cursor: zoom-in;
}
.custom-carousel .custom-item.first,
.custom-carousel .custom-item.last{
cursor: pointer;
background-size: 31px 56px;
}
.custom-carousel .custom-item .text{
display: inline-block;
position: absolute;
width: 100%;
bottom: 0;
text-transform: uppercase;
text-align: center;
padding-bottom: 1.5vh;
font-family: 'OpenSansBold', sans-serif;
font-size: 1.125rem;
}
.custom-carousel .custom-item .img-container{
position: absolute;
width: 100%;
height: 100%;
padding: 0.625rem;
padding-top: 0.5rem ;
padding-bottom: 5vh;
transition: all .3s ease !important;
}
.custom-carousel .custom-item.first .img-container,
.custom-carousel .custom-item.last .img-container{
transition: none;
}
.custom-carousel .custom-item:hover .img-container{
padding-left:0;
padding-right: 0;
padding-bottom: 0.625rem;
}
.custom-carousel .custom-item.first .img-container img,
.custom-carousel .custom-item.none .img-container img,
.custom-carousel .custom-item.last .img-container img{
display: none;
}
.custom-carousel .custom-item .img-container img{
box-shadow: 0 0 1.250rem rgba(0,0,0,0.5);
width: 100%;
height: 100%;
}
/*custom-carousel end*/
/*main-counter*/
.wrapper-counter .line-width{
width: 4px;
height: 100%;
}
.wrapper-counter .line30-width{
width: 4px;
height: 25%;
}
.wrapper-counter .line-height{
height: 4px;
width: 100%;
}
.wrapper-counter .line{
background: #fff;
}
.wrapper-counter .box-container{
position: relative;
width: 22vh;
height: 22vh;
padding: 4px;
}
.wrapper-counter .box-container .line{
position: absolute;
}
.wrapper-counter .box-container .line1{
top: 0;
right: 0;
}
.wrapper-counter .box-container .line2{
top: 0;
left: 0;
}
.wrapper-counter .box-container .line3{
top: 0;
left: 0;
}
.wrapper-counter .box-container .line4{
bottom: 0;
left: 0;
}
.wrapper-counter .box-container .line5{
bottom: 0;
right: 0;
}
.wrapper-counter .counter-content{
display: inline-block;
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
}
.wrapper-counter .counter-content .text_upper,
.wrapper-counter .counter-content .text_lower{
position: relative;
display: inline-block;
text-align: left;
width: 200%;
}
.wrapper-counter .counter-content .text_upper .number{
display: inline-block;
font-size: 6em;/*6.250em*/
line-height: 1em;
font-family: 'OpenSansBold', sans-serif;
padding-right: 0.5rem;
}
.wrapper-counter .counter-content .text_upper span,
.wrapper-counter .counter-content .text_lower span{
display: inline-block;
font-size: 1.575em;/*1.875em*/
text-transform: uppercase;
white-space: nowrap;
font-family: 'LatoRegular', sans-serif;
}
.wrapper-counter .counter-content .text_upper:after{
position: absolute;
display: inline-block;
bottom: 1px;
left: 0;
width: 75%;
height: 1px;
content: '';
background: #fff;
}
.wrapper-counter .text-wrapper {
display: inline-block;
position: absolute;
top: 40%;
left: 15%;
width: 100%;
transform: translateY(-50%);
}
/*main-counter end*/
/*counter*/
.counter{
display: inline-block;
vertical-align: top;
}
.counter .counter-number{
display: block;
font-family: 'OpenSansBold', sans-serif;
font-size: 4.375rem;
line-height: 3.750rem;
margin-bottom: 1rem;
}
.counter .span-text{
display: inline-block;
font-size: 1.325em;
width: 100%;
line-height: 1em;
white-space: nowrap;
transition: color 3s ease 500ms!important;
}
.counter .span-text:last-child{
vertical-align: top;
}
.counter .span-text:empty{
display: none;
}
.counter.white .span-text{
color: #fff!important;
}
.counter.second{
padding-top: 5.5%;
}
.counter.third{
padding-top: 12%;
}
.counter.fourth{
padding-top: 17.5%;
}
/*counter end*/
/*logo-grid*/
.logo-grid{
padding-bottom: 7.500rem;
}
#grid1{
padding-bottom: 0;
}
.logo-grid:last-child{
padding-bottom: 0;
}
/*col*/
.logo-grid .col{
display: inline-block;
vertical-align: top;
font-size: 0;
width: 100%;
border-top: 1px solid #dfdfdf;
}
.logo-grid .col:last-child{
border-bottom: 1px solid #dfdfdf;
}
.logo-grid .col16{
width: 16.6667%;
vertical-align: top;
font-size: 0.938rem;
}
.logo-grid .cell.inner{
display: inline-block;
vertical-align: top;
border-top: 0;
padding-top: 5px;
padding-left: 5px;
}
/*col end*/
.logo-grid .row{
display: inline-block;
vertical-align: top;
opacity: 1;
}
.logo-grid .row-inner{
display: inline-block;
width: 100%;
}
.logo-grid .r33::before{
display: block;
position: absolute;
top: 0;
content: '';
height: 100vh;
width: 1px;
background: #dfdfdf;
}
.logo-grid .r33::after{
display: block;
position: absolute;
top: 0;
right: 0;
content: '';
height: 100vh;
width: 1px;
background: #dfdfdf;
}
.logo-grid .row-inner{
position: relative;
}
.logo-grid .cell{
height: 13vh;
position: relative;
overflow: hidden;
border-top: 1px solid #dfdfdf;
border-left: 1px solid #dfdfdf;
}
.logo-grid .cell::after{
}
.logo-grid .cell.last{
/*border-bottom: 1px solid #dfdfdf;*/
}
.logo-grid .cell .img{
/* content: '';*/
position: absolute;
/* top: 100%;
left: 4px;*/
opacity: 1;
display: block;
width: 90%;
height: 90%;
background-repeat: no-repeat;
background-position: center center;
/*transition: top .5s ease-in 500ms !important;*/
/*transition: opacity .7s ease !important;*/
}
/*.logo-grid.target .cell:nth-of-type(1) .img{
transition: top .5s ease-in 0.5s !important;
}
.logo-grid.target .cell:nth-of-type(2) .img{
transition: top .5s ease-in 0.7s !important;
}
.logo-grid.target .cell:nth-of-type(3) .img{
transition: top .5s ease-in 0.9s !important;
}
.logo-grid.target .cell:nth-of-type(4) .img{
transition: top .5s ease-in 1.1s !important;
}
.logo-grid.target .cell:nth-of-type(5) .img{
transition: top .5s ease-in 1.3s !important;
}
.logo-grid.target .cell:nth-of-type(6) .img{
transition: top .5s ease-in 1.5s !important;
}*/
/*
.logo-grid.target .cell:nth-of-type(1) .img{
transition: top .5s ease-in 0.7s !important;
}
.logo-grid.target .cell:nth-of-type(2) .img{
transition: top .5s ease-in 0.7s !important;
}
.logo-grid.target .cell:nth-of-type(3) .img{
transition: top .5s ease-in 0.7s !important;
}
.logo-grid.target .cell:nth-of-type(4) .img{
transition: top .5s ease-in 0.7s !important;
}
.logo-grid.target .cell:nth-of-type(5) .img{
transition: top .5s ease-in 0.7s !important;
}
.logo-grid.target .cell:nth-of-type(6) .img{
transition: top .5s ease-in 0.7s !important;
}
*/
.logo-grid .cell .img-inner{
/* content: '';*/
position: absolute;
/* top: 100%;
left: 4px;*/
opacity: 0;
display: block;
width: 90%;
height: 90%;
background-repeat: no-repeat;
background-position: center center;
/*transition: top .5s ease-in 500ms !important;*/
/*transition: opacity .7s ease !important;*/
}
/*
.logo-grid .cell:nth-of-type(1) .img-inner{
/*transition: top .5s ease-in 0.7s!important;
}
.logo-grid .cell:nth-of-type(2) .img-inner{
/*transition: top .5s ease-in 0.7s !important;
}
.logo-grid .cell:nth-of-type(3) .img-inner{
/*transition: top .5s ease-in 0.7s !important;
}
.logo-grid .cell:nth-of-type(4) .img-inner{
/*transition: top .5s ease-in 0.7s !important;
}
.logo-grid .cell:nth-of-type(5) .img-inner{
/*transition: top .5s ease-in 0.7s !important;
.logo-grid .cell:nth-of-type(6) .img-inner{
/*transition: top .5s ease-in 0.5s !important;
}
*/
.logo-grid.target .cell .img{
}
.logo-grid.target .cell .img-inner{
}
.logo-grid .cell:hover .img{
opacity: 0;
}
.logo-grid .cell:hover .img-inner{
opacity: 1;
}
.logo-grid .cell.first,
.logo-grid .cell.last{
cursor: pointer;
}
.logo-grid.active-hover .cell.first:hover .img,
.logo-grid.active-hover .cell.last:hover .img{
opacity: 1;
}
.logo-grid.active-hover .cell.first:hover .img-inner,
.logo-grid.active-hover .cell.last:hover .img-inner{
opacity: 0;
}
.logo-grid .cell.show-original:hover .img{
opacity: 0;
}
.logo-grid .cell.show-original:hover .img-inner{
opacity: 1;
}
.logo-grid .img.isArrow,
.logo-grid .isArrow,
.logo-grid .isArrow .img{
background-size: 31px 56px;
}
/*logo-grid end*/
/*item-wrapper information*/
.item-wrapper img{
display: block;
width: 100%;
height: auto;
}
.item-wrapper:hover img{
filter: blur(10px);
}
.item-wrapper:hover .information{
top: 0;
}
.item-wrapper:hover .information .information-back{
opacity: 0.8!important;
}
.item-wrapper{
position: relative;
display: block;
overflow: hidden;
height: 100%;
}
.item-wrapper .information{
position: absolute;
display: block;
top: 78%;
width: 100%;
height: 100%;
opacity: 1;
transition: all .5s ease !important;
}
.item-wrapper .information .information-inner{
position: relative;
width: 100%;
height: 100%;
}
.item-wrapper .information .information-inner .information-back{
position: absolute;
width: 100%;
height: 100%;
opacity: 1;
transition: all .5s ease !important;
}
.item-wrapper .information .information-inner .btn{
position: absolute;
bottom: calc(50% - 1.938rem);
left: 50%;
transform: translateX(-50%);
z-index: 100;
}
.item-wrapper .information .information-inner h3{
position: absolute;
padding-top: 0.625rem;
/*padding-bottom: 5.5%;*/
padding-left: 5%;
padding-right: 5%;
font-family: 'OpenSansBold', sans-serif;
font-size: 1.75rem;
color: #fff;
text-transform: uppercase;
z-index: 100;
width:100%;
text-align:initial;
}
/*item-wrapper information end*/
/*grid-blocks*/
.grid-blocks{
font-size: 0;
/*padding-top: 6.250rem;*/
padding-top: 9.2vh;
}
.grid-blocks .main-col{
border-top: 1px solid #dfdfdf;
/*padding-bottom: 2.500rem;*/
padding-bottom: 3.7vh;
}
.grid-blocks .col{
display: inline-block;
vertical-align: top;
font-size: 1rem;
height: 48vh;
}
.grid-blocks .img{
height: 100%;
width: 100%;
}
/*grid-blocks end*/
/*social*/
.social{
position: fixed;
z-index: 10000;
float: right;
display: inline-block;
bottom: 1.250rem;
right: 1.875rem;
text-decoration: none;
}
.social ul{
list-style-type: none;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
-webkit-padding-start: 0;
}
.social ul>li{
padding-bottom: 1rem;
}
.social ul>li>a{
font-size: 1.125rem;
color: #092143;
transition: all .3s ease !important;
}
.social.dark ul>li>a{
color: #fff;
opacity: 1;
}
.social ul>li:hover a{
transform: scale(1.3);
}
.social.dark ul>li:hover a{
opacity: 0.3;
}
/*social end*/
/*menu-main*/
#menu-main{
display: inline-block;
position: absolute;
opacity: 0;
width: 25%;
left: 60%;
top: 50%;
transform: translateY(-50%);
list-style-type: none;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-padding-start: 0;
}
#menu-main.active{
opacity: 1;
transition: opacity 1.5s ease 1s !important;
}
#menu-main li{
position: relative;
padding-bottom: 0.938rem;
width: 100%;
font-family: 'OpenSansBold', sans-serif;
font-size: 1.75rem;
line-height: 1em;
cursor: pointer;
overflow: visible;
}
#menu-main li.transition{
transition: all .3s ease !important;
}
#menu-main li:last-child{
padding-bottom: 0;
}
#menu-main li:hover{
}
#menu-main li:before{
position: absolute;
content: '';
display: block;
height: 2px;
width: 0px;
background: #fff;
bottom: calc(50% - 0.938rem);
right: calc(100% - 1.875rem);
transition: all .6s ease !important;
}
#menu-main li:last-child::before{
bottom: -0.625rem;
}
#menu-main li:hover::before{
width: 54.375rem;
/*width: calc(150% - 1.875rem);*/
}
#menu-main li a span:not([class]){
position: absolute;
display: inline-block;
font-size: 1.75rem;
font-family: 'OpenSansBold', sans-serif;
line-height: 1.5em;
/*width: 28.125rem;*/
width: 100%;
color: transparent;
bottom: -0.938rem;
left: -52.500rem;
/*left: -150%;*/
transition: all .6s ease !important;
}
#menu-main li:last-child a span:not([class]){
bottom: 10px;
}
#menu-main li:hover a span:not([class]){
color: #fff;
bottom: 1.563rem;
}
#menu-main li:last-child:hover a span:not([class]){
bottom: 0.625rem;
}
#menu-main li strong{
}
#menu-main li .number{
position: absolute;
display: inline-block;
font-family: 'LatoRegular', sans-serif;
font-size: 1.250rem;
top: calc(50% - 1em);
left: 0;
transition: all .3s ease !important;
}
#menu-main li:last-child .number{
top: calc(50% - 0.563rem);
}
#menu-main li:hover .number{
transform: scale(1.6) translateX(16%);
top: calc(50% - 1.063em);
left: -0.38em;
}
#menu-main li:hover strong {
transform: scale(1.2) translateX(14%);
display: inline-block;
}
#menu-main li a{
display: inline-block;
color: #fff;
text-decoration: none;
/*width: 23.125rem;*/
padding-left: 2.375rem;
}
/*menu-main end*/
/*popout container*/
#popout{
position: fixed;
height: 100%;
width: 100%;
background: #00335b;
color: white;
top: -100%;
left: 0;
overflow: hidden;
z-index: 10000;
}
#popout .main-information{
position: absolute;
text-align: center;
color: #fff;
width: 100%;
bottom: 4rem;
left: 50%;
font-size: 8.5px;
transform: translateX(-50%);
}
#popout .main-information .main-information__item{
display: block;
color: inherit;
font-size: inherit;
line-height: 1em;
padding-bottom: 1em;
}
#popout>span{
display: inline-block;
position: absolute;
top: calc(50% + 1.479rem);
left: -100%;
transform: translateY(-50%) scaleY(2);
font-family: 'LatoBold', sans-serif;
font-size: 22.188rem;
line-height: 21.875rem;
color: #00335b;
text-transform: uppercase;
}
#popout.active>span{
left: -25px;
transition: left 1s ease 500ms !important;
color: white;
}
#popout .glitch-text:hover::after {
color: rgb(23,23,23);
}
#popout .glitch-text:hover::before {
color: rgb(23,23,23);
}
/*popout container*/
/*toggle*/
#toggle{
float: right;
position: fixed;
display: inline-block;
vertical-align: top;
top: 1.250rem;
right: 1.250rem;
width: 11%;
font-size: 0;
z-index: 10001;
cursor: pointer;
}
#toggle .text{
position: relative;
display: inline-block;
width: calc(100% - 2.188rem);
text-align: right;
padding-right: 1.250rem;
height: 1.875rem;
vertical-align: top;
font-size: 1.563rem;
font-family: 'LatoBold', sans-serif;
text-transform: uppercase;
overflow: hidden;
}
#toggle .text .text1,
#toggle .text .text2{
display: inline-block;
width: 100%;
height: 100%;
}
#toggle .text .text1{
height: 100%;
}
#toggle .text .text-container{
display: inline-block;
position: absolute;
font-family: 'OpenSansBold', sans-serif;
font-size: 0.875rem;
right: 1.250rem;
top: -100%;
width: 100%;
height: 100%;
transition: all .3s ease !important;
}
#toggle .text:hover .text-container{
top: -100%!important;
}
#toggle.dark .text{
color: #fff;
}
#toggle .btn-menu{
display: inline-block;
width: 2.188rem;
position: relative;
}
#toggle nav{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 1.875rem;
height: 1.875rem;
border: 1px solid #092143;
cursor: pointer;
-webkit-transition: border-color .3s ease,-webkit-transform 1s cubic-bezier(1,0,.25,1);
transition: border-color .3s ease,-webkit-transform 1s cubic-bezier(1,0,.25,1);
-o-transition: border-color .3s ease,transform 1s cubic-bezier(1,0,.25,1);
transition: border-color .3s ease,transform 1s cubic-bezier(1,0,.25,1);
transition: border-color .3s ease,transform 1s cubic-bezier(1,0,.25,1),-webkit-transform 1s cubic-bezier(1,0,.25,1);
position: relative;
z-index: 1;
}
#toggle.dark nav{
border: 1px solid #fff;
}
#toggle nav span{
display: block;
width: 0.9rem;
height: 1px;
background-color: #092143;
margin: 0 auto 0.313rem;
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
}
#toggle.dark nav span{
background-color: #fff;
}
#toggle nav span:nth-of-type(2) {
width: 1rem;
}
#toggle nav span:nth-of-type(3) {
margin: 0 auto;
}
#toggle nav.active{
border-color: #fff;
}
#toggle nav.active span:first-of-type {
-webkit-transform: rotate(45deg) translate3d(2px,1px,0);
transform: rotate(45deg) translate3d(2px,1px,0);
}
#toggle nav.active span {
width: 1.438rem;
background-color: #fff;
margin: 0;
}
#toggle nav.active span:nth-of-type(2) {
opacity: 0;
}
#toggle nav.active span:nth-of-type(3) {
-webkit-transform: rotate(-45deg) translate3d(1px,0,0);
transform: rotate(-45deg) translate3d(1px,0,0);
}
/*toggle end*/
/*menu-lang*/
.menu-lang.hide{
display: none;
}
.menu-lang .current-lang{
display: block;
text-align: right;
padding-bottom: 0.875rem;
color: rgb(9, 33, 67);
transition: all .3s ease !important;
}
.menu-lang.dark .current-lang{
color: #fff;
}
.menu-lang.dark li a{
color: #fff;
}
#menu-mainlang{
-webkit-padding-start: 0;
list-style-type: none;
-webkit-margin-after: 0;
-webkit-margin-before: 0;
}
#menu-mainlang > li > a{
display: none;
color: #fff;
}
#menu-mainlang li a{
color: rgb(9, 33, 67);
opacity: 0.3;
transition: all .3s ease !important;
}
#menu-mainlang li:hover a{
opacity: 1;
}
#menu-mainlang li{
display: block;
padding-bottom: 0.875rem;
}
#menu-mainlang li:last-child{
padding-bottom: 0;
}
#menu-mainlang li.hide{
display: none;
}
#menu-mainlang > li ul{
-webkit-padding-start: 0;
list-style-type: none;
-webkit-margin-after: 0;
-webkit-margin-before: 0;
}
#menu-mainlang a > img{
display: none;
}
#menu-mainlang.dark li a{
color: #fff;
}
/*menu-lang end*/
/*arrow-down*/
.arrow-down-wrapper{
width: 2.500rem;
display: inline-block;
position: absolute;
left: calc(50% - 4px);
bottom: 40px;
}
.arrow-down-wrapper span{
position: absolute;
top: 25%;
right: 0%;
display: inline-block;
transform: rotate(90deg);
text-transform: uppercase;
color: #fff;
opacity: 0.1;
font-family: 'OpenSansBold', sans-serif;
font-weight: normal;
font-size: 0.813rem;
transition: all .3s ease !important;
}
.arrow-down{
position: relative;
display: block;
width: 0.500rem;
height: 4rem;
}
.arrow-down:before{
position: absolute;
content: '';
display: block;
width: 2px;
height: 100%;
top: 0;
left: 50%;
background: #fff;
transform: translateX(-50%);
}
.arrow-down:after {
position: absolute;
top:calc(100% - 5px);
left: calc(50% - 4px);
content: '';
display: block;
margin: 0;
padding: 0;
width: 0.500rem;
height: 0.500rem;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
behavior: url(https://infovision.ua/wp-content/themes/first-theme/css/-ms-transform.htc);
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
/*arrow-down end*/
/*mouse btn*/
.btn-scroll{
display: block;
position: absolute;
left: 50%;
width: 12.500rem;
height: 10.500rem;
bottom: 0;
transform: translateX(-50%);
}
.btn-scroll span{
display: inline-block;
width: 100%;
text-align: center;
color: #fff;
font-size: 1rem;
font-family: 'LatoLight', sans-serif;
}
.btn-scroll:hover .arrow-down-wrapper span{
opacity: 1;
}
.btn-scroll:hover .mouse img{
opacity: 1;
}
.mouse{
position: relative;
display: inline-block;
width: 100%;
height: 100%;
text-align: center;
cursor: pointer;
}
.mouse img{
display: block;
margin:auto;
padding-bottom: 0.625rem;
padding-top: 0.625rem;
opacity: 1;
transition: all .3s ease !important;
}
/*mouse btn end*/
/*video*/
#myVideo {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
#myBtn {
width: 12.500rem;
font-size: 1.125rem;
padding: 0.625rem;
border: none;
background: #000;
color: #fff;
cursor: pointer;
}
#myBtn:hover {
background: #ddd;
color: black;
}
/*video end*/
/*app-btn*/
.app-btn{
display: block;
margin-bottom: 20px;
max-width: 340px;
box-sizing: border-box;
margin: auto;
color: #fff;
}
.app-btn:last-child{
margin-top: 10px;
}
.app-btn:last-child .app-btn__link{
height: 100%;
width: 100%;
}
.app-btn:last-child .app-btn__link__text{
height: 100px;
background: #000;
background: #000;
width: 80%;
box-sizing: border-box;
border: 1.5px solid #a1a1a1;
border-radius: 16px;
margin:auto;
}
.app-btn:last-child .app-btn__link__text__h{
text-align: center;
font-family: 'LatoLight', sans-serif;
}
.app-btn__link{
color: #fff;
}
.app-btn__link__text{
color: #fff;
font-size: 40px;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.app-btn__link__text__h{
padding: 5px;
}
/*app-btn end*/
.typed-cursor {
display: none;
opacity: 0 !important;
}
/*popup-main*/
.popup-main{
position: fixed;
display: block;
top:-100%;
height: 100%;
width: 100%;
background:#fff; /*rgba(25, 25, 25, 1);*/
z-index: 1000;
transition: transform 0.7s ease!important;
}
.popup-main.active{
display: block;
transform: translate3d(0, 100%, 0);
}
.popup-main__item{
display: block;
position: relative;
visibility: hidden;
opacity: 0;
width: 100%;
height: 100%;
color: #00335b;
}
.popup-main__item.target{
display: block;
visibility: visible;
opacity: 1;
position: absolute;
/*top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);*/
}
.popup-main__video{
padding: 5.938rem 3.438rem;
text-align: center;
}
.popup-main__item__wrapper{
position: absolute;
top: 50%;
left: 50%;
max-width: 35%;
transform: translateY(-50%) translateX(-50%);
}
.popup-main__item__header{
padding-bottom: 4vh;
}
.popup-main__item__header__item{
font-family: 'OpenSansBold', sans-serif;
font-size: 1.75rem;
line-height: 1em;
}
.popup-main__close{
position: absolute;
display: inline-block;
top: 1.25rem;
right: 1.55rem;
width: 1.875rem;
border: 1px solid #fff;
}
.popup-main__close nav{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 1.875rem;
height: 1.875rem;
cursor: pointer;
-webkit-transition: border-color .3s ease,-webkit-transform 1s cubic-bezier(1,0,.25,1);
transition: border-color .3s ease,-webkit-transform 1s cubic-bezier(1,0,.25,1);
-o-transition: border-color .3s ease,transform 1s cubic-bezier(1,0,.25,1);
transition: border-color .3s ease,transform 1s cubic-bezier(1,0,.25,1);
transition: border-color .3s ease,transform 1s cubic-bezier(1,0,.25,1),-webkit-transform 1s cubic-bezier(1,0,.25,1);
position: relative;
z-index: 1;
}
.popup-main__close nav span:first-of-type{
transform: rotate(45deg) translate3d(0, 1px, 0);
}
.popup-main__close nav span:nth-of-type(2){
opacity: 0;
}
.popup-main__close nav span:nth-of-type(3){
transform: rotate(-45deg) translate3d(0, -1px, 0);
}
.popup-main__close nav span{
display: block;
width: 1.75rem;
height: 1px;
background-color: #00335b;
margin: 0;
}
.popup-main__item__form{
}
.popup-main__item__form__item{
display: inline-block;
width: 100%;
color: #00335b;
margin-bottom: 1em;
background: transparent;
border: none;
border-bottom: 1px solid #00335b;
transition: background 0.3s ease!important;
}
#btnMessageContact
{
color: #00335b;;
border-color: #00335b;;
}
.popup-main__item__form__item.error{
color: #e2a3a3;
border-color: #e15a5a;
}
.popup-main__item__form__item:focus{
color: #092143;
/*border-bottom: 1px solid #fff;*/
background: rgba(255,2555,255, 0.95);
}
.popup-main__item__form__label{
display: inline-block;
font-family: 'OpenSansBold', sans-serif;
font-size: 0.938rem;
margin-bottom: 0.9vh;
}
.popup-main__item__form__wrapper{
display: inline-block;
width: 100%;
text-align: center;
}
.popup-main__item__form__wrapper__btn{
display: inline-block;
background: transparent;
}
.popup-main__item__form__wrapper__btn:focus{
border: 1px solid #fff;
}
.popup-main__success__header{
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.popup-main__success__header__item{
font-family: 'OpenSansBold', sans-serif;
font-size: 2.063rem;
line-height: 1em;
}
.popup-main__video__item{
height: 100%;
}
.popup-main__gallery .rev-wrapper{
max-width: 1900px;
margin: auto;
height: 100%;
}
/*popup-main end*/
/*gallery*/
.gallery-wrapper {
position: absolute;
width: 70%;
height: 86vh;
margin: auto;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.gallery {
list-style: none outside none;
padding-left: 0;
margin-bottom:0;
}
.gallery__item {
position: relative;
display: block;
float: left;
margin-right: 6px;
cursor:pointer;
height: 100%;
}
.gallery__item__img {
position: absolute;
top: 50%;
left: 50%;
display: block;
height: auto;
max-width: 100%;
max-height: 65vh;
margin: auto;
padding-left: 50px;
padding-right: 50px;
transform: translateX(-50%) translateY(-50%);
}
.lSSlideOuter{
position: relative;
width: 100%;
height: 100%;
}
.lSSlideOuter .lightSlider {
height: 70vh;
}
.lSSlideOuter .lSPager.lSGallery{
position: absolute;
background: rgb(25, 25, 25);
margin-top: 5px;
top: 80%;
}
.lSSlideOuter .lSPager.lSGallery li{
height: 15vh;
opacity: 0.5;
transition: all 0.3s ease;
}
.lSSlideOuter .lSPager.lSGallery li img{
transition: all 0.3s ease;
}
.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover{
opacity: 1;
border-radius: 0;
}
.lSSlideOuter .lSPager.lSGallery li.active{
border-radius: 0px;
}
.lSSlideOuter .lSPager.lSGallery li.active img{
border: 1px solid #fff;
border-radius: 0;
}
.lSSlideOuter .lSPager.lSGallery li:hover img{
transform: scale(1.2);
}
.lSSlideOuter .lSPager.lSGallery li.active:hover img{
transform: none;
}
.lSSlideOuter .lSPager.lSGallery img {
display: block;
max-width: 100%;
width: 100%;
height: 15vh;
object-fit: contain;
object-position: top;
}
.lSAction>.lSPrev{
background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://infovision.ua/wp-content/themes/first-theme/css/../img/arrow-left-white.png);
}
.lSAction>.lSNext{
background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://infovision.ua/wp-content/themes/first-theme/css/../img/arrow-right-white.png);
}
.lSAction>.lSPrev,
.lSAction>.lSNext{
background-position: center;
width: 31px;
height: 56px;
}
/*gallery end*/
/*custom-select*/
.custom-select {
position: relative;
font-family: 'LatoRegular', sans-serif;
}
.custom-select select {
display: none;
}
.select-selected {
background-color: #fff;
border: 1px solid #00335b!important;
color: #00335b;
}
.select-selected:after {
position: absolute;
content: "";
top: 14px;
right: 10px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #00335b transparent transparent transparent;
}
.select-selected.select-arrow-active:after {
border-color: transparent transparent #00335b transparent;
top: 7px;
}
.select-items div,.select-selected {
color: #00335b;
padding: 8px 16px;
border: 1px solid transparent;
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
cursor: pointer;
}
.select-items {
position: absolute;
background-color: #fff;
top: 100%;
left: 0;
right: 0;
z-index: 99;
transition: background-color 0.3s ease!important;
}
.select-items .same-as-selected{
color: #fff;
}
.select-hide {
display: none;
}
.select-items div:hover, .same-as-selected {
background-color: #00335b;
color: #fff;
}
/*custom-select end*/
/*custom checkbox*/
.custom-checkbox {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.custom-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: transparent;
border: 1px solid #00335b;
}
/* On mouse-over, add a grey background color */
.custom-checkbox:hover input ~ .checkmark {
background-color: #00335b;
}
/* When the checkbox is checked, add a blue background */
.custom-checkbox input:checked ~ .checkmark {
background-color: #00335b;
}
.custom-checkbox[data-checked="true"] .checkmark {
background-color: #00335b;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.custom-checkbox input:checked ~ .checkmark:after {
display: block;
}
.custom-checkbox[data-checked="true"] .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/*custom checkbox end*/
/*custom-table*/
.table-container{
height: 80vh;
}
.custom-table{
display: flex;
flex-flow: column;
height: 100%;
width: 100%;
}
.custom-table__header,
.custom-table__footer,
.custom-table__body{
}
.custom-table__header{
flex: 0 0 auto;
width: calc(100% - 1.05em);
display: table;
table-layout: fixed;
}
.custom-table__footer{
flex: 2 2 auto;
width: calc(100% - 1.05em);
display: table;
table-layout: fixed;
}
.custom-table__body{
flex: 1 1 auto;
display: block;
overflow-y: scroll;
min-height: 60vh;
width: calc(100% - 1.05em);
}
.custom-table__body__row{
display: table;
width: 100%;
table-layout: fixed;
}
.custom-table__header__row,
.custom-table__footer__row{
background: #00335b;
}
.custom-table__header__row__item{
position: relative;
}
.custom-table__header__row__item__text,
.custom-table__header__row__item__checkbox,
.custom-table__footer__row__item__text,
.custom-table__footer__row__item__checkbox{
display: inline-block;
width: auto;
}
.custom-table__header__row__item__checkbox{
display: inline-block;
vertical-align: top;
position: absolute;
top: 50%;
right: 10px;
width: 24px;
height: 24px;
padding: 0;
margin: 0;
transform: translateY(-50%);
}
.custom-table__header__row__item__text,
.custom-table__footer__row__item__text{
font-family: 'OpenSansBold', sans-serif;
font-size: 0.938rem;
line-height: 1.250em;
color: #fff;
}
.custom-table__header__row__item__text{
max-width: 8rem;
overflow: hidden;
}
.custom-table__footer__row__item__text{
font-size: 1.75rem;
max-width: 12.5rem;
overflow: hidden;
line-height: 1.5em;
}
.custom-table__footer__row__item__btn{
font-size: 0.938rem;
width: auto;
}
.custom-table__header__row__item__checkbox .checkmark{
border: 1px solid #dadada;
background: transparent;
}
.custom-table__header__row__item,
.custom-table__footer__row__item,
.custom-table__body__row__item{
text-align: center;
padding: 0.45rem;
}
.custom-table__body__row--none{
display: none;
}
.custom-table__body__row__item__text{
font-family: 'OpenSansRegular', sans-serif;
font-size: 0.875rem;
line-height: 1.875rem;
color: #00335b;
white-space: normal;
}
.custom-table__body__row__item__checkbox{
display: inline-block;
pointer-events: none;
}
.custom-table__body__row{
cursor: pointer;
border: 1px solid transparent;
}
/*.custom-table__body__row:hover,
.custom-table__body__row--active{
background: #00335b;
}*/
.custom-table__body__row:hover{
/*opacity: 0.8;*/
border: 1px solid #00335b;
}
/*.custom-table__body__row:hover .custom-table__body__row__item__text,
.custom-table__body__row--active .custom-table__body__row__item__text{
color: #fff;
}
.custom-table__body__row:hover .custom-table__body__row__item__checkbox .checkmark,
.custom-table__body__row--active .custom-table__body__row__item__checkbox .checkmark{
border-color: #fff;
}
.custom-table__body__row:hover .custom-table__body__row__item__icon,
.custom-table__body__row--active .custom-table__body__row__item__icon{
color: #fff;
}*/
.custom-table__body__row--gray{
background: #ebebeb!important;
}
/*custom-table end*/
/*map infobox*/
/*style the box*/
.gm-style .gm-style-iw {
}
/*style the p tag*/
.gm-style .gm-style-iw #google-popup p{
padding: 10px;
}
/*style the arrow*/
.gm-style div div div div div div div div div div{
background-color: #fff !important;
color: #00335b;
font-size: 16px;
}
/*map infobox end*/
/*=========COMPONENTS END=========*/
/*=========PAGES=========*/
/*begin*/
#begin{
position: relative;
overflow: hidden;
}
#begin .content{
position: absolute;
width: 100%;
height: 100%;
display: inline-block;
z-index: 3;
}
#begin .content .h-wrapper{
position: absolute;
display: inline-block;
width: 100%;
top: 50%;
transform: translateY(-50%);
text-align: center;
color: #fff;
padding-left: 10px;
padding-right: 10px;
}
#begin .content .h-wrapper h1{
}
/*begin end*/
/*directions*/
#direction1 .full-block{
position: relative;
height: 100vh;
}
#direction1 .container-image{
height: 100%;
vertical-align: top;
}
/*#direction1 .sidebar, */
#direction1 .main-content{
}
#direction1 .sidebar .container{
}
#direction1.target .sidebar .container{
/*transform: translate3d(100%, 0, 0);*/
}
#direction1 .sidebar .description{
}
#direction1 .sidebar .description__header-light{
}
#direction1 .sidebar .description span{
}
#direction1 .main-content{
padding-right: 5rem;
padding-top: 6.125rem;
}
#direction1 .main-content .content-item{
padding-left: 1.563rem;
padding-bottom: 4.375rem;
text-align: right;
vertical-align: top;
}
#direction .full-block{
position: relative;
}
#direction1 .direction-logo{
}
#direction1 .direction-logo .square{
}
#direction1 .direction-inner .btn{
bottom: 2.1rem;
}
#direction1 .direction-inner .description {
padding-bottom: 0;
}
/*directions end*/
/*company*/
#company .full-block{
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
#company .container66{
overflow: visible;
}
#company .dark-background{
position: relative;
display: inline-block;
background: #fff;
width: 100%;
height: 100%;
}
#company .dark-background.visible{
}
#company .dark-background .inner-back{
position: absolute;
left: 0;
right: 0;
display: inline-block;
height: 100%;
width: 100%;
opacity: 1;
}
#company .dark-background.visible .inner-back{
/*opacity: 1;*/
/*transition: all 3s ease 500ms!important;*/
}
#company .dark-background .inner-back.dark-back{
background: rgba(0,51,91,0.5);
transition: all 3s ease 500ms!important;
animation: blink 2s ease infinite alternate!important;
z-index: 1;
}
#company .dark-background .inner-back.img{
background-size: cover;
}
#company .dark-background.visible .inner-back.dark-back{
/*background: rgba(0,51,91,0.5);*/
/*transition: all 3s ease 500ms!important;*/
/*animation: blink 2s ease infinite alternate!important;*/
}
@keyframes blink{
from{
background: rgba(0,51,91,0.8);
}
to{
background: rgba(0,51,91,0.5);
}
}
#company .dark-background .content{
position: absolute;
display: inline-block;
width: 100%;
height: 100%;
top: 0;
left: 0;
color: #fff;
z-index: 10;
}
#company .wrapper-first{
padding-top: 6.05%;
}
#company .wrapper-first .header-info{
padding-top: 2.65%;
}
#company .header-info h2{
position: relative;
font-size: 2.250rem;
font-family: 'LatoRegular', sans-serif;
letter-spacing: 2px;
line-height: 2.625rem;
height: 2.625rem;
text-transform: uppercase;
overflow: hidden;
transition: color 3s ease 500ms!important;
}
#company .header-info h3:before{
display: none;
}
#company .white h3{
color: #fff!important;
}
#company h3{
transition: color 3s ease 500ms !important;
}
#company .header-info.white h2{
color: #fff!important;
}
#company .header-info h2 span{
position: absolute;
top: 0;
left: 0;
}
#company .header-info.target h2 span{
top: 0%;
}
#company .wrapper-second{
}
#company .wrapper-second p{
line-height: 1.5em;
}
#company .description{
font-size: 0.875rem;
font-family: 'LatoRegular', sans-serif;
line-height: 1.786em;
padding-right: 10%;
/*width: 25rem;*/
}
#company .description > .p-latoregular{
font-size: 1.3em;
font-family: 'LatoLight', sans-serif;
}
#company .counters{
position: relative;
height: 100%;
width: 100%;
vertical-align: top;
}
#company .counters .counters__inner{
position: absolute;
/*display: flex;*/
justify-content: space-between;
right: 0;
top: 37%;
width: 58%;
transform: translateY(-50%);
}
#company .wrapper-fourth .header-info{
vertical-align: bottom;
}
#company .counter{
padding-top: 0!important;
/*margin-left: 1rem;*/
}
#company .span-text{
text-align:center;
}
#company .counter-number{
text-align:center;
}
.wrapper-fourth{
}
.wrapper-fourth .header-info{
vertical-align: middle;
}
/*company-end*/
/*clients*/
#clients{
position: relative;
height: 100vh!important;
}
#clients .completed .container90,
#clients .completed .container50{
overflow: visible;
}
#clients .full-block{
position: relative;
display: block;
width: 100%;
height: 100%;
text-align: center;
background: #fff;
}
#clients .content{
position: relative;
display: inline-block;
}
#clients .container50 .content{
z-index: 10;
padding-top: 3.75rem;
}
#clients .container50{
overflow: visible;
height: 100vh;
display: inline-block;
position: relative;
text-align: left;
}
#clients .header-block{
display: inline-block;
text-align: left;
opacity: 1;
}
#clients .header-block.invisible{
opacity: 0!important;
}
#clients .description{
display: inline-block;
text-align: left;
padding-top: 0.938rem;
opacity: 1;
}
#clients .description.invisible{
opacity: 0!important;
}
#clients .glitch-container{
position: absolute;
display: inline-block;
top: 8.5rem;
left: 0;
}
#clients .glitch-container span{
display: inline-block;
padding-top: 0;
}
#clients .glitch-container.invisible{
opacity: 0!important;
}
#clients .header-block h3{
color: #f47b34;
display: inline-block;
}
#clients .header-block h3::before{
background: #f47b34;
}
/*clients end*/
/*projects*/
#projects{
overflow: hidden;
}
#projects .completed .container90{
width: calc(100% - 6.25rem);
}
#projects .completed .container90,
#projects .completed .container50{
overflow: visible;
}
#projects .completed .owl-container{
position: relative;
}
#projects .completed .owl-container .custom-nav button.owl-next,
#projects .completed .owl-container .custom-nav button.owl-prev{
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
background-color: transparent;
border: none;
outline: none;
}
#projects .completed .owl-container .custom-nav button.owl-next span,
#projects .completed .owl-container .custom-nav button.owl-prev span{
font-size: 6.813rem;
color: #082043;
}
#projects .completed .owl-container .custom-nav button.owl-next img,
#projects .completed .owl-container .custom-nav button.owl-prev img{
height: 56px;
width: 31px;
}
#projects .completed .owl-container .custom-nav button.owl-next{
/*right: -3.750rem;*/
right: -1rem;
}
#projects .completed .owl-container .custom-nav button.owl-prev{
/*left: -3.750rem;*/
left: -1rem;
}
#projects{
height: 100%;
}
#projects .full-block{
height: 100vh;
}
/*completed*/
#projects .glitch-container.invisible{
opacity: 0!important;
}
#projects .container-btn{
text-align: center;
padding-top: 6.3vh;
}
#projects .container-btn .btn{
border: 1px solid #092143;
color: #092143;
}
#projects .container-btn .btn:hover{
border: 1px solid #fff;
}
#projects .description{
padding-top: 2.500rem;
padding-bottom: 0;
font-size: 1.3em;
}
#projects .header-block.invisible{
opacity: 0!important;
}
#projects .description.invisible{
opacity: 0!important;
}
#projects .completed{
width: 100%;
background: #fff;
padding-top: 9.2vh;
padding-bottom: 4.2vh;
display: flex;
flex-direction: column;
}
#projects .container50{
margin: 0 auto;
}
#projects .container90{
position: relative;
margin: 0 auto;
flex-grow: 1;
display: flex;
}
#projects .container90 .owl-container{
position: absolute;
height: 100%;
width: 100%;
padding-top: 1.5rem;
padding-left: 3rem;
padding-right: 3rem;
margin-top: 0;
}
#projects .completed-carousel{
height: 100%;
}
#projects .completed-carousel .owl-stage-outer{
height: 100%;
}
#projects .completed-carousel .owl-stage{
height: 100%;
display: flex;
align-items: center;
}
#projects .completed-carousel .owl-item{
height: 100%;
max-height: 261px;
}
#projects .completed-carousel .item{
height: 100%;
}
#projects .completed-carousel .item-wrapper{
height: 100%;
}
#projects .completed-carousel .img-responsive{
height: 100%;
}
#projects .completed .header-block h3{
}
#projects .completed .header-block h3:before{
}
#projects .completed .header-block{
}
#projects .owl-container{
margin-top: 3.5vh;
}
#projects .completed .item{
margin: 3px;
margin-left: 3.125rem;
margin-right: 3.125rem;
/*min-height: auto;*/
min-height: 15.313rem;
}
#projects .completed .item-wrapper{
}
#projects.projects1 .completed .item-wrapper{
position: relative;
}
#projects .completed.target .item-wrapper{
}
#projects.projects1 .outer-wrapper{
position: relative;
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
display: flex;
flex-direction: column;
}
#projects.projects1 .outer-wrapper .container90{
/*display: inline-block;*/
display: flex;
flex-direction: column;
}
#projects.projects1 .outer-wrapper .container50{
display: inline-block;
width: 100%;
}
#projects.projects1 .completed .item{
margin: 3px;
margin-left: 3.125rem;
margin-right: 3.125rem;
/* min-height: auto; */
min-height: 15.313rem;
}
/*rewards*/
#projects .rewards{
position: relative;
display: block;
width: 100%;
background: #fff;
}
#projects .rewards .content{
position: relative;
padding-top: 4.65%;
}
#projects .rewards .container50{
position: relative;
overflow: visible;
}
#projects .rewards .glitch-container{
position: absolute;
top: 2rem;
}
#projects .rewards .glitch-container span{
display: inline-block;
top: 6rem;
}
#projects .rewards .header-block h3{
color: #f47b34;
z-index: 5;
}
#projects .rewards .header-block h3::before{
background: #f47b34;
}
#projects .rewards .description{
width: 100%;
padding: 3vh 0;
}
/*projects end*/
/*equipment*/
#equipment,
#additional{
position: relative;
}
#equipment .full-block{
height: 100%;
overflow: hidden;
}
#equipment .container50{
position: relative;
overflow: visible;
}
#equipment .glitch-container{
position: absolute;
padding-top: 2rem;
}
#equipment .glitch-container span{
position: absolute;
font-size: 7.97rem;
top: 9.375rem;
left: -4px;
letter-spacing: -0.7rem;
}
#equipment .glitch-container.ad span{
font-size: 9.375rem;
letter-spacing: -4px;
}
#equipment .header-block{
padding-top: 5rem;
}
#equipment .header-block h3{
color: #f47b34;
z-index:2;
}
#equipment .header-block h3:before{
background: #f47b34;
}
#equipment .logo-grid,
#additonal .logo-grid{
font-size: 0;
}
#equipment .logo-grid .row{
font-size: 0.938rem;
}
#additonal .logo-grid .row{
font-size: 0.938rem;
}
#equipment .logo-grid .row::before,
#equipment .logo-grid .row::after,
#additonal .logo-grid .row::before,
#additonal .logo-grid .row::after{
top: 0;
height: 100%;
}
#equipment .col,
#additional .col{
position: relative;
}
#equipment .item-wrapper,
#additional .item-wrapper{
text-align: center;
}
#equipment .item-wrapper .img,
#additional .item-wrapper .img{
display: inline-block;
width: 80%;
height: 80%;
background-repeat: no-repeat!important;
background-size: contain!important;
background-position: center!important;
position: absolute;
bottom: 10%;
left: 10%;
}
#equipment .item-wrapper .information,
#additional .item-wrapper .information{
top: 90%;
}
#equipment .item-wrapper:hover .information,
#additional .item-wrapper:hover .information{
top: 0;
}
#equipment .item-wrapper .information .information-inner h3,
#additional .item-wrapper .information .information-inner h3{
text-transform: none;
}
#equipment .item-wrapper:hover .img,
#additional .item-wrapper:hover .img{
filter: blur(10px);
}
#equipment .item-wrapper .description-wrapper,
#additional .item-wrapper .description-wrapper{
display: inline-block;
width: 100%;
position: absolute;
font-size: 0;
top: 14%;
left: 0;
text-align: left;
display: flex;
flex-wrap: wrap;
}
#equipment .item-wrapper .description-wrapper p,
#additional .item-wrapper .description-wrapper p{
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
padding-left: 1.250rem;
/*padding-bottom: 2.125rem;*/
color: #fff;
font-size: 0.875rem;
font-family: 'OpenSansBold', sans-serif;
text-align: left;
}
#equipment .item-wrapper .description-wrapper p:nth-child(5),
#additional .item-wrapper .description-wrapper p:nth-child(5){
}
#equipment .item-wrapper .description-wrapper p,
#additional .item-wrapper .description-wrapper p
{
padding-bottom: 0.438rem;
}
#equipment .item-wrapper .description-wrapper span,
#additional .item-wrapper .description-wrapper span{
/*position: relative;
display: inline-block;
vertical-align: top;
width: 50%;
text-align: right;
padding-left: 0;
padding-right: 1.250rem;
padding-bottom: 2.125rem;
color: #fff;
font-size: 0.75rem;
max-height: 5.313rem;
overflow: hidden;
font-family: 'LatoLight', sans-serif;*/
position: relative;
display: inline-block;
vertical-align: top;
width: 100%;
/* text-align: right; */
padding-left: 0;
padding-left: 1.250rem;
padding-bottom: 1.125rem;
color: #fff;
font-size: 0.75rem;
max-height: 5.313rem;
overflow: hidden;
font-family: 'LatoLight', sans-serif;
}
#equipment .item-wrapper .description-wrapper span:last-child,
#additional .item-wrapper .description-wrapper span:last-child{
width: 100%;
text-align: left;
padding-left: 1.250rem;
padding-bottom: 0.5rem;
max-height: 4.375rem;
}
#equipment .item-wrapper .btn-wrapper,
#additional .item-wrapper .btn-wrapper{
display: inline-block;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
#equipment .item-wrapper .btn-wrapper .btn,
#additional .item-wrapper .btn-wrapper .btn{
display: inline-block;
position: relative;
bottom: 0;
left: 0;
transform: none;
margin-bottom: 0.625rem;
min-width:13.25rem;
}
/*equipment end*/
/*interactivity*/
#interactivity .r25,
#interactivity .r75{
font-size: 0.938rem;
}
#interactivity .arrow-down-wrapper{
bottom: 60px;
}
#navigation-main .arrow-down-wrapper{
bottom: 60px;
}
/*interactivity end*/
/*innovation*/
#innovation .r25,
#innovation .r75{
font-size: 0.938rem;
}
/*innovation end*/
/*footer*/
.footer{
height: 100%;
overflow: hidden;
}
.footer .full-block{
height: 100vh;
}
.footer .container-back{
height: 100%;
position: relative;
}
.footer .footer-content{
position: absolute;
top: 0;
left: 0;
z-index: 1;
height: 100%;
width: 100%;
}
.footer .sidebar,
.footer .main-content{
position: absolute;
display: inline-block;
height: 100%;
top: 0;
vertical-align: top;
z-index: 1001;
}
.footer .sidebar{
width: 25%;
left: 0;
}
.footer .main-content{
width: 75%;
right: 0;
top: 100%;
-webkit-transition: transform 1s ease;
-moz-transition: transform 1s ease;
-o-transition: transform 1s ease;
-ms-transition: transform 1s ease;
transition: transform 1s ease;
}
.footer .main-content.target{
overflow: visible;
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
-o-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.footer .map{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 70vh;
z-index: 1000;
}
.map-in-footer
{
width: inherit;
height: inherit;
object-fit: contain;
}
.footer .sidebar .container{
}
.footer .sidebar .container .description{
width: 100%;
/*padding-left: 9%;*/
padding-left: 3.438rem;
padding-right: 9%;
padding-top: 0;
}
.footer .sidebar .footer-tabs__item p{
padding-top: calc(8.8vh - 20px);
}
.footer .sidebar .footer-tabs__item:first-child p{
padding-top: 0;
}
.footer.target .sidebar .container{
/*transform: translate3d(100%, 0, 0);*/
}
.footer .content{
height: 100%;
position: relative;
}
.footer .footer-popup{
position: absolute;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
top: 0;
left: 0;
z-index: 10000;
height: 100%;
width: 100%;
background: #082043;
color: #00335b;
-webkit-transition: all 0.7s ease!important;
-moz-transition: all 0.7s ease!important;
-o-transition: all 0.7s ease!important;
-ms-transition: all 0.7s ease!important;
transition: all 0.7s ease!important;
}
.footer .footer-popup.light{
background: #f6f4f1;
}
.footer-popup.target{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.footer-popup__close{
position: absolute;
display: inline-block;
top: 1.25rem;
right: 1.55rem;
width: 1.875rem;
border: 1px solid #fff;
}
.footer-popup__close{
border-color: #082043;
}
.footer-popup__close nav{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 1.875rem;
height: 1.875rem;
border: 1px solid #fff;
cursor: pointer;
-webkit-transition: border-color .3s ease,-webkit-transform 1s cubic-bezier(1,0,.25,1);
transition: border-color .3s ease,-webkit-transform 1s cubic-bezier(1,0,.25,1);
-o-transition: border-color .3s ease,transform 1s cubic-bezier(1,0,.25,1);
transition: border-color .3s ease,transform 1s cubic-bezier(1,0,.25,1);
transition: border-color .3s ease,transform 1s cubic-bezier(1,0,.25,1),-webkit-transform 1s cubic-bezier(1,0,.25,1);
position: relative;
z-index: 1;
}
.footer-popup__close.dark nav{
border-color: #082043;
}
.footer-popup__close nav span:first-of-type{
transform: rotate(45deg) translate3d(0, 1px, 0);
}
.footer-popup__close nav span:nth-of-type(2){
opacity: 0;
}
.footer-popup__close nav span:nth-of-type(3){
transform: rotate(-45deg) translate3d(0, -1px, 0);
}
.footer-popup__close nav span{
display: block;
width: 1.75rem;
height: 1px;
background-color: #00335b;
margin: 0;
}
.footer-popup__close.dark nav span{
background-color: #082043;
}
.footer-popup .footer-popup__item{
display: none;
background: #fff;
width: 100%;
height: 100%;
position: relative;
}
.footer-popup .footer-popup__item.footer-popup__news{
background: #f6f4f1;
padding-top: 12vh;
padding-left: 1.5%;
padding-right: 1.5%;
}
.footer-popup .footer-popup__item.target{
display: block;
}
.footer-popup .news-wrapper{
height: 37vh;
}
.footer-popup .news-wrapper__block{
padding: 0;
width: 90%!important;
}
.footer-popup .all-news-wrapper{
text-align: center;
padding-top: 5.5vh;
}
.footer-popup__success__header{
position: absolute;
top: 30%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.footer-popup__success__header__item{
font-family: 'OpenSansBold', sans-serif;
font-size: 2.063rem;
line-height: 1em;
}
.footer-tabs{
}
.footer-tabs__item{
cursor: pointer;
position: relative;
overflow: hidden;
list-style-type: none;
}
.footer-tabs__item__p{
position: relative;
display: inline-block;
font-family: 'LatoLight', sans-serif;
font-weight: 500;
line-height: 1em!important;
padding-bottom: 5px!important;
font-size: 1.875rem;
}
.footer-tabs__item__p:after{
position: absolute;
content: '';
display: block;
bottom: 0;
left: 0;
height: 2px;
width: 100%;
transform: translateX(-100%);
background: transparent;
transition: transform 0.7s ease!important;
}
.footer-tabs__item::after{
}
.footer-tabs__item:hover .footer-tabs__item__p::after,
.footer-tabs__item.target .footer-tabs__item__p::after{
transform: translateX(0);
background: #f47b34;
}
.footer-tabs__item.target{
color: #f47b34;
}
.footer-information{
position: absolute;
font-family: 'LatoLight', sans-serif;
font-size: 1.5em;
color: #fff;
bottom: 13%;
width: 100%;
left: 3.438rem;
padding-bottom: 5vh;
text-align: left;
}
.footer-information__item.copy
{
font-size: .6em;
}
.footer-information__item{
display: block;
line-height: 1em;
color: #fff;
padding-bottom: 2.8vh;
font-size: 1em;
font-family: 'LatoLight', sans-serif;
}
.footer-information__item:hover{
color: #fff;
}
.footer-information__item:last-child{
padding-bottom: 0;
}
.footer-form{
position: absolute;
font-family: 'OpenSansBold', sans-serif;
font-size: 0.875rem;
max-width: 38%;
top: 30%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
#btnFooterContact
{
color: #00335b;
border-color: #00335b;
}
.footer-form__item{
display: inline-block;
width: 100%;
margin-bottom: 2.8vh;
border: none;
height: 1.875rem;
color: #00335b;
border-bottom: 1px solid #00335b;;
background: transparent;
}
.footer-form__item.error{
color: #e2a3a3;
border-color: #e15a5a;
}
.footer-form__item:focus{
border-bottom: 1px solid #fff;
}
.footer-form__btn{
background: transparent;
}
.footer-form__btn:focus{
border: 1px solid #fff;
}
.footer-form__wrapper{
text-align: center;
}
.footer .container-image{
height: 100%;
vertical-align: top;
}
.footer .direction-inner:hover .direction_back {
opacity: 1;
}
.footer .direction_back{
background: rgba(0, 51, 91, 0.5);
}
.footer .direction_back2{
background: #fff;
}
.footer .date{
text-align: left;
}
.footer .description{
display: block;
opacity: 1;
top: auto;
left: auto;
transform: none;
color: #fff;
padding: 0;
padding-top: 11%;
}
.footer .content-container{
position: absolute;
padding-left: 10%;
padding-right: 10%;
top: 25%;
left: 0;
z-index: 2;
}
.footer .content-container .date,
.footer .content-container .description{
position: relative;
display: block;
z-index: 100;
}
.footer .content-container .description{
padding-top: 1.6vh;
}
.footer .content-container .btn{
background: #fff;
margin: auto;
padding: 15px;
width: 14rem;
bottom: 9%;
}
.footer .direction-inner:hover .date__day span,
.footer .direction-inner:hover .date__month span,
.footer .direction-inner:hover .date__year span,
.footer .direction-inner:hover .btn a,
.footer .direction-inner:hover .description p{
color: #7dd3ff!important;
}
.footer .direction-inner{
box-shadow: 0 2px 40px rgba(2, 2, 2, 0.36);
}
.footer .direction-image{
overflow: hidden;
}
.footer .direction-image .image{
transition: transform .5s ease!important;
}
.footer .direction-inner:hover .direction-image .image{
filter: none;
transform: scale(1.3);
}
.footer .app-btn{
width: 54%;
}
.footer .news-wrapper .content-container .description{
padding: 0;
padding-top: 2vh;
}
.footer .news-wrapper .content-container .description p{
max-height: 8.750rem;
overflow: hidden;
}
.footer .direction-inner:hover .direction_back {
opacity: 1;
}
/*footer end*/
/*mapUkraine*/
#mapUkraine .full-block{
height: 100%;
}
#mapUkraine .container-back{
position: relative;
height: 100%;
width: 100%;
vertical-align: top;
}
#mapUkraine .container-image{
height: 100%;
width: 100%;
}
#mapUkraine .main-content{
}
#mapUkraine .main-content .content{
display: block;
width: 100%;
height: 100%;
}
#mapUkraine .sidebar{
overflow: hidden;
}
#mapUkraine .sidebar .container {
left: 0%;
}
#mapUkraine .sidebar .glitch-container{
position: absolute;
transform-origin: left top;
transform: rotate(-90deg) translateX(100%);
}
#mapUkraine .sidebar .glitch-container.target{
animation: trans 1.5s ease forwards;
}
@keyframes trans{
0%{
opacity: 0;
transform: rotate(-90deg) translate3d(100%, 0, 0);
}
100%{
opacity: 1;
transform: rotate(-90deg) translate3d(0, 0, 0);
}
}
#mapUkraine .header-content{
position: absolute;
top: 15%;
width: 100%;
padding-left: 3.750rem;
}
#mapUkraine .header-content .header-wrapper{
padding-left: 7.5rem;
width: 100%;
}
#mapUkraine .counters.main{
width: 100%;
}
#mapUkraine .number-wrapper{
display: block;
white-space: nowrap;
}
#mapUkraine .number-wrapper .counter-number{
display: inline-block;
width: auto;
}
#mapUkraine .counter .number-wrapper .span-text{
display: inline-block;
vertical-align: unset;
width: auto;
font-family: 'OpenSansBold', sans-serif;
font-size: 2.5rem;
}
#mapUkraine .counter .after_text{
text-align:center;
}
#mapUkraine .counter:last-child .after_text{
text-align:start;
}
#mapUkraine .counter .span-text:empty{
display: inline-block;
}
#mapUkraine .content-sidebar{
position: relative;
padding-left: 1.250rem;
width: 100%;
}
#mapUkraine .content-sidebar .header-sidebar{
width: calc(100% - 55px);
height: 3.125rem;
}
#mapUkraine .content-sidebar .header-sidebar span{
font-family: 'LatoBold', sans-serif;
font-size: 3.125rem;
text-transform: uppercase;
}
#mapUkraine .content-sidebar .header-sidebar:first-of-type{
margin-top: calc(14% + 20px);
}
#mapUkraine .sidebar .counters{
width: auto;
text-align: center;
}
#mapUkraine .counter-wrapper{
display: inline-block;
padding-top: 8.8%;
width: 51%;
text-align: left;
}
#mapUkraine .content-sidebar .counter-wrapper:nth-of-type(3){
}
#mapUkraine .content-sidebar .counter-wrapper:nth-of-type(4){
}
#mapUkraine .content-sidebar .counter-wrapper:nth-of-type(5){
}
#mapUkraine .content-sidebar .counter{
display: inline-block;
}
#mapUkraine .content-sidebar .btn-wrapper{
width: 100%;
text-align: center;
}
#mapUkraine .content-sidebar .btn{
border: 1px solid #092143;
color: #092143;
margin-top: 10%;
margin-right: 13.8%;
}
#mapUkraine .content-sidebar .btn:nth-of-type(1){
margin-top: 12%;
}
#mapUkraine .content-sidebar .btn a{
color: #092143;
}
#mapUkraine .content-sidebar .btn:hover{
background: #092143;
border: 1px solid #092143;
color: #fff;
}
#mapUkraine .content-sidebar .btn:hover a{
color: #fff;
}
#mapU{
position: absolute;
left: 50%;
top: 35%;
padding-top: 0;
display: block;
width: 70%;
margin: auto;
transform: translateX(-50%);
}
#mapU .area{
/*fill: #162e56;*/
fill: transparent;
stroke-width: 1px;
z-index: -1;
}
#mapU .area2 {
fill: #162e56;
}
#mapU .area-border-back{
stroke: rgb(72, 183, 242);
stroke-width: 1px;
}
#mapU .area-background{
fill: #48b7f2;
stroke: #48b7f2;
stroke-width: 10px;
stroke-linecap: round;
stroke-linejoin: round;
}
#mapU .area path{
stroke: transparent;
stroke-dasharray: 1500;
stroke-dashoffset: 0;
transition: fill 0.7s ease;
}
#mapU .area.selected path{
stroke: #f47b34;
z-index:-1;
}
#mapU .area.selected{
stroke: #f47b34;
stroke-width: 2px;
z-index: -1;
}
#mapU .area:hover{
fill:#182844;
stroke: #f47b34;
z-index: 10;
}
#mapU .area:hover path{
fill:#182844;
stroke: #f47b34;
stroke-width: 2px;
animation: dash 1.5s linear;
z-index: 20;
}
@keyframes dash{
from{
stroke-dashoffset: 1500;
}
to{
stroke-dashoffset: 0;
}
}
#mapU .area .marker.invisible{
display: none;
}
#mapU .area .marker-icon{
stroke: none;
fill: #f47b34;
}
#mapU .area .marker-point{
stroke: none;
fill: #fff;
}
/*mapUkraine end*/
/*tablet*/
#tablet .full-block{
height: 100%;
}
#tablet .container-back{
position: relative;
height: 100%;
}
#tablet .container-image{
height: 100%;
}
#tablet .main-content{
overflow: hidden;
}
#tablet .sidebar{
}
#tablet .sidebar .container {
}
#tablet .sidebar .container.target{
/*transform: translate3d(100%, 0 , 0);*/
}
#tablet .container-back {
background: rgba(0, 51, 91, 0.5);
height: 100%;
font-size: 0;
vertical-align: top;
}
#tablet .sidebar .description{
position: absolute;
width: 100%;
top: 0;
left: 0;
transform: none;
padding-top: 9.350rem;
transition: all 1s ease;
}
#tablet .sidebar .description1{
z-index: 3;
}
#tablet .sidebar .description2{
z-index: 2;
}
#tablet .sidebar .description1.invisible{
opacity: 0;
z-index: 1;
}
#tablet .sidebar .description2.invisible{
opacity: 0;
}
#tablet .sidebar .container .direction-logo .text span {
}
#tablet .sidebar .container .direction-logo .text span:first-child::after{
}
/*-----*/
#tablet .sidebar .description__text-light,
#exclusive .sidebar .description__text-light,
#brands .sidebar .description__text-light{
padding-top: 2.6vh;
}
#tablet .sidebar .description__text-light:first-of-type,
#exclusive .sidebar .description__text-light:first-of-type,
#brands .sidebar .description__text-light:first-of-type{
padding-top: 0;
}
#tablet .sidebar .description__header-light:first-of-type,
#exclusive .sidebar .description__header-light:first-of-type,
#brands .sidebar .description__header-light:first-of-type{
padding-top: 4.6vh;
}
/*-----*/
#tablet .sidebar .btn-wrapper{
display: inline-block;
width: 100%;
text-align: center;
padding-top: 0;/* padding-top: 1.250rem;*/
}
#tablet .sidebar .btn-wrapper .btn,
#exclusive .sidebar .btn-wrapper .btn,
#brands .sidebar .btn-wrapper .btn{
/*margin-top: 1.563rem;*/
min-width:13.25rem;
}
#tablet .sidebar .btn-wrapper .btn a{
font-size: 1.125rem;
}
#tablet .content{
height: 100%;
}
#tablet .empty{
height: 100%;
}
#tablet .tablet-border{
position: relative;
overflow: hidden;
height:100vh;
}
#tablet .tablet-border img{
bottom: 0;
height: 100%;
width: 100%;
object-fit: contain;
object-position: bottom;
}
#tablet .tablet-border .tablet-next {
position: absolute;
bottom: 30%;
left: 50%;
transform: translateX(-50%);
}
#tablet .tablet-border .tablet-next.invisible{
display: none;
}
#tablet .tablet-border .slide{
left: 0;
transition: all 1.5s ease!important;
}
#tablet .tablet-border .slide.invisible{
opacity: 0;
}
#tablet .counters{
display: block;
}
#tablet .advretising-iframe{
position: absolute;
transform-origin: 0 0 0;
top: 60px;
left: 50%;
transform: scale(0.37) translateX(-50%);
}
#tablet .sidebar .description__header-light--blue
{
font-size: 1.5rem;
padding-top: 1rem;
}
#tablet .sidebar .description__text-light
{
font-size: 0.86em;
padding-top: 0;
}
#tablet .sidebar .btn-wrapper .btn
{
margin-top:0;
}
#tablet .sidebar .container .description p
{
/*padding-top:1rem;*/
}
/*tablet end*/
/*advertising*/
#diffSlider .full-block{
height: 100vh;
}
#diffSlider .header{
position: relative;
display: block;
}
#diffSlider .header .header-wrapper{
position: absolute;
padding-left: 11rem;
padding-left: 9.2%;
padding-bottom: 1.5rem;
bottom: 0;
}
#diffSlider .content{
display: block;
overflow: hidden;
}
#diffSlider .side{
vertical-align: top;
}
#diffSlider .side.center{
position: relative;
}
#diffSlider .side .slide{
background: rgba(0, 51, 91, 1);
vertical-align: top;
overflow: hidden;
transition: all 1s ease;
}
#diffSlider .side .slide.invisible{
opacity: 0;
}
#diffSlider .side .slide img{
position: absolute;
top:0;
left: 0;
transform: translateX(-100%);
max-height: 100%;
width: 100%;
height: 100%;
transition-property: transform;
transition-timing-function: linear;
transition-delay: 0s;
z-index: 2;
object-fit: cover;
-o-object-fit: cover;
object-position: center top;
-o-object-position: center top;
}
#diffSlider .side .slide:nth-child(1) img,
#diffSlider .side .slide:nth-child(2) img,
#diffSlider .side .slide:nth-child(3) img{
transition-delay: 0s;
}
#diffSlider .side .slide:nth-child(4) img,
#diffSlider .side .slide:nth-child(5) img,
#diffSlider .side .slide:nth-child(6) img{
transition-delay: .3s;
}
#diffSlider .side .slide:nth-child(7) img,
#diffSlider .side .slide:nth-child(8) img,
#diffSlider .side .slide:nth-child(9) img{
transition-delay: .6s;
}
#diffSlider .side .slide img.active{
transform: translateX(0);
z-index: 3;
}
#diffSlider .side .slide img.prev{
transform: translateX(100%);
z-index: 1;
}
#diffSlider .side .slide .img-wrapper{
position: relative;
overflow: hidden;
height: 100%;
cursor: pointer;
transition: all 0.3s ease!important;
}
#diffSlider .side .slide .img-wrapper:hover{
opacity: 0.5;
}
#diffSlider .owl-container{
height: 100%;
}
#diffSlider .owl-carousel{
height: 100%;
}
#diffSlider .owl-carousel .owl-stage-outer{
height: 100%;
}
#diffSlider .owl-carousel .owl-stage-outer .owl-stage{
height: 100%;
}
#diffSlider .owl-carousel .item{
height: 100%;
width: 100%;
}
#diffSlider .owl-carousel .item-wrapper{
height: 100%;
width: 100%;
}
#diffSlider .owl-carousel .owl-item{
height: 100%;
}
#diffSlider.advertising-projects .owl-carousel .owl-item{
cursor: zoom-in;
}
#diffSlider.advertising-projects .zoom-img{
transition: all .3s ease;
}
#diffSlider.advertising-projects .owl-carousel .owl-item:hover .zoom-img{
transform: scale(1.1);
}
#diffSlider .owl-carousel .item-wrapper img{
height: 100%;
width: auto;
object-fit: contain;
-o-object-fit: contain;
object-position: center;
-o-object-position: center;
}
#diffSlider .owl-carousel .item-wrapper video{
display: block;
vertical-align: middle;
height: 100%;
width: auto;
}
#diffSlider .owl-carousel .item-wrapper:hover img{
filter: none;
}
#diffSlider .owl-navs-wr{
position: absolute;
width: 100%;
top: 0;
left: 0;
}
#diffSlider .owl-navs-wr button{
background: transparent;
border: none;
outline: none;
color: #082043;
vertical-align: top;
}
#diffSlider .owl-navs-wr button span{
display: inline-block;
color: #082043;
font-size: 8.5rem;
transform: translateY(-50%);
}
#diffSlider .owl-navs-wr .owl-prev{
position: absolute;
left: 0;
width: 50px;
padding: 0;
margin: 0;
}
#diffSlider .owl-navs-wr .owl-next{
position: absolute;
right: 0;
width: 50px;
padding: 0;
margin: 0;
}
#diffSlider .owl-navs-wr .owl-prev img,
#diffSlider .owl-navs-wr .owl-next img{
width: 31px;
height: 56px;
}
#diffSlider .btn-container{
position: relative;
}
#diffSlider .btn-container .btn.white{
position: absolute;
bottom: 1px;
left: 50%;
width: auto;
white-space: nowrap;
vertical-align: bottom;
transform: translateX(-50%);
}
/*advertising end*/
/*exclusive*/
#exclusive .full-block{
height: 100%;
}
#exclusive .container-back{
position: relative;
height: 100%;
}
#exclusive .container-image{
height: 100%;
}
#exclusive .container-back {
background: rgba(0, 51, 91, 0.5);
height: 100%;
font-size: 0;
vertical-align: top;
}
#exclusive .sidebar .container .description{
position: relative;
top: 0;
transform: none;
padding-top: 9.350rem;
}
#exclusive .sidebar .btn-wrapper{
display: inline-block;
width: 100%;
text-align: center;
padding-top: 1.250rem;
}
/*exclusive end*/
/*brands*/
#brands .full-block{
height: 100%;
}
#brands .container-back{
position: relative;
height: 100%;
}
#brands .container-image{
height: 100%;
}
#brands .container-back {
background: rgba(0, 51, 91, 0.5);
height: 100%;
font-size: 0;
vertical-align: top;
}
#brands .sidebar .container .description{
position: relative;
top: 0;
transform: none;
padding-top: 9.350rem;
}
#brands .sidebar .btn-wrapper{
display: inline-block;
width: 100%;
text-align: center;
padding-top: 1.250rem;
}
/*brands end*/
/*test*/
#test .popup{
display: block;
}
#test .popup_img{
background: #d2d2d2;
}
/*test end*/
/*mobile*/
#mobile{
color: #fff;
}
#mobile .full-block{
height: 100vh;
}
#mobile .container-image{
height: 100vh;
}
#mobile .container-back {
background: rgba(0, 51, 91, 0.5);
height: 100%;
vertical-align: top;
}
#mobile .container-back .inline-fs{
vertical-align: top;
}
#mobile h1{
font-size: 5.777rem;
}
#mobile .links-content{
position: relative;
}
#mobile .links-content__inner{
position: absolute;
width: 100%;
top: 50%;
text-align: center;
transform: translateY(-60%);
}
#mobile .links-content__inner__h1{
margin-bottom: 4.65vh;
}
#mobile .links-content__inner__btn{
margin-bottom: 4.65vh;
}
#mobile .app-btn{
width: 54%;
}
/*mobile end*/
/*news*/
#news .full-block{
position: relative;
height: 100vh;
}
#news .container-back{
height: 100%;
background: #f6f4f1;
}
#news .container-image{
height: 100%;
vertical-align: top;
}
/*#news .sidebar, */
#news .sidebar .description h2:first-child{
padding: 0;
}
#news .sidebar .description{
font-family: LatoLight, sans-serif;
}
#news .sidebar .btn{
display: block;
margin: auto;
margin-top: 4.6vh;
width: 11.25rem;
}
#news .main-content {
padding-right: 5.313rem;
padding-top: 8.125rem;
padding-bottom: 0.375rem;
background: #f6f4f1;
}
.date{
font-family: 'OpenSansBold', sans-serif;
}
.date .date__day,
.date .date__part2,
.date .date__month,
.date .date__year{
display: inline-block;
color: #fff;
}
.date .date__day{
font-size: 5.438em;
line-height: 1em;
padding-right: 0.625rem;
}
.date .date__month,
.date .date__year{
display: block;
line-height: 1em;
}
.date .date__month{
font-size: 2em;/*2.188rem*/
}
.date .date__year{
font-size: 2.2em;/*2.5rem*/
}
.date .date__month::first-letter{
text-transform: uppercase;
}
#news .news__tabs__content__item{
padding: 0;
}
#news .app-btn{
width: 54%;
}
/*news end*/
/*programmatic*/
#programmatic .container-image{
height: 100%;
}
#programmatic .container-back{
height: 100%;
font-size: 0;
vertical-align: top;
background: rgba(0, 51, 91, 0.5);
}
#programmatic .sidebar{
display: inline-block;
position: relative;
height: 100%;
}
#programmatic .sidebar .container{
}
#programmatic.target .sidebar .container{
/*transform: translate3d(100%, 0, 0);*/
}
#programmatic .main-content{
vertical-align: middle;
text-align: center;
}
#programmatic .main-content .content{
display: inline-block;
height: 100%;
}
#programmatic .programmatic-btn{
/*background: #fff;*/
margin-right: 2rem;
}
#programmatic .programmatic-btn:last-child{
margin-right: 0;
}
#programmatic .programmatic-btn:hover{
/*background: #092143;*/
}
/*programmatic end*/
/*bussines*/
#bussines{
overflow: hidden;
}
#bussines .container-image{
height: 100%;
}
#bussines .container-back{
background: rgba(0, 51, 91, 0.5);
height: 100%;
font-size: 0;
vertical-align: top;
}
#bussines .sidebar .btn-wrapper{
padding-top: 1rem;
width: 50%;
margin: auto;
}
#bussines .sidebar .btn-wrapper .btn{
margin-bottom: 1rem;
}
#bussines .main-content{
text-align: center;
}
#bussines .main-content .content{
display: inline-block;
width: 100%;
height: 100%;
}
#bussines .main-content .content .r33{
height: 100%;
}
#bussines .owl-container{
position: relative;
width: 100%;
height: 100%;
}
.bussines-carousel{
overflow: hidden;
width: 100%;
height: 100%;
}
.bussines-carousel .owl-stage-outer{
height: 100%;
}
.bussines-carousel .owl-stage{
height: 100%;
}
.bussines-carousel .owl-item{
height: 100%;
}
.bussines-carousel .item{
position: relative;
height: 100%;
width: 100%;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.bussines-carousel .item-wrapper{
position: relative;
width: 100%;
background: rgba(0, 51, 91, 0.5);
}
.bussines-carousel .item-wrapper__content{
position: absolute;
width: 100%;
top: 50%;
transform: translateY(-50%);
}
.bussines-carousel .item-wrapper__content__h{
font-family: 'OpenSansBold', sans-serif;
font-size: 1.563rem;
padding-bottom: 3vh;
color: #fff;
}
#bussines .owl-prev,
#bussines .owl-next{
box-sizing: border-box;
border: 1px solid transparent;
width: 75px;
height: 75px;
padding: 0;
border-radius: 50%;
background: rgba(255,255,255,0.5);
outline: transparent;
}
#bussines .owl-prev span,
#bussines .owl-next span{
position: absolute;
top: calc(50% - 4px);
left: 50%;
font-size: 6.813rem;
line-height: 1rem;
color: #082043;
transform: translateY(-50%) translateX(-50%);
}
#bussines .owl-navs-wr{
position: absolute;
top: 50%;
width: 100%;
z-index: 100;
transform: translateY(-50%);
}
#bussines .owl-navs-wr .owl-nav{
position: relative;
}
#bussines .owl-navs-wr .owl-nav .owl-prev{
position: absolute;
top: 0;
left: 10px;
padding-right: 5px;
}
#bussines .owl-navs-wr .owl-nav .owl-next{
position: absolute;
top: 0;
right: 10px;
padding-left: 5px;
}
#bussines .owl-navs-wr .owl-nav .owl-prev img,
#bussines .owl-navs-wr .owl-nav .owl-next img{
width: 31px;
height: 56px;
}
/*bussines end*/
/*navigation-main*/
#navigation-main .container-image{
/*height: 100%;*/
}
#navigation-main .container-back{
/*background: rgba(0, 51, 91, 0.5);*/
/*height: 100%;*/
/*font-size: 0;*/
/*vertical-align: top; */
}
#navigation-main .sidebar{
}
#navigation-main .sidebar .container{
}
#navigation-main.target .sidebar .container{
/*transform: translate3d(100%, 0, 0);*/
}
#navigation-main .main-content{
/*text-align: center;*/
}
#navigation-main .main-content .content{
/*display: inline-block;*/
/*vertical-align: top;*/
/*position: absolute;*/
/*top: 50%;*/
/*left: 50%;*/
/*width: 100%;*/
/*transform: translateX(-50%) translateY(-50%);*/
}
#navigation-main h2{
}
#navigation-main .main-content .content .h-wrapper{
/*color: #fff;*/
/*margin-bottom: 1.875rem;*/
}
#navigation-main .main-content .content .btn{
/*margin-right: 5%;*/
}
/*navigation-main end*/
/*navigation-iframe*/
#navigation-iframe{
overflow: hidden;
}
#navigation-iframe .container-image{
height: 100%;
width: 100%;
}
#navigation-iframe .container-back{
position: relative;
height: 100%;
width: 100%;
}
#navigation-iframe .container-back .navigation-iframe{
position: absolute;
top: 0;
left: 50%;
transform-origin: 0 0 0;
transform: scale(0.5);
}
#navigation-iframe .empty{
position: relative;
height: 100%;
}
#navigation-iframe .btn-wrapper{
margin-top: 6rem;
width: 60%;
margin: auto;
}
#navigation-iframe .btn-wrapper .btn{
margin-bottom: 2vh;
margin-top:5rem;
min-width: 13.25rem;
}
#navigation-iframe .tablet-border{
position: relative;
vertical-align: bottom;
}
#navigation-iframe .tablet-border__img{
vertical-align: bottom;
overflow: hidden;
}
#navigation-iframe .container-back{
background: rgba(0, 51, 91, 0.5);
}
#navigation-iframe.target .container{
transform: translate3d(100%, 0 , 0);
}
/*navigation-iframe end*/
#navigation-projects{
overflow: hidden;
}
#navigation-projects .header-content{
padding-left: 3.125%;
padding-top: 5.313rem;
padding-bottom: 2vh;
}
#navigation-projects .header-block{
padding-left: 7.5rem;
}
#navigation-projects .container-projects__item{
cursor: zoom-in;
position: relative;
height: 40vh;
overflow: hidden;
margin-bottom: 1rem;
}
#navigation-projects .container-projects__item__wrapper{
position: absolute;
width: 100%;
height: 100%;
padding: 1rem;
top: 110%;
left: 0;
}
#navigation-projects.target .container-projects__item__wrapper{
transform: translate3d(0, -110%, 0);
}
#navigation-projects .container-projects__item .container-projects__item__img{
transition: all .3s ease;
}
#navigation-projects .container-projects__item:hover .container-projects__item__img{
transform: scale(1.1);
}
#navigation-projects{
padding-left: 80px;
padding-right: 80px;
}
#navigation-projects .container-projects{
}
/*all-news*/
.news__header-block{
/*height: 35vh;*/
height: auto;
overflow: hidden;
}
.news__header-block__bg{
position: relative;
width: 100%;
height: 100%;
padding-top: 25vh;
padding-bottom: 25vh;
background-repeat: no-repeat;
background-size: cover!important;
}
.news__header-block__bg__dark{
position: absolute;
top: 0;
height: 100%;
width: 100%;
background: #00335b;
opacity: 0.5;
z-index: 2;
}
.news__header-block__bg__header{
/*position: absolute;*/
position: relative;
text-align: center;
/*padding-top: 20vh;*/
/*padding-bottom: 20vh;*/
/*left: 50%;*/
/*top: 50%;*/
color: #fff;
/*transform: translateX(-50%) translateY(-50%);*/
z-index: 3;
}
.news__tabs{
background: #f6f4f1;
}
.news__tabs__controls{
text-align: center;
line-height: 1em;
background: #fff;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.35);
}
.news__tabs__controls__item{
position: relative;
display: inline-block;
font-family: 'OpenSansBold', sans-serif;
font-size: 1.250rem;
cursor: pointer;
overflow: hidden;
line-height: 1.5em;
margin-top: 3.7vh;
margin-bottom: 4.2vh;
margin-right: 16.6%;
}
.news__tabs__controls__item:last-child{
margin-right: 0;
}
.news__tabs__controls__item:after{
position: absolute;
content: '';
width: 100%;
height: 2px;
bottom: 0;
left: -100%;
background: #00335b;
transition: transform 0.5s ease!important;
}
.news__tabs__controls__item:hover:after,
.news__tabs__controls__item.active:after{
transform: translate3d(100%, 0, 0);
}
.news__tabs__content{
}
.news__tabs__content__item.active{
display: block;
}
#news .news__tabs__content__item .content-item{
height: 50%;
}
.news__tabs__content__item .content-item{
vertical-align: top;
height: 46.834vh;
/*padding-bottom: 6.5vh;*/
padding-bottom: 4.625rem;
padding-left: 1.563rem;
text-align: right;
vertical-align: top;
}
.news__tabs__content__item .content-item .block{
display: inline-block;
/*width: 94.8%;*/
width: 100%;
height: 100%;
text-align: center;
}
.news__tabs__content__item .direction-inner{
box-shadow: 0 2px 40px rgba(2, 2, 2, 0.36);
}
.news__tabs__content__item .direction-image{
overflow: hidden;
}
.news__tabs__content__item .direction-image .image{
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: transform .5s ease!important;
}
.news__tabs__content__item .content-container{
position: absolute;
top: 25%;
left: 0;
padding-left: 10%;
padding-right: 10%;
z-index: 2;
}
.news__tabs__content__item .content-container .date,
.news__tabs__content__item .content-container .description {
position: relative;
display: block;
z-index: 100;
}
.news__tabs__content__item .content-container .description {
padding-top: 1.6vh;
}
.news__tabs__content__item{
display: none;
padding-top: 3.7vh;
padding-left: 13%;
padding-right: 13%;
}
.news__tabs__content__item .content-item .block{
padding-bottom: 0;
}
.news__tabs__content__item .direction-inner:hover .direction-image .image {
filter: none;
transform: scale(1.3);
}
.news__tabs__content__item .content-container .date,
.news__tabs__content__item .content-container .description {
position: relative;
display: block;
z-index: 100;
}
.news__tabs__content__item .date{
text-align: left;
}
.news__tabs__content__item .date__day span{
margin-left: -0.313rem;
}
.news__tabs__content__item .description {
top: auto;
left: auto;
padding: 0;
padding-top: 11%;
opacity: 1;
color: #fff;
transform: none;
}
.news__tabs__content__item .direction-inner:hover .date__day span,
.news__tabs__content__item .direction-inner:hover .date__month span,
.news__tabs__content__item .direction-inner:hover .date__year span,
.news__tabs__content__item .direction-inner:hover .btn a,
.news__tabs__content__item .direction-inner:hover .description p {
color: #7dd3ff!important;
}
.news__tabs__content__item .direction_back{
opacity: 1!important;
}
.news__tabs__content__item .description p{
max-height: 8.750em;/*8.750em*/
overflow: hidden;
font-size: 1em;
}
.news__subscribe{
position: relative;
background: #fff;
text-align: center;
padding-top: 5vh;
padding-bottom: 5vh;
box-shadow: 0 -2px 20px 0 rgba(0,0,0,0.35);
}
.news__subscribe.stiky{
position: fixed;
}
.news__subscribe__btn{
background: #092143;
padding: 0;
}
.news__subscribe__btn:hover{
border-color: #092143;
}
.news__subscribe__label,
.news__subscribe__input,
.news__subscribe__btn{
display: inline-block;
vertical-align: top;
height: 40px;
margin-right: 1vh;
}
.news__subscribe__label{
font-size: 1.75rem;
font-family: 'OpenSansBold', sans-serif;
line-height: 1.429em;
}
.news__subscribe__input{
border: 1px solid #092143;
width: 18.2%;
padding: 1rem;
}
.news__subscribe__input:focus{
border: 1px solid #092143;
}
.news__btn-more{
padding-bottom: 4vh;
text-align: center;
cursor: pointer;
}
.news__btn-more.news__btn-more--none{
display: none;
}
.news__btn-more__text{
font-family: 'OpenSansBold', sans-serif;
}
.news__btn-more__image{
height: 20px;
}
.news__btn-more__text:before{
}
/*all-news end*/
/*news*/
#news-single
{
min-height:100vh;
height:auto!important;
}
#news-single-header{
height:auto!important;
}
.news-single{
background: #fff;
}
.news__description{
padding-top: 4.3vh;
}
.news__description__text{
text-align: center;
padding-bottom: 4.6vh;
border-bottom: 1px solid #a1a1a1;
}
.news__description__text__p{
font-family: 'LatoRegular', sans-serif;
font-size: 1rem;
line-height: 1.5em;
padding-left: 1rem;
padding-right: 1rem;
}
.news__description__date{
text-align: right;
padding-right: 1.875rem;
vertical-align: top;
}
.news__description__date__inner{
display: inline-block;
}
.news__description__date__inner__day,
.news__description__date__inner__part2{
display: inline-block;
}
.news__description__date__inner__day{
}
.news__description__date__inner__part2{
}
.news__description__date__inner__part2__month,
.news__description__date__inner__part2__year{
display: block;
}
.news__description__date__inner__day,
.news__description__date__inner__part2__month,
.news__description__date__inner__part2__year{
color: #092143!important;
}
.news__description__date__inner__part2__month{
}
.news__description__date__inner__part2__year{
}
.news__content{
padding-top: 3.3vh;
position:relative;
}
.news__content__inner{
width: 42%;
margin: auto;
overflow: hidden;
}
.news__content__inner__text{
font-size: 1rem;
line-height: 1.5em;
font-family: 'LatoRegular', sans-serif;
padding-bottom: 1.25rem;
}
.news__content__inner__text:last-child{
padding-bottom: 70px;
}
.news__content__inner__image{
display: block;
cursor: zoom-in;
/*margin: auto;*/
margin: 0;
padding-bottom: 1.25rem;
width: 100%;
max-height: 50vh;
object-fit:contain;
transition: all 0.5s ease;
}
.news__content__inner__video-wrap{
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 1.25rem;
}
.news__content__inner__video-wrap:last-child{
padding-bottom: 70px;
}
.news__content__inner__video{
width: auto;
height: auto;
max-height: 80vh;
max-width: 100%;
}
.news__content__inner__image:hover{
transform: scale(1.1);
}
.news__content__inner__image:last-child{
padding-bottom: 1.25rem;
}
.news__subscribe--custom{
box-shadow: none;
background: #f6f4f1;
}
.news__last-news{
text-align: center;
padding-top: 4.2vh;
padding-bottom: 7.4vh;
}
.news__last-news__inner{
width: 74%;
margin: auto;
}
.news__last-news .news__tabs__content__item{
display: block;
padding-left: 0;
padding-top: 0;
padding-right: 0;
}
.news__last-news__btn-all{
background: #092143;
}
.news__last-news__btn-all:hover{
border: 1px solid #092143;
}
/*news end*/
/*additional-map*/
#additional-map .map-content{
height: 100%;
}
#additional-map .sidebar{
height: 100%;
}
#additional-map .sidebar .container{
position: relative;
width: 100%;
height: 100%;
left: 0;
background: #fff;
}
#additional-map .main-content{
height: 100%;
vertical-align: top;
padding-top: 5.938rem;
padding-left: 3.438rem;
}
#additional-map .sidebar .description{
padding-top: 5.938rem;
width: 100%;
top: 0;
color: #00335b;
transform: none;
}
#additional-map .header{
margin-bottom: 3.2vh;
}
#additional-map .custom-select{
margin-bottom: 2.5vh;
/*margin-top: 1.5vh;*/
}
#additional-map .btn-controls{
margin-bottom: 3vh;
}
#additional-map .counters{}
#additional-map .btn-sidebar{
text-align: center;
}
#additional-map .btn-sidebar__item{
display: block;
margin: auto;
margin-bottom: 2.3vh;
width: 11.250rem;
padding-left: 0;
padding-right: 0;
}
#additional-map .btn-sidebar__item:last-of-type{
margin-bottom: 0;
}
#additional-map .sidebar__header{
padding-bottom: 1.875rem;
height: 5rem;
color: #00335b;
line-height: 1em;
}
#additional-map .header-block h3::before {
display: none;
}
#additional-map .counter .counter-number,
#additional-map .number-wrapper .number_text{
display: inline-block;
width: auto;
vertical-align: unset;
}
#additional-map .counter .counter-number{
max-width: 12.5rem;
overflow: hidden;
vertical-align: bottom;
}
#additional-map .select-items{
max-height: 75vh;
overflow-y: scroll;
border: 1px solid #00335b;
border-top: none;
}
#additional-map .counters{
text-align: left;
}
#additional-map .counter-wrapper{
display: inline-block;
width: 51%;
padding-bottom: 3vh;
text-align: left;
}
#additional-map .counter{
/*display: block;*/
display: inline-block;
vertical-align: top;
padding-bottom: 1rem;
}
#additional-map .counter:last-of-type{
padding-bottom: 0;
}
#additional-map .number-wrapper{
display: block;
white-space: nowrap;
}
.btn-controls__item{
width: 50%!important;
min-width: auto;
}
.btn-controls__item:last-of-type{
border: 1px solid #092143;
}
.map-tabs{
width: 95%;
margin: auto;
height: 100%;
color: #00335b;
overflow: hidden;
}
.map-tabs__controls{
height: 5rem;
padding-bottom: 1.875rem;
text-align: left;
}
.map-tabs__controls__item{
border: 1px solid #00335b;
color: #00335b;
}
.map-tabs__controls__item:first-of-type{
margin-right: 1.5rem;
}
.map-tabs__controls__item:hover{
background: #00335b;
border: 1px solid #00335b;
color: #fff;
}
.map-tabs__controls__item.active{
background: #00335b;
color: #fff;
}
.map-tabs__controls__item.active:hover{
background: #00335b;
border: 1px solid #00335b;
color: #fff;
}
.map-tabs__content{
position: relative;
height: calc(100% - 4.938rem);
}
.map-tabs__content__item{
position: absolute;
display: block;
height: 100%;
width: 100%;
opacity: 0;
visibility: hidden;
z-index: 10;
transition: 200ms ease-out;
}
.map-tabs__content__item.active{
visibility: visible;
opacity: 1;
z-index: 100;
}
.map-tabs__content__item__map{
height: 100%;
}
.custom-table__header__row__item--all{
cursor: pointer;
}
.counter--cities{}
.counter--locations{
}
.counter--displays{
}
.counter--attendance{
}
.custom-table__body__row__item--info{
font-size: 2rem;
transition: transform 0.3s ease;
}
.custom-table__body__row__item--info:hover{
transform: scale(1.5);
}
.custom-table__body__row:hover .custom-table__header__row__item--info{
color: #fff;
}
/*additional-map end*/
/*=========PAGES END=========*/
.subform-wrap{
}
.btn-blue
{
background:white;
color:#092143;
}
.btn-blue:hover
{
background: transparent;
border-color: #ffffff;
color: white;
}
.touchname
{
position: absolute;
padding-top: 0.625rem;
/* padding-bottom: 5.5%; */
padding-left: 5%;
padding-right: 5%;
font-family: 'OpenSansBold', sans-serif;
font-size: 1.75rem;
color: #fff;
text-transform: uppercase;
z-index: 100;
width: 100%;
bottom:0;
background: #ff7a7d;;
}
.touchname:hover
{
background:transparent;
color:transparent;
}
.counter.first
{
margin-left:0;
margin-bottom:2rem;
}
.counter.second
{
margin-left:0rem;
margin-bottom:2rem;
}
.counter.third
{
/*margin-left:1.8rem;*/
}
.counter.fourth
{
margin-left: 0em;
}
.counter.fourth > .counter-number
{
margin-left: 0em;
}
.img-responsive.project-img
{
position:absolute;
top:-2rem;
object-fit:cover;
}
.social.mobile ul>li>a
{
color: #ffffff;
opacity:1;
}
.mobile-document #social .social .mobile
{
opacity:1;
}
#counter1 > .counter
{
width:350px;
}
#popup-gallery
{
background:white;
}
#popup-gallery .lSSlideOuter .lSPager.lSGallery
{
background:white;
}
#popup-gallery .lSSlideOuter >.lSSlideWrapper> .lSAction>.lSNext{
background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://infovision.ua/wp-content/themes/first-theme/css/../img/arrow-right.png);
}
#popup-gallery .lSSlideOuter >.lSSlideWrapper> .lSAction>.lSPrev{
background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://infovision.ua/wp-content/themes/first-theme/css/../img/arrow-left.png);
}
#popup-gallery .popup-main__close
{
/*border-color: #082043;*/
z-index: 2
}
#popup-gallery .popup-main__close nav span
{
background-color: #082043;
z-index: 2
}
#direction1 .btn-wrapper
{
margin: auto;
margin-top: 2em;
width:59%;
}
#direction1 .btn-wrapper > .btn
{
min-width: 13.25rem;
}
.logo_page
{
position:absolute;
width:100%;
display:none;
}
.app-btn__link__icon
{
width: 80%;
}
.additional-hardware .item-wrapper .information .information-inner h3
{
font-size: 1.5em;
}
#equipment .item-wrapper .eq_name
{
height:10%;
}
#copyright
{
position: absolute;
bottom: 0.66rem;
font-family: 'LatoLight', sans-serif;
}
#copyrightdesk
{
position: absolute;
bottom: 20px;
font-family: 'LatoLight', sans-serif;
width: 100%;
text-align: left;
left: 3rem;
font-size: 1rem;
}
#btnMessageAdditional
{
color: #00335b;
border: 1px solid #0d3d63;
}
#btnMessageEquipment
{
color: #00335b;
border: 1px solid #0d3d63;
}
#additional-map .counter .number_text
{
font-family: 'OpenSansBold', sans-serif;
font-size: 1.3rem;
}
/*LAZY LOAD*/
.lazyload-bg
{
background-image: none!important;
}
#fountainG{
position: relative;
width: 228px;
height: 28px;
margin: auto;
top: 48%;
}
.fountainG{
position:absolute;
top:0;
background-color:rgba(255,51,0,0);
width:28px;
height:28px;
animation-name:bounce_fountainG;
-o-animation-name:bounce_fountainG;
-ms-animation-name:bounce_fountainG;
-webkit-animation-name:bounce_fountainG;
-moz-animation-name:bounce_fountainG;
animation-duration:1.89s;
-o-animation-duration:1.89s;
-ms-animation-duration:1.89s;
-webkit-animation-duration:1.89s;
-moz-animation-duration:1.89s;
animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-direction:normal;
-o-animation-direction:normal;
-ms-animation-direction:normal;
-webkit-animation-direction:normal;
-moz-animation-direction:normal;
transform:scale(.3);
-o-transform:scale(.3);
-ms-transform:scale(.3);
-webkit-transform:scale(.3);
-moz-transform:scale(.3);
border-radius:18px;
-o-border-radius:18px;
-ms-border-radius:18px;
-webkit-border-radius:18px;
-moz-border-radius:18px;
}
#fountainG_1{
left:0;
animation-delay:0.75s;
-o-animation-delay:0.75s;
-ms-animation-delay:0.75s;
-webkit-animation-delay:0.75s;
-moz-animation-delay:0.75s;
}
#fountainG_2{
left:28px;
animation-delay:0.94s;
-o-animation-delay:0.94s;
-ms-animation-delay:0.94s;
-webkit-animation-delay:0.94s;
-moz-animation-delay:0.94s;
}
#fountainG_3{
left:57px;
animation-delay:1.13s;
-o-animation-delay:1.13s;
-ms-animation-delay:1.13s;
-webkit-animation-delay:1.13s;
-moz-animation-delay:1.13s;
}
#fountainG_4{
left:85px;
animation-delay:1.32s;
-o-animation-delay:1.32s;
-ms-animation-delay:1.32s;
-webkit-animation-delay:1.32s;
-moz-animation-delay:1.32s;
}
#fountainG_5{
left:114px;
animation-delay:1.51s;
-o-animation-delay:1.51s;
-ms-animation-delay:1.51s;
-webkit-animation-delay:1.51s;
-moz-animation-delay:1.51s;
}
#fountainG_6{
left:142px;
animation-delay:1.7s;
-o-animation-delay:1.7s;
-ms-animation-delay:1.7s;
-webkit-animation-delay:1.7s;
-moz-animation-delay:1.7s;
}
#fountainG_7{
left:171px;
animation-delay:1.89s;
-o-animation-delay:1.89s;
-ms-animation-delay:1.89s;
-webkit-animation-delay:1.89s;
-moz-animation-delay:1.89s;
}
#fountainG_8{
left:199px;
animation-delay:2.07s;
-o-animation-delay:2.07s;
-ms-animation-delay:2.07s;
-webkit-animation-delay:2.07s;
-moz-animation-delay:2.07s;
}
@keyframes bounce_fountainG{
0%{
transform:scale(1);
background-color:#092143;
}
100%{
transform:scale(.3);
background-color:rgba(0,128,255,0);
}
}
#hello_preloader_next
{
position: fixed;
z-index: 99999;
background: white;
width: 100vw;
height: 100vh;
}
.mobile-document #projects .full-block
{
min-height:0!important;
justify-content: unset;
}
.mobile-document #projects .completed
{
flex-grow: 0;
}
.footer-information__item
{
padding-bottom: .5rem;
}
.footer-information div
{
margin-bottom: 3rem;
}
input[name=phone] {
font-family: 'LatoRegular', sans-serif;
}
.bottom-panel-contact
{
position: absolute;
width: 100vw;
height: 30vh;
background: #00335b;
bottom: 0;
z-index: 9999;
}
#footer .container
{
height: 70%;
background:transparent;
}
.bottom-panel-information
{
width: 25%;
height: 100%;
float: left;
padding: 2rem 1rem 0rem 3rem;
}
.bottom-panel-menu
{
width: 75%;
height: 100%;
float: left;
padding: 4rem 2rem 2rem 2rem;
}
.information-footer
{
list-style: none;
padding: 0;
margin: 0;
}
.information-footer li
{
font-size: 1rem;
margin-bottom: 1rem;
}
#menu-footer
{
list-style: none;
padding: 0;
margin: 0;
}
#menu-footer li
{
position: relative;
/* padding-bottom: 0.938rem; */
/* width: 100%; */
font-family: 'OpenSansBold', sans-serif;
font-size: 1.4rem;
line-height: 1em;
cursor: pointer;
/* overflow: visible; */
float: left;
/* color: white; */
/* padding: 0rem 0rem 5rem 0rem; */
width: 29%;
margin-right: 4%;
margin-bottom: 5rem
}
#menu-footer li a
{
line-height: 1;
display: inline-block;
color:#fff;
text-decoration:none;
cursor: pointer;
}
#menu-footer li a:after {
width: 0%;
background-color: #fff;
transition: width .3s ease-in-out;
position: absolute;
content: '';
display: block;
bottom: -12px;
left: 0;
height: 2px;
}
#menu-footer li a:hover:after,
#menu-footer li a:focus:after {
width: 100%;
}
.bottom-panel-contact-mobile .bottom-panel-information
{
width: 100%;
height: 100%;
float: unset;
text-align: center;
padding: 0;
margin-bottom:2rem;
}
.bottom-panel-contact-mobile .bottom-panel-menu
{
width: 100%;
height: 100%;
float: unset;
text-align: center;
padding: 0;
}
.bottom-panel-contact-mobile #menu-footer li
{
position: relative;
/* padding-bottom: 0.938rem; */
/* width: 100%; */
font-family: 'OpenSansBold', sans-serif;
font-size: .75rem;
line-height: 1em;
cursor: pointer;
/* overflow: visible; */
/* float: left; */
/* color: white; */
/* padding: 0rem 0rem 5rem 0rem; */
width: 100%;
/* margin-right: 4%; */
margin-bottom: 1.5rem;
}
.bottom-panel-contact-mobile #copyright
{
width: 100%;
text-align: center;
left: 0;
}
.bottom-panel-contact-mobile .information-footer li
{
margin-bottom: 1.5rem;
}
#bingc-phone-button
{
left:unset!important;
right:1%!important;
top:40%!important;
}
#post-404 .btn{
color:#072147;
border-color:#072147;
}
#post-404{
width: 100%;
height: 100vh;
background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://infovision.ua/wp-content/uploads/2020/08/404bg.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.block-404{
width:100%;
text-align:center;
position:absolute;
bottom:22vh;
}
#post-404 .bottom-panel-information{
width: 100%;
height: auto;
position: absolute;
bottom: 10vh;
text-align:center;
}
#post-404 .footer-information__item{
color:#072147;
font-family: 'LatoBold', sans-serif;
display: contents;
}
@media screen and (min-width: 1903px) {
#tablet
{
height: 100vh!important;
}
.direction-logo-wrapper
{
width: 70%!important;
}
#mobile .links-content__inner
{
top: 55%
}
#clients .description
{
/*font-size: 1em;*/
}
.sidebar .description__text-light
{
font-size: .87em!important;
}
}
@media screen and (max-width: 1800px) {
#company .counters .counters__inner{
width: 71%;
}
}
@media screen and (max-width: 1665px) {
.direction-logo-wrapper
{
width: 85%;
}
}
@media screen and (max-width: 1670px) {
#tablet .sidebar .description__text-light {
font-size: 0.86rem;
}
#tablet .sidebar .description__header-light--blue
{
font-size:1.2rem;
}
.direction-logo-wrapper
{
width: 85%;
}
.custom-carousel .custom-item .text
{
font-size:1em;
}
#menu-footer li
{
font-size: 1.1rem;
}
#tablet
{
height: 100vh!important;;
}
#counter1 > .counter
{
width:300px;
}
.sidebar .description__text-light
{
font-size: 0.81em;
}
.item-wrapper .information
{
top:80%;
}
}
@media screen and (max-width: 1820px) {
#direction1 .main-content{
padding-top: 5.875rem;/*7.375rem*/
}
.direction-logo .square{
width: 7.188rem;
height: 7.188rem;
}
.direction-logo{
min-height: 7.188rem;
}
.sidebar .container .description p{
padding-top: 2.5rem;
}
#direction1 .main-content .content-item{
padding-bottom: 4rem;
}
}
@media screen and (max-width: 1680px) {
#navigation-iframe .sidebar .container .description p
{
font-size: 0.86em
}
.logo{
left: 3rem;
}
.footer .sidebar .container .description{
padding-left: 3rem;
}
#mapUkraine .header-content{
padding-left: 3rem;
}
#projects .completed .owl-container .custom-nav button.owl-prev {
/* left: -3.750rem; */
left: -1.5rem;
}
#projects .completed .owl-container .custom-nav button.owl-next {
/* left: -3.750rem; */
right: -1.5rem;
}
.direction-logo .square{
width: 6.25rem;
height: 6.25rem;
}
.direction-logo{
min-height: 6.25rem;
}
#popout>span{
font-size: 18.6rem;
}
#menu-main li{
font-size: 1.5rem;
}
#menu-main li a span:not([class]){
font-size: 1.5rem;
left: -44.500rem;
}
#menu-main li:hover::before{
width: 46.375rem;
}
.btn-scroll span {
font-size: 0.8rem;
}
.h-wrapper{
font-size: 3rem;
}
.header-block h3 {
font-size: 1.5rem;
}
.popup-main__item__header__item{
font-size: 1.5rem;
}
.date .date__day{
font-size: 5.25rem;
}
.date .date__month{
font-size: 1.875rem;
}
.date .date__year{
font-size: 2.188rem;
}
/*sidebar*/
.sidebar .container .description{
padding: 3rem;
}
.sidebar .description__header-light {
font-size: 1.5rem;
}
/*sidebar end*/
/*information-inner --- description blocks*/
.item-wrapper .information .information-inner h3 {
font-size: 1.5rem;
}
/*information-inner --- description blocks*/
.direction-logo .text span{
font-size: 1.15rem;
}
.direction-inner .btn{
bottom: 2.500rem;
}
.direction-inner .description--light {
line-height: 1.5em;
}
.counter .counter-number{
font-size: 3.875rem;
line-height: 3.250rem;
}
.counter .span-text {
font-size: 1rem;
}
/*direction1*/
#direction1 .main-content{
padding-top: 5.750rem;/*6.250rem*/
}
/*direction1 end*/
.glitch-container span{
font-size: 10.5rem;
letter-spacing: 1px!important;
}
#projects .description {
padding-bottom: 6rem;
font-size: 1.12em;
}
#projects .completed .item{
margin: 0;
margin-left: 1.375rem;
margin-right: 1.375rem;
min-height: 17.188rem;
}
#projects.projects1 .completed .item
{
margin: 0;
margin-left: 1.375rem;
margin-right: 1.375rem;
min-height: 17.188rem;
}
#projects.projects1 .completed{
padding-top: 4%;
}
#projects.projects1 .owl-container {
padding-top: 0;
}
#projects.projects1 .outer-wrapper .container90 {
top: 0;
}
#projects.projects1 .item-wrapper .information .information-inner h3{
padding-top: 0.4rem;
}
#equipment .glitch-container span{
font-size: 6.8rem;
letter-spacing: -0.5rem!important;
}
#equipment .glitch-container.ad span{
font-size: 8.438rem;
letter-spacing: -0.438rem!important;
}
#tablet .sidebar .description,
#brands .sidebar .description{
padding-top: 6.350rem;
}
#projects .completed .owl-container .custom-nav button.owl-next img,
#projects .completed .owl-container .custom-nav button.owl-prev img,
#bussines .owl-navs-wr .owl-nav .owl-prev img,
#bussines .owl-navs-wr .owl-nav .owl-next img{
height: 49px;
width: auto;
}
#diffSlider .owl-navs-wr .owl-prev img,
#diffSlider .owl-navs-wr .owl-next img{
height: 49px;
width: auto;
}
.custom-carousel .custom-item.first,
.custom-carousel .custom-item.last{
background-size: auto 49px;
}
.logo-grid .img.isArrow,
.logo-grid .isArrow,
.logo-grid .isArrow .img{
background-size: auto 49px
}
#bussines .owl-prev,
#bussines .owl-next {
width: 60px;
height: 60px;
}
.footer-tabs__item__p{
font-size: 1.625rem;
}
#additional-map .sidebar__header{
height: 4.5rem;
}
#additional-map .counter .counter-number{
max-width: 10.7rem;
font-size: 3.750rem;
line-height: 1em;
}
#additional-map .counters{
margin-bottom: 2vh;
}
#additional-map .btn-controls{
margin-bottom: 7vh;
}
#additional-map .counter-wrapper{
padding-bottom: 1vh;
}
.map-tabs__controls{
height: 4.5rem;
}
.custom-table__footer__row__item__btn{
width: auto!important;
}
.custom-table__footer__row__item__text{
font-size: 1.5rem;
}
.custom-table__header__row__item,
.custom-table__footer__row__item,
.custom-table__body__row__item {
padding: 0.3rem;
}
.custom-table__footer__row__item__btn {
font-size: 0.8rem;
}
.custom-table__body__row__item--info {
font-size: 1.5rem;
}
.news__header-block__bg__header{
font-size: 2.813rem;
}
.news__tabs__content__item .description p {
font-size: 1.012rem;
}
.wrapper-counter .counter-content .text_upper .number{
font-size: 5.5rem;
}
.wrapper-counter .counter-content .text_upper span,
.wrapper-counter .counter-content .text_lower span {
font-size: 1.563rem;
}
.wrapper-counter .counter-content .text_upper:after {
width: 70%;
}
.wrapper-fourth {
padding-top: 0px;
}
#mapUkraine .content-sidebar .header-sidebar:first-of-type {
margin-top: 5rem;
}
}
@media screen and (max-width: 1600px) and (max-height: 900px) {
}
@media screen and (max-width: 1536px) {
}
@media screen and (max-width: 1440px) {
#navigation-iframe .empty{
width:25%;
}
#navigation-iframe .tablet-border{
width:49%;
}
#navigation-iframe .btn-wrapper{
width: 74%;
}
#navigation-iframe .btn-wrapper .btn{
min-width: 14rem;
}
#tablet .sidebar .description__header-light--blue{
font-size: 1.2rem;
}
.sidebar .description__text-light{
font-size: 0.78em;
}
#direction1 .btn-wrapper{
width: 82%;
}
#direction1 .main-content .content-item{
padding-bottom: 6.125rem;
}
#company .counters .counters__inner{
right: -8%;
top: 13%;
width: 78%;
}
.custom-carousel .custom-item{
height: 21vh;
}
.sidebar .description__text-light{
line-height: 1.5em;
}
.item-wrapper .information{
top: 81%;
left: -1px;
width: 101%;
}
#menu-footer li{
font-size: 1rem;
}
#tablet .empty{
width: 25%;
}
#tablet .tablet-border{
width: 50%;
}
#projects .description {
padding-bottom: 0rem;
}
#projects .container90 .owl-container {
padding-left: 0;
padding-right: 0;
}
.direction-logo .square {
width: 5.625rem;
height: 5.625rem;
}
.direction-logo{
min-height: 5.625rem;
}
#direction1 .main-content {
padding-top: 4.250rem;/*5.750rem*/
}
#popout>span{
font-size: 16rem;
}
#menu-main li{
font-size: 1.2rem;
}
#menu-main li a span:not([class]){
font-size: 1.3rem;
left: -36.500rem;
}
#menu-main li:hover::before{
width: 38.375rem;
}
.btn{
min-width: 12rem;
}
.h-wrapper{
font-size: 2.5rem;
}
.date .date__day{
font-size: 4.4rem;
}
.date .date__month{
font-size: 1.7rem;
}
.date .date__year{
font-size: 1.8rem;
}
.direction-logo .text span {
font-size: 1.05rem;
}
.direction-logo .text span:first-child::after{
bottom: -2px;
}
.direction-logo .text span:first-child::after{
width: 8rem;
}
#direction1 .direction-logo {
width: 13rem;
}
#direction1 .direction-inner .btn{
bottom: 1.5rem;
}
.item-wrapper .information .information-inner h3 {
font-size: 1.15rem;
}
.direction-inner .description--light {
font-size: 0.875rem;
}
.news__tabs__content__item .description p {
font-size: 0.875rem;
}
#news .sidebar .btn{
width: 9rem;
}
.counter .counter-number {
font-size: 3.3rem;
line-height: 3rem;
}
.counter .span-text {
font-size: 0.875rem;
}
.footer-tabs__item__p {
font-size: 1.5rem;
}
#mapUkraine .content-sidebar .btn{
min-width: 10rem;
}
#tablet .sidebar .btn-wrapper .btn,
#exclusive .sidebar .btn-wrapper .btn,
#brands .sidebar .btn-wrapper .btn {
min-width: 14rem;
margin-top: 1rem;
}
#tablet .sidebar .container .description,
#exclusive .sidebar .container .description,
#brands .sidebar .container .description{
padding-top: 6.35rem;
}
#projects .completed .owl-container .custom-nav button.owl-next img,
#projects .completed .owl-container .custom-nav button.owl-prev img,
#bussines .owl-navs-wr .owl-nav .owl-prev img,
#bussines .owl-navs-wr .owl-nav .owl-next img{
height: 39px;
width: auto;
}
#diffSlider .owl-navs-wr .owl-prev img,
#diffSlider .owl-navs-wr .owl-next img{
height: 39px;
width: auto;
}
.custom-carousel .custom-item.first,
.custom-carousel .custom-item.last{
background-size: auto 39px;
}
.logo-grid .img.isArrow,
.logo-grid .isArrow,
.logo-grid .isArrow .img{
background-size: auto 39px;
}
#bussines .owl-prev,
#bussines .owl-next {
width: 50px;
height: 50px;
}
#projects .completed .item{
margin-left: 1rem;
margin-right: 1rem;
min-height: 14rem;
}
#projects .completed-carousel .owl-item{
max-height: 250px;
}
.wrapper-counter .counter-content .text_upper .number{
font-size: 4rem;
}
.wrapper-counter .counter-content .text_upper span,
.wrapper-counter .counter-content .text_lower span {
font-size: 1.3rem;
}
.wrapper-counter .counter-content .text_upper:after {
width: 70%;
}
#mapUkraine .content-sidebar .header-sidebar{
height: 3rem;
}
#additional-map .sidebar .description{
padding-right: 2.5rem;
padding-left: 2.5rem;
}
.custom-carousel .custom-item .text{
font-size: 0.7rem;
}
}
@media screen and (max-width: 1366px) {
.footer-information
{
left: 2rem;
}
#mapUkraine .header-content
{
top: 11%!important;
}
#mapU
{
top: 31%!important;
}
#mapUkraine .content-sidebar .header-sidebar:first-of-type
{
margin-top: 3rem;
}
#additional-map .btn-controls
{
margin-bottom:3vh;
}
#tablet .sidebar .description__header-light--blue
{
font-size: 1rem;
}
#tablet .sidebar .description__text-light
{
font-size: 0.75rem;
}
#tablet .sidebar .btn-wrapper .btn
{
font-size:0.68rem;
}
#tablet .sidebar .btn-wrapper .btn, #exclusive .sidebar .btn-wrapper .btn, #brands .sidebar .btn-wrapper .btn{
font-size: .68rem;
}
#brands .sidebar .btn-wrapper .btn
{
min-width: 12rem;
font-size: .68rem;
}
.standard-display .main-content .btn
{
font-size: .68rem;
}
#equipment .item-wrapper .btn-wrapper .btn
{
min-width: 11rem;
padding: 1em;
font-size: 0.625rem;
}
#projects .completed .project-nav
{
height:34%;
}
.direction-logo .text span:first-child::after
{
bottom: -2px;
}
.mobile-document .lSSlideOuter .lSPager.lSpg>li.active a{
background-color: #0c4c7d!important;
}
.custom-table__body
{
width:105%;
}
.custom-table__body__row
{
width:95%;
}
#projects.projects1 .item-wrapper .information .information-inner h3
{
padding-top: 0.7rem;
}
.btn-scroll{
width: 5rem;
height: 6rem;
}
.arrow-down{
height: 3rem;
}
.direction-logo .square{
width: 5rem;
height: 5rem;
}
.direction-logo .text{
left: 1.5rem;
}
.direction-logo{
min-height: 5rem;
}
.direction-logo .text span:first-child::after{
width: 6rem;
}
.direction-inner:hover .direction-logo-wrapper{
transform: translateY(10%);
}
.sidebar .container .description p{
padding-top: 0;
}
.wrapper-counter .counter-content .text_upper .number
{
font-size:3rem;
}
#navigation-iframe .btn-wrapper .btn
{
font-size: 0.6em;
min-width: 12rem;
margin-top: 2rem;
}
#navigation-iframe .btn-wrapper{
width: 72%;
}
.arrow-down-wrapper{
bottom: 25px;
}
#popout>span {
font-size: 15rem;
}
#menu-main li a span:not([class]){
font-size: 1rem;
bottom: 1rem;
left: -33.500rem;
bottom: 0.8rem;
}
#menu-main li:hover::before{
width: 35.375rem;
}
#menu-main li:last-child:hover .number{
top: calc(50% - 0.5em);
}
#menu-main li:before{
bottom: 0.5rem;
}
.select-items div,
.select-selected{
padding: 0.3rem 1rem;
font-size: 0.875rem;
}
.checkmark{
height: 1.3rem;
width: 1.3rem;
}
.custom-checkbox .checkmark:after{
left: 7px;
top: 1px;
border-width: 0 2px 2px 0;
}
#menu-main li{
font-size: 1.2rem;
}
.logo{
left: 2rem;
}
.footer .sidebar .container .description{
padding-left: 2rem;
}
.btn{
padding: 1em;
}
.h-wrapper{
font-size: 2rem;
}
.header-block h3{
font-size: 1.2rem;
}
.footer-tabs__item__p{
font-size: 1.3rem;
}
.footer-information__item{
font-size: 0.7rem;
}
#menu-footer li
{
position: relative;
/* padding-bottom: 0.938rem; */
/* width: 100%; */
font-family: 'OpenSansBold', sans-serif;
font-size: .8rem;
line-height: 1em;
cursor: pointer;
/* overflow: visible; */
float: left;
/* color: white; */
/* padding: 0rem 0rem 5rem 0rem; */
width: 29%;
margin-right: 4%;
margin-bottom: 2rem;
}
.footer-popup .news-wrapper{
height: 40vh;
}
.date .date__day{
font-size: 3.7rem;
}
.date .date__month{
font-size: 1.375rem;
}
.date .date__year{
font-size: 1.563rem;
}
.sidebar .container .description{
padding: 2rem;
padding-top:4rem;
}
.sidebar .description__text-light{
line-height: 1.8em;
font-size: 0.75rem;
}
.sidebar .description__header-light{
font-size: 1rem;
}
.direction-logo .text span{
font-size: .9rem
}
#counter1 > .counter
{
width: 24vw
}
#direction1 .main-content{
padding-top: 4rem
}
#news .main-content{
padding-top: 4rem;/*4rem*/
}
#direction1 .main-content .content-item{
padding-bottom: 3.3rem;
padding-left: 2rem;
}
#direction1 .btn-wrapper > .btn
{
font-size: .68rem;
min-width: 12rem;
}
#projects .completed .container90
{
width: calc(100% - 8rem);
}
#direction1 .btn-wrapper
{
width: 72%;
margin-top:1em;
}
#direction1 .direction-inner .btn{
bottom: 1rem;
min-width: 170px;
font-size: .68rem;
}
#direction1 .direction-inner .description{
padding-top: 0;
}
#grid1{
margin-top: 5vh;
}
.grid-blocks .col{
height: 60vh;
}
.news__tabs__content__item .content-container{
top: 20%;
}
.custom-carousel .custom-item{
height: 25vh
}
.footer-tabs__item{
margin-bottom: 2rem;
}
#projects .completed .item{
min-height: 12rem;
}
#projects.projects1 .completed{
padding-top: 8vh;
}
#projects.projects1 .description{
padding-bottom: 3vh;
font-size: .9rem;
}
#projects.projects1 .completed .item{
min-height: 14.188rem
}
#projects.projects1 .completed .owl-container{
padding-top: 3vh;
}
#projects .completed .owl-container .custom-nav button.owl-next{
right: -2.750rem;
}
#projects .completed .owl-container .custom-nav button.owl-prev{
left: -2.750rem;
}
.item-wrapper .information{
top: 83%
}
#copyrightdesk
{
position: absolute;
bottom: 10px;
font-family: 'LatoLight', sans-serif;
width: 100%;
text-align: center;
font-size: .6rem;
}
.counter .counter-number{
font-size: 2.7rem;
}
.popup-main__item__header__item{
font-size: 1.3rem;
}
#mapUkraine .counter .number-wrapper .span-text{
font-size: 1.5rem;
}
#mapU{
width: 63%;
}
#mapUkraine .content-sidebar .btn:nth-of-type(1){
margin-top: 6%;
}
#mapUkraine .content-sidebar .btn{
width: 9rem;
margin-top: 6%;
margin-right: 5%;
}
#mapUkraine .content-sidebar .counter-wrapper{
padding-top: 6%;
}
#mapUkraine .content-sidebar{
padding-left: 1rem;
}
#tablet .sidebar .container .description,
#exclusive .sidebar .container .description,
#brands .sidebar .container .description{
padding-top: 5rem;
}
#tablet .sidebar .description__header-light:first-of-type,
#exclusive .sidebar .description__header-light:first-of-type,
#brands .sidebar .description__header-light:first-of-type{
padding-top: 3vh;
}
#tablet .sidebar .btn-wrapper,
#exclusive .sidebar .btn-wrapper,
#brands .sidebar .btn-wrapper{
padding-top: 0;
}
#diffSlider .header .header-wrapper{
padding-left: 11.5%;
padding-bottom: 0.5rem;
}
#equipment .item-wrapper .information,
#additional .item-wrapper .information{
}
#navigation-projects .container-projects__item{
height: 37vh;
}
#bussines .owl-prev,
#bussines .owl-next {
width: 45px;
height: 45px;
}
#bussines .owl-navs-wr .owl-nav .owl-prev{
left: 20px;
}
#bussines .owl-navs-wr .owl-nav .owl-next{
right: 20px;
}
.bussines-carousel .item-wrapper__content__h{
font-size: 1.3rem;
}
#additional-map .main-content,
#additional-map .sidebar .description{
padding-top: 4.3rem;
}
#additional-map .sidebar .description{
padding-right: 3.8rem;
padding-left: 1rem;
}
#additional-map .counter .counter-number{
font-size: 2.75rem;
max-width: 9.5rem;
}
#additional-map .sidebar__header{
height: 3.5rem;
font-size: 1.45rem;
}
#additional-map .counter .counter-number{
font-size: 2rem;
}
#additional-map .counters{
margin-bottom: 0;
}
#additional-map .counter-wrapper{
padding-bottom: 0.5vh;
}
.custom-table__header__row__item__text,
.custom-table__footer__row__item__text{
font-size: 0.75rem;
max-width: 6rem;
}
.custom-table__header__row__item__checkbox{
right: 5px;
}
.custom-table__footer__row__item__btn{
font-size: 0.7rem;
padding: 1em;
min-width: 7rem;
}
.custom-table__footer__row__item__text{
font-size: 1.2rem;
}
.custom-table__body__row__item{
padding: 0.2em;
}
.custom-table__body__row__item--info {
font-size: 1.3rem;
}
.custom-table__header__row__item__checkbox{
width: 1.3rem;
height: 1.3rem;
}
.custom-table__header__row__item,
.custom-table__footer__row__item, .custom-table__body__row__item{
padding: 0.2rem;
}
.custom-carousel .custom-item .text{
font-size: 0.7rem;
}
#additional-map .select-items{
max-height: 71vh;
}
#additional-map .btn-controls .btn{
min-width: auto;
}
.map-tabs__controls{
height: 3.5rem;
}
.img-responsive.project-img
{
object-fit:contain;
top: -1rem;
}
#projects .completed {
padding-top: 10vh;
height: 100vh;
padding-bottom: 0
}
#projects .project-main
{
height: 63vh;
padding-bottom: 5.5vh;
}
.additional-hardware .item-wrapper .information .information-inner h3
{
font-size: 1.1em;
}
.news__tabs__content__item .content-item{
padding-bottom: 2.688rem;
}
#projects .rewards .content
{
padding-top: 0%
}
/*--850--*/
.mobile-document .owl-carousel .owl-stage,
.mobile-document .owl-carousel.owl-drag .owl-item{
-ms-touch-action: auto;
touch-action: auto;
}
.mobile-document #social,
.mobile-document .main-information{
opacity: 1;
}
.mobile-document #social.opacity100,
.mobile-document .main-information.opacity100{
opacity: 1;
transition: opacity 1s ease!important;
}
.mobile-document #equipment .item-wrapper:hover .information,
.mobile-document #additional .item-wrapper:hover .information{
top: 89%;
}
.mobile-document #equipment .item-wrapper .information::after,
.mobile-document #additional .item-wrapper .information::after{
position: absolute;
content: '';
top: 14px;
right: 7px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: transparent transparent #fff transparent;
}
.mobile-document #equipment .item-wrapper.hover .information::after,
.mobile-document #additional .item-wrapper.hover .information::after{
top: 21px;
border-color: #fff transparent transparent transparent;
}
.mobile-document textarea,
.mobile-document input[type="text"],
.mobile-document input[type="email"],
.mobile-document input[type="number"],
.mobile-document input[type="tel"],
.mobile-document input[type="button"],
.mobile-document input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
.mobile-document #popout{
overflow: hidden;
height: calc(100% + 200px);
top: calc(-100% - 200px);
}
.mobile-document #popout.padding-bottom200{
padding-bottom: 200px;
}
.mobile-document .popup-main{
z-index: 20000;
background: #fff;
}
.mobile-document .popup-main__close nav
{
background: #ffffff!important;
}
.lSSlideOuter .lSPager.lSpg>li a
{
background: #ffffff;
}
.popup-main__close nav span
{
background-color: #0c4c7d!important;
}
.mobile-document .popup-main .logo{
position: absolute;
top: 0.938rem;
left: 0.938rem;
}
.lSSlideOuter .lSPager.lSpg>li a
{
border: 1px solid #0c4c7d;
}
.mobile-document .header-menu{
position: fixed;
width: 100%;
padding: 0.938rem;
padding-bottom: 0.5rem;
z-index: 20000;
background-color: rgba(0, 51, 91, 0.9);
}
.mobile-document .header-menu.dark{
background-color: transparent;
}
.mobile-document .logo{
position: relative;
display: inline-block;
width: auto;
top: 0;
left: 0;
line-height: 1em;
height: auto;
}
.mobile-document #toggle{
position: relative;
top: 0;
right: auto;
}
.mobile-document .nav{
position: absolute;
}
.mobile-document .container50 {
width: 80%;
}
.mobile-document #begin .btn-scroll{
position: absolute;
}
.mobile-document .container-back .main-content .content{
position: relative;
}
.mobile-document .btn-scroll{
position: relative;
}
/*-----------mobile-----------*/
.mobile-document #begin {
height: 100vh;
min-height: 1000px;
}
.mobile-document #toggle{
width: 20%;
}
.mobile-document .header-block {
padding-left: 7.5rem;
}
.mobile-document .full-block{
min-height: 1024px;
}
.mobile-document #menu-main {
width: 35%;
left: 50%;
}
.mobile-document #tablet .sidebar .container .description,
.mobile-document #exclusive .sidebar .container .description,
.mobile-document #brands .sidebar .container .description{
padding: 1rem;
}
.mobile-document .sidebar .container {
display: flex;
transform: none!important;
left: 0;
flex-direction: column;
justify-content: center;
}
.mobile-document .sidebar .container .description {
position: relative;
padding: 2rem;
top: 0;
transform: none;
text-align: center;
}
.mobile-document .sidebar .description__header-light {
font-size: 1.5rem;
padding-bottom: 0.5rem;
}
.mobile-document .sidebar .description__text-light {
font-family: 'LatoLight';
font-size: 0.875rem;
line-height: 1.5em;
text-align: left;
padding-top: 0;
}
.mobile-document #equipment .item-wrapper .btn-wrapper,
.mobile-document #additional .item-wrapper .btn-wrapper {
width: 100%;
position: absolute;
display: flex;
flex-direction: column;
align-items: center;
bottom: 0;
left: 0;
}
.mobile-document #equipment .item-wrapper .btn-wrapper .btn,
.mobile-document #additional .item-wrapper .btn-wrapper .btn{
display: inline-block;
position: relative;
bottom: 0;
left: 0;
transform: none;
width: 11rem;
margin-bottom: 0.625rem;
}
.mobile-document #popout .main-information {
font-size: 0.825rem;
}
.mobile-document #direction1 .full-block {
height: auto;
}
.mobile-document #direction1 .container-image{
display: flex;
flex-grow: 2;
height: auto;
width: 100%;
vertical-align: top;
flex-direction: column;
}
.mobile-document #direction1 .sidebar {
height: auto;
width: 100%;
position: relative;
top: 0;
left: 0;
}
.mobile-document #direction1 .sidebar .container {
position: relative;
background: #00335b;
padding: 3rem;
overflow: visible;
}
.mobile-document #direction1 .sidebar .description {
padding: 0;
overflow-y: visible;
width: 100%;
height: 100%;
}
.mobile-document #clients .container50 .content {
padding: 3.5rem 1rem 1rem;
width: 100%;
height: auto;
}
.mobile-document .clients__owl-container {
width: 100%;
height: 79%;
margin: auto;
}
.mobile-document #clients .logo-grid .row {
width: calc(100%/3);
}
.mobile-document #clients .logo-grid .row:first-child,
.mobile-document #clients .logo-grid .row:last-child {
width: calc(100%/3);
}
.mobile-document #clients .clients-carousel::before,
.mobile-document #clients .clients-carousel::after {
position: absolute;
content: '';
height: 1px;
background: #dfdfdf;
width: 100%;
left: 50%;
transform: translateX(-50%);
}
.mobile-document #clients .clients-carousel::before {
top: calc(100%/3);
}
.mobile-document #clients .clients-carousel::after {
top: calc(2*100%/3);
}
.mobile-document .clients-carousel {
position: relative;
height: 85%;
width: 100%;
border-top: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
}
.mobile-document .clients-carousel .owl-stage-outer {
position: relative;
height: 100%;
}
.mobile-document .clients-carousel .owl-stage {
height: 100%;
}
.mobile-document .clients-carousel .owl-item {
height: 100%;
}
.mobile-document .clients-carousel__item {
height: 100%;
width: 100%;
}
.mobile-document .clients-carousel__item__item-wrapper {
height: 100%;
width: 100%;
}
.mobile-document .clients-carousel__item__item-wrapper__a {
display: inline-block;
height: calc(100%/3);
padding: 0.5rem;
}
.mobile-document .clients-carousel__item__item-wrapper__a__img-blue {
display: inline-block;
width: 100%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.mobile-document #owl-dot1 {
text-align: center;
padding-top: 1.375rem;
}
.mobile-document #owl-dot1 .owl-dot.active {
background: #0c4c7d;
}
.mobile-document .owl-navs-wr{
display: none;
}
.mobile-document #owl-dot1 .owl-dot {
display: inline-block;
padding: 0;
border: 1px solid #0c4c7d;
background:#fff;
opacity: 1;
width: 0.75rem;
height: 0.75rem;
text-decoration: none;
outline: none;
border-radius: 50%;
margin-right: 0.5rem;
}
.mobile-document #owl-dot1 .owl-dot:last-child{
margin-right: 0;
}
.mobile-document #direction1 .full-block{
display: flex;
flex-direction: column;
}
.mobile-document #direction1 .main-content .content-item {
width: calc(100%/3);
height: 16.875rem;
padding: 1rem;
padding-top: 0;
}
.mobile-document #direction1 .main-content{
width: 100%;
padding: 1rem;
padding-top: 3rem;
flex-grow: 2;
display: flex;
flex-direction: column;
justify-content: center;
}
.mobile-document #company .dark-background{
position: absolute;
}
.mobile-document #company .dark-background .content{
position: relative;
}
.mobile-document .wrapper-counter .box-container{
width: 11.250rem;
height: 11.250rem;
}
.mobile-document #company .container66 {
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 80%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.mobile-document #company .wrapper-first{
padding-top: 5rem;
order: 0;
}
.mobile-document #company .wrapper-second{
order: 1;
}
.mobile-document #company .wrapper-third{
order: 2;
height: auto!important;
}
.mobile-document #company .wrapper-fourth{
order: 3;
}
.mobile-document #company .wrapper-fourth .header-block{
padding-bottom: 4rem;
}
.mobile-document #company .header-block{
padding-left: 0;
padding-top: 0;
vertical-align: top;
}
.mobile-document .rewards .item-wrapper:hover img {
filter: none;
}
.mobile-document .rewards .owl-container .r33 .img-container{
padding: 10px;
}
.mobile-document .rewards .owl-container .r33 .img-container img{
border: 1px solid #dadada;
}
.mobile-document .rewards .rewards__item__wrapper__row__text{
display: inline-block;
width: 100%;
text-align: center;
}
.mobile-document #news .owl-container{
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.mobile-document #news .clients-carousel{
height: 40%;
border: none;
}
.mobile-document #news .news__tabs__content__item .content-item{
padding-bottom: 0;
min-height: 300px;
}
.mobile-document #news .news__tabs__content__item .content-container {
top: 50%;
transform: translateY(-50%);
}
.mobile-document #footer .owl-container{
display: flex;
flex-direction: column;
height: 100%;
}
.mobile-document .mobile-footer-popup{
position: fixed;
z-index: 20000;
overflow: visible;
}
.mobile-document .mobile-footer-popup .owl-container{
height: 100%;
}
.mobile-document .footer .sidebar .footer-tabs__item p{
overflow: hidden;
padding-top: 1rem;
}
.mobile-document .footer-popup .footer-popup__item.target{
display: -webkit-flex;
display: flex;
overflow: visible;
flex-direction: column;
justify-content: center;
padding: 1rem 1rem 0rem;
}
.mobile-document .footer-popup .all-news-wrapper{
padding-top: 0;
}
.mobile-document #footer .content-item .block {
padding: 10px;
width: 100%!important;
}
.mobile-document #footer .sidebar .container .description{
text-align: left;
}
.mobile-document .footer .direction-inner {
box-shadow: none;
}
.mobile-document #footer .clients-carousel{
border: none;
}
.mobile-document .footer-popup .news-wrapper {
height: 50%;
}
.mobile-document .footer-popup .owl-item .news-wrapper {
height: 100%;
}
.footer .content-container{
top: 50%;
transform: translateY(-50%);
}
.mobile-document #exclusive .full-block {
position: relative;
height: 100%;
}
.mobile-document #exclusive .container-image {
position: absolute;
height: 100%;
width: 100%;
}
.mobile-document #diffSlider .owl-carousel .item-wrapper{
display: flex;
justify-content: center;
}
.mobile-document #diffSlider .clients-carousel{
border: none;
}
.mobile-document #bussinesSlider{
position: absolute;
z-index: 1000;
height: 100%;
top: 0;
width: 75%;
right: 0;
}
.mobile-document #bussinesSlider .container-image{
background: #c2c2c2;
height: 100%;
}
.mobile-document #bussinesSlider .container-back{
height: 100%;
}
.mobile-document #bussinesSlider .main-content{
width: 100%;
}
.mobile-document #bussinesSlider .main-content .content{
height: 100%;
}
.mobile-document #bussinesSlider .owl-container{
height: 100%;
}
.mobile-document #bussinesSlider .bussines-carousel {
overflow: hidden;
width: 100%;
height: 100%;
}
.mobile-document #bussinesSlider .owl-dots {
position: absolute;
bottom: 0;
left: 50%;
z-index: 1;
padding-bottom: 2rem;
transform: translateX(-50%);
}
.mobile-document #bussinesSlider .bussines-carousel .item-wrapper__content {
position: absolute;
width: 100%;
top: 50%;
transform: translateY(-50%);
text-align: center;
}
.mobile-document #mapUkraine{
position: relative;
height: 100vh;
}
.mobile-document #mapUkraine .full-block{
/*height: auto;*/
height: 100%;
}
.mobile-document #mapUkraine .container-image {
position: absolute;
height: 100%;
}
.mobile-document #mapUkraine .counters.main{
display: flex;
justify-content: space-between;
}
.mobile-document #mapUkraine .counter{
width: auto;
}
.mobile-document #diffSlider .content {
height: 700px;
width: calc(100% - 3rem);
margin: auto;
}
.mobile-document #diffSlider .btn-container{
padding-top: 1rem;
}
.mobile-document #diffSlider .btn-container .btn{
position: relative;
}
.mobile-document #diffSlider .owl-carousel {
height: calc(100% - 50px);
}
.mobile-document .sidebar .description__header-light{
display: inline-block;
}
/*==========================*/
.mobile-document .search-wrapper{
width: 30%;
}
.mobile-document #additional-map .sidebar {
width: 100%;
}
.mobile-document #additional-map .main-content {
padding: 4rem 3.5rem 2rem;
width: 100%;
}
.mobile-document .map-tabs__controls{
display: flex;
justify-content: flex-start;
height: auto;
padding-bottom: 0.5rem;
}
.mobile-document .map-tabs__controls__item:first-of-type{
}
.mobile-document .map-tabs__controls__item{
position: relative;
min-width: 30%;
height: 40px;
vertical-align: top;
margin-right: 1rem;
}
.mobile-document .map-tabs__controls__item span{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.mobile-document .map-tabs__controls__item--search{
min-width: 40px;
}
.mobile-document .map-tabs__controls__item--search span{
font-size: 1.5rem;
}
.mobile-document .map-tabs__content {
height: calc(100% - 2.5rem);
}
.mobile-document .custom-table__header,
.mobile-document .custom-table__footer {
width: 100%;
}
.mobile-document .custom-table__header__row__item__checkbox{
left: 15px;
}
.mobile-document .custom-table__body__row{
transition: unset;
}
.mobile-document .custom-table__body__row__item--info:hover {
transform: none;
}
.mobile-document .custom-table__body__row__item__img--attendance{
height: 20px;
}
.mobile-document .custom-table__body__row__item__img--displays{
height: 25px;
}
.mobile-document .custom-table__body__row__item{
position: relative;
padding: 0;
}
.mobile-document #additional-map .sidebar {
position: relative;
height: 100%;
}
.mobile-document #additional-map .sidebar .description{
padding: 0;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.mobile-document #additional-map .counters {
margin-bottom: 0;
font-size: 0;
}
.mobile-document #additional-map .counter-wrapper{
display: inline-block;
width: 50%;
padding-bottom: 2rem;
text-align: center;
}
.mobile-document #additional-map .btn-sidebar {
position: relative;
text-align: center;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.mobile-document #additional-map .btn-sidebar__item:last-of-type {
margin-bottom: 1rem;
}
.mobile-document #additional-map .btn-sidebar__item{
margin-bottom: 3%;
width: 13rem;
}
.mobile-document #additional-map .select-items {
max-height: 77vh;
}
.mobile-document #additional-map .counter .counter-number{
font-size: 5.5rem;
max-width: 15rem;
}
.mobile-document #additional-map .counter .span-text{
display: inline-block;
font-size: 1.3rem;
}
.mobile-document #additional-map .before_text{
vertical-align: bottom;
}
.mobile-document #additional-map .after_text{
vertical-align: top;
}
.mobile-document .select-items div, .mobile-document .select-selected{
text-align: left;
font-size: 1rem;
}
.mobile-document .custom-table__footer__row{
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: center;
padding: 0.5rem;
}
.mobile-document .custom-table__footer__row__item:first-child{
display: flex;
width: 25%;
align-items: center;
justify-content: center;
}
.mobile-document .custom-table__footer__row__item--attendance,
.mobile-document .custom-table__footer__row__item--displays{
position: relative;
text-align: left;
width: 25%;
display: flex;
align-items: center;
}
.mobile-document .custom-table__footer__row__item--attendance{
padding-left: 30px;
}
.mobile-document .custom-table__footer__row__item--displays{
padding-left: 20px;
}
.mobile-document .custom-table__footer__row__item__text{
font-size: 1.3rem;
}
.mobile-document .custom-table__body__row__item--info {
font-size: 1.4rem;
}
.mobile-document .custom-table__header__row__item__text,
.mobile-document .custom-table__footer__row__item__text{
max-width: unset;
font-size: 1rem;
}
.mobile-document .custom-table__header__row__item{
padding: 0.875rem;
}
.mobile-document .main-row{
display: flex;
flex-flow: row wrap;
width: 80%;
font-size: 0;
margin: auto;
text-align: left;
padding: 0.625rem 0;
}
.mobile-document .main-row__item{
display: inline-block;
text-align: left;
white-space: nowrap;
}
.mobile-document .main-row__item--city{
width: 100%;
}
.mobile-document .main-row__item--city span{
font-size: 1rem;
line-height: 1em;
}
.mobile-document .main-row__item--location{
width: 100%;
}
.mobile-document .main-row__item--location span{
font-size: 1.3rem;
white-space: nowrap;
}
.mobile-document .main-row__item--displays{
width: 40%;
padding-left: 20px;
margin-left: 1.6rem;
}
.mobile-document .main-row__item--attendance{
width: 50%;
padding-left: 30px;
}
.mobile-document .custom-table__header__row__item--checkbox,
.mobile-document .custom-table__body__row__item--info{
position: relative;
width: 50px;
}
.mobile-document .custom-table__body__row__item--info span{
font-size: 1.5rem;
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
}
.mobile-document .custom-table__body__row__item__checkbox{
position: absolute;
top: 50%;
left: 15px;
height: 20px;
margin: 0;
transform: translateY(-50%);
}
.mobile-document .main-row__item__img,
.mobile-document .main-row__item__span{
display: inline-block;
vertical-align: bottom;
}
.mobile-document .main-row__item__img{
position: absolute;
left: 0;
top: 50%;
padding-right: 0;
transform: translateY(-50%);
}
.mobile-document .main-row__item__span{
font-size: 1rem;
line-height: 1em;
}
.mobile-document #projects{
height: auto;
}
.mobile-document #projects .full-block{
height: auto;
}
.mobile-document .grid-blocks .col{
height: 700px;
padding-bottom: 1rem;
}
.mobile-document .direction-inner:hover .direction-image{
overflow: hidden;
}
.mobile-document .direction-inner:active .direction-logo-wrapper,
.mobile-document .direction-inner:hover .direction-logo-wrapper{
}
.mobile-document .item-wrapper:active .information,
.mobile-document .item-wrapper:hover .information {
top: 0;
}
.mobile-document .direction-inner:active .direction_back2,
.mobile-document .direction-inner:hover .direction_back2{
opacity: 1;
}
.mobile-document .direction-inner:active .direction-image .image,
.mobile-document .direction-inner:hover .direction-image .image{
filter: none;
}
.mobile-document .direction-inner:active .description,
.mobile-document .direction-inner:hover .description{
opacity: 1;
}
.mobile-document .direction-inner:hover .direction-logo-wrapper,
.mobile-document .direction-inner.hover .direction-logo-wrapper{
top: 0;
transform: translateY(20%);
}
.mobile-document .direction-inner:hover .direction_back,
.mobile-document .direction-inner.hover .direction_back{
opacity: 0;
}
.mobile-document .direction-inner:hover .direction_back2,
.mobile-document .direction-inner.hover .direction_back2{
opacity: 0.8;
}
.mobile-document .direction-inner:hover .square,
.mobile-document .direction-inner.hover .square{
background-color: transparent!important;
}
.mobile-document .direction-inner:hover .description,
.mobile-document .direction-inner.hover .description{
opacity: 1;
}
.mobile-document .direction-inner:hover .direction-image,
.mobile-document .direction-inner.hover .direction-image{
overflow: hidden;
}
.mobile-document .direction-inner:hover .direction-image .image,
.mobile-document .direction-inner.hover .direction-image .image{
filter: blur(10px);
}
.mobile-document .footer .direction-inner:hover .direction_back ,
.mobile-document .footer .direction-inner.hover .direction_back {
opacity: 1;
}
.mobile-document .footer .direction-inner:hover .date__day span,
.mobile-document .footer .direction-inner:hover .date__month span,
.mobile-document .footer .direction-inner:hover .date__year span,
.mobile-document .footer .direction-inner:hover .btn a,
.mobile-document .footer .direction-inner:hover .description p,
.mobile-document .footer .direction-inner.hover .date__day span,
.mobile-document .footer .direction-inner.hover .date__month span,
.mobile-document .footer .direction-inner.hover .date__year span,
.mobile-document .footer .direction-inner.hover .btn a,
.mobile-document .footer .direction-inner.hover .description p{
color: #7dd3ff!important;
}
.mobile-document .footer .direction-inner:hover .direction-image .image,
.mobile-document .footer .direction-inner.hover .direction-image .image{
filter: none;
transform: scale(1.3);
}
.mobile-document .footer .direction-inner:hover .direction_back ,
.mobile-document .footer .direction-inner.hover .direction_back {
opacity: 1;
}
.mobile-document .news__tabs__content__item .direction-inner:hover .direction-image .image ,
.mobile-document .news__tabs__content__item .direction-inner.hover .direction-image .image {
filter: none;
transform: scale(1.3);
}
.mobile-document .news__tabs__content__item .direction-inner:hover .date__day span,
.mobile-document .news__tabs__content__item .direction-inner:hover .date__month span,
.mobile-document .news__tabs__content__item .direction-inner:hover .date__year span,
.mobile-document .news__tabs__content__item .direction-inner:hover .btn a,
.mobile-document .news__tabs__content__item .direction-inner:hover .description p ,
.mobile-document .news__tabs__content__item .direction-inner.hover .date__day span,
.mobile-document .news__tabs__content__item .direction-inner.hover .date__month span,
.mobile-document .news__tabs__content__item .direction-inner.hover .date__year span,
.mobile-document .news__tabs__content__item .direction-inner.hover .btn a,
.mobile-document .news__tabs__content__item .direction-inner.hover .description p {
color: #7dd3ff!important;
}
/*.mobile-document #equipment .item-wrapper:hover .information,*/
/*.mobile-document #additional .item-wrapper:hover .information,*/
.mobile-document #equipment .item-wrapper.hover .information,
.mobile-document #additional .item-wrapper.hover .information{
top: 0;
}
.mobile-document #equipment .item-wrapper:hover .img,
.mobile-document #additional .item-wrapper:hover .img,
.mobile-document #equipment .item-wrapper.hover .img,
.mobile-document #additional .item-wrapper.hover .img{
filter: blur(10px);
}
.mobile-document .footer {
height: auto;
}
.mobile-document .footer .full-block {
position: relative;
height: auto;
min-height: unset;
}
.mobile-document .footer .container-back{
height: auto;
}
.mobile-document .footer .footer-content {
position: relative;
height: auto;
}
.mobile-document .footer .sidebar {
position: relative;
width: 100%;
height: auto;
}
.mobile-document .footer .sidebar .container {
position: relative;
transform: none!important;
left: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
background: #00335b!important;
padding: 1rem;
}
.mobile-document .footer .main-content {
position: fixed;
width: 100%;
right: 0;
top: 100%;
-webkit-transition: transform 1s ease;
-moz-transition: transform 1s ease;
-o-transition: transform 1s ease;
-ms-transition: transform 1s ease;
transition: transform 1s ease;
}
.mobile-document .footer .sidebar .container .description{
display: inline-block;
width: auto;
text-align: left;
padding: 0;
padding-bottom: 1rem;
position: relative;
top: 0;
left: 0;
transform: none;
}
.mobile-document .footer-information{
position: relative;
padding-bottom: 0;
left: 0;
text-align: center;
transform: none;
}
.mobile-document .footer-tabs__item{
white-space: nowrap;
text-align: center;
}
.mobile-document #projects .completed{
min-height: 40vh;
flex-grow: 1;
}
.mobile-document #projects .container90{
max-height: 250px;
}
.mobile-document #projects .rewards{
min-height: 40vh;
flex-grow: 1;
}
.mobile-document #projects .full-block{
display: flex;
flex-direction: column;
justify-content: center;
}
.mobile-document #news .clients-carousel .owl-item{
display: flex;
flex-direction: column;
justify-content: center;
}
.mobile-document #news .main-content{
padding-right: 1.563rem;
}
.mobile-document #mapUkraine .header-content .header-wrapper{
padding-left: 0;
}
.mobile-document #mapUkraine .header-content{
padding: 0 1rem;
}
.mobile-document #mapU{
width: 100%;
padding: 0 1rem;
}
.mobile-document #mapUkraine .content-sidebar .header-sidebar:first-of-type{
margin-top: 0;
}
.mobile-document #mapUkraine .content-sidebar .btn:nth-of-type(1){
margin-top: 20%
}
.mobile-documnet #mapUkraine .content-sidebar .counter-wrapper{
padding-top: 15%;
}
.mobile-document #tablet .sidebar .description__text-light:first-of-type,
.mobile-document #exclusive .sidebar .description__text-light:first-of-type,
.mobile-document #brands .sidebar .description__text-light:first-of-type{
padding-top: 1rem;
}
.mobile-document #programmatic .container-back{
overflow: hidden;
}
.mobile-document .direction-logo .text{
left: 20px;
}
.mobile-document .news__content__inner{
width: 100%;
padding: 0 3.5rem;
}
.mobile-document #all-news{
background: #f6f4f1;
}
.mobile-document .news__subscribe{
transition: position 0.7s ease!important;
}
/*-----------mobile-end-----------*/
#navigation-iframe .sidebar .container .description p{
font-size: 0.75rem;
}
.news__content__inner__text{
font-size: .9rem;
}
.footer-form{
top: 36%;
}
}
@media screen and (max-width: 1280px){
.footer-tabs__item{
margin-bottom: 2rem;
}
.news__tabs__content__item .content-item{
padding-bottom: 6.688rem;
}
#company .counters .counters__inner{
width: 77%;
}
#counter1 > .counter{
width: 25vw;
}
.h-wrapper{
font-size: 1.8rem;
}
.sidebar .description__header-light {
font-size: 1.2rem;
}
#tablet .sidebar .container .description,
#exclusive .sidebar .container .description,
#brands .sidebar .container .description {
padding-top: 4.5rem;
}
#tablet .sidebar .description__header-light:first-of-type,
#exclusive .sidebar .description__header-light:first-of-type,
#brands .sidebar .description__header-light:first-of-type {
padding-top: 2vh;
}
#tablet .sidebar .description__text-light,
#exclusive .sidebar .description__text-light,
#brands .sidebar .description__text-light {
padding-top: 2vh;
}
#tablet .sidebar .btn-wrapper .btn,
#exclusive .sidebar .btn-wrapper .btn,
#brands .sidebar .btn-wrapper .btn {
min-width: 12.5rem;
margin-top: 0.6rem;
font-size: 0.75rem;
}
#projects.projects1 .completed .item{
min-height: 12.188rem;
}
.standard-display .main-content .btn{
font-size: 0.75rem;
}
.footer-popup .news-wrapper {
height: 38vh;
}
.item-wrapper .information{
top: 80%;
}
#direction1 .main-content .content-item{
padding-bottom: 5.668rem;
}
#navigation-iframe .sidebar .container .description p{
font-size: 0.75rem;
}
#projects .description{
font-size: 1rem;
}
#projects .completed-carousel .owl-item {
max-height: 230px;
}
#equipment .container50{
width: 70%;
}
#equipment .grid-blocks .col {
height: 70vh;
}
.mobile-document .footer .sidebar .footer-tabs__item p {
padding-top: calc(2rem - 20px);
}
.mobile-document .footer-tabs__item__p{
font-size: 1.2rem;
}
.mobile-dociment .footer-information__item{
font-size: 0.775rem;
}
}
@media screen and (max-width: 1166px){
#mapUkraine .content-sidebar .header-sidebar:first-of-type {
margin-top: 3rem;
}
.sidebar .description__text-light {
line-height: 1.45em;
}
.wrapper-counter .counter-content .text_upper .number {
font-size: 3.5rem;
}
}
@media screen and (max-width: 1024px){
.description footer-tabs{
padding: 0;
}
.footer-tabs__item {
margin-bottom: 0rem;
}
#menu-main li{
font-size: 1.2rem;
}
#menu-main li a span:not([class]){
font-size: 1.2rem;
left: -24.500rem;
}
#menu-main li:hover::before{
width: 26.375rem;
}
.h-wrapper {
font-size: 1.6rem;
}
.direction-logo .text span {
font-size: 0.875rem;
}
.sidebar .description__text-light{
font-size: 0.75rem;
}
.direction-logo .text span:first-child::after {
width: 6rem;
}
.btn{
font-size: 0.625rem;
}
#projects .completed-carousel .owl-item{
max-height: 200px;
}
.mobile-document .grid-blocks .col{
width: 50%;
}
.mobile-document .full-block {
min-height: 768px;
}
.mobile-document .news__tabs__content__item .content-item{
height: 350px;
}
.mobile-document .news__tabs__content__item{
padding-left: 3.5rem;
padding-right: 3.5rem;
}
.mobile-document #diffSlider .content{
height: 500px;
}
.mobile-document #diffSlider .owl-container{
display: flex;
flex-direction: column;
justify-content: center;
}
}
@media screen and (max-width: 850px){
.news__description .r29
{
width:0px;
}
#interactivity > .full-block > .container-image
{
background: #162e56!important;
}
#innovation > .full-block > .container-image
{
background: #162e56!important;
}
#navigation-main > .full-block > .container-image
{
background: #162e56!important;
}
#programmatic > .full-block > .container-image
{
background: #162e56!important;
}
.mobile-document #programmatic .container-back .main-content .btn
{
width: 13.5rem;
}
.img-responsive.project-img
{
position:absolute;
top: -3rem;
object-fit: contain;
}
#begin {
height: 100vh;
min-height: 1000px;
}
.mobile-document #news .full-block{
height: auto;
}
#toggle{
width: 20%;
}
.full-block{
min-height: 1000px;
}
#menu-main {
width: 35%;
left: 50%;
}
.sidebar{
width: 100%;
}
.sidebar .container {
position: relative;
background: transparent;
transform: none!important;
left: 0;
margin: 0;
}
.sidebar .container .description {
position: relative;
padding: 3rem 1rem 1rem;
top: 0;
transform: none;
text-align: center;
}
.sidebar .description__header-light {
font-size: 1.5rem;
padding-bottom: 0.5rem;
}
.sidebar .description__text-light {
font-family: 'LatoRegular';
font-size: 0.875rem;
line-height: 1.5em;
text-align: center;
padding-top: 0;
}
.mobile-document #popout .main-information {
font-size: 0.825rem;
}
#direction1 .full-block {
height: auto;
}
#direction1 .sidebar {
height: auto;
}
#direction1 .sidebar .container {
background: #00335b;
padding: 2.5rem 1rem 1rem;
overflow: visible;
}
#direction1 .sidebar .description {
padding: 0;
overflow-y: visible;
width: 100%;
height: 100%;
}
#clients .container50 {
width: 100%;
}
#clients .container50 .content {
padding-top: 2.5rem;
width: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
.mobile-document .clients__owl-container {
width: calc(100% - 2em);
height: 79%;
margin: auto;
}
.mobile-document #clients .logo-grid .row {
width: calc(100% - 2rem);
}
.mobile-document #clients .logo-grid .row:first-child,
.mobile-document #clients .logo-grid .row:last-child {
width: 1rem;
}
.mobile-document #clients .clients-carousel::before,
.mobile-document #clients .clients-carousel::after {
position: absolute;
content: '';
height: 1px;
background: #dfdfdf;
width: 100%;
left: 50%;
transform: translateX(-50%);
}
.mobile-document #clients .clients-carousel::before {
top: calc(100%/3);
}
.mobile-document #clients .clients-carousel::after {
top: calc(2*100%/3);
}
.mobile-document .clients-carousel {
position: relative;
height: 85%;
width: 100%;
border-top: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
}
.mobile-document .clients-carousel .owl-stage-outer {
position: relative;
height: 100%;
}
.mobile-document .clients-carousel .owl-stage {
height: 100%;
}
.mobile-document .clients-carousel .owl-item {
height: 100%;
}
.mobile-document .clients-carousel__item {
height: 100%;
width: 100%;
}
.mobile-document .clients-carousel__item__item-wrapper {
height: 100%;
width: 100%;
}
.mobile-document .clients-carousel__item__item-wrapper__a {
display: inline-block;
height: calc(100%/3);
padding: 0.6rem;
}
.mobile-document .clients-carousel__item__item-wrapper__a__img-blue {
display: inline-block;
width: 100%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.mobile-document #owl-dot1 {
text-align: center;
padding-top: 1.375rem;
max-width: 500px;
margin: auto;
}
.mobile-document #owl-dot1 .owl-dot.active {
background:#0c4c7d;
}
.mobile-document #owl-dot1 .owl-dot {
display: inline-block;
padding: 0;
border: 1px solid #0c4c7d;
background:#fff;
opacity: 1;
width: 0.75rem;
height: 0.75rem;
text-decoration: none;
outline: none;
border-radius: 50%;
margin-right: 0.5rem;
}
.mobile-document #owl-dot1 .owl-dot:last-child{
margin-right: 0;
}
.mobile-document #bussinesSlider{
position: relative;
height: auto;
width: 100%;
}
.mobile-document #mobile .container-back{
position: relative;
}
.mobile-document #mapUkraine .container-image {
position: relative;
height: 100%;
}
.mobile-document #projects .rewards .content {
padding-top: 3rem;
}
.mobile-document .news__content__inner__text:last-child ,
.mobile-document .news__content__inner__image:last-child ,
.mobile-document .news__content__inner__video:last-child {
padding-bottom: 20px;
}
.mobile-document #popout .main-information .main-information__item {
-webkit-tap-highlight-color: rgba(0,0,0,0);
font-size:1.6em;
}
}
@media screen and (max-width: 812px){
.mobile-document #news-single .date .date__day{
padding-right: 5px!important;
}
.bottom-panel-contact-mobile #copyright{
text-align: center;
}
#bingc-phone-button
{
left:unset!important;
right:1%!important;
top:77%!important;
}
.footer .sidebar .footer-tabs__item p
{
color: #f47b34;
}
#projects .item-wrapper:hover img{
filter: blur(5px)!important;
}
#projects .item-wrapper:hover .information{
top: 100%!important;
}
.mobile-document .footer-form{
position: unset;
/* font-family: 'LatoRegular', sans-serif; */
transform: none;
width: 100%;
max-width: 100%;
font-size: 100%;
font-family: 'LatoRegular', sans-serif;
font-weight: normal;
}
.mobile-document .popup-main__equipment
{
display: flex!important;
flex-direction: column;
justify-content: center;
}
#additional-map .custom-select{
margin-top: 1.5vh;
}
#additional-map .counter .number_text
{
font-size:1.3rem!important;
}
#additional-map .counter .counter-number
{
line-height: 1.1em;
}
.mobile-document #innovation .container-back .main-content .btn
{
margin-bottom: 2.5em;
}
.mobile-document #interactivity .main-content .content .btn:last-child
{
margin-bottom: 2.5rem;
}
#equipment .item-wrapper .eq_name
{
height:7%;
}
#equipment .item-wrapper .information,
#additional .item-wrapper .information
{
top:91%;
}
.lSSlideOuter .lSPager.lSpg
{
margin-top: -1em!important;
}
.mobile-document .gallery-wrapper{
top: 10px;
width: calc(100% - 2rem);
height: calc(100% - 3.5rem);
transform: translateX(-50%);
}
.mobile-document #owl-dot1 .owl-dot .active
{
background:#0c4c7d;
}
.mobile-document #owl-dot1 .owl-dot {
display: inline-block;
padding: 0;
border: 1px solid #0c4c7d;
background:#fff;
opacity: 1;
width: 0.75rem;
height: 0.75rem;
text-decoration: none;
outline: none;
border-radius: 50%;
margin-right: 0.5rem;
}
.mobile-document #additional-map .main-content{
padding-right: 0rem;
padding-left: 0rem;
}
.mobile-document #mapUkraine .counters.main{
padding-top:0;
}
#company .span-text
{
text-align:center;
}
.mobile-document .footer .sidebar .footer-tabs__item p
{
font-size: 1em;
}
.image-center-y
{
}
.mobile-document #interactivity .main-content .content .btn,
.mobile-document #tablet .container-back .main-content .btn,
.mobile-document #exclusive .container-back .main-content .btn,
.mobile-document #navigation-main .container-back .main-content .btn,
.mobile-document #innovation .container-back .main-content .btn,
.mobile-document #programmatic .container-back .main-content .btn,
.mobile-document #bussines .container-back .main-content .btn{
font-size: .68rem;
min-width: 12rem;
}
#direction1 .direction-inner .btn
{
bottom: 2rem;
}
#direction1 .direction-logo .text span:first-child::after
{
bottom: -2.5px;
}
.direction-logo .text span:first-child::after
{
bottom: -0.5px;
}
.scalegallery > li > img
{
transform: scale(2.5);
position: relative;
left: 0px;
top: 25%;
}
.scalegallery
{
height: 87vh!important;
}
#company .counter.first > .counter-number, #company .counter.third > .counter-number
{
padding-left:0px;
text-align:center;
}
#company .counter.second > .counter-number, #company .counter.fourth > .counter-number
{
padding-left:0px;
text-align:center;
}
#news .description__text-light
{
text-align:center;
}
.mobile-document .footer {
height: auto;
}
.mobile-document .table-container{
height: auto;/*84vh;*/
}
.mobile-document .custom-table__body{
min-height: 70%;
/*-webkit-overflow-scrolling: touch;*/
}
.mobile-document .custom-table{
height: calc(100% - 1.5rem);
}
.mobile-document #gmap-additional{
height: 100%!important;
}
.mobile-document .footer .main-content.target {
}
.mobile-document .social ul>li>a {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.mobile-document .full-block{
height: 100vh;
min-height: 812px;
}
.mobile-document .footer .full-block{
position: relative;
height: auto;
min-height: unset;
}
.mobile-document .footer .footer-content{
position: relative;
height: auto;
}
.mobile-document .footer .container-back{
height: auto;
}
.mobile-document #programmatic .full-block{
/*height: 100vh;*/
}
.mobile-document #exclusive .full-block {
/*height: 100vh;*/
}
.mobile-document #additional-map .full-block{
height: 100vh;
}
.mobile-document #additional-map.standard-display .main-content .btn{
margin-right: 0;
}
.mobile-document #additional-map.standard-display .main-content .btn-sidebar__item{
margin-right: auto;
margin-top: 2rem;
width: 14rem;
}
.mobile-document #direction1 .full-block {
height: auto;
}
.mobile-document #projects .full-block {
}
.mobile-document #begin{
height: 100vh;
min-height: 533px;
}
.mobile-document #company .full-block {
height: 100vh;
}
.mobile-document #innovation .container-back .main-content{
flex-grow: 2;
}
.mobile-document .btn{
font-size: 0.875rem;
min-width: 11rem;
transition: none!important;
}
.mobile-document .h-wrapper{
font-size: 1.6rem;
}
.mobile-document .logo{
height: 24px;
}
.mobile-document .logo img{
width: 7.25rem;
}
.mobile-document .arrow-down{
height: 2.5rem;
}
.mobile-document .arrow-down-wrapper {
width: 2rem;
top: 0;
}
.mobile-document .p-latoregular{
font-size: 0.875rem;
line-height: 1.5em;
}
.mobile-document .popup-main__close{
top: 0.938rem;
right: 0.938rem;
width: 26px;
height: 26px;
}
.mobile-document .popup-main__close nav{
width: 24px;
height: 24px;
background: #0c4c7d;
}
.mobile-document .popup-main__close nav span{
width: 1.5rem;
}
.mobile-document .popup-main__contact{
display: flex!important;
flex-direction: column;
justify-content: center;
}
.mobile-document .popup-main__additional{
display: flex!important;
flex-direction: column;
justify-content: center;
}
.mobile-document #begin .btn-scroll{
position: absolute;
}
.mobile-document #toggle{
position: absolute;
height: 100%;
top: 0;
right: 0;
padding-top: 0.938rem;
padding-right: 0.938rem;
width: 50%;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.mobile-document .header-block{
padding-left: 4rem;
}
.mobile-document .header-block h3{
font-size: 1.3rem;
}
.mobile-document .header-block h3::before{
width: 3.5rem;
}
.mobile-document #mobile .btn-scroll{
position: absolute;
}
.mobile-document #tablet .sidebar .btn-wrapper .btn,
.mobile-document #exclusive .sidebar .btn-wrapper .btn,
.mobile-document #brands .sidebar .btn-wrapper .btn{
display: block;
width: 9rem;
margin: auto;;
margin-top: 0.6rem;
}
#navigation-main > .full-block{
}
.mobile-document .standard-display .full-block{
height: 100vh;
}
.mobile-document #interactivity .container-back,
.mobile-document #tablet .container-back,
.mobile-document #exclusive .container-back,
.mobile-document #navigation-main .container-back,
.mobile-document #innovation .container-back,
.mobile-document #programmatic .container-back,
.mobile-document #bussines .container-back{
display: flex;
flex-direction: column;
justify-content: space-between;
}
.mobile-document #interactivity .sidebar {
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: center;
}
.mobile-document #navigation-main .sidebar {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.mobile-document #navigation-main .main-content {
flex-grow: 2;
}
.mobile-document #interactivity .main-content {
flex-grow: 2;
}
.mobile-document #bussines .container-back {
justify-content: space-between;
}
.mobile-document #interactivity .container-back .main-content,
.mobile-document #tablet .container-back .main-content,
.mobile-document #exclusive .container-back .main-content,
.mobile-document #navigation-main .container-back .main-content,
.mobile-document #innovation .container-back .main-content,
.mobile-document #programmatic .container-back .main-content,
.mobile-document #bussines .container-back .main-content{
height: auto;
width: 100%;
padding-bottom: 0;
}
.mobile-document #interactivity .container-back .main-content .content,
.mobile-document #tablet .container-back .main-content .content,
.mobile-document #exclusive .container-back .main-content .content,
.mobile-document #navigation-main .container-back .main-content .content,
.mobile-document #innovation .container-back .main-content .content,
.mobile-document #programmatic .container-back .main-content .content,
.mobile-document #bussines .container-back .main-content .content{
position: relative;
top: 0;
left: 0;
transform: none;
}
.mobile-document #interactivity .main-content .content .btn,
.mobile-document #tablet .container-back .main-content .btn,
.mobile-document #exclusive .container-back .main-content .btn,
.mobile-document #navigation-main .container-back .main-content .btn,
.mobile-document #innovation .container-back .main-content .btn,
.mobile-document #programmatic .container-back .main-content .btn,
.mobile-document #bussines .container-back .main-content .btn{
display: block;
width: 10rem;
margin: auto;
margin-right: auto;
margin-bottom: 1rem;
}
.mobile-document #exclusive .sidebar {
padding-top: 3.5rem;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.mobile-document #innovation .sidebar {
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: center;
}
.mobile-document #exclusive .container-back .main-content{
display: inline-block;
flex-grow: 2;
}
.mobile-document #toggle .text{
width: calc(100% - 24px);
height: 0.938rem;
padding-right: 0.625rem;
}
.mobile-document #toggle .text .text-container{
position: relative;
top: 0!important;
right: 0;
font-size: 0.875rem;
}
.mobile-document #toggle .text .text1,
.mobile-document #toggle .text .text2{
line-height: 1em;
vertical-align: top;
}
.mobile-document #toggle .btn-menu{
width: 24px;
margin: 0;
}
.mobile-document #toggle nav{
width: 24px;
height: 24px;
}
.mobile-document #toggle nav span{
margin: 0 auto 3px;
}
.mobile-document #toggle nav.active span {
width: 1.188rem;
}
.mobile-document #toggle nav.active span{
margin: 0;
width: 22px;
}
.mobile-document #toggle nav span:nth-of-type(3){
margin: 0 auto;
}
.mobile-document #toggle nav.active span:first-of-type {
-webkit-transform: rotate(45deg) translate3d(1px,1px,0px);
transform: rotate(45deg) translate3d(1px,1px,0px);
}
.mobile-document #toggle nav.active span:nth-of-type(3) {
-webkit-transform: rotate(-45deg) translate3d(1,-1px,0px);
transform: rotate(-45deg) translate3d(1,-1px,0px);
}
.mobile-document .nav{
top: 3rem;
right: 1rem;
font-size: 0.875rem;
}
.mobile-document .social{
}
.mobile-document .social ul{
display: inline-block;
}
.mobile-document .social ul>li{
display: inline-block;
padding-bottom: 0;
padding-right: 1.875rem;
}
.mobile-document .social ul>li:last-child{
padding-right: 0;
}
.mobile-document .glitch-text{
display: none;
}
.mobile-document .main-menu-wrapper{
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: normal;
padding-top: 15vh;
}
.mobile-document #menu-main.active {
opacity: 1;
transition: opacity 1.5s ease 0.9s !important;
}
.mobile-document #popout>span {
display: none;
}
.mobile-document #popout{
padding-top: 0;
display: flex!important;
flex-flow: column;
justify-content: space-between;
}
.mobile-document #popout .main-information {
position: relative;
font-size: 0.875rem;
top: 0;
left: 0;
transform: none;
}
.mobile-document .popup-main__item {
overflow-y: scroll;
}
.mobile-document .social {
position: relative;
display: inline-block;
width: 100%;
right: auto;
bottom: auto;
text-align: center;
padding-top: 0.5rem;
padding-bottom: 1.5rem;
}
.mobile-document #menu-main{
padding-left: 0.938rem;
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
height: 80%;
padding-top: 0;
position: relative;
top: 0;
left: 0;
transform: none;
overflow-y: scroll;
}
.mobile-document #menu-main li{
font-size: 1.2rem;
}
.mobile-document #menu-main li{
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.mobile-document #menu-main li::selection,
.mobile-document #menu-main li::-moz-selection{
background: transparent;
}
.mobile-document #menu-main li:before{
display: none;
}
.mobile-document #menu-main li .number{
top: 50%;
font-size: 1rem;
transform: translateY(-50%);
}
.mobile-document #menu-main li:hover .number {
left: 0;
}
.mobile-document #menu-main li a{
position: relative;
padding-left: 1.5rem;
width: auto;
}
.mobile-document #menu-main li a span:not([class]) {
display: none;
}
.mobile-document .btn-scroll{
position: relative;
width: 3rem;
height: 4rem;
padding-top: 0.5rem;
}
.mobile-document .btn-scroll span {
top: 50%;
font-size: 0.6rem;
}
.mobile-document .popup-main__item{
padding: 1rem 1rem 0rem;
}
.mobile-document .popup-main__item__wrapper{
position: relative;
top: 0;
left: 0;
max-width: 100%;
transform: none;
}
.mobile-document .popup-main__item__header__item{
font-size: 1.3rem;
}
.mobile-document .popup-main__item__form__label{
font-size: 0.86em;
}
.mobile-document .popup-main__item__form__item{
font-size: 1em;
}
.mobile-document .popup-main__video__item{
height: 100%;
width: 100%;
}
.mobile-document .sidebar{
position: relative;
width: 100%;
height: auto;
}
#interactivity .sidebar .container .description{
position: relative;
padding: 3rem 1rem 0rem;
top: 0;
transform: none;
text-align: center;
/*margin-bottom:1em;*/
}
.mobile-document .sidebar .container .description{
position: relative;
padding: 3rem 1rem 2rem;
top: 0;
transform: none;
text-align: center;
}
.mobile-document .sidebar .container .description .direction-logo{
position: relative;
display: inline-block;
text-align: left;
margin-bottom: 2rem;
width: 80%;
}
.mobile-document .sidebar .container .description .description__text-light{
text-align: center;
padding-top: 0;
font-size: 0.9em;
}
.mobile-document .sidebar .description__text-light{
font-family: 'LatoRegular';
font-size: 0.875rem;
line-height: 1.5em;
}
.mobile-document .sidebar .description__header-light{
font-size: 1.5rem;
padding-bottom: 0.5rem;
}
.mobile-document .direction-inner .description--light {
font-size: 0.875rem;
}
.mobile-document .direction-logo{
min-height: 5rem;
}
.mobile-document .direction-logo .text span {
font-size: 1rem;
}
.mobile-document .direction-logo .square{
width: 5rem;
height: 5rem;
}
.mobile-document .item-wrapper .information{
top: 80%;
}
.mobile-document .item-wrapper .information .information-inner h3{
font-size: 1.3rem;
padding-top: 0.625rem;
}
.mobile-document #direction1 .full-block{
}
.mobile-document #direction1 .sidebar{
height: auto;
}
.mobile-document #direction1 .sidebar .container{
background: #00335b;
padding: 1.5rem 1rem 2.5rem;
overflow: visible;
}
.mobile-document #direction1 .sidebar .description {
padding: 0;
overflow-y: visible;
width: 100%;
height: 100%;
}
.mobile-document #news .sidebar .description h2
{
margin-left: .5rem;
}
.mobile-document #company .wrapper-fourth h3
{
margin-left: .5rem;
}
.mobile-document #direction1 .sidebar .description__header-light{
padding-bottom:0;
margin-right: .5rem;
}
.mobile-document #direction1 .direction-inner .description{
padding-top: 1rem;
}
.mobile-document #direction1 .main-content{
width: 100%;
padding: 0;
height: auto;
}
.mobile-document #direction1 .main-content .wrapper-row{
padding-top: 1rem;
width: 100%;
height: auto;
}
.mobile-document #direction1 .main-content .content-item{
width: 50%;
height: 16.875rem;
padding: 1rem;
padding-top: 0;
}
.mobile-document #direction1 .main-content .content-item:first-child{
padding-top: 0;
}
.mobile-document #direction1 .content-item .block{
height: 100%;
width: 100%;
padding: 0;
}
.mobile-document #interactivity .main-content{
width: 100%;
height: 32vh;
}
.mobile-document #interactivity .main-content .content{
position: relative;
display: inline-block;
top: 0;
left: 0;
width: 15rem;
transform: none;
}
.mobile-document #interactivity .main-content .content .h-wrapper{
display: none;
}
.mobile-document #clients .description{
display: none;
}
.mobile-document #company .r50{
width: 100%;
}
.mobile-document #company .header-block{
font-size: 1.125rem;
}
.mobile-document #company .container66{
width: 100%;
padding: 2.5rem 1rem 2.5rem;
}
.mobile-document #company .wrapper-first{
padding: 0;
}
.mobile-document #company .wrapper-first .header-info{
padding: 0;
padding-bottom: 1.250rem;
text-align: center;
}
.mobile-document #company .wrapper-first .main-counter{
padding-bottom: 1.563rem;
}
.mobile-document #company .wrapper-second p{
text-align: center;
padding-bottom: 1.563rem;
}
.mobile-document #company .description{
padding-right: 0;
}
.mobile-document #company .btn-wrapper{
text-align: center;
}
.mobile-document #company .btn.join{
margin-top: 0;
}
.mobile-document .wrapper-counter .box-container{
width: 150px;
height: 150px;
}
.mobile-document .wrapper-counter .text-before{
font-size: 0.875rem;
}
.mobile-document .wrapper-counter .counter-content .text_upper .number{
font-size: 4.3rem;
padding-right: 0;
}
.mobile-document .wrapper-counter .counter-content .text_upper span,
.mobile-document .wrapper-counter .counter-content .text_lower span{
font-size: 1.1rem;
}
.mobile-document .wrapper-counter .line30-width,
.mobile-document .wrapper-counter .line-width{
width: 2px;
}
.mobile-document .wrapper-counter .line-height{
height: 2px;
}
.mobile-document #company .counters .counters__inner{
flex-flow: row wrap;
}
.mobile-document #company .counter {
width: 42%;
padding-bottom: 1rem;
margin: 0;
}
.mobile-document #company .main-counter{
text-align: center;
}
.mobile-document #company .main-counter .wrapper-counter{
display: inline-block;
width: 200px;
text-align: left;
}
.mobile-document #owl-dot1 .owl-dot:last-child{
margin-right: 0;
}
.mobile-document #clients .logo-grid .row:first-child,
.mobile-document #clients .logo-grid .row:last-child{
width: 1rem;
}
.mobile-document #clients .logo-grid .row{
width: calc(100% - 2rem);
}
.mobile-document #company .counters .counters__inner{
position: relative;
width: 100%;
display: flex;
transform: none;
top: 3%;
}
.mobile-document #company .counter .inline-fs .third
{
margin:0;
}
.mobile-document #company .counter .inline-fs .fourth
{
margin:0;
}
.mobile-document #company .wrapper-fourth .header-info{
width: 100%;
padding: 0;
text-align: center;
}
.mobile-document #company .wrapper-fourth,
.mobile-document #company .wrapper-third{
padding-bottom: 1.563rem;
}
.mobile-document #company .wrapper-third{
height: auto!important;
}
.mobile-document .counter .counter-number {
font-size: 3.3rem;
line-height: 1em;
}
.mobile-document .counter .span-text{
font-size: 0.875rem;
}
.mobile-document #projects .container90{
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.mobile-document #projects .header-block{
display: inline-block;
padding-right: 1.5rem;
}
.mobile-document #projects .completed{
padding-top: 3.5rem;
display: flex;
flex-direction: column;
padding-bottom: 5rem;
padding-left: 1rem;
padding-right: 1rem;
height: calc(50% + 2.5rem);
}
.mobile-document #projects .completed .item {
height: 18.75rem;
margin-left: 4rem;
margin-right: 4rem;
}
.mobile-document #projects .completed .owl-container{
padding-top: 1rem;
width: 100%;
height: 100%;
}
.mobile-document #projects .container50{
width: 100%;
text-align: left;
}
.mobile-document #projects .rewards{
height: calc(50% - 2.5rem);
}
.mobile-document #projects .rewards .container50{
padding: 0 1rem;
}
.mobile-document #projects .rewards .header-block{
padding-right: 0;
}
.mobile-document #projects .rewards .header-block h3{
font-size: 1.3rem;
}
.mobile-document #projects .rewards .owl-container{
padding-top: 0.5rem;
}
.mobile-document #projects .rewards .owl-dots{
padding-top: 0.5rem;
}
.mobile-document .rewards__item__wrapper__row{
padding: 2px;
}
.mobile-document .rewards__item__wrapper__row__text{
font-size: 0.875rem;
display: block;
width: 100%;
text-transform: uppercase;
text-align: center;
}
.mobile-document #news .container-back {
display: flex;
/*position: absolute;*/
width: 100%;
height: 100%;
background: #f6f4f1;
flex-direction: column;
justify-content: flex-start;
}
.mobile-document #news .main-content {
padding: 3.5rem 1rem 1.5rem;
width: 100%;
height: auto;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.mobile-document #news .news__tabs__content__item {
padding: 0;
}
.mobile-document #news .sidebar .description{
padding: 2.5rem 1rem 2.5rem;
width: 100%;
height: 100%;
}
.mobile-document #news .sidebar .container{
background: #00335b;
}
.mobile-document #news .sidebar .description h2 {
display: inline-block;
}
.mobile-document #news .sidebar .btn{
position: relative;
display: inline-block;
margin: 0;
margin-top: 1rem;
margin-bottom: 1rem;
bottom: auto;
left: auto;
transform: none;
}
.mobile-document #news .sidebar .description__text-light{
max-height: unset;
overflow: hidden;
}
.mobile-document #news .sidebar{
height: auto;
}
.mobile-document #news .main-content {
/* padding: 1rem 1rem 0;
width: 100%;
height: auto;*/
}
.mobile-document #news .news__tabs__content__item .content-item{
padding: 0;
height: 18rem;
}
.mobile-document #news .news__tabs__content__item .content-item .block{
width: 100%;
}
.mobile-document .news__tabs__content__item .description p{
font-size: 0.875rem;
}
.mobile-document .date .date__day{
font-size: 4.125rem;
}
.mobile-document .date .date__month{
font-size: 1.5rem;
}
.mobile-document .date .date__year{
font-size: 1.75rem;
}
.mobile-document #equipment .item-wrapper .description-wrapper span,
.mobile-document #additional .item-wrapper .description-wrapper span{
font-size: 0.875rem;
padding-bottom: 2rem;
}
.mobile-document #equipment .item-wrapper .description-wrapper p,
.mobile-document #additional .item-wrapper .description-wrapper p{
font-size: 0.875rem;
/* padding-bottom: 2rem;*/
}
.mobile-document #innovation .container-back .main-content .btn {
width: 16rem;
}
.mobile-document #equipment .container50{
width: 100%;
padding: 3.5rem 1rem 1rem;
}
.mobile-document #equipment .header-block{
padding-top: 0;
}
.mobile-document #equipment .col, #additional .col {
position: relative;
width: 50%;
margin-bottom: 5rem;
}
.mobile-document #equipment .grid-blocks,
.mobile-document #additional .grid-blocks {
padding-top: 0;
}
.mobile-document #equipment .item-wrapper .btn-wrapper .btn,
.mobile-document #additional .item-wrapper .btn-wrapper .btn{
display: block;
font-size: .68rem;
min-width: 12rem;
margin: auto;
margin-bottom: 0.625rem;
}
.mobile-document #equipment .item-wrapper .btn-wrapper .btn:last-child,
.mobile-document #additional .item-wrapper .btn-wrapper .btn:last-child{
margin-bottom: 2rem;
}
.mobile-document #equipment .grid-blocks:last-child .main-col:last-child .col:last-child{
margin-bottom: 0;
}
.mobile-document .item-wrapper:hover .information .information-back {
opacity: 1!important;
}
.mobile-document #equipment .item-wrapper:hover .img,
.mobile-document #additional .item-wrapper:hover .img {
filter: none;
}
.mobile-document .grid-blocks .main-col{
border: none;
padding-bottom: 0;
}
.mobile-document #mapUkraine .container-back{
position: relative;
display: flex;
flex-direction: column;
justify-content: space-evenly;
height: 100%;
width: 100%;
vertical-align: top;
padding: 3.5rem 1rem 2.5rem;
}
.mobile-document #mapUkraine .main-content {
width: 100%;
height: auto;
}
.mobile-document #mapUkraine .main-content .content {
display: block;
width: 100%;
height: 100%;
}
.mobile-document #mapUkraine .header-content {
position: relative;
top: 0!important;
width: 100%;
padding-left: 0;
}
.mobile-document #mapUkraine .header-content .header-wrapper {
padding-left: 0;
width: 100%;
}
.mobile-document #mapUkraine .counters.main {
width: 100%;
padding-bottom: 0.5rem;
display: flex;
/* justify-content: space-around;*/
}
.mobile-document #mapUkraine .counter{
/*text-align: center;*/
}
.mobile-document #mapU {
width: 75%;
position: relative;
top: 0!important;
left: 0;
transform: none;
}
.mobile-document #mapUkraine .content-sidebar {
padding-left: 0;
}
.mobile-document #mapUkraine .content-sidebar .header-sidebar span {
font-size: 1.2rem!important;
}
.mobile-document #mapUkraine .sidebar .counters {
width: auto;
text-align: center;
display: flex;
justify-content: space-between;
height: auto;
padding-bottom: 2%;
}
.mobile-document #mapUkraine .content-sidebar .counter-wrapper {
padding-top: 0;
}
.mobile-document #mapUkraine .content-sidebar .btn-wrapper {
width: 100%;
text-align: center;
}
.mobile-document #mapUkraine .content-sidebar .btn {
display: block;
margin: auto;
width: 11rem;
min-width: 9rem;
margin-bottom: 2%;
}
.mobile-document #mapUkraine .content-sidebar .btn:nth-of-type(1){
margin-top: 0;
}
.mobile-document #mapUkraine .content-sidebar .header-sidebar:first-of-type{
margin: 0;
}
.mobile-document #mapUkraine .content-sidebar .header-sidebar {
height: auto;
width: 100%;
}
.mobile-document #mapUkraine .sidebar .container{
background: transparent!important;
}
.mobile-document #mapUkraine .content-sidebar .counter{
width: 100%;
}
.mobile-document #navigation-main .main-content .content .btn{
}
.mobile-document #diffSlider .full-block{
display: flex;
flex-direction: column;
justify-content: space-between;
font-size: 1rem;
padding: 3.5rem 1rem 3.5rem;
}
.mobile-document #diffSlider .header{
position: relative;
display: block;
height: auto!important;
}
.mobile-document #diffSlider .header .header-wrapper{
position: relative;
padding-left: 0;
padding-bottom: 2rem;
}
.mobile-document #diffSlider .content{
height: auto!important;
width: 100%;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.mobile-document #diffSlider .btn-container {
height: auto!important;
}
.mobile-document #diffSlider .btn-container .btn.white{
position: relative;
}
.mobile-document #diffSlider .owl-container{
padding-bottom: 4%;
}
.mobile-document #diffSlider .owl-carousel .item{
}
.mobile-document #diffSlider .owl-carousel .item-wrapper img{
height: 420px;
margin: auto;
}
.mobile-document #diffSlider .clients-carousel{
border: none;
}
.mobile-document #mobile .r18_75,
.mobile-document #mobile .r21,
.mobile-document #mobile .r3_4{
width: 1rem
}
.mobile-document #mobile .r23,
.mobile-document #mobile .r33_6{
width: calc(50% - 1.5rem);
}
.mobile-document #mobile .links-content__inner__h1{
margin-bottom: 1rem;
font-size: 2rem!important;
}
.mobile-document #mobile .links-content__inner__btn{
width: 70%;
margin-bottom: 1rem;
}
.mobile-document .app-btn:last-child .app-btn__link__text{
border: 1px solid #a1a1a1;
border-radius: 13px;
}
.mobile-document .app-btn:last-child .app-btn__link__text__h{
font-size: 7.6px;
}
.mobile-document .footer .sidebar .container{
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
background: #00335b;
padding: 1.5rem 1rem 1.5rem;
}
.mobile-document .footer .sidebar .container .description{
display: inline-block;
width: auto;
text-align: left;
padding: 0;
padding-bottom: 1rem;
position: relative;
top: 0;
left: 0;
transform: none;
}
.mobile-document .footer-tabs__item {
white-space: nowrap;
text-align: center;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.mobile-document .footer-tabs__item__p{
font-size: 1.3rem;
padding-bottom: 0.5em!important;
padding-top: 0.625em!important;
}
.mobile-document .footer-information {
position: relative;
padding-bottom: 0;
left: 0;
text-align: center;
transform: none;
}
.mobile-document .footer-information__item{
font-size: 0.875rem;
/*padding-bottom: 0.625rem;*/
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.mobile-document .footer .map{
top: 34%;
height: 66%;
}
.mobile-document .footer .main-content{
position: fixed;
width: 100%;
}
.mobile-document .footer-popup__close{
top: 0.938rem;
right: 0.938rem;
width: 1.25rem;
}
.mobile-document .footer-popup__close nav{
/*width: 1.25rem;*/
width: 24px;
/*height: 1.25rem;*/
height: 24px;
background: #fff;
}
.mobile-document .footer-popup__close.dark nav{
background: transparent;
}
.mobile-document .footer-popup__close nav span{
width: 1.5rem;
}
.mobile-document .footer-popup .footer-popup__item{
padding: 1rem;
width: 100%;
height: 100%;
}
.mobile-document .footer-form__item{
display: inline-block;
width: 100%;
margin-bottom: 1rem;
border: none;
height: 1.375rem;
color: #00335b;
border-bottom: 1px solid #00335b;
background: transparent;
font-size: 1.05em;
}
.mobile-document .footer-popup .footer-popup__item.footer-popup__news{
padding: 2.5rem 1rem 1rem;
}
.mobile-document .footer .direction-inner{
box-shadow: none;
}
.mobile-document .footer-popup .news-wrapper{
height: 30rem;
}
.mobile-document .footer-popup .news-wrapper__block{
width: 100%!important;
padding-bottom: 0;
}
.mobile-document .footer-popup .all-news-wrapper{
padding-top: 3rem;
}
.mobile-document .footer-popup .clients-carousel{
height: 100%;
}
.mobile-document .footer .news-wrapper .content-container .description p{
font-size: 0.875rem;
}
.mobile-document #bussines .full-block{
height: 100vh;
}
.mobile-document #bussines .sidebar{
display: flex;
height: auto;
flex-grow: 1;
flex-direction: column;
justify-content: center;
}
.mobile-document #bussines .sidebar .container .description{
padding-top: 1rem;
}
.mobile-document #bussines .main-content{
height: auto;
width: 100%;
}
.mobile-document #bussines .container-image{
height: 100%;
}
.mobile-document #bussines .container-back{
height: 100%;
}
.mobile-document #bussinesSlider .full-block{
height: 100vh;
}
.mobile-document #bussinesSlider .container-image{
height: 100%;
}
.mobile-document #bussinesSlider .container-back{
height: 100%;
}
.mobile-document #bussinesSlider .main-content{
width: 100%;
height: 100%;
}
.mobile-document #bussinesSlider .content{
height: 100%;
}
.mobile-document #bussinesSlider .owl-container{
position: relative;
height: 100%;
}
.mobile-document #bussinesSlider .owl-dots-wr{
position: absolute;
width: 100%;
bottom: 0;
z-index: 111;
left: 50%;
transform: translateX(-50%);
padding-bottom: 1rem;
}
.mobile-document .bussines-carousel .item-wrapper__content{
text-align: center;
}
.mobile-document .bussines-carousel .item {
border: none;
}
.mobile-document #programmatic .container-back {
display: flex;
flex-direction: column;
}
.mobile-document #programmatic .sidebar {
height: auto;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.mobile-document #programmatic .main-content{
width: 100%;
height: auto;
}
.mobile-document #programmatic .main-content .content {
display: flex;
height: 100%;
flex-direction: column;
padding: 2rem 5rem 5rem;
justify-content: center;
}
.mobile-document #programmatic .programmatic-btn{
width: 9rem;
margin: 0 auto;
margin-bottom: 1rem;
}
.mobile-document #programmatic .programmatic-btn:last-child{
margin-right: auto;
}
.mobile-document #programmatic .container-back .main-content{
flex-grow: 2;
display: flex;
flex-direction: column;
}
.mobile-document .news__tabs__controls__item{
font-size: 0.875rem;
margin-top: 1.625em;
margin-bottom: 1.625em;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.mobile-document #all-news .news__tabs__content__item{
padding: 1rem;
}
.mobile-document #all-news .news__tabs__content__item .content-item{
height: 12rem;
padding-bottom: 1rem;
padding-left: 5%;
padding-right: 5%;
text-align: right;
vertical-align: top;
width: 50%;
}
.mobile-document #all-news .news__tabs__content__item .content-item .block{
padding-bottom: 0;
width: 100%;
height: 100%;
}
.mobile-document #all-news .news__tabs__content__item .content-container{
top: 50%;
transform: translateY(-50%);
}
.mobile-document .news__subscribe {
/*position: fixed;*/
width: 100%;
display: flex;
flex-wrap: wrap;
z-index: 9000;
background: #fff;
text-align: left;
padding: 1rem;
bottom: 0;
box-shadow: 0 -2px 20px 0 rgba(0,0,0,0.1);
}
.mobile-document .news__subscribe__label{
font-size: 1rem;
line-height: 2em;
padding-right: 1rem;
height: auto;
width: auto;
text-align: center;
}
.mobile-document .news__subscribe__input{
flex-grow: 2;
width: auto;
padding: 1em;
font-size: 0.875rem;
}
.mobile-document .news__subscribe__label,
.mobile-document .news__subscribe__input,
.mobile-document .news__subscribe__btn {
display: inline-block;
vertical-align: top;
height: 30px;
margin-right: 0;
}
.mobile-document .news__subscribe__btn{
padding: 0;
border: none;
}
.mobile-document .news__description {
display: flex;
padding: 1rem;
padding-bottom: 0;
border-bottom: 1px solid #a1a1a1;
}
.mobile-document .news__description__date{
width: 30%;
padding-right: 0;
}
.mobile-document .news__description__text{
text-align: left;
width: 100%!important;
padding-bottom: 1rem;
border: none;
}
.mobile-document .news__description__text__p{
font-size: 0.875rem;
padding-left: 0.5rem;
}
.mobile-document .news__content{
padding: 1rem;
}
.mobile-document .news__content__inner{
width: 100%;
margin: 0;
padding: 0;
}
.mobile-document .news__content__inner__text{
font-size: 0.875rem;
line-height: 1.5em;
font-family: 'LatoLight';
padding-bottom: 1.25rem;
color: #00335b;
}
.mobile-document .news__description__date__inner{
white-space: nowrap;
}
.mobile-document .news__description__date__inner__part2{
text-align: left;
}
.mobile-document #news-single .date .date__day{
font-size: 3.8rem;
padding: 0;
}
.mobile-document #news-single .date .date__month{
font-size: 1.5rem;
}
.mobile-document #news-single .date .date__year{
font-size: 1.75rem;
}
.mobile-document .search-wrapper {
width: 100%;
}
.mobile-document .select-items div,
.mobile-document .select-selected{
font-size: 0.875rem;
}
.mobile-document #additional-map .main-content {
padding: 8vh 2rem 12vh 1rem;
}
.mobile-document .map-tabs {
overflow: visible;
}
.mobile-document .map-tabs__controls{
display: flex;
justify-content: space-between;
height: auto;
padding-bottom:.5rem;
}
.mobile-document .map-tabs__controls__item{
min-width: 46.5%;
height: 40px;
margin-right: 0.5rem;
}
.mobile-document .map-tabs__controls__item:last-child{
margin-right: 0;
}
.mobile-document .map-tabs__controls__item span{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.mobile-document .map-tabs__controls__item--search{
min-width: 40px;
}
.mobile-document .map-tabs__controls__item--search span{
font-size: 1.5rem;
}
.mobile-document .map-tabs__content {
height: auto;/*calc(100% - 2.5rem);*/
}
.mobile-document .custom-table__header,
.mobile-document .custom-table__footer {
width: 100%;
}
.mobile-document .custom-table__header__row__item__checkbox{
left: 7px;
}
.mobile-document .custom-table__body__row{
transition: unset;
}
.mobile-document .custom-table__body__row__item--info:hover {
transform: none;
}
.mobile-document .custom-table__body__row__item__img--attendance{
height: 20px;
}
.mobile-document .custom-table__body__row__item__img--displays{
height: 25px;
}
.mobile-document .custom-table__body__row__item{
position: relative;
padding: 0;
}
.mobile-document #additional-map .sidebar {
position: relative;
height: 100%;
}
.mobile-document #additional-map .sidebar .description{
padding: 0;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.mobile-document #additional-map .counters {
margin-bottom: 0;
font-size: 0;
}
.mobile-document #additional-map .counter-wrapper{
display: inline-block;
width: 50%;
padding-bottom: 1.5vh;
text-align: center;
}
.mobile-document #additional-map .btn-sidebar {
position: relative;
text-align: center;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.mobile-document #additional-map .btn-sidebar__item:last-of-type {
margin-bottom: 1rem;
}
.mobile-document #additional-map .btn-sidebar__item{
margin-bottom: 3%;
width: 9rem;
}
.mobile-document #additional-map .select-items {
max-height: 77vh;
}
.mobile-document #additional-map .counter .counter-number{
font-size: 6rem;
max-width: 15rem;
}
.mobile-document #additional-map .counter .span-text{
display: inline-block;
font-size: 1.3rem;
}
.mobile-document #additional-map .before_text{
vertical-align: bottom;
}
.mobile-document #additional-map .after_text{
vertical-align: top;
}
.mobile-document .select-items div, .mobile-document .select-selected{
text-align: left;
}
.mobile-document .custom-table__footer__row{
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: center;
}
.mobile-document .custom-table__footer__row__item:first-child{
width: 25%;
display: none;
}
.mobile-document .custom-table__footer__row__item--attendance,
.mobile-document .custom-table__footer__row__item--displays{
position: relative;
text-align: left;
width: auto;
min-width: calc(50% - 42px);
/*min-width: 25%;*/
}
.mobile-document .custom-table__footer__row__item--attendance{
padding-left: 30px;
}
.mobile-document .custom-table__footer__row__item--displays{
padding-left: 20px;
}
.mobile-document .custom-table__footer__row__item__text{
font-size: 1.3rem;
}
.mobile-document .custom-table__body__row__item--info {
font-size: 1.4rem;
}
.mobile-document .custom-table__header__row__item__text,
.mobile-document .custom-table__footer__row__item__text{
max-width: unset;
font-size: 1rem;
}
.mobile-document .custom-table__header__row__item{
padding: 0.875rem;
}
.mobile-document .main-row{
display: flex;
flex-flow: row wrap;
width: 80%;
font-size: 0;
margin: auto;
text-align: left;
padding: 0.625rem 0;
}
.mobile-document .main-row__item{
display: inline-block;
text-align: left;
white-space: nowrap;
}
.mobile-document .main-row__item--city{
width: 100%;
}
.mobile-document .main-row__item--city span{
font-size: 1rem;
line-height: 1em;
}
.mobile-document .main-row__item--location{
width: 100%;
}
.mobile-document .main-row__item--location span{
font-size: 1.3rem;
white-space: nowrap;
}
.mobile-document .main-row__item--displays{
width: 40%;
padding-left: 20px;
margin-left: 1.6rem;
}
.mobile-document .main-row__item--attendance{
width: 50%;
padding-left: 30px;
}
.mobile-document .custom-table__header__row__item--checkbox,
.mobile-document .custom-table__body__row__item--info{
position: relative;
width: 50px;
}
.mobile-document .custom-table__body__row__item--info span{
font-size: 1.5rem;
position: absolute;
top: 50%;
right: 6px;
transform: translateY(-50%);
}
.mobile-document .custom-table__body__row__item__checkbox{
position: absolute;
top: 50%;
left: 6px;
height: 20px;
margin: 0;
transform: translateY(-50%);
}
.mobile-document .main-row__item__img,
.mobile-document .main-row__item__span{
display: inline-block;
vertical-align: bottom;
}
.mobile-document .main-row__item__img{
position: absolute;
left: 0;
top: 50%;
padding-right: 0;
transform: translateY(-50%);
}
.mobile-document .main-row__item__span{
font-size: 1rem;
line-height: 1em;
}
.mobile-document .popup-main__success__header,
.mobile-document .footer-popup__success__header{
width: calc(100% - 2rem);
text-align: center;
}
.mobile-document .popup-main__success__header__item,
.mobile-document .footer-popup__success__header__item{
font-size: 0.875rem;
}
.mobile-document .gallery__item__img{
padding: 0;
}
.lSSlideOuter .lSPager.lSpg>li a{
border: 1px solid #0c4c7d;
}
.mobile-document .lSSlideOuter .lSPager.lSpg>li.active a{
background-color: #0c4c7d!important;
}
.mobile-document .lSSlideOuter .lSPager.lSpg>li:hover a {
background-color: #222;
}
}
/*=============================ZZZZZZZZZZZZZZZZZZZ 650 end ===============*/
@media screen and (max-width: 650px){
#projects .completed-carousel .owl-item {
padding-left: 4px;
/*margin-left: 2px;*/
/*margin-right: 2px;*/
max-height: unset;
}
.mobile-document .news__subscribe__label{
width: 100%;
text-align: left;
}
.mobile-document #all-news .news__tabs__content__item{
padding: 1rem 0;
}
.mobile-document #all-news .news__tabs__content__item .content-item{
padding: 0 1rem 1rem;
}
.mobile-document .news__tabs__controls__item{
margin: 0;
font-size: 0.775rem;
}
.news__tabs__controls{
display: flex;
justify-content: space-between;
padding: 1.625rem 1rem;
}
.mobile-document #projects .rewards .header-block h3,
.mobile-document .item-wrapper .information .information-inner h3,
.mobile-document .header-block h3,
.mobile-document .sidebar .description__header-light,
.mobile-document .footer-tabs__item__p{
font-size: 1.1rem;
}
.mobile-document .footer-information__item{
font-size: 0.675rem;
}
.mobile-document .h-wrapper {
font-size: 1.3rem;
}
.mobile-document .news__description__text__p{
padding-left: 1rem;
padding-right: 0;
}
.mobile-document #news-single .date .date__day,
.mobile-document .date .date__day {
font-size: 3.5rem;
}
.mobile-document #news-single .date .date__month,
.mobile-document .date .date__month{
font-size: 1.3rem;
}
.mobile-document #news-single .date .date__year,
.mobile-document #news-single .date .date__year{
font-size: 1.5rem;
}
.mobile-document #popout .main-information{
font-size: 0.675rem;
}
.mobile-document .btn{
font-size: 0.675rem;
min-width: 10rem;
}
.mobile-document .sidebar .description__text-light,
.mobile-document .direction-inner .description--light,
.mobile-document #company .wrapper-second p,
.mobile-document .news__tabs__content__item .description p{
font-size: 0.775rem;
}
.mobile-document #company .wrapper-second p
{
font-size: 1.2em;
}
.mobile-document #news .container-back{
/*position: absolute;*/
height: 100%;
width: 100%;
}
.mobile-document .wrapper-counter .box-container{
height: 120px;
width: 120px;
}
.mobile-document .wrapper-counter .counter-content .text_upper .number{
font-size: 2.125em;
}
.mobile-document .clients-carousel__item__item-wrapper__a{
padding: 1rem;
}
.mobile-document #menu-main li .number{
font-size: 0.8rem;
}
.mobile-document #mapUkraine .container-image{
position: absolute;
height: 100%;
width: 100%;
}
.mobile-document #equipment .grid-blocks,
.mobile-document #additional .grid-blocks{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 1rem;
}
.mobile-document #equipment .col,
.mobile-document #additional .col{
position: relative;
width: calc(50% - 1rem);
margin-bottom: 3rem;
height: 500px;
}
.mobile-document #owl-dot1{
padding: 1rem 0;
}
.mobile-document #projects .completed .owl-container{
padding-top: 1rem;
}
.mobile-document #mobile .links-content__inner__h1{
font-size: 2.5rem!important;
}
.mobile-document .main-row__item__span,
.mobile-document .main-row__item--city span{
font-size: 0.875rem;
}
.mobile-document .main-row__item--location span{
font-size: 1rem;
}
}
@media screen and (max-width: 540px){
.mobile-document .header-block h3{
font-size: 1rem;
}
.mobile-document #projects .rewards .header-block h3 {
font-size: 1rem;
}
.mobile-document .clients-carousel__item__item-wrapper__a{
padding: 0.9rem;
}
.mobile-document #equipment .col, .mobile-document #additional .col{
height: 500px;
}
.mobile-document #popout .main-information{
font-size: 0.675rem;
}
.mobile-document #popout{
padding-top: 3rem;
}
.mobile-document #menu-main li{
font-size: 1rem;
}
}
/*=============================ZZZZZZZZZZZZZZZZZZZ 480 ===============*/
@media screen and (max-width: 480px){
.mobile-document #news .container-back{
/*position: absolute;*/
}
.mobile-document #additional-map{
position: fixed;
width: 100%;
top: 0;
}
.mobile-document .full-block{
min-height: 633px;
}
.mobile-document #programmatic .full-block{
/*height: 110vh!important;*/
}
.mobile-document #exclusive .full-block {
/*height: 100vh;*/
}
.mobile-document #additional-map .full-block{
height: 100vh;
}
.mobile-document #direction1 .full-block {
height: auto;
}
.mobile-document #projects .full-block {
height: auto;
}
.mobile-document #begin{
height: 100vh;
min-height: 533px;
}
.mobile-document #company .full-block {
height: 103vh;
}
.mobile-document #innovation .container-back .main-content{
flex-grow: 1;
}
.mobile-document .btn{
font-size: 0.725rem;
min-width: 9rem;
transition: none!important;
}
.mobile-document .h-wrapper{
font-size: 1.2rem;
}
.mobile-document .logo{
}
.mobile-document .logo img{
width: 6.25rem;
}
.mobile-document .arrow-down{
height: 2.5rem;
}
.mobile-document .arrow-down-wrapper {
width: 2rem;
top: 0;
}
.mobile-document .p-latoregular{
font-size: 0.875rem;
line-height: 1.5em;
}
.mobile-document #begin .btn-scroll{
position: absolute;
}
.mobile-document .header-block{
padding-left: 4rem;
}
.mobile-document .header-block h3{
font-size: 1rem;
}
.mobile-document .header-block h3::before{
width: 3.5rem;
}
.mobile-document #mobile .btn-scroll{
position: absolute;
}
.mobile-document #tablet .sidebar .btn-wrapper .btn,
.mobile-document #exclusive .sidebar .btn-wrapper .btn,
.mobile-document #brands .sidebar .btn-wrapper .btn{
display: block;
width: 9rem;
margin: auto;;
margin-top: 0.6rem;
}
.mobile-document #interactivity .container-back,
.mobile-document #tablet .container-back,
.mobile-document #exclusive .container-back,
.mobile-document #navigation-main .container-back,
.mobile-document #innovation .container-back,
.mobile-document #programmatic .container-back,
.mobile-document #bussines .container-back{
/*justify-content: center;*/
justify-content: flex-start;
}
.mobile-document #bussines .container-back {
/*justify-content: space-between;*/
}
.mobile-document #interactivity .container-back .main-content,
.mobile-document #tablet .container-back .main-content,
.mobile-document #exclusive .container-back .main-content,
.mobile-document #navigation-main .container-back .main-content,
.mobile-document #innovation .container-back .main-content,
.mobile-document #programmatic .container-back .main-content,
.mobile-document #bussines .container-back .main-content{
height: auto;
width: 100%;
padding-bottom: 0;
}
.mobile-document #interactivity .container-back .main-content .content,
.mobile-document #tablet .container-back .main-content .content,
.mobile-document #exclusive .container-back .main-content .content,
.mobile-document #navigation-main .container-back .main-content .content,
.mobile-document #innovation .container-back .main-content .content,
.mobile-document #programmatic .container-back .main-content .content,
.mobile-document #bussines .container-back .main-content .content{
position: relative;
top: 0;
left: 0;
transform: none;
}
.mobile-document #interactivity .main-content .content .btn,
.mobile-document #tablet .container-back .main-content .btn,
.mobile-document #exclusive .container-back .main-content .btn,
.mobile-document #navigation-main .container-back .main-content .btn,
.mobile-document #innovation .container-back .main-content .btn,
.mobile-document #programmatic .container-back .main-content .btn,
.mobile-document #bussines .container-back .main-content .btn{
display: block;
width: 10rem;
margin: auto;
margin-right: auto;
margin-bottom: .938rem;
}
.mobile-document #exclusive .container-back .main-content{
display: inline-block;
}
.mobile-document #toggle .text .text-container{
font-size: 0.875rem;
}
.mobile-document .nav{
top: 3rem;
right: 1rem;
font-size: 0.875rem;
}
.mobile-document .social ul{
display: inline-block;
}
.mobile-document .social ul>li{
display: inline-block;
padding-bottom: 0;
padding-right: 1.875rem;
}
.mobile-document .social ul>li:last-child{
padding-right: 0;
}
.mobile-document .glitch-text{
display: none;
}
.mobile-document #menu-main.active {
opacity: 1;
transition: opacity 1.5s ease 0.9s !important;
}
.mobile-document #popout>span {
display: none;
}
.mobile-document #popout{
padding-top: 18%;
display: flex;
flex-flow: column;
justify-content: space-between;
}
.mobile-document #popout .main-information {
position: relative;
font-size: 0.750rem;
top: 0;
left: 0;
transform: none;
}
.mobile-document .popup-main__item {
overflow-y: scroll;
}
.mobile-document .social {
position: relative;
display: inline-block;
width: 100%;
right: auto;
bottom: auto;
text-align: center;
padding-bottom: 5%;
}
.mobile-document #menu-main{
padding-left: 0.938rem;
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
height: 80%;
padding-top: 0;
position: relative;
top: 0;
left: 0;
transform: none;
overflow-y: scroll;
}
.mobile-document #menu-main li{
font-size: 1.2rem;
}
.mobile-document #menu-main li:before{
display: none;
}
.mobile-document #menu-main li .number{
font-size: 1rem;
}
.mobile-document #menu-main li a{
padding-left: 1.5rem;
width: auto;
}
.mobile-document #menu-main li a span:not([class]) {
display: none;
}
.mobile-document .btn-scroll{
position: relative;
width: 3rem;
height: 4rem;
padding-top: 0.5rem;
}
.mobile-document .btn-scroll span {
top: 50%;
font-size: 0.6rem;
}
.mobile-document .popup-main__item__header__item{
font-size: 1.2rem;
}
.mobile-document .popup-main__video__item{
height: 100%;
width: 100%;
}
.mobile-document .sidebar .container{
justify-content: flex-start;
}
.mobile-document #interactivity .sidebar,
.mobile-document #interactivity .main-content{
flex-grow: 0;
}
.mobile-document .sidebar .container .description .direction-logo{
position: relative;
display: inline-block;
text-align: left;
width: 80%;
}
.mobile-document .sidebar .container .description .description__text-light{
text-align: left;
padding-top: 0;
}
.mobile-document .sidebar .description__text-light{
font-family: 'LatoRegular';
font-size: 0.875rem;
line-height: 1.5em;
}
.mobile-document .sidebar .description__header-light{
font-size: 1.3rem;
padding-bottom: 1.5rem;
}
.mobile-document .direction-inner .description--light {
font-size: 0.875rem;
}
.mobile-document .direction-logo{
min-height: 5rem;
}
.mobile-document .sidebar .container .description .direction-logo{
margin-bottom: 1rem;
}
.mobile-document .direction-logo .text span {
font-size: 17px;
letter-spacing: 1px;
}
.mobile-document .direction-logo .text span:nth-child(2){
padding-top: 0;
}
.mobile-document .direction-logo .square{
width: 5rem;
height: 5rem;
}
.mobile-document .item-wrapper .information{
top: 80%;
}
.mobile-document .item-wrapper .information .information-inner h3{
font-size: 1.2rem;
padding-top: 0.625rem;
}
.mobile-document #equipment .item-wrapper .information .information-inner h3{
font-size: 25px;
line-height: 1em;
}
.mobile-document #projects .item-wrapper .information .information-inner h3{
font-size: 1.5rem;
font-family: 'LatoLight';
}
.mobile-document #projects .item-wrapper:active .information,
.mobile-document #projects .item-wrapper:hover .information{
top: 0;
}
.mobile-document #projects .item-wrapper .information{
top: 70%;
}
.img-responsive.project-img
{
position:absolute;
top: -3rem;
object-fit: contain;
}
.mobile-document #direction1 .full-block{
}
.mobile-document #direction1 .sidebar{
height: auto;
}
.mobile-document #direction1 .sidebar .description {
padding: 0;
overflow-y: visible;
width: 100%;
height: 100%;
}
.mobile-document #direction1 .direction-inner .description{
padding-top: 1rem;
font-size: 1em;
}
.mobile-document #direction1 .main-content{
width: 100%;
padding: 0;
height: auto;
}
.mobile-document #direction1 .main-content .wrapper-row{
padding-top: 0;
width: 100%;
height: auto;
}
.mobile-document #direction1 .main-content .content-item{
width: 100%;
height: 19.5rem;
padding: 1rem;
padding-top: 0;
}
.mobile-document #direction1 .main-content .content-item:first-child{
padding-top: 1rem;
}
.mobile-document #direction1 .content-item .block{
height: 100%;
width: 100%;
padding: 0;
}
.mobile-document #interactivity .main-content{
width: 100%;
height: 32vh;
}
.mobile-document #interactivity .main-content .content{
position: relative;
display: inline-block;
top: 0;
left: 0;
width: 15rem;
transform: none;
}
.mobile-document #interactivity .main-content .content .h-wrapper{
display: none;
}
.mobile-document #clients .description{
display: none;
}
.mobile-document #company .r50{
width: 100%;
}
.mobile-document #company .header-block{
font-size: 1.125rem;
}
.mobile-document #company .header-block h3{
font-size: 18px;
}
.mobile-document #company .wrapper-fourth h3{
display: inline-block;
}
.mobile-document #company .container66{
justify-content: space-evenly;
}
.mobile-document #company .wrapper-first{
padding: 0;
}
.mobile-document #company .wrapper-first .header-info{
padding: 0;
padding-bottom: 2.150rem;
text-align: center;
}
.mobile-document #company .wrapper-first .main-counter{
padding-bottom: 1.463rem;
}
.mobile-document #company .wrapper-second p{
text-align: center;
padding-bottom: 1.463rem;
}
.mobile-document #company .description{
padding-right: 0;
}
.mobile-document #company .btn-wrapper{
text-align: center;
}
.mobile-document #company .btn.join{
margin-top: 0;
}
.mobile-document #company .wrapper-counter .counter-content .text_upper:after{
width: 100%;
}
.mobile-document .wrapper-counter .box-container{
width: 100px;
height: 100px;
}
.mobile-document .wrapper-counter .text-before{
font-size: 0.9em;
}
.mobile-document .wrapper-counter .text-wrapper{
left: 10px;
top: 45%;
}
.mobile-document .wrapper-counter .counter-content .text_upper .number{
font-size: 2.125rem;
/*font-family: 'LatoRegular';*/
padding-right: 5px;
}
.mobile-document .wrapper-counter .counter-content .text_upper span,
.mobile-document .wrapper-counter .counter-content .text_lower span{
font-size: 0.9em;
}
.mobile-document .wrapper-counter .line30-width,
.mobile-document .wrapper-counter .line-width{
width: 1px;
}
.mobile-document .wrapper-counter .line-height{
height: 1px;
}
.mobile-document #company .main-counter{
text-align: center;
}
.mobile-document #company .main-counter .wrapper-counter{
display: inline-block;
width: 200px;
text-align: left;
}
.mobile-document #clients .container50{
width: 100%;
}
.mobile-document #clients .header-block{
text-align: right;
}
.mobile-document .clients__owl-container{
width: calc(100% - 2em);
height: 79%;
margin: auto;
}
.mobile-document .clients-carousel{
position: relative;
height: 85%;
width: 100%;
border-top: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
}
.mobile-document #clients .clients-carousel::before,
.mobile-document #clients .clients-carousel::after{
position: absolute;
content: '';
height: 1px;
background: #dfdfdf;
width: 100%;
left: 50%;
transform: translateX(-50%);
}
.mobile-document #clients .clients-carousel::before{
top: calc(100%/3);
}
.mobile-document #clients .clients-carousel::after{
top: calc(2*100%/3);
}
.mobile-document .clients-carousel .owl-stage-outer{
position: relative;
height: 100%;
}
.mobile-document #clients .clients-carousel .owl-stage-outer::after{
position: absolute;
content: '';
height: 100%;
width: 1px;
background: #dfdfdf;
top:50%;
left: 50%;
transform: translateY(-50%);
}
.mobile-document .clients-carousel .owl-stage{
height: 100%;
}
.mobile-document .clients-carousel .owl-item{
height: 100%;
}
.mobile-document .clients-carousel__item{
height: 100%;
width: 100%;
}
.mobile-document .clients-carousel__item__item-wrapper{
height: 100%;
width: 100%;
}
.mobile-document .clients-carousel__item__item-wrapper__a{
display: inline-block;
height: calc(100%/3);
padding: 2.5rem;
}
.mobile-document .clients-carousel__item__item-wrapper__a__img-blue{
display: inline-block;
width: 100%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.mobile-document .clients-carousel__item__item-wrapper__a__img-color{}
.mobile-document #owl-dot1{
text-align: center;
padding-top: 1rem;
padding-bottom: 1.375rem;
}
.mobile-document #owl-dot1 .owl-dot {
display: inline-block;
padding: 0;
border: 1px solid #0c4c7d;
background:#fff;
opacity: 1;
width: 0.75rem;
height: 0.75rem;
text-decoration: none;
outline: none;
border-radius: 50%;
margin-right: 0.5rem;
}
.mobile-document #owl-dot1 .owl-dot:last-child{
margin-right: 0;
}
.mobile-document #owl-dot1 .owl-dot.active{
opacity: 1;
}
.mobile-document #clients .logo-grid .row:first-child,
.mobile-document #clients .logo-grid .row:last-child{
width: 1rem;
}
.mobile-document #clients .logo-grid .row{
width: calc(100% - 2rem);
}
.mobile-document #company .counters .counters__inner{
position: relative;
width: 115%;
transform: none;
top: -10%;
left: -8%;
margin: auto;
}
.mobile-document #company .counter
{
margin:auto;
}
.mobile-document #company .counter .inline-fs .third
{
margin-left: 1.2rem;
}
.mobile-document #company .counter .inline-fs .fourth
{
margin-right: 0.27rem
}
.mobile-document #company .wrapper-fourth .header-info{
width: 100%;
padding: 0;
text-align: center;
}
.mobile-document #company .wrapper-fourth,
.mobile-document #company .wrapper-third{
padding-bottom: 1.463rem;
order: 1;
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.mobile-document #company .wrapper-third{
height: auto!important;
}
.mobile-document .counter .counter-number {
font-size: 2.7rem;
line-height: 1em;
}
.mobile-document .counter .span-text{
font-size: 0.75rem;
}
.mobile-document #projects .container90{
height: 16.875rem;
width: 100%;
margin: 0;
}
.mobile-document #projects .header-block{
display: inline-block;
padding-right: 1.5rem;
}
.mobile-document #projects .completed{
/* padding-top: 2.5rem;
padding-bottom: 0;
padding-left: 1rem;
padding-right: 1rem;
height: calc(50% + 2.5rem);*/
}
.mobile-document #projects .completed .item {
/*height: 16rem;*/
margin-left: 0;
margin-right: 0;
}
.mobile-document #projects .completed .owl-container{
padding-top: 0;
width: 100%;
/*height: auto;*/
}
.mobile-document #projects .container50{
width: 100%;
padding-bottom: 20px;
text-align: left;
}
.mobile-document #projects .rewards{
height: calc(50% - 2.5rem);
}
.mobile-document #projects .rewards .container50{
padding: 0 1rem;
}
.mobile-document #projects .rewards .header-block{
padding-right: 0;
padding-bottom: 0.5rem;
}
.mobile-document #projects .rewards .header-block h3{
font-size: 0.9rem;
}
.mobile-document #projects .rewards .owl-container{
padding-top: 0.5rem;
}
.mobile-document #projects .rewards .owl-dots{
padding-top: 0.5rem;
}
.mobile-document .rewards__item__wrapper__row{
padding: 2px;
}
.mobile-document .rewards__item__wrapper__row__text{
font-size: 0.875rem;
display: block;
width: 100%;
text-transform: uppercase;
text-align: center;
}
.mobile-document #news .sidebar .container{
background: #00335b;
}
.mobile-document #news .sidebar .description h2 {
display: inline-block;
}
.mobile-document #news .sidebar .btn{
position: relative;
display: inline-block;
margin: 0;
margin-bottom: 1rem;
bottom: auto;
left: auto;
transform: none;
}
.mobile-document #news .sidebar .description__text-light{
max-height: unset;
overflow: hidden;
padding-bottom: 2.125rem;
}
.mobile-document #news .sidebar{
height: auto;
}
.mobile-document #news .main-content {
/* padding: 1rem 1rem 0;
width: 100%;
height: auto;*/
}
.mobile-document #news .news__tabs__content__item .content-item{
/* padding: 0;
height: 18rem;*/
}
.mobile-document #news .news__tabs__content__item .content-item .block{
width: 100%;
}
.mobile-document .news__tabs__content__item .description p{
font-size: 1.2em;
}
.mobile-document .date .date__day{
font-size: 4.125rem;
}
.mobile-document .date .date__month{
font-size: 1.5rem;
}
.mobile-document .date .date__year{
font-size: 1.75rem;
}
.mobile-document #equipment .item-wrapper .description-wrapper span,
.mobile-document #additional .item-wrapper .description-wrapper span{
font-size: 0.875rem;
padding-bottom: 2rem;
}
.mobile-document #equipment .item-wrapper .description-wrapper p,
.mobile-document #additional .item-wrapper .description-wrapper p{
font-size: 0.875rem;
/*padding-bottom: 2rem;*/
}
.mobile-document #innovation .container-back .main-content .btn {
margin-bottom:2.5rem;
}
.mobile-document #equipment .container50{
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.mobile-document #equipment .header-block{
padding-top: 0;
padding-left: 5rem;
padding-bottom: 0.5rem;
}
.mobile-document #equipment .col, .mobile-document #additional .col {
position: relative;
width: 100%;
height: calc(100vh - 2.5rem);
margin-bottom: 0rem;
}
.mobile-document #equipment .grid-blocks, .mobile-document #additional .grid-blocks {
padding-top: 0;
}
.mobile-document #equipment .grid-blocks:last-of-type .r33:last-child{
margin-bottom: 0;
}
.mobile-document #equipment .item-wrapper .btn-wrapper .btn,
.mobile-document #additional .item-wrapper .btn-wrapper .btn{
/*display: block;*/
/*width: 9rem;*/
/*margin: auto;*/
/*margin-bottom: 0.625rem;*/
}
.mobile-document #equipment .grid-blocks:last-child .main-col:last-child .col:last-child{
margin-bottom: 0;
padding-bottom: 0;
}
.mobile-document .item-wrapper:hover .information .information-back {
opacity: 1!important;
}
.mobile-document #equipment .item-wrapper:hover .img,
.mobile-document #additional .item-wrapper:hover .img {
filter: none;
}
.mobile-document .grid-blocks .main-col{
border: none;
padding-bottom: 0;
}
.mobile-document #mapUkraine .container-back{
position: relative;
display: flex;
flex-direction: column;
justify-content: space-evenly;
height: 100%;
width: 100%;
vertical-align: top;
padding: 1.5rem 1rem 1.5rem;
}
.mobile-document #mapUkraine .main-content {
width: 100%;
height: auto;
}
.mobile-document #mapUkraine .main-content .content {
display: block;
width: 100%;
height: 100%;
}
.mobile-document #mapUkraine .header-content {
position: relative;
top: 0!important;
width: 100%;
padding-left: 0;
padding-right: 0;
/* padding-bottom: 1.5rem;*/
}
.mobile-document #mapUkraine .header-content .header-wrapper {
padding-left: 0;
width: 100%;
}
.mobile-document #mapUkraine .counters.main {
width: 100%;
padding-bottom: 0.5rem;
}
.mobile-document #mapUkraine .counter{
/*text-align: center;*/
}
.mobile-document #mapU {
width: 100%;
position: relative;
top: 0!important;
left: 0;
transform: none;
}
.mobile-document #mapUkraine .content-sidebar {
padding-left: 0;
}
.mobile-document #mapUkraine .content-sidebar .header-sidebar span {
font-size: 1.2rem!important;
}
.mobile-document #mapUkraine .sidebar .counters {
width: auto;
text-align: center;
display: flex;
justify-content: space-between;
height: auto;
padding-bottom: 1.5rem;
}
.mobile-document #mapUkraine .content-sidebar .counter-wrapper {
padding-top: 0;
}
.mobile-document #mapUkraine .content-sidebar .btn-wrapper {
width: 100%;
text-align: center;
}
.mobile-document #mapUkraine .content-sidebar .btn {
display: block;
margin: auto;
width: 10rem;
min-width: 9rem;
margin-bottom: 0.8rem;
}
.mobile-document #mapUkraine .content-sidebar .btn:nth-of-type(1){
margin-top: 0;
}
.mobile-document #mapUkraine .content-sidebar .header-sidebar:first-of-type{
margin: 0;
}
.mobile-document #mapUkraine .content-sidebar .header-sidebar {
height: auto;
width: 100%;
}
.mobile-document #mapUkraine .sidebar .container{
background: transparent!important;
}
.mobile-document #mapUkraine .content-sidebar .counter{
width: 100%;
}
.mobile-document #diffSlider .full-block{
height: auto;
}
.mobile-document #diffSlider .header{
position: relative;
display: block;
height: auto!important;
}
.mobile-document #diffSlider .header .header-wrapper{
position: relative;
padding-left: 0;
padding-bottom: 2rem;
}
.mobile-document #diffSlider .content{
height: auto!important;
width: 100%;
flex-grow: 1;
}
.mobile-document #diffSlider .btn-container {
height: auto!important;
padding-top: 0;
}
.mobile-document #diffSlider .btn-container .btn.white{
position: relative;
}
.mobile-document #diffSlider .owl-container{
padding-bottom: 0;
margin-bottom: 4%;
justify-content: flex-start;
}
.mobile-document #diffSlider .owl-carousel .item{
}
.mobile-document #diffSlider .owl-carousel .item-wrapper img{
height: 420px;
margin: auto;
}
.mobile-document #diffSlider .clients-carousel{
border: none;
}
.mobile-document #mobile .r18_75,
.mobile-document #mobile .r21,
.mobile-document #mobile .r3_4{
width: 1rem
}
.mobile-document #mobile .r23,
.mobile-document #mobile .r33_6{
width: calc(50% - 1.5rem);
}
.mobile-document #mobile .links-content__inner__h1{
margin-bottom: 1rem;
font-size: 2rem!important;
}
.mobile-document #mobile .links-content__inner__btn{
width: 70%;
margin-bottom: 1rem;
}
.mobile-document .app-btn:last-child .app-btn__link__text{
border: 1px solid #a1a1a1;
border-radius: 5px;
}
.mobile-document .app-btn:last-child .app-btn__link__text__h{
font-size: 7.6px;
}
.mobile-document .footer-tabs__item__p{
font-size: 1.2rem;
padding-bottom: 0.5em!important;
padding-top: 0.625em!important;
}
.mobile-document .footer-information {
position: relative;
padding-bottom: 0;
left: 0;
text-align: center;
transform: none;
}
.mobile-document .footer-information__item{
font-size: 0.750rem;
/*padding-bottom: 0.625rem;*/
}
.mobile-document .footer .map{
top: 35%;
height: 66%;
}
.mobile-document .footer .main-content{
}
.mobile-document .footer-popup__close{
top: 0.938rem;
right: 0.938rem;
width: 26px;
height: 26px;
}
.mobile-document .footer-popup__close nav{
/*width: 1.25rem;*/
/*height: 1.25rem;*/
}
.mobile-document .footer-popup__close nav span{
width: 1.5rem;
}
.mobile-document .footer-popup .footer-popup__item{
padding: 1rem;
width: 100%;
height: 100%;
}
.mobile-document .footer-popup .footer-popup__item.footer-popup__news{
padding: 2.5rem 1rem 1rem;
}
.mobile-document .footer .direction-inner{
box-shadow: none;
}
.mobile-document .footer-popup .news-wrapper{
height: 18rem;
}
.mobile-document .footer-popup .news-wrapper__block{
width: 100%!important;
padding-bottom: 0;
}
.mobile-document .footer-popup .all-news-wrapper{
padding-top: 3rem;
}
.mobile-document .footer-popup .clients-carousel{
height: 100%;
}
.mobile-document .footer .news-wrapper .content-container .description p{
font-size: 0.875rem;
}
.mobile-document #bussines .full-block{
height: 100vh;
}
.mobile-document #bussines .sidebar{
height: auto;
justify-content: flex-start;
}
.mobile-document #bussines .main-content{
height: auto;
width: 100%;
}
.mobile-document #bussines .container-image{
height: 100%;
}
.mobile-document #bussines .container-back{
height: 100%;
}
.mobile-document #bussinesSlider .full-block{
height: 100vh;
}
.mobile-document #bussinesSlider .container-image{
height: 100%;
}
.mobile-document #bussinesSlider .container-back{
height: 100%;
}
.mobile-document #bussinesSlider .main-content{
width: 100%;
height: 100%;
}
.mobile-document #bussinesSlider .content{
height: 100%;
}
.mobile-document #bussinesSlider .owl-container{
position: relative;
height: 100%;
}
.mobile-document #bussinesSlider .owl-dots-wr{
position: absolute;
bottom: 0;
z-index: 111;
left: 50%;
transform: translateX(-50%);
padding-bottom: 1rem;
}
.mobile-document .bussines-carousel .item-wrapper__content{
text-align: center;
}
.mobile-document .bussines-carousel .item {
border: none;
}
.mobile-document #programmatic .container-back {
display: flex;
flex-direction: column;
}
.mobile-document #programmatic .sidebar {
height: auto;
}
.mobile-document #programmatic .main-content{
width: 100%;
height: auto;
}
.mobile-document #programmatic .main-content .content {
display: flex;
height: 100%;
flex-direction: column;
padding: 2rem 5rem 1rem;
justify-content: center;
}
.mobile-document #programmatic .programmatic-btn{
width: 9rem;
margin: 0 auto;
margin-bottom: 1rem;
}
.mobile-document #programmatic .programmatic-btn:last-child{
margin-right: auto;
}
.mobile-document .news__tabs__controls{
display: flex;
padding: 0 1rem;
justify-content: space-between;
}
.mobile-document .news__tabs__controls__item{
font-size: 0.625rem;
margin-top: 1.625em;
margin-bottom: 1.625em;
margin-right: 0;
}
.mobile-document #all-news .news__tabs__content__item{
padding: 1rem;
}
.mobile-document #all-news .news__tabs__content__item .content-item{
height: 12rem;
padding-bottom: 1rem;
padding-left: 0;
padding-right: 0;
text-align: right;
vertical-align: top;
width: 100%;
}
.mobile-document #all-news .news__tabs__content__item .content-item .block{
padding-bottom: 0;
width: 100%;
height: 100%;
}
.mobile-document #all-news .news__tabs__content__item .content-container{
top: 50%;
transform: translateY(-50%);
}
.mobile-document .news__subscribe {
z-index: 9000;
background: #fff;
text-align: left;
padding: 1rem;
bottom: 0;
box-shadow: 0 -2px 20px 0 rgba(0,0,0,0.1);
}
.mobile-document .news__subscribe__label{
font-size: 0.875rem;
line-height: 2em;
height: auto;
width: 100%;
text-align: left;
}
.mobile-document .news__subscribe__input{
width: 50%;
padding: 1em;
font-size: 12px;
}
.mobile-document .news__subscribe__label,
.mobile-document .news__subscribe__input,
.mobile-document .news__subscribe__btn {
display: inline-block;
vertical-align: top;
margin-right: 0;
margin-bottom: 1em;
}
.mobile-document .news__subscribe__btn{
padding: 0;
border: none;
}
.mobile-document .news__description {
display: flex;
padding: 1rem;
padding-bottom: 0;
border-bottom: 1px solid #a1a1a1;
}
.mobile-document .news__description__date{
width: 30%;
padding-right: 0;
}
.mobile-document .news__description__text{
text-align: left;
width: auto;
padding-bottom: 1rem;
border: none;
}
.mobile-document .news__description__text__p{
font-size: 0.75rem;
padding-left: 0.5rem;
}
.mobile-document .news__content{
padding: 1rem;
}
.mobile-document .news__content__inner{
width: 100%;
margin: 0;
}
.mobile-document .news__content__inner__text{
font-size: 0.75rem;
line-height: 1.5em;
font-family: 'LatoLight';
padding-bottom: 1.25rem;
color: #00335b;
}
.mobile-document .news__description__date__inner{
white-space: nowrap;
}
.mobile-document .news__description__date__inner__part2{
text-align: left;
}
.mobile-document #news-single .date .date__day{
font-size: 2.5rem;
padding: 0;
}
.mobile-document #news-single .date .date__month{
font-size: 0.938rem;
}
.mobile-document #news-single .date .date__year{
font-size: 1.063rem;
}
.mobile-document .map-tabs__controls{
display: flex;
justify-content: space-between;
height: auto;
padding-bottom: 0.5rem;
}
.mobile-document .map-tabs__controls__item{
min-width: 10rem;
height: 27px;
}
.mobile-document .map-tabs__controls__item span{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.mobile-document .map-tabs__controls__item--search{
min-width: 27px;
}
.mobile-document .map-tabs__controls__item--search span{
font-size: 1.25rem;
}
.mobile-document .map-tabs__content {
height: calc(100% - 2.5rem);
}
.mobile-document .custom-table__header,
.mobile-document .custom-table__footer {
width: 100%;
}
.mobile-document .custom-table__header__row__item__checkbox{
left: 7px;
}
.mobile-document .custom-table__body__row{
transition: unset;
}
.mobile-document .custom-table__body__row__item--info:hover {
transform: none;
}
.mobile-document .custom-table__body__row__item__img--attendance{
height: 20px;
}
.mobile-document .custom-table__body__row__item__img--displays{
height: 25px;
}
.mobile-document .custom-table__body__row__item{
position: relative;
padding: 0;
}
.mobile-document #additional-map .sidebar {
position: relative;
height: 100%;
}
.mobile-document #additional-map .sidebar .description{
padding: 0;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.mobile-document #additional-map .counters {
margin-bottom: 0;
font-size: 0;
}
.mobile-document #additional-map .counter-wrapper{
display: inline-block;
width: 50%;
padding-bottom: 1.5vh;
text-align: center;
}
.mobile-document #additional-map .btn-sidebar {
position: relative;
text-align: center;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.mobile-document #additional-map .btn-sidebar__item{
margin-bottom: 3%;
width: 9rem;
}
.mobile-document #additional-map .select-items {
max-height: 77vh;
}
.mobile-document #additional-map .counter .counter-number{
font-size: 3rem;
}
.mobile-document #additional-map .counter .span-text{
display: inline-block;
font-size: 0.875rem;
}
.mobile-document #additional-map .before_text{
vertical-align: bottom;
}
.mobile-document #additional-map .after_text{
vertical-align: top;
}
.mobile-document #company .counter {
padding-bottom: 0;
}
.mobile-document .select-items div,
.mobile-document .select-selected{
text-align: left;
}
.mobile-document .custom-table__footer__row{
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: center;
}
.mobile-document .custom-table__footer__row__item:first-child{
width: 25%;
}
.mobile-document .custom-table__footer__row__item--attendance,
.mobile-document .custom-table__footer__row__item--displays{
/* position: relative;
text-align: left;
width: 25%;*/
}
.mobile-document .custom-table__footer__row__item--attendance{
/*padding-left: 30px;*/
}
.mobile-document .custom-table__footer__row__item--displays{
padding-left: 20px;
}
.mobile-document .custom-table__footer__row__item__text{
font-size: 0.875rem;
}
.mobile-document .custom-table__body__row__item--info {
font-size: 1.4rem;
}
.mobile-document .custom-table__header__row__item__text,
.mobile-document .custom-table__footer__row__item__text{
font-size: 0.625rem;
max-width: unset;
}
.mobile-document .custom-table__header__row__item{
padding: 0.75rem;
}
.mobile-document .main-row{
display: flex;
flex-flow: row wrap;
width: 100%;
font-size: 0;
text-align: left;
padding: 0.625rem 0;
}
.mobile-document .main-row__item{
display: inline-block;
text-align: left;
white-space: nowrap;
}
.mobile-document .main-row__item--city{
width: 100%;
}
.mobile-document .main-row__item--city span{
font-size: 0.875rem;
line-height: 1em;
}
.mobile-document .main-row__item--location{
width: 100%;
}
.mobile-document .main-row__item--location span{
font-size: 0.938rem;
white-space: nowrap;
}
.mobile-document .main-row__item--displays{
width: 50%;
padding-left: 20px;
}
.mobile-document .main-row__item--attendance{
width: 50%;
padding-left: 30px;
}
.mobile-document .custom-table__header__row__item--checkbox,
.mobile-document .custom-table__body__row__item--info{
position: relative;
width: 50px;
}
.mobile-document .custom-table__body__row__item--info span{
/*position: absolute;*/
top: 50%;
right: 6px;
transform: translateY(-50%);
}
.mobile-document .custom-table__body__row__item__checkbox{
position: absolute;
top: 50%;
left: 6px;
height: 20px;
margin: 0;
transform: translateY(-50%);
}
.mobile-document .main-row__item__img,
.mobile-document .main-row__item__span{
display: inline-block;
vertical-align: bottom;
}
.mobile-document .main-row__item__img{
position: absolute;
left: 0;
top: 50%;
padding-right: 0;
transform: translateY(-50%);
}
.mobile-document .main-row__item__span{
font-size: 0.725rem;
line-height: 1em;
}
.mobile-document .popup-main__success__header,
.mobile-document .footer-popup__success__header{
width: calc(100% - 2rem);
text-align: center;
}
.mobile-document .popup-main__success__header__item,
.mobile-document .footer-popup__success__header__item{
font-size: 0.875rem;
}
.mobile-document .gallery-wrapper{
top: 2.5rem;
width: calc(100% - 2rem);
height: calc(100% - 3.5rem);
transform: translateX(-50%);
}
.mobile-document .gallery__item__img{
padding: 0;
}
}
/*=============================ZZZZZZZZZZZZZZZZZZZ 480 end ===============*/
/*=============================ZZZZZZZZZZZZZZZZZZZ 420 ===============*/
@media screen and (max-width: 420px){
.mobile-document #navigation-main .container-back .main-content .btn:last-child
{
margin-bottom: 2.5rem;
}
#navigation-main .sidebar .container .description
{
padding-bottom: 0;
}
.mobile-document #navigation-main .main-content .content .btn:first-of-type {
margin-top: 1.125rem;
}
.mobile-document .p-latoregular{
font-size: 0.875rem;
line-height: 1.5em;
}
#mapUkraine .number-wrapper{
padding-bottom: 3px;
}
.mobile-document #mapUkraine .container-back{
justify-content: flex-start;
padding-top: 2.5rem;
}
.mobile-document #additional-map .main-content{
padding-right: 0rem;
padding-left: 0rem;
}
.mobile-document .header-block h3::before{
width: 3.5rem;
}
.mobile-document #interactivity .main-content .content .btn,
.mobile-document #tablet .container-back .main-content .btn,
.mobile-document #exclusive .container-back .main-content .btn,
.mobile-document #navigation-main .container-back .main-content .btn,
.mobile-document #innovation .container-back .main-content .btn,
.mobile-document #programmatic .container-back .main-content .btn,
.mobile-document #bussines .container-back .main-content .btn{
font-size: .68rem;
min-width: 12rem;
}
.mobile-document #programmatic .container-back .main-content .btn
{
margin-bottom:2.5rem;
}
.mobile-document #mapUkraine{
height: auto;
}
.mobile-document #mapUkraine .full-block{
height: auto;
}
.mobile-document #mapUkraine .container-image{
position: relative;
}
.mobile-document #tablet .sidebar .container .description,
.mobile-document #exclusive .sidebar .container .description,
.mobile-document #brands .sidebar .container .description{
padding: 0 1rem;
}
.mobile-document #exclusive .sidebar,
.mobile-document #innovation .sidebar,
.mobile-document #programmatic .sidebar,
.mobile-document #navigation-main .sidebar{
flex-grow: unset;
}
.mobile-document #exclusive .container-back .main-content,
.mobile-document #innovation .container-back .main-content,
.mobile-document #programmatic .container-back .main-content,
.mobile-document #navigation-main .container-back .main-content{
flex-grow: unset;
}
.mobile-document #programmatic .container-back .main-content .content{
width: 62%;
margin: auto;
padding: 0;
}
.mobile-document #bussines .sidebar .container .description{
/*padding-top: 3.5rem;*/
padding-top: 7rem;
}
.mobile-document #exclusive .sidebar{
padding-top: 7rem;
}
.mobile-document .sidebar .container .description{
padding-top: 3.5rem;
/*padding-top: 7rem;*/
}
.mobile-document .nav{
font-size: 0.875rem;
}
.mobile-document #menu-main li:before{
display: none;
}
.mobile-document .popup-main__item__header__item{
font-size: 1.2rem;
}
.mobile-document .popup-main__item__form__label{
font-size: 0.65rem;
}
.mobile-document .popup-main__video__item{
height: 100%;
width: 100%;
}
.mobile-document .direction-logo .square{
width: 5rem;
height: 5rem;
}
.mobile-document #interactivity .main-content{
width: 100%;
height: 32vh;
}
.mobile-document #interactivity .main-content .content{
position: relative;
display: inline-block;
top: 0;
left: 0;
width: 15rem;
transform: none;
}
.mobile-document #interactivity .main-content .content .h-wrapper{
display: none;
}
.mobile-document #company .header-block{
font-size: 1.125rem;
}
.mobile-document #company .main-counter{
text-align: center;
}
.mobile-document #clients .container50{
width: 100%;
}
.mobile-document .clients__owl-container{
width: calc(100% - 2em);
height: 79%;
margin: auto;
}
.mobile-document .clients-carousel__item__item-wrapper__a{
padding: 1.5rem;
}
.mobile-document #clients .logo-grid .row:first-child,
.mobile-document #clients .logo-grid .row:last-child{
width: 1rem;
}
.mobile-document #clients .logo-grid .row{
width: calc(100% - 2rem);
}
.mobile-document #projects .completed .item {
/*height: 14rem;*/
/*margin-left: 2px;*/
/*margin-right: 2px;*/
}
.mobile-document #projects .rewards .owl-dots{
padding-top: 0.5rem;
}
.mobile-document #news .sidebar .container{
background: #00335b;
}
.mobile-document #news .sidebar .description h2 {
display: inline-block;
}
.mobile-document #news .sidebar .description__text-light{
max-height: unset;
overflow: hidden;
}
.mobile-document #news .sidebar{
}
.mobile-document #news .main-content {
/* padding: 1rem 1rem 0;
width: 100%;
height: auto;*/
}
.mobile-document #news .news__tabs__content__item .content-item{
/* padding: 0;
height: 18rem;*/
}
.mobile-document #news .news__tabs__content__item .content-item .block{
width: 100%;
}
.mobile-document .news__tabs__content__item .description p{
font-size: 1.2em;
}
.mobile-document .date .date__day{
font-size: 4.125rem;
}
.mobile-document .date .date__month{
font-size: 1.5rem;
}
.mobile-document .date .date__year{
font-size: 1.75rem;
}
.mobile-document #innovation .container-back .main-content .btn {
}
.mobile-document #mapUkraine .header-content .header-wrapper {
padding-left: 0;
width: 100%;
}
.mobile-document #mapUkraine .counters.main {
width: 100%;
padding-bottom: 0.5rem;
}
.mobile-document #mapUkraine .counter{
/*text-align: center;*/
}
.mobile-document #mapUkraine .content-sidebar .header-sidebar span {
font-size: 12px!important;
}
.mobile-document #mapUkraine .content-sidebar .header-sidebar:last-of-type span {
font-size: 14px!important;
}
.mobile-document #mapUkraine .content-sidebar .counter-wrapper {
padding-top: 0;
}
.mobile-document #mapUkraine .content-sidebar .btn-wrapper {
width: 100%;
text-align: center;
}
.mobile-document #mapUkraine .content-sidebar .header-sidebar:first-of-type{
margin: 0;
}
.mobile-document #mapUkraine .content-sidebar .counter{
width: 100%;
}
.mobile-document #mobile .r18_75,
.mobile-document #mobile .r21,
.mobile-document #mobile .r3_4{
width: 1rem
}
.mobile-document #mobile .r23,
.mobile-document #mobile .r33_6{
width: calc(50% - 1.5rem);
}
.mobile-document #mobile .links-content__inner__h1{
margin-bottom: 1rem;
font-size: 1.5rem!important;
}
.mobile-document #mobile .links-content__inner__btn{
width: 70%;
margin-bottom: 1rem;
}
.mobile-document .app-btn:last-child .app-btn__link__text{
border: 1px solid #a1a1a1;
border-radius: 5px;
}
.mobile-document .app-btn:last-child .app-btn__link__text__h{
font-size: 7.6px;
}
.mobile-document .footer-popup .news-wrapper{
height: 18rem;
}
.mobile-document .footer-popup .all-news-wrapper{
padding-top: 3rem;
}
.mobile-document .footer .news-wrapper .content-container .description p{
font-size: 0.875rem;
}
.mobile-document #programmatic .container-back {
display: flex;
flex-direction: column;
}
.mobile-document #programmatic .sidebar {
height: auto;
}
.mobile-document #programmatic .main-content{
width: 100%;
height: auto;
}
.mobile-document #programmatic .main-content .content {
display: flex;
height: 100%;
flex-direction: column;
justify-content: center;
}
.mobile-document #programmatic .programmatic-btn{
width: 9rem;
margin: 0 auto;
margin-bottom: 1rem;
}
.mobile-document #programmatic .programmatic-btn:last-child{
margin-right: auto;
}
.mobile-document .news__tabs__controls__item{
/*font-size: 0.625rem;*/
/*margin-top: 1.625em;*/
/*margin-bottom: 1.625em;*/
}
.mobile-document .news__description__text__p{
font-size: 0.75rem;
padding-left: 0.5rem;
}
.mobile-document .news__content{
padding: 1rem;
}
.mobile-document .news__content__inner{
width: 100%;
margin: 0;
}
.mobile-document .news__content__inner__text{
font-size: 0.75rem;
line-height: 1.5em;
font-family: 'LatoLight';
padding-bottom: 1.25rem;
color: #00335b;
}
.mobile-document .news__description__date__inner{
white-space: nowrap;
}
.mobile-document .news__description__date__inner__part2{
text-align: left;
}
.mobile-document #news-single .date .date__day{
font-size: 2.5rem;
padding: 0;
}
.mobile-document #news-single .date .date__month{
font-size: 0.938rem;
}
.mobile-document #news-single .date .date__year{
font-size: 1.063rem;
}
.mobile-document .map-tabs__controls{
display: flex;
justify-content: space-between;
height: auto;
padding-bottom: .5rem;
}
.mobile-document .map-tabs__controls__item{
min-width: 10rem;
}
.mobile-document .map-tabs__controls__item span{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.mobile-document .map-tabs__controls__item--search{
min-width: 27px;
}
.mobile-document .map-tabs__controls__item--search span{
font-size: 1.25rem;
}
.mobile-document .map-tabs__content {
height: auto;/*calc(100% - 2.5rem);*/
}
.mobile-document .custom-table__header,
.mobile-document .custom-table__footer {
width: 100%;
}
.mobile-document .custom-table__header__row__item__checkbox{
left: 7px;
}
.mobile-document .custom-table__body__row{
transition: unset;
}
.mobile-document .custom-table__body__row__item--info:hover {
transform: none;
}
.mobile-document .custom-table__body__row__item__img--attendance{
height: 20px;
}
.mobile-document .custom-table__body__row__item__img--displays{
height: 25px;
}
.mobile-document .custom-table__body__row__item{
position: relative;
padding: 0;
}
.mobile-document #additional-map .sidebar {
position: relative;
height: 100%;
}
.mobile-document #additional-map .sidebar .description{
padding: 0;
height: 100%;
/*display: flex;*/
display: block;
flex-direction: column;
justify-content: space-between;
}
.mobile-document #additional-map .counters {
margin-bottom: 0;
font-size: 0;
}
.mobile-document #additional-map .counter-wrapper{
display: inline-block;
width: 50%;
padding-bottom: 1.5vh;
text-align: center;
}
.mobile-document #additional-map .select-items {
max-height: 77vh;
}
.mobile-document #additional-map .counter .counter-number{
font-size: 3rem;
}
.mobile-document #additional-map .counter .span-text{
display: inline-block;
font-size: 0.875rem;
}
.mobile-document #additional-map .before_text{
vertical-align: bottom;
}
.mobile-document #additional-map .after_text{
vertical-align: top;
}
.mobile-document .select-items div,
.mobile-document .select-selected{
text-align: left;
}
.mobile-document .custom-table__footer__row{
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: center;
}
.mobile-document .custom-table__footer__row__item:first-child{
width: 25%;
}
.mobile-document .custom-table__footer__row__item--attendance,
.mobile-document .custom-table__footer__row__item--displays{
/* position: relative;
text-align: left;
width: 25%;*/
}
.mobile-document .custom-table__footer__row__item--attendance{
/*padding-left: 30px;*/
}
.mobile-document .custom-table__footer__row__item--displays{
padding-left: 20px;
}
.mobile-document .custom-table__footer__row__item__text{
font-size: 0.875rem;
}
.mobile-document .custom-table__body__row__item--info {
font-size: 1.4rem;
}
.mobile-document .custom-table__header__row__item__text,
.mobile-document .custom-table__footer__row__item__text{
max-width: unset;
}
.mobile-document .custom-table__header__row__item{
padding: 0.75rem;
}
.mobile-document .main-row{
display: flex;
flex-flow: row wrap;
width: 100%;
font-size: 0;
text-align: left;
padding: 0.625rem 0;
}
.mobile-document .main-row__item{
display: inline-block;
text-align: left;
white-space: nowrap;
}
.mobile-document .main-row__item--city{
width: 40%;
padding-bottom: 8px;
display: flex;
flex-direction: column;;
justify-content: center;
}
.mobile-document .main-row__item--city span{
font-size: 0.875rem;
line-height: 1em;
}
.mobile-document .main-row__item--location{
width: 50%;
padding-bottom: 8px;
}
.mobile-document .main-row__item--location span{
font-size: 0.938rem;
white-space: nowrap;
}
.mobile-document .main-row__item--displays{
width: 40%;
padding-left: 20px;
margin-left: 1.6rem;
}
.mobile-document .main-row__item--attendance{
width: 40%;
padding-left: 1.8rem;
margin: auto;
}
.mobile-document .custom-table__header__row__item--checkbox,
.mobile-document .custom-table__body__row__item--info{
position: relative;
width: 50px;
}
.mobile-document .custom-table__body__row__item--info span{
/*position: absolute;*/
font-size: 1.3rem;
top: calc(100% - 1.625rem);
bottom: calc(100% + 0.625rem);
right: 6px;
transform: translateY(0%);
}
.mobile-document .custom-table__body__row__item__checkbox{
position: absolute;
top: 50%;
left: 6px;
height: 20px;
margin: 0;
transform: translateY(-50%);
}
.mobile-document .main-row__item__img,
.mobile-document .main-row__item__span{
display: inline-block;
vertical-align: bottom;
}
.mobile-document .main-row__item__img{
position: absolute;
left: 0;
top: 50%;
padding-right: 0;
transform: translateY(-50%);
}
.mobile-document .main-row__item__span{
line-height: 1em;
}
.mobile-document .popup-main__success__header,
.mobile-document .footer-popup__success__header{
width: calc(100% - 2rem);
text-align: center;
}
.mobile-document .popup-main__success__header__item,
.mobile-document .footer-popup__success__header__item{
font-size: 0.875rem;
}
.mobile-document .gallery__item__img{
padding: 0;
}
}
/*=============================ZZZZZZZZZZZZZZZZZZZ 375 ===============*/
@media screen and (max-width: 375px){
#direction1 .btn-wrapper
{
width: 65%;
}
.mobile-document .full-block{
min-height: 620px;
}
#interactivity .full-block{
min-height: 620px;
}
.mobile-document #mapU{
width: 100%;
padding: 0;
}
.mobile-document #mapUkraine .content-sidebar .btn{
width: 9rem;
}
.mobile-document .btn{
font-size: 0.625rem;
min-width: 7.625rem;
}
.mobile-document .h-wrapper{
font-size: 1rem;
}
.mobile-document .p-latoregular{
font-size: 0.750rem;
line-height: 1.5em;
}
.mobile-document .header-block h3{
font-size: .9em;
}
.mobile-document .header-block h3::before{
width: 3.5rem;
}
.mobile-document #popout .main-information {
font-size: 0.65rem;
}
.mobile-document #interactivity .container-back .main-content .content,
.mobile-document #tablet .container-back .main-content .content,
.mobile-document #exclusive .container-back .main-content .content,
.mobile-document #navigation-main .container-back .main-content .content,
.mobile-document #innovation .container-back .main-content .content{
top: 0;
left: 0;
transform: none;
}
.mobile-document #toggle .text .text-container{
font-size: 0.750rem;
}
.mobile-document .nav{
font-size: 0.75rem;
}
.mobile-document #menu-main li{
font-size: 1rem;
}
.mobile-document #menu-main li:before{
display: none;
}
.mobile-document #menu-main li .number{
font-size: 0.8rem;
}
.mobile-document .popup-main__item__header__item{
font-size: 1rem;
}
.mobile-document .popup-main__video__item{
height: 100%;
width: 100%;
}
.mobile-document .sidebar .description__text-light{
font-size: 0.75rem;
}
.mobile-document .sidebar .description__header-light{
font-size: 1.3rem;
}
.mobile-document .direction-inner .description--light {
font-size: 0.75rem;
}
.mobile-document .direction-logo .square{
width: 5rem;
height: 5rem;
}
.mobile-document .item-wrapper .information{
top: 85%;
}
.mobile-document .item-wrapper .information .information-inner h3{
font-size: 1rem;
padding-top: 0.3em;
}
.mobile-document #interactivity .main-content{
width: 100%;
height: 32vh;
}
.mobile-document #interactivity .main-content .content{
position: relative;
display: inline-block;
top: 0;
left: 0;
width: 15rem;
transform: none;
}
.mobile-document #interactivity .main-content .content .h-wrapper{
display: none;
}
.mobile-document #interactivity .main-content .content .btn:first-of-type{
margin-top: 1.125rem;
}
.mobile-document #company .header-block{
font-size: 1.125rem;
}
.mobile-document .wrapper-counter .box-container{
width: 90px;
height: 85px;
}
.mobile-document .wrapper-counter .counter-content .text_upper span,
.mobile-document .wrapper-counter .counter-content .text_lower span{
font-size: 0.8rem;
}
.mobile-document #company .main-counter{
text-align: center;
}
.mobile-document #clients .container50{
width: 100%;
}
.mobile-document .clients__owl-container{
width: calc(100% - 2em);
height: 79%;
margin: auto;
}
.mobile-document .clients-carousel__item__item-wrapper__a{
padding: 0.625rem;
}
.mobile-document #owl-dot1 .owl-dot{
width: 0.625rem;
height: 0.625rem;
margin-right: 0.25rem;
}
.mobile-document #clients .logo-grid .row:first-child,
.mobile-document #clients .logo-grid .row:last-child{
width: 1rem;
}
.mobile-document #clients .logo-grid .row{
width: calc(100% - 2rem);
}
.mobile-document .counter .counter-number {
font-size: 1.563rem;
margin-bottom: 0.5rem;
}
.mobile-document .counter .span-text{
font-size: 0.68em;
}
.mobile-document #projects .completed .item {
/* height: 14rem;
margin-left: 2px;
margin-right: 2px;*/
}
.mobile-document #projects .rewards .header-block h3{
font-size: .9em;
}
.mobile-document #projects .rewards .owl-dots{
padding-top: 0.5rem;
}
.mobile-document .rewards__item__wrapper__row__text{
font-size: 0.8rem;
}
.mobile-document #news .sidebar .container{
background: #00335b;
}
.mobile-document #news .sidebar .description h2 {
display: inline-block;
}
.mobile-document #news .sidebar .description__text-light{
overflow: hidden;
}
.mobile-document #news .main-content {
/* padding: 1rem 1rem 0;
width: 100%;
height: auto;*/
}
.mobile-document #news .news__tabs__content__item .content-item{
/* padding: 0;
height: 18rem;*/
}
.mobile-document #news .news__tabs__content__item .content-item .block{
width: 100%;
}
.mobile-document .news__tabs__content__item .description p{
font-size: 1.2em;
}
.mobile-document .date .date__day{
font-size: 4.125rem;
}
.mobile-document .date .date__month{
font-size: 1.5rem;
}
.mobile-document .date .date__year{
font-size: 1.75rem;
}
.mobile-document #mapUkraine .header-content .header-wrapper {
padding-left: 0;
width: 100%;
}
.mobile-document #mapUkraine .counters.main {
width: 100%;
padding-top: .5rem;
}
.mobile-document #mapUkraine .counter{
/*text-align: left;*/
}
.mobile-document #mapUkraine .content-sidebar .header-sidebar span {
font-size: 14px!important;
}
.mobile-document #mapUkraine .content-sidebar .counter-wrapper {
padding-top: 0;
}
.mobile-document #mapUkraine .content-sidebar .btn-wrapper {
width: 100%;
text-align: center;
}
.mobile-document #mapUkraine .content-sidebar .header-sidebar:first-of-type{
margin: 0;
}
.mobile-document #mapUkraine .content-sidebar .header-sidebar {
}
.mobile-document #mapUkraine .content-sidebar .counter{
width: 100%;
}
.mobile-document #diffSlider .header .header-wrapper{
padding-bottom: 1rem;
}
.mobile-document #diffSlider .owl-carousel .item-wrapper img{
height: 340px;
}
.mobile-document #mobile .r18_75,
.mobile-document #mobile .r21,
.mobile-document #mobile .r3_4{
width: 1rem
}
.mobile-document #mobile .r23,
.mobile-document #mobile .r33_6{
width: calc(50% - 1.5rem);
}
.mobile-document #mobile .links-content__inner__h1{
margin-bottom: 1rem;
font-size: 1.5rem!important;
}
.mobile-document #mobile .links-content__inner__btn{
width: 70%;
margin-bottom: 1rem;
}
.mobile-document .app-btn:last-child .app-btn__link__text{
border: 1px solid #a1a1a1;
border-radius: 5px;
}
.mobile-document .app-btn:last-child .app-btn__link__text__h{
font-size: 7.6px;
}
.mobile-document .footer-tabs__item__p{
font-size: 0.875rem;
}
.mobile-document .footer-information__item{
font-size: 0.7em;
}
.mobile-document .footer-popup .news-wrapper{
height: 15rem;
}
.mobile-document .footer-popup .all-news-wrapper{
padding-top: 3rem;
}
.mobile-document .footer .news-wrapper .content-container .description p{
font-size: 0.75rem;
}
.mobile-document #programmatic .container-back {
display: flex;
flex-direction: column;
}
.mobile-document #programmatic .sidebar {
/*height: 100%;*/
}
.mobile-document #programmatic .main-content{
width: 100%;
height: 40%;
}
.mobile-document #programmatic .main-content .content {
display: flex;
height: 100%;
flex-direction: column;
justify-content: center;
}
.mobile-document #programmatic .programmatic-btn{
width: 9rem;
margin: 0 auto;
margin-bottom: 1rem;
}
.mobile-document #programmatic .programmatic-btn:last-child{
margin-right: auto;
}
.mobile-document .news__tabs__controls__item{
/*font-size: 0.5rem;*/
/*margin-top: 1.625em;*/
/*margin-bottom: 1.625em;*/
}
.mobile-document #all-news .news__tabs__content__item .content-item{
height: 10.625rem;
}
.mobile-document .news__description__text__p{
font-size: 0.9em;
padding-left: 0.5rem;
}
.mobile-document .news__content{
padding: 1rem;
}
.mobile-document .news__content__inner{
width: 100%;
margin: 0;
}
.mobile-document .news__content__inner__text{
font-size: 0.9em;
line-height: 1.5em;
font-family: 'LatoLight';
padding-bottom: 1.25rem;
color: #00335b;
}
.mobile-document .news__description__date__inner{
white-space: nowrap;
}
.mobile-document .news__description__date__inner__part2{
text-align: left;
}
.mobile-document #news-single .date .date__day{
font-size: 2.5rem;
padding: 0;
}
.mobile-document #news-single .date .date__month{
font-size: 0.938rem;
}
.mobile-document #news-single .date .date__year{
font-size: 1.063rem;
}
.mobile-document .map-tabs__controls{
display: flex;
justify-content: space-between;
height: auto;
padding-bottom: 0.5rem;
}
.mobile-document .map-tabs__controls__item:first-of-type{
}
.mobile-document .map-tabs__controls__item{
min-width: 8.5rem;
}
.mobile-document .map-tabs__controls__item span{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.mobile-document .map-tabs__controls__item--search{
min-width: 27px;
}
.mobile-document .map-tabs__controls__item--search span{
font-size: 1.25rem;
}
.mobile-document .map-tabs__content {
height: auto;/*calc(100% - 2.5rem);*/
}
.mobile-document .custom-table__header,
.mobile-document .custom-table__footer {
width: 100%;
}
.mobile-document .custom-table__header__row__item__checkbox{
left: 7px;
}
.mobile-document .custom-table__body__row{
transition: unset;
}
.mobile-document .custom-table__body__row__item--info:hover {
transform: none;
}
.mobile-document .custom-table__body__row__item__img--attendance{
height: 20px;
}
.mobile-document .custom-table__body__row__item__img--displays{
height: 25px;
}
.mobile-document .custom-table__body__row__item{
position: relative;
padding: 0;
}
.mobile-document #additional-map .sidebar {
position: relative;
height: 100%;
}
.mobile-document #additional-map .sidebar .description{
padding: 0;
height: 100%;
}
.mobile-document #additional-map .counters {
margin-bottom: 0;
font-size: 0;
}
.mobile-document #additional-map .counter-wrapper{
display: inline-block;
width: 50%;
padding-bottom: 1.5vh;
text-align: center;
}
.mobile-document #additional-map .select-items {
max-height: 77vh;
}
.mobile-document #additional-map .counter .counter-number{
font-size: 2rem;
}
.mobile-document #additional-map .counter .span-text{
display: inline-block;
font-size: 0.725rem;
}
.mobile-document #additional-map .before_text{
vertical-align: bottom;
}
.mobile-document #additional-map .after_text{
vertical-align: top;
}
.mobile-document .select-items div,
.mobile-document .select-selected{
text-align: left;
}
.mobile-document .custom-table__footer__row{
/* display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: center;*/
}
.mobile-document .custom-table__footer__row__item:first-child{
width: 30%;
padding-right: 2rem;
}
.mobile-document .custom-table__footer__row__item--attendance,
.mobile-document .custom-table__footer__row__item--displays{
/* position: relative;
text-align: left;
width: 25%;*/
}
.mobile-document .custom-table__footer__row__item--attendance{
/*padding-left: 30px;*/
}
.mobile-document .custom-table__footer__row__item--displays{
padding-left: 20px;
margin-left: 1rem;
}
.mobile-document .custom-table__footer__row__item__text{
font-size: 0.875rem;
}
.mobile-document .custom-table__body__row__item--info {
font-size: 1.4rem;
}
.mobile-document .custom-table__header__row__item__text,
.mobile-document .custom-table__footer__row__item__text{
max-width: unset;
}
.mobile-document .custom-table__header__row__item{
padding: 0.75rem;
}
.mobile-document .main-row{
display: flex;
flex-flow: row wrap;
width: 100%;
font-size: 0;
text-align: left;
padding: 0.625rem 0;
}
.mobile-document .main-row__item{
display: inline-block;
text-align: left;
white-space: nowrap;
}
.mobile-document .main-row__item--city{
/*width: 100%;*/
width: 36%;
display: flex;
flex-direction: column;
justify-content: center;
padding-bottom: 8px;
}
.mobile-document .main-row__item--city span{
font-size: 0.75rem;
line-height: 1em;
}
.mobile-document .main-row__item--location{
/*width: 100%;*/
width: 50%;
padding-bottom: 8px;
}
.mobile-document .main-row__item--location span{
/*font-size: 0.938rem;*/
font-size: 0.82rem;
white-space: nowrap;
}
.mobile-document .main-row__item--displays{
width: 40%;
padding-left: 20px;
margin-left: .5rem;
}
.mobile-document .main-row__item--attendance{
width: 35%;
padding-left: 1.8rem;
margin: auto;
}
.mobile-document .custom-table__header__row__item--checkbox,
.mobile-document .custom-table__body__row__item--info{
position: relative;
width: 50px;
}
.mobile-document .custom-table__body__row__item--info span{
/*position: absolute;*/
/*top: 50%;*/
/*top: unset;*/
/*right: 6px;*/
/*bottom: calc(100% + 0.625rem);*/
/*transform: translateY(0%);*/
}
.mobile-document .custom-table__body__row__item__checkbox{
position: absolute;
top: 50%;
left: 6px;
height: 20px;
margin: 0;
transform: translateY(-50%);
}
.mobile-document .main-row__item__img,
.mobile-document .main-row__item__span{
display: inline-block;
vertical-align: bottom;
}
.mobile-document .main-row__item__img{
position: absolute;
left: 0;
top: 50%;
padding-right: 0;
transform: translateY(-50%);
}
.mobile-document .main-row__item__span{
line-height: 1em;
}
.mobile-document .popup-main__success__header,
.mobile-document .footer-popup__success__header{
width: calc(100% - 2rem);
text-align: center;
}
.mobile-document .popup-main__success__header__item,
.mobile-document .footer-popup__success__header__item{
font-size: 0.875rem;
}
.mobile-document .gallery__item__img{
padding: 0;
}
}
/*=============================ZZZZZZZZZZZZZZZZZZZ 320 ===============*/
@media screen and (max-width: 320px){
.mobile-document #mapUkraine .sidebar .counters{
padding-bottom: 0;
}
.mobile-document #mapUkraine .content-sidebar .btn:nth-of-type(1){
margin-bottom: 0.5rem;
}
.mobile-document #mapUkraine .full-block{
height: auto;
}
.mobile-document #mapUkraine .container-image{
position: relative;
}
.mobile-document .p-latoregular{
font-size: 0.750rem;
line-height: 1.5em;
}
.mobile-document .header-block h3::before{
width: 3.5rem;
}
.mobile-document #popout .main-information {
font-size: 0.50rem;
}
.mobile-document #tablet .sidebar .description__text-light:first-of-type,
.mobile-document #exclusive .sidebar .description__text-light:first-of-type,
.mobile-document #brands .sidebar .description__text-light:first-of-type {
padding-top: 0;
}
.mobile-document #interactivity .container-back,
.mobile-document #tablet .container-back,
.mobile-document #exclusive .container-back,
.mobile-document #navigation-main .container-back,
.mobile-document #innovation .container-back,
.mobile-document #programmatic .container-back,
.mobile-document #bussines .container-back{
justify-content: flex-start;
}
.mobile-document #exclusive .sidebar{
padding-top: 5rem;
}
.mobile-document #bussines .sidebar .container .description{
padding-top: 5rem;
}
.mobile-document .sidebar .container .description{
padding-top: 5rem;
}
.mobile-document #menu-main li:before{
display: none;
}
.mobile-document .popup-main__item__header__item{
font-size: 1rem;
}
.mobile-document .popup-main__item__form__label{
font-size: 0.5rem;
}
.mobile-document .popup-main__video__item{
height: 100%;
width: 100%;
}
.mobile-document .direction-logo .square{
width: 5rem;
height: 5rem;
}
.mobile-document #direction1 .sidebar .description {
padding: 0;
}
.mobile-document #direction1 .main-content .content-item{
height: 16.875rem;
}
.mobile-document #interactivity .main-content{
width: 100%;
height: 32vh;
}
.mobile-document #interactivity .main-content .content{
position: relative;
display: inline-block;
top: 0;
left: 0;
width: 15rem;
transform: none;
}
.mobile-document #interactivity .main-content .content .h-wrapper{
display: none;
}
.mobile-document #interactivity .main-content .content .btn:first-of-type{
margin-top: 2vh;
}
.mobile-document #company .header-block{
font-size: 1.125rem;
}
.mobile-document #company .main-counter{
text-align: center;
}
.mobile-document #clients .container50{
width: 100%;
}
.mobile-document .clients__owl-container{
width: calc(100% - 2em);
height: 79%;
margin: auto;
}
.mobile-document #clients .logo-grid .row:first-child,
.mobile-document #clients .logo-grid .row:last-child{
width: 1rem;
}
.mobile-document #clients .logo-grid .row{
width: calc(100% - 2rem);
}
.mobile-document #projects .completed .item {
height: 12.5rem;
margin-left: 2px;
margin-right: 2px;
}
.mobile-document #projects .rewards .owl-dots{
padding-top: 0.5rem;
}
.mobile-document #news .sidebar .description{
padding: 2.5rem 1rem 1rem;
width: 100%;
height: 100%;
}
.mobile-document #news .sidebar .container{
background: #00335b;
}
.mobile-document #news .sidebar .description h2 {
display: inline-block;
}
.mobile-document #news .sidebar .description__text-light{
overflow: hidden;
}
.mobile-document #news .sidebar{
}
.mobile-document #news .main-content {
padding: 1rem 1rem 0;
width: 100%;
height: auto;
}
.mobile-document #news .news__tabs__content__item .content-item{
padding: 0;
height: 15rem;
}
.mobile-document #news .news__tabs__content__item .content-item .block{
width: 100%;
}
.mobile-document .news__tabs__content__item .description p{
font-size: 1.2em;
}
.mobile-document .date .date__day{
font-size: 4.125rem;
}
.mobile-document .date .date__month{
font-size: 1.5rem;
}
.mobile-document .date .date__year{
font-size: 1.75rem;
}
.mobile-document #mapUkraine .header-content .header-wrapper {
padding-left: 0;
width: 100%;
}
.mobile-document #mapUkraine .counters.main {
width: 100%;
}
.mobile-document #mapUkraine .counter{
/*text-align: center;*/
}
.mobile-document #mapUkraine .content-sidebar .header-sidebar span {
font-size: 14px!important;
}
.mobile-document #mapUkraine .content-sidebar .counter-wrapper {
padding-top: 0;
}
.mobile-document #mapUkraine .content-sidebar .btn-wrapper {
width: 100%;
text-align: center;
}
.mobile-document #mapUkraine .content-sidebar .header-sidebar:first-of-type{
margin: 0;
}
.mobile-document #mapUkraine .content-sidebar .counter{
width: 100%;
}
.mobile-document #mobile .r18_75,
.mobile-document #mobile .r21,
.mobile-document #mobile .r3_4{
width: 1rem
}
.mobile-document #mobile .r23,
.mobile-document #mobile .r33_6{
width: calc(50% - 1.5rem);
}
.mobile-document #mobile .links-content__inner__h1{
margin-bottom: 1rem;
font-size: 1.25rem!important;
}
.mobile-document #mobile .links-content__inner__btn{
width: 70%;
margin-bottom: 1rem;
}
.mobile-document .app-btn:last-child .app-btn__link__text{
border: 1px solid #a1a1a1;
border-radius: 5px;
}
.mobile-document .app-btn:last-child .app-btn__link__text__h{
font-size: 7.6px;
}
.mobile-document .footer-information__item{
font-size: 0.500rem;
}
.mobile-document .footer-popup .news-wrapper{
height: 12.5rem;
}
.mobile-document .footer-popup .all-news-wrapper{
padding-top: 3rem;
}
.mobile-document #bussines .full-block{
}
.mobile-document #programmatic .container-back {
display: flex;
flex-direction: column;
}
.mobile-document #programmatic .sidebar {
height: auto;
}
.mobile-document #programmatic .main-content{
width: 100%;
height: 40%;
}
.mobile-document #programmatic .main-content .content {
display: flex;
height: 100%;
flex-direction: column;
justify-content: center;
}
.mobile-document #programmatic .programmatic-btn{
}
.mobile-document .news__tabs__controls__item{
font-size: 0.5rem;
margin-top: 1.625em;
margin-bottom: 1.625em;
}
.mobile-document .news__description__text__p{
font-size: 0.75rem;
padding-left: 0.5rem;
}
.mobile-document .news__content{
padding: 1rem;
}
.mobile-document .news__content__inner{
width: 100%;
padding: 0;
margin: 0;
}
.mobile-document .news__content__inner__text{
font-size: 0.75rem;
line-height: 1.5em;
font-family: 'LatoLight';
padding-bottom: 1.25rem;
color: #00335b;
}
.mobile-document .news__description__date__inner{
white-space: nowrap;
}
.mobile-document .news__description__date__inner__part2{
text-align: left;
}
.mobile-document #news-single .date .date__day{
font-size: 2.5rem;
padding: 0;
}
.mobile-document #news-single .date .date__month{
font-size: 0.938rem;
}
.mobile-document #news-single .date .date__year{
font-size: 1.063rem;
}
.mobile-document .map-tabs__controls{
display: flex;
justify-content: space-between;
height: auto;
padding-bottom: 0.5rem;
}
.mobile-document .map-tabs__controls__item{
position: relative;
min-width: 7.2rem;
height: 27px;
vertical-align: top;
}
.mobile-document .map-tabs__controls__item span{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.mobile-document .map-tabs__controls__item--search{
min-width: 27px;
}
.mobile-document .map-tabs__controls__item--search span{
font-size: 1.25rem;
}
.mobile-document .map-tabs__content {
height: auto;/*calc(100% - 2.5rem);*/
}
.mobile-document .custom-table__header,
.mobile-document .custom-table__footer {
width: 100%;
}
.mobile-document .custom-table__header__row__item__checkbox{
left: 7px;
}
.mobile-document .custom-table__body__row{
transition: unset;
}
.mobile-document .custom-table__body__row__item--info:hover {
transform: none;
}
.mobile-document .custom-table__body__row__item__img--attendance{
height: 20px;
}
.mobile-document .custom-table__body__row__item__img--displays{
height: 25px;
}
.mobile-document .custom-table__body__row__item{
position: relative;
padding: 0;
}
.mobile-document #additional-map .sidebar {
position: relative;
height: 100%;
}
.mobile-document #additional-map .sidebar .description{
padding: 0;
height: 100%;
}
.mobile-document #additional-map .counters {
margin-bottom: 0;
font-size: 0;
}
.mobile-document #additional-map .counter-wrapper{
display: inline-block;
width: 50%;
padding-bottom: 1.5vh;
text-align: center;
}
.mobile-document #additional-map .select-items {
max-height: 300px;
}
.mobile-document #additional-map .counter .counter-number{
font-size: 1.8rem;
}
.mobile-document #additional-map .counter .span-text{
display: inline-block;
font-size: 0.625rem;
}
.mobile-document #additional-map .before_text{
vertical-align: bottom;
}
.mobile-document #additional-map .after_text{
vertical-align: top;
}
.mobile-document .select-items div,
.mobile-document .select-selected{
text-align: left;
}
.mobile-document .custom-table__footer__row{
/* display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: center;*/
}
.mobile-document .custom-table__footer__row__item:first-child{
width: 30%;
padding-right: 2rem;
}
.mobile-document .custom-table__footer__row__item--attendance,
.mobile-document .custom-table__footer__row__item--displays{
/* position: relative;
text-align: left;
width: 25%;*/
}
.mobile-document .custom-table__footer__row__item--attendance{
/*padding-left: 30px;*/
}
.mobile-document .custom-table__footer__row__item--displays{
padding-left: 20px;
}
.mobile-document .custom-table__footer__row__item__text{
font-size: 0.875rem;
}
.mobile-document .custom-table__body__row__item--info {
font-size: 1.4rem;
}
.mobile-document .custom-table__header__row__item__text,
.mobile-document .custom-table__footer__row__item__text{
max-width: unset;
}
.mobile-document .custom-table__header__row__item{
padding: 0.75rem;
}
.mobile-document .main-row{
/*display: flex;*/
/*flex-flow: row wrap;*/
/*width: 80%;*/
font-size: 0;
text-align: left;
padding: 0.425rem 0;
}
.mobile-document .main-row__item{
/*display: inline-block;*/
text-align: left;
white-space: nowrap;
}
.mobile-document .main-row__item--city{
width: 40%;
padding-bottom: 8px;
}
.mobile-document .main-row__item--city span{
font-size: 0.75rem;
line-height: 1em;
}
.mobile-document .main-row__item--location{
width: 50%;
padding-bottom: 8px;
}
.mobile-document .main-row__item--location span{
font-size: 0.7rem;
white-space: nowrap;
}
.mobile-document .main-row__item--displays{
width: 48%;
padding-left: 20px;
margin-left: auto;
}
.mobile-document .main-row__item--attendance{
width: 42%;
padding-left: 1.8rem;
margin: auto;
}
.mobile-document .custom-table__header__row__item--checkbox,
.mobile-document .custom-table__body__row__item--info{
position: relative;
width: 50px;
}
.mobile-document .custom-table__body__row__item--info span{
/*position: absolute;*/
/*top: 50%;*/
/*right: 6px;*/
/*transform: translateY(-50%);*/
}
.mobile-document .custom-table__body__row__item__checkbox{
position: absolute;
top: 50%;
left: 6px;
height: 20px;
margin: 0;
transform: translateY(-50%);
}
.mobile-document .main-row__item__img,
.mobile-document .main-row__item__span{
display: inline-block;
vertical-align: bottom;
}
.mobile-document .main-row__item__img{
position: absolute;
left: 0;
top: 50%;
padding-right: 0;
transform: translateY(-50%);
}
.mobile-document .main-row__item__span{
line-height: 1em;
}
.mobile-document .popup-main__success__header,
.mobile-document .footer-popup__success__header{
width: calc(100% - 2rem);
text-align: center;
}
.mobile-document .popup-main__success__header__item,
.mobile-document .footer-popup__success__header__item{
font-size: 0.875rem;
}
.mobile-document .gallery__item__img{
padding: 0;
}
}
@font-face{font-family:'LatoRegular';font-display:swap;src:local('LatoRegular'),url(//infovision.ua/wp-content/themes/first-theme/css/../fonts/Lato/Lato-Regular.woff2) format("woff2"),url(//infovision.ua/wp-content/themes/first-theme/css/../fonts/Lato/Lato-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:'LatoBold';font-display:swap;src:local('LatoBold'),url(//infovision.ua/wp-content/themes/first-theme/css/../fonts/Lato/Lato-Bold.woff2) format("woff2"),url(//infovision.ua/wp-content/themes/first-theme/css/../fonts/Lato/Lato-Bold.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:'LatoLight';font-display:swap;src:local('LatoLight'),url(//infovision.ua/wp-content/themes/first-theme/css/../fonts/Lato/Lato-Light.woff) format("woff2"),url(//infovision.ua/wp-content/themes/first-theme/css/../fonts/Lato/Lato-Light.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:'OpenSansRegular';font-display:swap;src:local('OpenSansRegular'),url(//infovision.ua/wp-content/themes/first-theme/css/../fonts/OpenSans/OpenSans-Regular.woff2) format("woff2"),url(//infovision.ua/wp-content/themes/first-theme/css/../fonts/OpenSans/OpenSans-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:'OpenSansBold';font-display:swap;src:local('OpenSansBold'),url(//infovision.ua/wp-content/themes/first-theme/css/../fonts/OpenSans/OpenSans-Bold.woff2) format("woff2"),url(//infovision.ua/wp-content/themes/first-theme/css/../fonts/OpenSans/OpenSans-Bold.woff) format("woff");font-weight:400;font-style:normal}/*=========FONTS END=========
Sample Page | Infovision
Sample Page This is an example page. It’s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:
Hi there! I’m a bike messenger by day, aspiring actor by night, and this is my website. I live in Los Angeles, have a great dog named Jack, and I like piña coladas. (And gettin’ caught in the rain.)
…or something like this:
The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickeys to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.
As a new WordPress user, you should go to your dashboard to delete this page and create new pages for your content. Have fun!