/*!
Theme Name: tashtiot
Theme URI: https://underscores.me/
Author: Automattic
Author URI: https://automattic.com/
Description: Hi. I'm a starter theme called _s, or underscores, if you like. I'm a theme meant for hacking so don't use me as a Parent Theme. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tashtiot
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
_s is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
## Posts and pages
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}
body {
background: #F0F0F8;
/* Fallback for when there is no custom background color defined. */
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul, ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
}
figure {
margin: 1em 0;
/* Extra wide images within figure tags don't overflow the content area. */
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: .6em 1em .4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
color: royalblue;
}
/*a:visited {*/
/* color: purple;*/
/*}*/
a:hover, a:focus, a:active {
color: midnightblue;
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
/* Make sure select elements fit in widgets. */
}
.widget select {
max-width: 100%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
.pp_pic_holder .pp_close,
.pp_pic_holder .pp_expand,
.pp_pic_holder .pp_contract {
color: transparent;
}
.pp_default .pp_content_container .pp_right {
padding-right: 20px !important;
}
.wiki-label {
position: absolute;
top: -18px;
display: block;
transition: 0.2s ease;
left: 50%;
transform: translateX(-50%);
transform-origin: top;
}
.wiki-title {
font-weight: bold;
font-size: 20px;
line-height: 26px;
text-align: center;
color: #FFF;
position: absolute;
bottom: 45px;
left: calc(50% + 10px);
transform: translateX(-50%);
}
.wiki-text {
padding: 30px;
border-radius: 25px;
background-color: #fff;
position: absolute;
top: calc(100% + 10px);
left: calc(50% + 10px);
transform: translateX(-50%);
border: 2px solid #ccc;
transition: 0.2s ease;
}
.wiki-text:before {
content: '';
position: absolute;
top: -14px;
left: 50%;
transform: translateX(-50%) rotate(45deg);
width: 28px;
height: 28px;
background-color: #fff;
border-radius: 6px 0 0 0;
border: 2px solid;
border-color: #ccc transparent transparent #ccc;
}
.wiki-text span {
font-weight: 600;
font-size: 18px;
line-height: 24px;
text-align: right;
white-space: nowrap;
color: #255B7D;
display: block;
}
.header-container > p {
margin: 0;
}
.wiki-label svg {
transition: 0.2s ease;
}
.wiki-label:hover svg {
filter: drop-shadow(6px 6px 14px #92d7f4);
}
.wiki-label:hover .wiki-text {
filter: drop-shadow(6px 6px 14px #92d7f4);
}
.home .main-heading-block .main-heading-title-block h1 {
font-weight: bold;
color: #fff;
}
@media screen and (max-width: 1350px) {
.main-menu-header-column.vc_col-sm-8 {
width: 66.66666667% !important;
}
.site-header .header-template-1 .vc_column_container.main-icons-header-column {
width: 16.66666667%;
display: block !important;
}
}
@media screen and (max-width: 1500px) {
.site-header .header-template-1 .vc_column_container.main-icons-header-column {
transform: scale(0.85);
}
}
@media screen and (max-width: 1200px) {
.site-header .header-template-1 .vc_column_container.main-icons-header-column {
position: absolute;
left: 80px;
transform: scale(0.7);
}
.wiki-text {
display: none;
}
}
@media screen and (max-width: 1180px) {
.main-menu-header-column.vc_col-sm-8 {
width: 83.33333333% !important;
}
}
/*new home*/
.banner {
max-width: 1816px;
padding: 0 20px 0 118px;
display: flex;
gap: 14px;
height: 690px;
margin: 0 auto;
}
.banner-info {
flex: 1;
background-color: #06081A;
border-radius: 10px;
padding: 98px 50px 40px;
position: relative;
display: flex;
color: #fff;
overflow: hidden;
}
.banner-info:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1;
}
.banner-info:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(40, 46, 99, 0.5);
z-index: 2;
}
.banner-info__img {
position: absolute;
top: -17px;
left: -85px;
max-width: 50%;
}
#banner-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.banner-info-inner {
max-width: 755px;
margin-top: auto;
z-index: 3;
}
.banner-info__title-wrapper {
display: flex;
gap: 14px;
margin-bottom: 35px;
}
.banner-info__title {
font-size: 40px;
margin: 0;
font-weight: 400;
line-height: 1;
}
.banner-info__title strong {
font-weight: 900;
}
.banner-info__title-inner {
margin-bottom: 10px;
display: block;
}
.banner-info__subtitle {
display: block;
font-size: 20px;
font-weight: 900;
color: #33ADFF;
max-width: 330px;
}
.banner-info__content {
display: flex;
flex-direction: column;
}
.banner-info__text {
font-size: 20px;
font-weight: 700;
margin: 0 0 43px;
line-height: 1.2;
}
.banner-info__btn {
display: inline-block;
width: 292px;
font-size: 18px;
font-weight: 900;
padding: 24px 90px;
border-radius: 20px;
background: #FFFFFF4D;
color: #fff;
transition: 0.3s ease;
text-decoration: none;
margin-bottom: 95px;
}
.banner-info__btn:hover {
color: #3E386E;
background: #00FFE4;
}
.banner-info__link {
font-size: 18px;
font-weight: 700;
color: #00FFE4;
}
.banner-info__link a {
font-weight: 900;
color: #00FFE4;
text-decoration: underline;
}
.banner-info__link a:hover {
text-decoration: none;
}
.banner-action-wrapper {
max-width: 422px;
display: flex;
flex-direction: column;
gap: 10px;
}
.banner-action-header {
display: flex;
gap: 8px;
position: relative;
z-index: 5;
}
.banner-action-data,
.banner-action-traffic {
display: flex;
align-items: center;
justify-content: center;
height: 136px;
border-radius: 15px;
transition: 0.2s ease;
color: #fff;
font-size: 16px;
font-weight: 900;
text-decoration: none;
}
.banner-action-data {
gap: 15px;
flex: 1;
background-color: #1F2342;
line-height: 1.1;
}
.banner-action-data:hover {
color: #00FFE4;
background-color: #293075;
}
.banner-action-data path {
transition: 0.2s ease;
}
.banner-action-data:hover .to-blue {
fill: #00FFE4;
}
.banner-action-data:hover .to-grey {
fill: #69607C;
}
.banner-action-traffic {
flex-direction: column;
gap: 7px;
width: 136px;
background-color: #3E386E;
position: relative;
}
.banner-action-traffic:hover {
background-color: #272253;
}
.banner-action-traffic span {
text-align: center;
line-height: 1;
}
.banner-traffic-tooltip {
position: absolute;
top: calc(100% + 4px);
left: 0;
font-size: 20px;
font-weight: 600;
color: #000;
border-radius: 4px;
box-shadow: 0 4px 10px -4px rgba(0, 0, 0, 0.3);
background-color: rgba(255, 255, 255, 0.8);
align-items: center;
justify-content: center;
width: 380px;
height: 140px;
display: none;
padding-right: 30px;
padding-left: 5px;
}
.show .banner-traffic-tooltip.active {
display: flex;
}
.green .banner-traffic-img .yellow,
.green .banner-traffic-img .red {
fill: transparent;
}
.yellow .banner-traffic-img .green,
.yellow .banner-traffic-img .red {
fill: transparent;
}
.red .banner-traffic-img .yellow,
.red .banner-traffic-img .green {
fill: transparent;
}
.banner-traffic-tooltip:after {
content: '';
position: absolute;
bottom: 100%;
left: 16%;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 6px solid rgba(255, 255, 255, 0.8);
font-weight: 600;
}
.banner-traffic-close {
position: absolute;
top: 5px;
right: 5px;
width: 26px;
height: 26px;
cursor: pointer;
}
.banner-traffic-close:before,
.banner-traffic-close:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 2px;
background-color: #000;
}
.banner-traffic-close:before {
transform: translate(-50%, -50%) rotate(45deg);
}
.banner-traffic-close:after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.banner-action {
background: linear-gradient(172.78deg, #282E63 0%, #2570A4 40%, #45A6E8 60%, #2570A4 100%);
background-size: auto 200%;
background-position: bottom center;
border-radius: 10px;
padding: 20px 50px 50px;
color: #fff;
text-decoration: none;
transition: 0.2s ease;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
flex: 1;
}
.banner-action:hover {
color: #fff;
background-position: top center;
}
.banner-action__img {
transition: 0.3s ease;
}
.banner-action__img path {
transition: 0.3s ease;
}
.banner-action:hover .banner-action__img .to-yellow {
fill: #FDD32D;
}
.banner-action:hover .banner-action__img {
transform: translateY(-26px);
}
.banner-action__title {
font-size: 30px;
font-weight: 400;
line-height: 1.2;
margin: 10px 0 10px;
color: #00FFE4;
transition: 0.3s ease;
}
.banner-action:hover .banner-action__title {
transform: translateY(-18px);
}
.banner-action__title strong {
font-size: 30px;
font-weight: 900;
}
.banner-action__text {
font-size: 20px;
font-weight: 700;
margin: 0 0 10px;
transition: 0.3s ease;
}
.banner-action:hover .banner-action__text {
transform: translateY(-18px);
}
.banner-action__btn {
font-size: 20px;
font-weight: 900;
color: #06081A;
position: relative;
padding-left: 50px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='24' viewBox='0 0 39 24' fill='none'%3E%3Cpath d='M2 12H37M2 12L12 22M2 12L12 2' stroke='%2306081A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") left center / contain no-repeat;
background-size: 35px 20px;
margin: 0;
text-decoration: none;
transition: 0.2s ease;
}
.banner-action__btn:hover {
color: #00FFE4;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='24' viewBox='0 0 39 24' fill='none'%3E%3Cpath d='M2 12H37M2 12L12 22M2 12L12 2' stroke='%2300FFE4' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") left center / contain no-repeat;
background-size: 35px 20px;
}
.banner-social.desktop {
display: flex;
flex-direction: column;
align-items: center;
gap: 18px;
position: fixed;
left: 42px;
top: 17.5px;
width: 78px;
background-color: #1E2241;
border-radius: 60px;
z-index: 5;
padding: 62px 10px;
}
.banner-social.mobile {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
position: static;
width: 100%;
background-color: #06081A;
border-radius: 15px;
z-index: 5;
padding: 10px;
}
.banner-social__title {
font-size: 14px;
font-weight: 700;
text-align: center;
color: #fff;
width: 100%;
}
.banner-social__title br {
display: none;
}
.banner-social__title strong {
font-weight: 900;
}
.banner-social__item {
display: flex;
}
.banner-footer {
display: none;
}
.c-home-2 .vc_column-inner > .wpb_wrapper {
max-width: 900px;
margin: 0 auto;
}
.c-home-3,
.c-home-4,
.c-home-5{
margin-bottom: 40px;
}
.c-home-2,
.c-home-6 {
margin-bottom: 80px;
}
.c-home-3 .vc_column-inner .vc_row {
display: flex;
align-items: center;
flex-direction: row-reverse;
}
.c-home-3 .wpb_single_image img {
max-width: 100%;
}
.c-home-3 h3 {
color: #46468d;
font-size: 40px !important;
font-weight: 400;
margin: 0 0 30px;
line-height: 1.2;
}
.c-home-3 p {
font-size: 20px;
}
.c-home-4 h2,
.c-home-5 h2,
.c-home-6 h2 {
font-size: 40px !important;
font-weight: 400;
color: #3E386E;
margin: 0 0 22px;
}
.company-grid .vc_column-inner > .wpb_wrapper,
.government-grid .vc_column-inner > .wpb_wrapper {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px 40px;
}
.company-item,
.government-item {
flex: auto;
margin-bottom: 0 !important;
}
.company-item .wpb_single_image img,
.government-item .wpb_single_image img {
max-width: 100%;
}
/*.page-template-template-home .default-container {
max-width: 1300px;
}*/
/*header */
.c-header.site-header {
top: 44px;
position: absolute;
background-color: transparent;
}
.c-header.site-header.open {
z-index: 10;
}
body.scrolled .c-header.site-header {
top: 44px;
}
.c-header.site-header .menu-item:hover {
background-color: transparent;
}
.c-header.site-header .menu li a {
max-width: initial;
padding: 16.5px 0 !important;
background-color: transparent !important;
font-size: 18px;
font-weight: 700;
}
.c-header.site-header .menu li a:hover {
color: #3cca9e;
}
.c-header .header-container {
max-width: 1816px;
padding: 0 70px;
display: flex;
align-items: center;
}
.c-header .header-container.open {
z-index: 10;
}
.c-header .header-container > .vc_row:not(.header-wrapper) {
display: none;
}
.c-header .header-container > .header-burger.open ~ .vc_row:not(.header-wrapper) {
display: block;
}
.c-header .header-burger {
transform: none;
}
.c-header .whatsapp-invite {
position: relative;
top: auto;
right: auto;
font-size: 20px;
font-weight: 700;
margin-right: 40px;
transition: 0.2s ease;
padding-right: 30px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cscript xmlns=''/%3E%3Cpath d='M10.96 16H16.96M4.95996 8H7.95996M4.95996 12H7.95996M4.95996 16H7.95996M20.96 6V18C20.96 18.5304 20.7492 19.0391 20.3742 19.4142C19.9991 19.7893 19.4904 20 18.96 20H8.95996C8.42953 20 7.92082 19.7893 7.54575 19.4142C7.17067 19.0391 6.95996 18.5304 6.95996 18V6C6.95996 5.46957 7.17067 4.96086 7.54575 4.58579C7.92082 4.21071 8.42953 4 8.95996 4H18.96C19.4904 4 19.9991 4.21071 20.3742 4.58579C20.7492 4.96086 20.96 5.46957 20.96 6ZM11.96 11C11.96 11.5304 12.1707 12.0391 12.5457 12.4142C12.9208 12.7893 13.4295 13 13.96 13C14.4904 13 14.9991 12.7893 15.3742 12.4142C15.7492 12.0391 15.96 11.5304 15.96 11C15.96 10.4696 15.7492 9.96086 15.3742 9.58579C14.9991 9.21071 14.4904 9 13.96 9C13.4295 9 12.9208 9.21071 12.5457 9.58579C12.1707 9.96086 11.96 10.4696 11.96 11Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cscript xmlns=''/%3E%3C/svg%3E") right center / contain no-repeat;
background-size: 25px 24px;
}
.c-header .whatsapp-invite:hover {
color: #00FFE4;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10 16H16M4 8H7M4 12H7M4 16H7M20 6V18C20 18.5304 19.7893 19.0391 19.4142 19.4142C19.0391 19.7893 18.5304 20 18 20H8C7.46957 20 6.96086 19.7893 6.58579 19.4142C6.21071 19.0391 6 18.5304 6 18V6C6 5.46957 6.21071 4.96086 6.58579 4.58579C6.96086 4.21071 7.46957 4 8 4H18C18.5304 4 19.0391 4.21071 19.4142 4.58579C19.7893 4.96086 20 5.46957 20 6ZM11 11C11 11.5304 11.2107 12.0391 11.5858 12.4142C11.9609 12.7893 12.4696 13 13 13C13.5304 13 14.0391 12.7893 14.4142 12.4142C14.7893 12.0391 15 11.5304 15 11C15 10.4696 14.7893 9.96086 14.4142 9.58579C14.0391 9.21071 13.5304 9 13 9C12.4696 9 11.9609 9.21071 11.5858 9.58579C11.2107 9.96086 11 10.4696 11 11Z' stroke='%2300FFE4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right center / contain no-repeat;
background-size: 25px 24px;
}
.c-header .whatsapp-invite:after {
display: none;
}
.c-header .header-wrapper {
min-height: 690px;
max-width: calc(1816px - 40px - 5px - 483px - 46px);
top: 18px;
left: 0;
right: 86px;
}
.c-header .traffic-section {
position: relative;
top: auto;
left: auto;
margin-right: 55px;
}
.c-header .traffic-block {
border: 0;
}
.c-header .traffic-title {
font-size: 20px;
font-weight: 700;
}
.c-header .traffic-block:hover {
background-color: transparent;
}
.c-header .traffic-block:hover .traffic-title {
color: #00FFE4;
}
.c-header .traffic-block:hover .traffic-item-inner {
border-color: #00FFE4;
}
.c-header .traffic-block:hover .traffic-item:nth-child(2) .traffic-item-inner:after {
border-color: #313e8d;
}
.c-header .traffic-data {
padding: 10px 24px;
border-radius: 30px;
min-width: 220px;
background-color: #3E386E;
transition: 0.2s ease;
border: 0;
}
.c-header .traffic-data:hover {
background-color: #282E63;
color: #00FFE4;
}
.c-header .traffic-data-icon {
width: 24px;
height: 24px;
box-shadow: none;
margin-left: 10px;
transition: 0.2s ease;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17.4711 11.0355C17.2804 9.95338 16.773 8.95213 16.0132 8.15836C15.2535 7.36459 14.2754 6.81394 13.2026 6.57606C12.1299 6.33818 11.0107 6.42375 9.98661 6.82194C8.96251 7.22014 8.07948 7.91307 7.4492 8.81312C6.81891 9.71317 6.46968 10.7799 6.44567 11.8784C6.42165 12.977 6.72393 14.0579 7.31427 14.9847C7.90462 15.9114 8.75652 16.6423 9.76224 17.0848C10.768 17.5274 11.8823 17.6618 12.9644 17.471M2 12C2 13.9778 2.58649 15.9112 3.6853 17.5557C4.78412 19.2002 6.3459 20.4819 8.17316 21.2388C10.0004 21.9957 12.0111 22.1937 13.9509 21.8078C15.8907 21.422 17.6725 20.4696 19.0711 19.0711C20.4696 17.6725 21.422 15.8907 21.8078 13.9509C22.1937 12.0111 21.9957 10.0004 21.2388 8.17316C20.4819 6.3459 19.2002 4.78412 17.5557 3.6853C15.9112 2.58649 13.9778 2 12 2M10.8889 12C10.8889 12.2947 11.0059 12.5773 11.2143 12.7857C11.4227 12.994 11.7053 13.1111 12 13.1111C12.2947 13.1111 12.5773 12.994 12.7857 12.7857C12.994 12.5773 13.1111 12.2947 13.1111 12C13.1111 11.7053 12.994 11.4227 12.7857 11.2143C12.5773 11.0059 12.2947 10.8889 12 10.8889C11.7053 10.8889 11.4227 11.0059 11.2143 11.2143C11.0059 11.4227 10.8889 11.7053 10.8889 12Z' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;
}
.c-header .traffic-data-icon:before,
.c-header .traffic-data-icon:after {
display: none;
}
.c-header .traffic-data:hover .traffic-data-icon {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'%3E%3Cpath d='M16.9711 11.0355C16.7804 9.95338 16.273 8.95213 15.5132 8.15836C14.7535 7.36459 13.7754 6.81394 12.7026 6.57606C11.6299 6.33818 10.5107 6.42375 9.48661 6.82194C8.46251 7.22014 7.57948 7.91307 6.9492 8.81312C6.31891 9.71317 5.96968 10.7799 5.94567 11.8784C5.92165 12.977 6.22393 14.0579 6.81427 14.9847C7.40462 15.9114 8.25652 16.6423 9.26224 17.0848C10.268 17.5274 11.3823 17.6618 12.4644 17.471M1.5 12C1.5 13.9778 2.08649 15.9112 3.1853 17.5557C4.28412 19.2002 5.8459 20.4819 7.67316 21.2388C9.50042 21.9957 11.5111 22.1937 13.4509 21.8078C15.3907 21.422 17.1725 20.4696 18.5711 19.0711C19.9696 17.6725 20.922 15.8907 21.3078 13.9509C21.6937 12.0111 21.4957 10.0004 20.7388 8.17316C19.9819 6.3459 18.7002 4.78412 17.0557 3.6853C15.4112 2.58649 13.4778 2 11.5 2M10.3889 12C10.3889 12.2947 10.5059 12.5773 10.7143 12.7857C10.9227 12.994 11.2053 13.1111 11.5 13.1111C11.7947 13.1111 12.0773 12.994 12.2857 12.7857C12.494 12.5773 12.6111 12.2947 12.6111 12C12.6111 11.7053 12.494 11.4227 12.2857 11.2143C12.0773 11.0059 11.7947 10.8889 11.5 10.8889C11.2053 10.8889 10.9227 11.0059 10.7143 11.2143C10.5059 11.4227 10.3889 11.7053 10.3889 12Z' stroke='%2300FFE4' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;
}
.c-header .traffic-data-icon-line {
display: none;
}
.c-header .traffic-data:hover .traffic-data-icon {
box-shadow: none;
}
.c-header .traffic-data-text {
color: #fff;
transition: 0.2s ease;
}
.c-header .traffic-data:hover .traffic-data-text {
color: #00FFE4;
}
.page-template-template-home .c-header .traffic-item:nth-child(2) .traffic-item-inner:after {
border: 2px solid #06081A;
}
.page-template-template-home .c-header .traffic-block:hover .traffic-item:nth-child(2) .traffic-item-inner:after {
border-color: #06081A;
}
.c-header .second-menu-link.blue {
color: #00FFE4;
}
.c-header .social-item {
padding: 0;
border: 0;
margin-left: 24px;
}
@media screen and (max-width: 1600px) {
.c-header .header-wrapper {
max-width: 100%;
left: 52.5px;
right: 52.5px;
height: 100vh;
}
.banner-info__img {
top: 5%;
}
.banner-info-inner {
max-width: 500px;
}
}
@media screen and (max-width: 1440px) {
.banner-info__img {
max-width: 40%;
}
}
@media screen and (max-width: 1200px) {
.banner {
height: auto;
padding: 0;
flex-direction: column;
}
.banner-action-data {
flex-direction: column;
}
.banner-action {
max-width: 100%;
padding: 68px 30px 20px 20px;
}
/*.page-template-template-home .default-container {
padding: 0 20px;
}*/
.page-template-template-home .vc_row {
margin-left: 0;
margin-right: 0;
}
.banner-footer {
display: flex;
}
.banner-social.desktop {
display: none;
}
.banner-action-wrapper {
flex-direction: row-reverse;
max-width: 100%;
}
.banner-action-header {
flex-direction: column-reverse;
}
.banner-action-headline {
display: flex;
gap: 10px;
align-items: center;
}
}
@media screen and (max-width: 768px) {
.c-home-3 .vc_column-inner .vc_row {
flex-direction: column-reverse;
}
.c-home-3 .wpb_single_image img {
max-width: 70%;
}
.c-home-3 .wpb_single_image .vc_single_image-wrapper {
text-align: center;
}
.c-header .whatsapp-invite {
left: auto;
}
.c-home-1.vc_row.vc_column-gap-35 > .vc_column_container {
padding-top: 0;
}
.c-header .traffic-title {
font-size: 14px;
}
.banner-info {
padding: 80px 30px 20px;
}
.banner-info__title-wrapper {
align-items: center;
margin-bottom: 24px;
}
.banner-info__title-img {
width: 90px;
}
.banner-info__title {
font-size: 24px;
}
.banner-info__subtitle {
font-size: 14px;
color: #fff;
}
.banner-info__text {
font-size: 14px;
margin-bottom: 0;
max-width: 258px;
line-height: 1.2;
}
.banner-info-inner {
width: 100%;
max-width: 100%;
}
.banner-info__btn {
margin-bottom: 0;
padding: 40px 10px 20px;
border-radius: 15px;
font-size: 14px;
font-weight: 700;
text-align: center;
width: 65px;
line-height: 1;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M1.23804 1L12.7618 12M1.23804 1V7.28571M1.23804 1H7.82307' stroke='white' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E") 24px 18px / 15px 14px no-repeat , rgba(255,255,255,0.3);
}
.banner-info__link {
font-size: 14px;
color: #00FFE4;
display: flex;
flex-direction: column;
align-items: flex-start;
padding-top: 6px;
border-top: 1px solid #00FFE4;
margin-top: 20px;
}
.banner-info__link a {
color: #00FFE4;
display: block;
position: relative;
padding-left: 0;
background: none;
background-size: 43px 14px;
text-decoration: none;
}
.banner-info__img {
max-width: 100%;
bottom: -54px;
left: -126px;
width: 273px;
top: auto;
z-index: 2;
}
.banner-action__img svg {
width: 42px;
height: auto;
}
.banner-action {
position: relative;
}
.banner-action-data {
font-size: 18px;
gap: 10px;
text-align: center;
font-weight: 700;
}
.banner-action-traffic {
font-size: 14px;
width: 98px;
height: 88px;
}
.banner-traffic-img {
width: 50px;
height: auto;
}
.banner-action-data svg {
width: 38px;
height: auto;
}
.banner-action__title {
max-width: 330px;
font-size: 18px;
margin-bottom: 10px;
color: #fff;
margin-top: 0;
}
.banner-action__title strong {
font-size: 18px;
}
.banner-action {
padding-top: 35px;
height: 212px;
}
.banner-action-body {
display: flex;
width: 100%;
justify-content: space-between;
align-items: flex-end;
}
.banner-action__text {
max-width: 310px;
font-size: 14px;
margin-bottom: 0;
}
.banner-traffic-tooltip {
font-size: 16px;
width: 320px;
height: auto;
padding: 15px 30px 15px 15px;
}
.banner-action__btn,
.banner-action__btn:hover {
font-size: 0;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Crect width='34' height='34' rx='10' fill='%2300FFE4'/%3E%3Cpath d='M12.8096 13L21.1905 21M12.8096 13V17.5714M12.8096 13H17.5987' stroke='%231172B4' stroke-width='3' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
width: 34px;
min-width: 34px;
height: 34px;
padding: 0;
}
.banner-footer__system {
border-radius: 15px;
padding: 24px 30px;
height: 80px;
display: flex;
flex-direction: column;
align-items: center;
font-size: 14px;
font-weight: 900;
color: #fff;
gap: 3px;
background-color: #3E386E;
}
.banner-footer__data {
height: 80px;
padding: 26px 58px;
border-radius: 15px;
background: url("assets/images/home/data-bg.png") center / cover no-repeat, rgba(0,0,0,0.5);
color: #fff;
font-size: 18px;
font-weight: 700;
position: relative;
text-decoration: none;
}
.banner-footer__data:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 15px;
}
.banner-footer__data span {
position: relative;
z-index: 2;
}
.banner-footer__data span:after {
content: '';
position: absolute;
left: calc(100% + 4px);
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
background: url("assets/images/home/data-1.svg") center / contain no-repeat;
}
.banner-info__title-inner br {
display: none;
}
.banner-info__title-inner strong {
display: block;
}
.banner-info__content {
flex-direction: row;
align-items: center;
gap: 13px;
}
.c-home-2 {
margin-bottom: 10px;
}
.c-home-3 h3 {
font-size: 24px !important;
text-align: center;
max-width: 240px;
margin: -20px auto 10px;
color: #06081A;
}
.c-home-3 p {
font-size: 14px;
text-align: center;
}
.c-home-3 .vc_btn3-container {
display: none !important;
}
.c-home-4 h2, .c-home-5 h2, .c-home-6 h2 {
font-size: 24px !important;
text-align: center !important;
}
.c-home-3 {
margin-bottom: 30px;
}
.c-home-6 {
margin-bottom: 40px;
}
.page-template-template-home .wpb_content_element {
margin-bottom: 10px;
}
.company-grid .vc_column-inner > .wpb_wrapper, .government-grid .vc_column-inner > .wpb_wrapper {
gap: 20px;
}
.company-item.wpb_single_image img,
.government-item.wpb_single_image img {
max-height: 62px;
max-width: max-content;
}
.c-header .header-container {
padding: 0 40px;
justify-content: space-between;
}
.c-header .header-container:after {
content: '';
position: absolute;
bottom: -5px;
left: 48px;
right: 48px;
height: 1px;
background-color: #fff;
z-index: 10;
}
.c-header .traffic-data {
display: none;
}
.c-header .header-burger {
order: 1;
}
.c-header .vc_row.wpb_row.vc_row-fluid:not(.header-wrapper) {
order: 2;
}
.c-header .whatsapp-invite {
order: 3;
padding-right: 0;
padding-left: 30px;
background-position: left center;
font-size: 14px;
}
.c-header.site-header {
top: 30px;
}
#c-home-1 {
margin-top: 16px;
}
.c-home-2 .wpb_video_widget > .wpb_wrapper {
border-radius: 10px;
overflow: hidden;
}
.c-header .header-wrapper {
left: 10px;
right: 10px;
width: calc(100vw - 20px);
padding-top: 70px;
}
.c-header .traffic-section,
.c-header .whatsapp-invite {
margin-right: 10px;
}
}
@media screen and (max-width: 575px) {
/*.page-template-template-home .default-container {
padding: 0 10px;
}*/
.banner-footer__system {
flex: 1;
padding: 24px;
}
.c-home-1.vc_row.vc_column-gap-35 > .vc_column_container {
padding: 0 10px;
}
.banner-social__item {
height: 24px;
}
.c-header .traffic-title {
position: absolute;
opacity: 0;
}
.c-header .traffic-tooltip {
transform: translateX(-50%);
left: -50px;
}
}
@media screen and (max-width: 450px) {
.c-header .traffic-tooltip {
left: -50px;
}
}
/*redesign*/
.container {
padding: 0 15px;
width: 100%;
max-width: 1750px;
margin: 0 auto;
}
.company__head {
padding: 50px 70px 30px;
display: flex;
align-items: center;
}
.company__page .company__logo-wrapper {
width: 400px;
padding: 0 30px;
}
.company__page .company__breadcrumbs-wrapper {
flex: 1;
}
.company__page .company__logo,
.company__page .company__breadcrumbs {
margin-bottom: 0;
}
.company__breadcrumbs {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 14px;
font-size: 27px;
font-weight: 500;
color: #757575;
}
.company__breadcrumbs a,
.company__breadcrumbs span {
font-size: 24px;
font-weight: 500;
line-height: 1.1;
color: #00264D;
text-decoration: none;
}
.company__breadcrumbs a:hover {
text-decoration: underline;
}
.company__breadcrumbs a.company__breadcrumbs-main {
font-size: 36px;
font-weight: 500;
line-height: 1;
}
.company__content {
padding: 0 70px 70px;
display: flex;
align-items: flex-start;
}
.company__page .company__info-wrapper {
width: 400px;
padding: 30px;
border-radius: 20px;
background-color: #fff;
margin-inline-start: 30px;
}
.company__page .company__tabs-wrapper {
flex: 1;
}
.company__info-wrapper .wpb_text_column {
margin-bottom: 0;
}
.company__info-wrapper .wpb_text_column:first-child {
margin-top: 20px;
}
.company__info-wrapper h2 {
margin: 0 0 20px !important;
font-size: 24px;
line-height: 1.375;
color: #022BA0;
font-weight: 400;
}
.company__tabs .vc_tta-tabs-container {
width: 100%;
margin: 0 0 30px !important;
}
.company__tabs .vc_tta-tabs-list {
padding: 10px 0 !important;
display: flex !important;
gap: 10px;
flex-wrap: wrap;
}
.company__tabs .vc_tta-tab a {
height: 40px !important;
border-radius: 40px !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #fff !important;
min-height: auto !important;
padding: 10px 20px !important;
background-color: #00264D !important;
}
.company__tabs .vc_tta-tab a:hover {
background-color: #022BA0 !important;
}
.company__tabs .vc_tta-tab a:before {
display: none;
}
.company__tabs .vc_tta-tab.vc_active a {
background-color: #0050D1 !important;
}
.company__tabs .vc_tta-panel-body {
color: #00264D;
}
.company__tabs .vc_tta-panel-body h3 {
font-weight: 500;
color: #0050D1;
line-height: 1.1;
margin: 0 0 30px;
font-size: 24px;
}
.company__tabs .vc_tta-panels-container {
width: 100%;
}
.company__tabs .vc_tta-panels-container .vc_tta-panels,
.company__tabs .vc_tta-panels-container .vc_tta-panel-body {
padding: 0;
background-color: transparent !important;
}
.vc_tta-container .vc_tta-panels-container > .vc_tta-panels .vc_tta-panel-body p {
margin-bottom: 10px;
}
@media screen and (max-width: 1200px) {
.company__head {
padding: 0 20px;
gap: 10px;
}
.company__head::before,
.company__head::after {
display: none !important;
}
.company__page .company__logo-wrapper {
background-color: #fff;
border-radius: 10px;
min-height: 110px;
display: flex;
align-items: center;
justify-content: center;
}
.company__page .company__logo {
text-align: center !important;
}
.company__breadcrumbs {
color: #00264D;
}
.company__breadcrumbs a.company__breadcrumbs-main {
font-size: 24px;
}
.company__breadcrumbs a,
.company__breadcrumbs span {
font-size: 16px;
}
.company__content {
padding: 15px;
flex-direction: column;
}
.company__page .company__tabs-wrapper,
.company__page .company__info-wrapper {
width: 100%;
margin: 0;
}
.company__tabs .vc_tta-container .vc_tta-tabs-container .vc_tta-tabs-list,
.company__tabs .vc_tta-tabs-list {
flex-wrap: nowrap;
white-space: nowrap;
overflow-x: auto !important;
}
}
@media screen and (max-width: 767px) {
.company__page .company__logo-wrapper {
width: 50%;
padding: 0 5px;
max-width: 150px;
}
.company__breadcrumbs {
font-size: 16px;
}
}