thumb (28)
29, 2019 4:34 Leave your thoughtsCategorised in:
This post was written by ceo
');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=========
bool(false)
Categorised in:
This post was written by ceo