@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");
.title {
margin: 0;
color: #1f2f61;
font-size: 38px;
font-weight: 700;
text-align: center;
}
body {
font-family: 'Roboto', sans-serif;
}
.wp-block-table {
overflow-x: unset !important;
}
.wp-block-table table {
margin-bottom: 30px;
} ul li,
ol li {
margin-bottom: 10px;
color: #1f2f61;
font-size: 16px;
font-weight: 400;
}
ul li:last-child,
ol li:last-child {
margin-bottom: 0;
}
a {
color: #1f2f61;
text-decoration: none;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
a:hover {
color: #dbb65f;
text-decoration: none;
}
i.icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 15px;
height: 15px;
}
i.icon img {
width: 100%;
height: 100%;
}
.read-more {
color: #dbb65f;
font-size: 14px;
font-weight: 700;
text-decoration: underline;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.read-more:hover {
color: #1f2f61;
}
.load-more,
.custom-btn,
.error-content a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 200px;
max-width: 100%;
margin: 70px auto 0;
padding: 13px 0;
color: #fff;
font-size: 16px;
font-weight: 700;
background-color: #1f2f61;
border-radius: 10px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.load-more:hover,
.custom-btn:hover,
.error-content a:hover {
background-color: #dbb65f;
}
.header-contact .hc-nav-trigger {
position: relative;
top: 0;
}
.hc-offcanvas-nav.nav-position-left.nav-open.nav-levels-overlap .nav-wrapper {
background: #1f2f61;
}
#hc-nav-1 .nav-container,
#hc-nav-1 .nav-wrapper,
#hc-nav-1 ul {
background: #1f2f61;
}
#hc-nav-1 .nav-wrapper>.nav-content>ul:not(:last-child) {
border: 0;
}
#hc-nav-1 .nav-item-link,
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a {
border-bottom: 1px solid #324376;
}
#hc-nav-1 .nav-content>.nav-close:first-child a,
#hc-nav-1 .nav-title+.nav-close a.has-label,
#hc-nav-1 li.nav-close a,
#hc-nav-1 .nav-back a {
background: #2a407e;
border-top: 0;
border-bottom: 0;
}
#hc-nav-1 .nav-content>.nav-close:first-child a {
background: transparent;
border-top: 0;
border-bottom: 0;
}
#hc-nav-1 .nav-close-button span {
background-color: transparent;
background-image: url(//tsem.by/wp-content/themes/tsem/assets/img/close.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 15px;
border: 0;
}
#hc-nav-1 .nav-close-button span::after,
#hc-nav-1 .nav-close-button span::before {
display: none;
}
#hc-nav-1 .hc-offcanvas-nav a.nav-next {
border-left: none;
border-bottom: 1px solid #324376;
}
.overlay {
display: none;
}
.header {
padding-top: 20px;
}
.header-logo a img {
width: 100%;
}
.header-visually {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
.header-visually i.icon {
margin-right: 15px;
}
html body .header-visually a.bvi-link-shortcode .bvi-svg-eye {
width: 15px !important;
margin-right: 10px !important;
}
html body .header-visually a.bvi-link-shortcode .bvi-svg-eye path {
fill: #dbb65f;
}
.header-visually .a.bvi-link-shortcode:hover {
color: #1f2f61 !important;
}
.header-visually a {
color: #dbb65f;
}
.header-visually a:hover {
color: #1f2f61;
}
.header-contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 100%;
}
.header-contact ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
list-style: none;
}
.header-contact ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
margin-right: 35px;
}
.header-contact ul li i.icon {
margin-right: 10px;
}
.header-contact__lang {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-contact__lang ul select {
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-left: 25px;
background-image: url(//tsem.by/wp-content/themes/tsem/assets/img/global.svg);
background-position: left;
background-repeat: no-repeat;
background-size: 15px;
}
.header-contact__lang ul select:focus {
outline: none;
box-shadow: none;
}
.header-bottom {
position: relative;
margin-top: 20px;
padding: 20px 0;
background-color: #1f2f61;
}
.header-bottom .container-xl {
position: relative;
}
.header-bottom .mega-menu-wrap {
z-index: 2;
}
.header-bottom nav ul {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-bottom nav ul li {
margin-right: 80px;
}
.header-bottom nav ul li a {
color: #fff;
}
.header-bottom nav ul li a:hover {
color: #dbb65f;
}
.main {
position: relative;
}
.main .main-slider .main-slider__content {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.main .main-slider.slick-slider .slick-slide {
outline: none;
box-shadow: none;
}
.main .main-slider .main-slider__content {
padding: 250px 0;
}
.slick-slider .slick-dots {
position: absolute;
bottom: 15px;
}
.slick-slider .slick-dots li.slick-active button:before {
color: #fff;
opacity: 1;
}
.slick-slider .slick-dots li button:before {
font-size: 15px;
opacity: 0.8;
color: white;
}
.main h1 {
margin: 0;
margin-bottom: 30px;
font-size: 60px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
}
.main p {
margin: 0;
color: #fff;
font-size: 40px;
font-weight: normal;
}
.services {
position: relative;
padding: 100px 0;
background-image: url(//tsem.by/wp-content/themes/tsem/assets/img/services-background.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.services h2 {
margin-bottom: 70px;
}
.services-list.right-column {
height: 100%;
}
.services-list {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
grid-auto-rows: repeat(2, 1fr);
grid-gap: 30px;
}
.services-card:nth-of-type(1) {
grid-area: 1 / 1 / 2 / 9;
}
.services-card:nth-of-type(2) {
grid-area: 2 / 1 / 3 / 5;
}
.services-card:nth-of-type(3) {
grid-area: 2 / 5 / 3 / 9;
}
.services-card:nth-of-type(4) {
height: 100%;
grid-area: 1 / 9 / 3 / 13;
}
.services-card {
position: relative;
height: 400px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
overflow: hidden;
}
.services-card::after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
opacity: 1;
}
.services-card img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.services-card .strong {
position: absolute;
left: 30px;
bottom: 30px;
color: #fff;
font-size: 21px;
font-weight: 400;
text-transform: uppercase;
z-index: 2;
}
.services-card:hover img {
-webkit-transform: scale(1.1) rotate(1deg);
transform: scale(1.1) rotate(1deg);
}
.advantages {
position: relative;
padding: 80px 0;
background-color: #1f2f61;
background-image: url(//tsem.by/wp-content/themes/tsem/assets/img/advanrages-background.jpg);
background-position: center;
background-size: cover;
background-attachment: fixed;
}
.advantages h2 {
margin-bottom: 60px;
color: #fff;
}
.advantages-card i.icon {
width: 60px;
height: 60px;
margin: 0 auto;
}
.advantages-card i.icon img {
-webkit-filter: invert(1);
filter: invert(1);
}
.advantages-card .strong {
display: block;
margin-top: 25px;
color: #fff;
font-size: 18px;
font-weight: 500;
text-align: center;
}
.geography {
position: relative;
padding: 80px 0;
}
.geography .title {
margin-bottom: 60px;
}
.geography-content h4 {
margin: 0;
margin-bottom: 40px;
font-size: 22px;
color: #dbb65f;
font-weight: 700;
}
.geography-content ul {
margin: 0;
padding: 0;
list-style: none;
}
.geography-content ul li {
margin-bottom: 30px;
color: #1f2f61;
font-size: 16px;
font-weight: 400;
}
.geography-content ul li .bold {
display: inline-block;
font-size: 22px;
font-weight: 700;
}
.geography-content ul li strong {
display: inline-block;
font-size: 22px;
font-weight: 700;
}
.geography-content ul li:last-child {
margin-bottom: 0;
}
.geography-map {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.geography-map .geography-marker {
position: absolute;
height: 45px;
transition: all .3s ease-in-out;
}
.geography-map .geography-marker-1 {
top: 31%;
left: 59%;
transform: translate(-50%, -50%);
}
.geography-map .geography-marker-2 {
top: 21%;
left: 57%;
transform: translate(-50%, -50%);
}
.geography-map .geography-marker-3 {
top: 58%;
left: 2%;
transform: translate(-50%, -50%);
}
.geography-map .geography-marker-4 {
top: 49%;
left: 21%;
transform: translate(-50%, -50%);
}
.geography-map .geography-marker-5 {
top: 44%;
left: 32%;
transform: translate(-50%, -50%);
}
.geography-map .geography-marker-6 {
top: 47%;
left: 25%;
transform: translate(-50%, -50%);
}
.geography-map .geography-marker-7 {
top: 42%;
left: 23%;
transform: translate(-50%, -50%);
}
.geography-map .geography-marker-8 {
top: 32%;
left: 17%;
transform: translate(-50%, -50%);
}
.geography-map .geography-marker-9 {
top: 38%;
left: 36%;
transform: translate(-50%, -50%);
}
.geography-map .geography-marker-10 {
top: 30%;
left: 20%;
transform: translate(-50%, -50%);
}
.geography-map .geography-marker-11 {
top: 29%;
left: 23%;
transform: translate(-50%, -50%);
}
.geography-map .geography-marker-12 {
top: 27%;
left: 36%;
transform: translate(-50%, -50%);
}
.geography-map .geography-marker-13 {
top: 29%;
left: 33%;
transform: translate(-50%, -50%);
}
.geography-map .geography-marker-14 {
top: 23%;
left: 34%;
transform: translate(-50%, -50%);
}
.geography-map .geography-marker-15 {
top: 25%;
left: 31%;
transform: translate(-50%, -50%);
}
.geography-map .geography-marker-16 {
top: 28%;
left: 27%;
transform: translate(-50%, -50%);
}
.geography-map .geography-marker-17 {
top: 37%;
left: 31%;
transform: translate(-50%, -50%);
}
.geography-map .geography-marker-18 {
top: 35%;
left: 28%;
transform: translate(-50%, -50%);
}
.geography-map .geography-marker img {
width: auto;
height: 70%;
}
.geography-map img {
width: 100%;
}
.custom-modal.fancybox-content {
width: 992px;
max-width: 100%;
padding: 0;
background: transparent;
}
.custom-modal.fancybox-content .fancybox-button svg path {
fill: #fff;
}
.custom-modal .geography-modal__image img {
width: 100%;
height: 500px;
object-fit: cover;
object-position: center;
}
.custom-modal .geography-modal__content {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.custom-modal .geography-modal__content h4 {
margin: 0;
margin-bottom: 15px;
color: #fff;
font-size: 18px;
font-weight: 700;
}
.custom-modal .geography-modal__content p {
margin: 0;
color: #fff;
font-size: 16px;
line-height: 26px;
font-weight: 400;
}
.fancybox-container .fancybox-bg {
background-color: #1f2f61;
}
.footer {
position: relative;
padding: 50px 0;
background-color: #1f2f61;
}
.footer-column .strong {
display: block;
margin-bottom: 10px;
color: #fff;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}
.footer-column p {
margin: 0;
color: #fff;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
}
.footer-column nav ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer-column nav ul li {
margin-bottom: 5px;
color: #fff;
font-size: 14px;
font-weight: 400;
}
.footer-column nav ul li:last-child {
margin-bottom: 0;
}
.footer-column nav ul li a {
color: #fff;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
}
.footer-column nav ul li a:hover {
color: #dbb65f;
}
.footer-column.contact nav ul li {
position: relative;
padding-left: 25px;
}
.footer-column.contact nav ul li i.icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 10px;
height: auto;
margin-right: 10px;
}
.footer-column.contact nav ul li a {
text-transform: none;
}
.footer-column.social ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
}
.footer-column.social ul li {
margin: 0;
margin-right: 7px;
}
.footer-column.social ul li:last-child {
margin-right: 0;
}
.footer-column.social ul li a img {
width: 20px;
}
.footer .footer-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
flex-direction: column;
margin-top: 80px;
}
.footer .footer-bottom p {
color: #dadada;
font-size: 14px;
}
.footer .footer-bottom a {
color: #dadada;
font-size: 14px;
}
.footer .footer-bottom a .strong {
font-weight: 700;
}
.breadcrumbs {
position: relative;
padding: 50px 0;
}
.breadcrumbs-list span {
color: #8a8a8f;
}
.breadcrumbs-list span a {
color: #1f2f61;
text-decoration: underline;
}
.breadcrumbs-list span a:hover {
color: #dbb65f;
}
.news {
position: relative;
padding-bottom: 120px;
}
.news h1.title {
margin-bottom: 100px;
}
.news-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
-webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
}
.news-card__thumbnail {
width: 250px;
height: 296px;
}
.news-card__thumbnail img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.news-card__content {
width: 100%;
padding: 30px;
}
.news-card__content h4 a {
margin: 0;
margin-bottom: 15px;
color: #dbb65f;
font-size: 18px;
font-weight: 700;
text-decoration: none;
}
.news-card__content small {
display: block;
margin-bottom: 15px;
color: #dbb65f;
font-size: 14px;
font-weight: 400;
}
.news-card__content p {
margin: 0;
margin-bottom: 15px;
color: #1f2f61;
font-size: 16px;
line-height: 26px;
font-weight: 400;
}
.company {
position: relative;
padding-bottom: 150px;
}
.company h1.title {
margin-bottom: 100px;
}
.company .our-mission {
margin-bottom: 100px;
}
.company .company-content h4 {
margin: 0;
margin-bottom: 30px;
color: #dbb65f;
font-size: 22px;
font-weight: 700;
}
.company .company-content p {
margin: 0;
margin-bottom: 30px;
color: #1f2f61;
font-size: 16px;
font-weight: 400;
line-height: 36px;
}
.company .company-content p strong {
text-decoration: underline;
}
.company .company-content p:last-child {
margin-bottom: 0;
}
.company .company-content .wp-block-image {
position: relative;
}
.company .company-content .wp-block-image img {
position: relative;
width: 100%;
height: 350px;
-o-object-position: center;
object-position: center;
-o-object-fit: cover;
object-fit: cover;
}
.wp-block-columns.our-advantages .wp-block-column p strong {
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
color: #dbb65f;
font-size: 48px;
font-weight: 700;
text-decoration: none;
}
.wp-block-columns.our-advantages .wp-block-column p strong::after {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
content: "";
width: 55px;
height: 55px;
display: block;
background-color: #fcf1d8;
border-radius: 50px;
z-index: -1;
}
.wp-block-columns.our-advantages .wp-block-column p {
margin: 0;
margin-top: 10px;
color: #1f2f61;
font-size: 14px;
line-height: 24px;
font-weight: 700;
}
.company .our-advantages {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: 60px;
margin-bottom: 100px;
}
.company .our-advantages__card .count {
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
color: #dbb65f;
font-size: 48px;
font-weight: 700;
}
.company .our-advantages__card .count::after {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
content: "";
width: 55px;
height: 55px;
display: block;
background-color: #fcf1d8;
border-radius: 50px;
z-index: -1;
}
.company .our-advantages__card p {
margin: 0;
color: #1f2f61;
font-size: 14px;
line-height: 24px;
font-weight: 700;
}
.company .our-activity {
margin-bottom: 100px;
}
.company .our-activity__content h4 {
margin: 0;
margin-bottom: 30px;
color: #dbb65f;
font-size: 22px;
font-weight: 700;
}
.company .our-activity__content p {
margin: 0;
margin-bottom: 30px;
color: #1f2f61;
font-size: 16px;
font-weight: 400;
line-height: 36px;
}
.company .our-activity__content p strong {
text-decoration: underline;
}
.company .our-activity__content p:last-child {
margin-bottom: 0;
}
.company .our-activity__image {
position: relative;
}
.company .our-activity__image::before {
position: absolute;
right: -15px;
bottom: -15px;
content: "";
width: 100%;
height: 350px;
display: block;
border: 2px solid #1f2f61;
}
.company .our-activity__image img {
position: relative;
width: 100%;
height: 350px;
-o-object-position: center;
object-position: center;
-o-object-fit: cover;
object-fit: cover;
}
.company .additional-content .strong {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
color: #dbb65f;
font-size: 20px;
line-height: 30px;
font-weight: 700;
}
.company .additional-content .strong::before {
content: "";
display: inline-block;
width: 120px;
height: 2px;
margin-right: 20px;
background-color: #dbb65f;
}
.company .additional-content p {
margin: 0;
color: #1f2f61;
font-size: 16px;
line-height: 36px;
font-weight: 400;
}
.company .additional-content ul {
margin-top: 0;
margin-bottom: 1rem;
padding-left: 2rem;
list-style-type: disc;
}
.company .additional-content ul li {
margin-bottom: 10px;
color: #1f2f61;
font-size: 16px;
font-weight: 400;
line-height: 30px;
}
.company .additional-content ul li:last-child {
margin-bottom: 0;
}
.manual {
padding-bottom: 150px;
background-image: url(//tsem.by/wp-content/themes/tsem/assets/img/manual-background.png);
background-position: center 105%;
background-size: contain;
background-repeat: no-repeat;
}
.manual h1.title {
margin-bottom: 100px;
}
.manual-card {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 100px;
background-color: #fff;
-webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
}
.manual-card__photo {
display: inline-block;
width: 200px;
height: 200px;
margin: -50px auto 0;
}
.manual-card__photo img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
border-radius: 50%;
}
.manual-card .content {
padding: 30px 14px;
text-align: center;
}
.manual-card__name {
display: block;
margin-bottom: 5px;
color: #dbb65f;
font-size: 18px;
font-weight: 700;
text-align: center;
}
.manual-card__status {
margin-bottom: 5px;
color: #1f2f61;
font-size: 16px;
font-weight: 400;
text-align: center;
}
.manual-card__email {
color: #1f2f61;
font-size: 16px;
font-weight: 400;
text-align: center;
}
.manual-card__email:hover {
color: #dbb65f;
}
.manual-card__email::before {
content: "";
display: inline-block;
width: 15px;
height: 15px;
margin-right: 10px;
background-image: url(//tsem.by/wp-content/themes/tsem/assets/img/email-icon.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
}
.history {
position: relative;
padding-bottom: 150px;
background-image: url(//tsem.by/wp-content/themes/tsem/assets/img/hostory-background.png);
background-position: bottom;
background-repeat: no-repeat;
}
.history h1.title {
margin: 0;
margin-bottom: 100px;
}
.history .timeline {
position: relative;
width: 100%;
max-width: 1140px;
margin: 0 auto;
}
.history .timeline::after {
content: '';
position: absolute;
width: 3px;
background: #1f2f61;
top: 0;
bottom: 0;
left: 50%;
margin-left: -1px;
}
.history .container {
padding: 30px;
padding-top: 0;
position: relative;
background: inherit;
width: 50%;
}
.history .container:last-child {
padding-bottom: 0;
}
.history .container.left {
left: 0;
margin-left: 0;
padding-left: 0;
}
.history .container.right {
left: 50%;
margin-left: 0;
padding-right: 0;
}
.history .container::after {
content: '';
position: absolute;
width: 16px;
height: 16px;
top: calc(50% - 23px);
right: -8px;
background: #1f2f61;
border: 3px solid #dbb65f;
border-radius: 16px;
z-index: 1;
}
.history .container.right::after {
left: -8px;
}
.history .container::before {
content: '';
position: absolute;
width: 15px;
height: 2px;
top: calc(50% - 15px);
right: -20px;
background: #1f2f61;
z-index: 1;
}
.history .container.right::before {
left: -20px;
}
.history .container .date {
position: absolute;
display: inline-block;
top: calc(50% - 27px);
text-align: center;
font-size: 16px;
font-weight: bold;
color: #1f2f61;
letter-spacing: 1px;
z-index: 1;
}
.history .container.left .date {
right: -175px;
}
.history .container.right .date {
left: -175px;
}
.history .container .content {
width: 250px;
max-width: 100%;
padding: 20px;
background: #fff;
position: relative;
border: 1px solid #dbb65f;
border-radius: 0;
}
.history .container .content .box {
display: block;
width: 20px;
height: 20px;
background: #fff;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
right: -10px;
z-index: 0;
}
.history .container .content .box::before {
content: "";
display: block;
width: 20px;
height: 1px;
background-color: #dbb65f;
position: absolute;
-webkit-transform: rotate(0);
transform: rotate(0);
top: -1px;
}
.history .container .content .box::after {
content: "";
display: block;
width: 20px;
height: 1px;
background-color: #dbb65f;
position: absolute;
-webkit-transform: rotate(0);
transform: rotate(90deg);
right: -10px;
bottom: 10px;
}
.history .container.right .content {
padding: 20px;
}
.history .container.right .content .box {
left: -10px;
}
.history .container.right .content .box::before {
-webkit-transform: rotate(0);
transform: rotate(-90deg);
left: -10px;
top: 10px;
}
.history .container.right .content .box::after {
-webkit-transform: rotate(0);
transform: rotate(0deg);
left: 0px;
bottom: -1px;
}
.history .container .content p {
margin: 0;
color: #1f2f61;
font-size: 14px;
line-height: 24px;
}
.history-content h4 {
margin: 0;
margin-bottom: 30px;
color: #dbb65f;
font-size: 22px;
font-weight: 700;
}
.history-content p {
margin: 0;
margin-bottom: 10px;
color: #1f2f61;
font-size: 16px;
line-height: 36px;
}
.history-content p:last-child {
margin-bottom: 0;
}
.contact-page {
position: relative;
padding-bottom: 150px;
background-image: url(//tsem.by/wp-content/themes/tsem/assets/img/contact-background);
background-position: center 105%;
background-repeat: no-repeat;
}
.contact-page h1.title {
margin-bottom: 100px;
}
.contact-page p {
margin: 0;
margin-bottom: 50px;
color: #1f2f61;
font-size: 16px;
line-height: 36px;
}
.contact-page .contact-card {
margin-bottom: 50px;
padding: 25px;
background-color: #fff;
-webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
}
.contact-page .contact-card h5 {
margin-bottom: 30px;
color: #1f2f61;
font-size: 18px;
font-weight: 700;
}
.contact-page .contact-card>ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
}
.contact-page .contact-card>ul>li ul.submenu {
margin: 0;
padding: 0;
list-style: none;
}
.contact-page .contact-card>ul>li ul.submenu>li {
margin-bottom: 5px;
}
.contact-page .contact-card>ul>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 30px;
margin-bottom: 0;
color: #1f2f61;
font-size: 16px;
font-weight: 700;
}
.contact-page .contact-card>ul>li>i.icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 30px;
height: 30px;
margin-right: 15px;
}
.contact-page .contact-card>ul>li>i.icon img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.contact-page .contact-card ul li small {
display: block;
margin-bottom: 5px;
color: #1f2f61;
font-size: 16px;
font-weight: 400;
}
.contact-page .contact-card ul li a {
color: #1f2f61;
font-size: 15px;
font-weight: 700;
transition: all .3s ease-in-out;
} .contact-page .contact-card>ul>li:last-child {
margin-right: 0;
}
.contact-page .contact-card>ul>li:last-child ul.submenu>li>a {
pointer-events: none;
}
.contact-map {
height: 500px;
}
.contact-map iframe {
width: 100%;
height: 500px;
}
.vacancies, .single-page {
position: relative;
padding-bottom: 150px;
background-image: url(//tsem.by/wp-content/themes/tsem/assets/img/vacancies-background.png);
background-position: right bottom;
background-repeat: no-repeat;
}
.vacancies h1.title {
margin-bottom: 100px;
}
.vacancies-content {
margin-bottom: 150px;
}
.vacancies-content h5 {
margin: 0;
margin-bottom: 20px;
color: #dbb65f;
font-size: 22px;
font-weight: 700;
}
.vacancies-content p {
margin: 0;
margin-bottom: 20px;
color: #1f2f61;
font-size: 16px;
line-height: 36px;
}
.vacancies-list h5 {
margin: 0;
margin-bottom: 50px;
color: #1f2f61;
font-size: 22px;
font-weight: 700;
}
.vacancies-list__card {
margin-bottom: 50px;
padding-bottom: 50px;
border-bottom: 1px solid #e7e6e6;
}
.vacancies-list__card .strong {
display: block;
margin-bottom: 15px;
color: #dbb65f;
font-size: 18px;
font-weight: 700;
}
.vacancies-list__card .detail-btn {
color: #1f2f61;
font-size: 16px;
text-decoration: underline;
}
.vacancies-list__card .detail-btn:hover {
color: #dbb65f;
}
.vacancies-list__card .collapse-body {
margin-top: 40px;
}
.vacancies-list__card .collapse-body .card-body {
padding: 0;
border: 0;
border-radius: 0;
}
.vacancies-list__card .collapse-body .card-body .card-row {
margin-bottom: 50px;
}
.vacancies-list__card .collapse-body .card-body .card-row strong {
color: #1f2f61;
}
.vacancies-list__card .collapse-body .card-body .card-row p {
margin: 0;
margin-bottom: 15px;
color: #1f2f61;
font-size: 16px;
line-height: 36px;
}
.vacancies-list__card .collapse-body .card-body .card-row ul {
margin-bottom: 30px;
padding-left: 30px;
list-style-type: disc;
}
.vacancies-list__card .collapse-body .card-body .card-row ul li {
margin: 0;
margin-bottom: 15px;
color: #1f2f61;
font-size: 16px;
line-height: 30px;
}
.vacancies-list__card .collapse-body .card-body .card-row ul li:last-child {
margin-bottom: 0;
}
.vacancies-list__card .collapse-body .card-body .card-row p:last-child {
margin-bottom: 0;
}
.vacancies-content .wp-block-image {
position: relative;
}
.vacancies-content .wp-block-image img {
position: relative;
width: 100%;
height: 350px;
-o-object-position: center;
object-position: center;
-o-object-fit: cover;
object-fit: cover;
}
.industries {
position: relative;
padding-bottom: 50px;
background-image: url(//tsem.by/wp-content/themes/tsem/assets/img/industries-background.png);
background-position: bottom left;
background-repeat: no-repeat;
}
.industries h1.title {
margin-bottom: 100px;
}
.industries-info {
margin-bottom: 100px;
}
.industries-info .screen-reader-text {
color: #1f2f61;
}
.industries-info .strong {
display: block;
margin-bottom: 20px;
color: #dbb65f;
font-size: 22px;
font-weight: 700;
}
.industries-list__desc {
min-height: 380px;
}
.industries-list__desc p.image {
float: right;
margin-left: 50px;
margin-bottom: 50px;
}
.industries-list__desc p img {
width: 550px;
max-width: 100%;
height: 380px;
object-fit: cover;
object-position: center;
}
.industries-content figure img {
width: 768px;
max-width: 100%;
height: 500px;
object-fit: cover;
object-position: center;
}
.industries-list__desc h1,
.industries-list__desc h2,
.industries-list__desc h3,
.industries-list__desc h4,
.industries-list__desc h5 {
margin-bottom: 20px;
color: #dbb65f;
font-weight: 700;
}
table {
max-width: 800px;
}
table td {
border: 1px solid #1f2f61; padding: 18px 20px;
text-align: center;
}
table td strong {
color: #1f2f61;
}
.industries-list__desc table,
.single-page__content table .industries-content table {
width: 100%;
}
.industries-list__desc table td,
.single-page__content table td,
.industries-content table td {
border: 1px solid #1f2f61; padding: 18px 20px;
text-align: center;
}
.industries-list__desc table td strong,
single-page__content table td strong,
.industries-content table td strong {
color: #1f2f61;
}
body.single-sphere_activity .single-page__content .wp-block-columns {
margin-bottom: 100px;
}
body.single-sphere_activity .single-page__content .wp-block-image img {
height: 400px;
object-fit: cover;
object-position: center;
}
.industries-info ul {
margin: 0;
padding: 0;
list-style: none;
}
.industries-info small {
display: block;
margin-bottom: 20px;
color: #1f2f61;
font-size: 16px;
font-weight: 400;
}
.industries-info a {
display: block;
margin-bottom: 20px;
color: #1f2f61;
font-size: 16px;
font-weight: 400;
text-decoration: underline;
}
.industries-info a:hover {
color: #dbb65f;
}
.industries-list .row {
margin-bottom: 100px;
}
.industries-list__image {
position: relative;
}
.industries-list__image::before {
content: "";
display: block;
width: 100%;
height: 350px;
border: 1px solid #1f2f61;
position: absolute;
right: -10px;
bottom: -10px;
z-index: -1;
}
.industries-list__image img {
width: 100%;
height: 350px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.industries-list__desc h4 {
margin-bottom: 20px;
color: #dbb65f;
font-size: 22px;
font-weight: 700;
}
.industries-content p {
color: #1f2f61;
font-size: 16px;
line-height: 36px;
font-weight: 400;
}
.industries-content h1,
.industries-content h2,
.industries-content h3,
.industries-content h4,
.industries-content h5,
.industries-content h6 {
margin: 30px 0;
color: #1f2f61;
}
.industries-content ul {
margin-top: 0;
margin-bottom: 1rem;
padding-left: 2rem;
list-style-type: disc;
}
.industries-content ol li,
.industries-content ul li {
margin-bottom: 15px;
color: #1f2f61;
}
.industries-tree {
position: relative;
padding-bottom: 50px;
}
.industries-tree h1.title {
margin-bottom: 100px;
}
.industries-tree p {
margin-bottom: 30px;
color: #1f2f61;
font-size: 16px;
line-height: 36px;
font-weight: 400;
}
.industries-tree .industries-scroll {
margin-bottom: 100px;
}
.industries-tree .industries-scroll ul {
margin: 0;
padding: 0;
list-style: none;
}
.industries-tree .industries-scroll ul li a {
color: #1f2f61;
font-size: 16px;
line-height: 36px;
font-weight: 700;
text-decoration: underline;
}
.industries-tree .industries-row {
margin-bottom: 100px;
}
.industries-tree .industries-row img {
width: 100%;
height: 400px;
-o-object-position: center;
object-position: center;
-o-object-fit: cover;
object-fit: cover;
}
.industries-tree .industries-row__cat {
margin-top: 50px;
}
.industries-tree .industries-row__cat .page_item_has_children > a {
display: block;
color: #1f2f61;
font-size: 16px;
font-weight: 400;
text-decoration: underline;
}
.industries-tree .industries-row__cat .strong {
display: block;
margin-bottom: 30px;
color: #1f2f61;
font-size: 22px;
font-weight: 700;
}
.industries-tree .industries-row__cat ul {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(4, auto);
grid-auto-flow: column;
margin: 0;
padding: 0;
list-style: none;
}
.industries-tree .industries-row__cat ul li {
margin-bottom: 15px;
}
.industries-tree .industries-row__cat ul li.page-item-1232,
.industries-tree .industries-row__cat ul li.page-item-1235,
.industries-tree .industries-row__cat ul li.page-item-1236,
.industries-tree .industries-row__cat ul li.page-item-1245,
.industries-tree .industries-row__cat ul li.page-item-1246 {
display: none;
} .industries-tree .industries-row__cat ul li a {
color: #1f2f61;
font-size: 16px;
font-weight: 400;
text-decoration: underline;
}
.industries-tree .industries-row__cat ul li.parent-term {
display: none;
}
.industries-tree .industries-row__cat ul li a:hover {
color: #dbb65f;
}
.projects {
padding-bottom: 70px;
}
.projects h1.title {
margin-bottom: 100px;
}
.projects .projects-card {
position: relative;
display: block;
margin-bottom: 60px;
-webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
}
.projects .projects-card.hidden {
display: none;
}
.projects .projects-card img {
width: 100%;
height: 300px;
object-fit: cover;
object-position: center;
}
.projects .projects-card .content {
padding: 25px;
}
.projects .projects-card .content .strong {
display: block;
width: 100%;
max-width: 100%;
min-height: 50px;
margin-bottom: 10px;
color: #1f2f61;
font-size: 18px;
font-weight: 700;
line-height: 24px;
}
.projects .projects-card .content p {
min-height: 78px;
margin: 0;
color: #1f2f61;
font-size: 16px;
line-height: 26px;
font-weight: 400;
}
.projects .custom-btn {
margin: 0 auto;
background-color: #dbb65f;
}
.projects .custom-btn:hover {
color: #fff;
background-color: #c5a252;
}
.equipment {
padding-bottom: 70px;
}
.equipment h1.title {
margin-bottom: 100px;
}
.equipment .equipment-card {
position: relative;
display: block;
margin-bottom: 60px;
-webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
}
.equipment .equipment-card.hidden {
display: none;
}
.equipment .equipment-card img {
width: 100%;
height: 300px;
object-fit: cover;
object-position: center;
}
.equipment .equipment-card .content {
padding: 25px;
}
.equipment .equipment-card .content .strong {
display: block;
width: 100%;
max-width: 100%;
min-height: 50px;
margin-bottom: 10px;
color: #1f2f61;
font-size: 18px;
font-weight: 700;
line-height: 24px;
}
.equipment .equipment-card .content p {
min-height: 78px;
margin: 0;
color: #1f2f61;
font-size: 16px;
line-height: 26px;
font-weight: 400;
}
.equipment .custom-btn {
margin: 0 auto;
background-color: #dbb65f;
}
.equipment .custom-btn:hover {
color: #fff;
background-color: #c5a252;
}
.error {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: calc(100vh - 160px);
background-color: #fff;
background-image: url(//tsem.by/wp-content/themes/tsem/assets/img/errow-background.jpg);
background-position: bottom right;
background-size: contain;
background-repeat: no-repeat;
}
.error-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
.error-content .title {
position: relative;
margin-bottom: 60px;
font-size: 42px;
}
.error-content .title-before {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 10px;
font-size: 130px;
line-height: 1;
opacity: 0.06;
}
.error-content p {
width: 700px;
max-width: 100%;
margin-bottom: 60px;
color: #1f2f61;
font-size: 16px;
line-height: 30px;
text-align: center;
}
.error-content a {
margin: 0 auto;
}
.nav-search {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 15px;
left: 15px;
width: 100%;
display: flex;
justify-content: flex-end;
}
.nav-search .icon-search::before,
.nav-search .icon-close::before {
display: none;
}
.icon-close,
.icon-search {
position: relative;
z-index: 2;
display: block;
width: 18px;
height: 18px;
background: url(//tsem.by/wp-content/themes/tsem/assets/img/search.svg) center center no-repeat;
background-size: contain;
}
.icon-close {
background: url(//tsem.by/wp-content/themes/tsem/assets/img/close.svg) center center no-repeat;
background-size: cover;
}
.nav-search:not(.open) .icon-close {
display: none;
}
.nav-search.open .icon-search {
display: none;
}
#searchForm {
opacity: 0;
width: 0;
position: absolute;
transition: .5s width, .4s opacity;
right: 0;
top: 50%;
transform: translateY(-50%);
overflow: hidden;
background-color: #fff;
}
#searchForm:before {
content: "";
display: block;
width: 25px;
height: 25px;
position: absolute;
left: 12px;
top: 18px;
z-index: 2;
background: url(//tsem.by/wp-content/themes/tsem/assets/img/search.png) center center no-repeat;
}
#searchForm input {
width: 100%;
height: 58px;
padding: 0 60px;
border: none;
font-size: 14px;
color: #fff;
outline: none;
background-color: #1f2f61;
}
#searchForm input::placeholder {
color: #fff;
font-size: 14px;
}
.nav-search.open {
z-index: 3;
}
.nav-search.open #searchForm {
width: 100%;
opacity: 1;
}
.search-result {
position: relative;
padding-bottom: 150px;
background-image: url(//tsem.by/wp-content/themes/tsem/assets/img/serch-background.jpg);
background-repeat: no-repeat;
background-position: bottom right;
background-size: contain;
}
.search-result .title {
margin-bottom: 60px;
text-align: left;
}
.search-result article {
margin-bottom: 50px;
}
.search-result .entry-header a {
font-size: 16px;
text-decoration: underline;
}
.search-result .entry-summary {
margin: 0;
color: #1f2f61;
font-size: 16px;
line-height: 30px;
}
.single-page {
padding-bottom: 120px;
}
.single-page h1.title {
margin-bottom: 100px;
}
body.single-post .single-page h1.title {
margin-bottom: 30px;
}
.single-page small.date {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 70px;
color: #1f2f61;
font-size: 16px;
line-height: 26px;
font-weight: 400;
text-align: center;
}
.single-page small.date .strong {
margin-left: 5px;
font-size: 16px;
color: #dbb65f;
font-weight: 400;
}
.single-page .single-page__content p {
margin-bottom: 15px;
color: #1f2f61;
font-size: 16px;
line-height: 26px;
font-weight: 400;
}
.single-page .single-page__content h2,
.single-page .single-page__content h3,
.single-page .single-page__content h4,
.single-page .single-page__content h5,
.single-page .single-page__content h6 {
margin: 0;
margin-bottom: 30px;
color: #1f2f61;
font-weight: 700;
}
body.single-post .single-page__content .wp-block-image img {
width: 1024px;
max-width: 100%;
height: auto;
object-fit: contain;
}
.wpcf7-form span .wpcf7-form-control {
width: 100%;
padding: 15px;
border: 2px solid #1f3061;
transition: all .3s ease-in-out;
}
.wpcf7-form span .wpcf7-form-control:focus {
border: 2px solid #ddb65f;
outline: none;
box-shadow: none;
}
.wpcf7-form span.file input {
width: 100%;
max-width: 100%;
}
.wpcf7-form span.label {
display: block;
width: 100%;
padding: 15px;
font-size: 16px;
font-weight: 700;
border: 2px solid #1f3061;
background-image: url(//tsem.by/wp-content/themes/tsem/assets/img/paperclip.svg);
background-repeat: no-repeat;
background-position: 95% center;
background-size: 20px;
}
.upload-wrapper {
position: relative;
width: 200px;
display: flex;
}
.wpcf7-form .upload-wrapper span {
margin: 0;
}
.wpcf7-form .upload-wrapper span.file {
position: absolute;
display: flex;
align-items: center;
width: 100%;
height: 58px;
}
.wpcf7-form .upload-wrapper #file {
display: inline-block;
position: absolute;
z-index: 1;
width: 100%;
top: 0;
left: 0;
opacity: 0;
cursor: pointer;
}
.wpcf7-form-control-wrap {
display: block;
margin-bottom: 30px;
}
.wpcf7-form textarea {
width: 100%;
}
.wpcf7-form .wpcf7-submit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 200px;
max-width: 100%;
margin: 30px auto 0;
padding: 13px 0;
color: #fff;
font-size: 16px;
font-weight: 700;
background-color: #1f2f61;
border-radius: 10px;
border: 0;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
} @media screen and (max-width: 1600px) {
.main .main-slider .main-slider__content {
padding: 200px 0;
}
.main h1 {
font-size: 50px;
}
.main p {
font-size: 30px;
}
}
@media screen and (max-width: 1440px) {
.title {
font-size: 30px;
}
.header-bottom nav ul li {
margin-right: 60px;
}
.main h1 {
font-size: 40px;
}
.main p {
font-size: 26px;
}
.services-card {
height: 300px;
}
.company .our-advantages .wp-block-column:not(:first-child) {
margin: 0;
}
.wp-block-columns.our-advantages .wp-block-column p strong {
font-size: 36px;
}
.geography-map .geography-marker-1 {
top: 32%;
}
.geography-map .geography-marker-2 {
top: 22%;
}
.geography-map .geography-marker-3 {
top: 59%;
}
.geography-map .geography-marker-4 {
top: 50%;
}
.geography-map .geography-marker-5 {
top: 45%;
}
.geography-map .geography-marker-6 {
top: 48%;
}
.geography-map .geography-marker-7 {
top: 43%;
}
.geography-map .geography-marker-8 {
top: 33%;
}
.geography-map .geography-marker-9 {
top: 39%;
}
.geography-map .geography-marker-10 {
top: 31%;
}
.geography-map .geography-marker-11 {
top: 30%;
}
.geography-map .geography-marker-12 {
top: 28%;
}
.geography-map .geography-marker-13 {
top: 30%;
}
.geography-map .geography-marker-14 {
top: 24%;
}
.geography-map .geography-marker-15 {
top: 26%;
}
.geography-map .geography-marker-16 {
top: 29%;
}
.geography-map .geography-marker-17 {
top: 38%;
}
.geography-map .geography-marker-18 {
top: 36%;
}
}
@media screen and (max-width: 1200px) {
.title {
font-size: 28px;
}
.header-visually {
font-size: 14px;
}
.header-contact ul li {
margin-right: 20px;
}
.header-contact ul li a {
font-size: 14px;
}
.header-contact__lang ul select {
font-size: 14px;
}
.header-bottom nav ul li {
margin-right: 50px;
}
.nav-search {
width: 18px;
left: auto;
z-index: 2;
}
.nav-search.open {
width: 100%;
}
.services {
padding: 70px 0;
}
.services-card .strong {
font-size: 18px;
}
.advantages {
padding: 70px 0;
}
.geography {
padding: 70px 0;
}
.geography-content ul li {
font-size: 14px;
}
.geography-content ul li strong {
font-size: 18px;
}
.company .our-advantages__card .count {
font-size: 36px;
}
.contact-page {
padding-bottom: 100px;
}
.contact-page .contact-card {
padding: 20px;
}
.contact-page .contact-card ul li {
margin-right: 20px;
}
.contact-page .contact-card ul li i.icon {
width: 30px;
height: 30px;
}
.industries-tree .industries-row__cat ul {
grid-gap: 15px;
}
.manual {
padding-bottom: 100px;
}
.manual-card__name {
width: 200px;
margin: 0 auto 5px;
}
.manual-card__status {
min-height: 72px;
font-size: 15px;
}
.news-card__thumbnail {
height: 380px;
}
}
@media screen and (max-width: 992px) {
.button_container {
display: block;
}
.overlay {
display: block;
}
.header {
padding: 15px 0;
}
.header-logo a img {
width: 250px;
max-width: 100%;
}
.header-contact .header-contact__lang {
display: none;
}
.header-contact ul li {
display: none;
}
.header-contact ul li:nth-of-type(1) {
display: flex;
align-items: center;
}
.header-contact__lang {
margin-right: 15px;
}
.header-bottom {
display: none;
}
.header-visually a {
font-size: 14px;
}
.header-contact ul li {
margin-right: 15px;
}
.header-contact ul li a {
font-size: 14px;
}
.header-bottom nav ul li {
margin-right: 20px;
}
.header-bottom nav ul li a {
font-size: 14px;
}
.main {
padding: 150px 0;
}
body.home .main {
padding: 0;
}
.main h1 {
font-size: 34px;
}
.main p {
font-size: 20px;
}
.services h2 {
margin-bottom: 30px;
}
.services-card .strong {
left: 15px;
bottom: 15px;
font-size: 16px;
}
.services-card {
height: 250px;
}
.advantages {
padding: 70px 0 40px 0;
}
.advantages-card {
margin-bottom: 30px;
}
.geography .title {
display: none;
}
.geography-map {
display: none;
}
.geography-content {
text-align: center;
}
.footer-column .strong {
font-size: 14px;
}
.geography-modal.fancybox-content {
overflow: visible;
}
.geography-modal.fancybox-content .fancybox-button {
right: 76px;
top: -45px;
}
.geography-modal .geography-modal__image img {
height: 300px;
object-fit: cover;
}
.geography-modal .geography-modal__content {
margin-top: 30px;
}
.footer-column.social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 30px;
}
.company h1.title {
margin-bottom: 50px;
}
.company .our-advantages {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
.contact-page h1.title {
margin-bottom: 50px;
}
.contact-page p {
text-align: center;
}
.contact-page .contact-card {
padding: 30px;
}
.contact-page .contact-card > ul {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
grid-auto-rows: minmax(100px, auto);
grid-gap: 15px;
grid-template-areas: "first first first first third third third last last last last last""second second second second second second second second second second second second";
}
.contact-page .contact-card ul li {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
font-size: 14px;
}
.contact-page .contact-card ul li i.icon {
margin: 0;
margin-bottom: 15px;
}
.contact-page .contact-card ul li a {
font-size: 14px;
}
.contact-page .contact-card ul li:nth-of-type(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 4;
grid-area: first;
}
.contact-page .contact-card ul li:nth-of-type(2) {
-ms-grid-row: 2;
-ms-grid-column: 1;
-ms-grid-column-span: 12;
grid-area: second;
}
.contact-page .contact-card ul li:nth-of-type(3) {
-ms-grid-row: 1;
-ms-grid-column: 5;
-ms-grid-column-span: 3;
grid-area: third;
}
.contact-page .contact-card ul li:nth-of-type(4) {
-ms-grid-row: 1;
-ms-grid-column: 8;
-ms-grid-column-span: 5;
grid-area: last;
}
.history {
padding-bottom: 100px;
}
.history .container .content {
width: 100%;
}
.history .container.left .content {
margin-left: auto;
}
.history-content {
margin-top: 50px;
text-align: center;
}
.manual-card__photo {
width: 160px;
height: 160px;
}
.manual {
padding-bottom: 50px;
}
.manual-card__name {
width: 100%;
margin: 0 auto 5px;
}
.manual-card__status {
min-height: 66px;
font-size: 15px;
}
.news-card__thumbnail {
height: 300px;
}
.news-card__content {
padding: 24px;
}
.industries-list__desc p.image {
margin-left: 30px;
margin-bottom: 30px;
}
.industries-list__desc p img {
width: 400px;
}
}
@media screen and (max-width: 768px) {
.main {
padding: 100px 0;
background-attachment: local;
}
.main h1 {
font-size: 30px;
}
.main p {
font-size: 18px;
}
.services-list {
display: flex;
flex-direction: column;
grid-gap: 0;
}
.services-card {
height: 400px;
margin-bottom: 15px;
}
.footer-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
margin-bottom: 30px;
}
.footer-column.contact nav ul li {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: fit-content;
margin: 0 auto 5px;
}
.footer .copyright {
margin-top: 30px;
}
.our-mission__content {
margin-bottom: 30px;
text-align: center;
}
.our-activity__content {
margin-top: 60px;
text-align: center;
}
.company .our-mission__image,
.company .our-activity__image {
margin: 0 30px;
}
.company .additional-content p {
text-align: center;
}
.industries {
padding: 0;
}
.industries h1.title {
margin-bottom: 50px;
}
.industries-info {
margin-bottom: 50px;
text-align: center;
}
.industries-list .row {
margin-bottom: 50px;
}
.industries-list__image {
position: relative;
margin: 0 30px 50px;
}
.industries-list__desc {
text-align: center;
}
.industries-content .wp-block-columns:nth-of-type(1) {
flex-direction: column-reverse;
}
.industries-content .wp-block-columns {
flex-direction: column;
}
.industries-content .wp-block-columns .wp-block-column {
margin: 0;
}
.news {
padding-bottom: 50px;
}
.news h1.title {
margin-bottom: 50px;
}
.news-card {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.news-card__thumbnail {
width: 100%;
}
.news-card__content {
width: 100%;
padding: 30px;
}
.load-more {
margin: 50px auto 0;
}
.vacancies {
padding-bottom: 100px;
}
.vacancies h1.title {
margin-bottom: 50px;
}
.vacancies-content {
margin-bottom: 50px;
text-align: center;
}
.vacancies-content .wp-block-columns {
flex-direction: column;
}
.vacancies-list {
text-align: center;
}
.vacancies-list__card {
margin-bottom: 30px;
padding-bottom: 30px;
}
.vacancies-content .wp-block-image {
margin: 0 30px;
}
.manual .container-xl .row .col-sm-12:last-child .manual-card {
margin-bottom: 30px;
}
.manual-card__status {
min-height: auto;
}
.error {
height: calc(100vh - 80px);
}
.industries-list__desc {
padding-bottom: 30px;
text-align: left;
}
.industries-list__desc p.image {
margin: 0;
margin-bottom: 30px;
float: none;
}
.industries-list__desc p.image img {
width: 100%;
}
.single-page h1.title {
margin-bottom: 50px;
}
.single-page__content .wp-block-columns {
flex-direction: column;
margin-bottom: 50px;
}
.single-page__content .wp-block-columns .wp-block-column:nth-child(2n) {
margin: 0;
}
.single-page__content .wp-block-columns:nth-child(2n+1) {
flex-direction: column-reverse;
}
.single-page__content .wp-block-columns:nth-child(2n+1) .wp-block-column:nth-child(2n) {
margin-bottom: 30px;
}
}
@media screen and (max-width: 576px) {
.title {
font-size: 24px;
}
.header-contact ul li i.icon a {
display: none;
}
.main h1 {
font-size: 25px;
}
.services {
padding: 50px 0;
}
.services-card {
height: 300px;
}
.advantages {
padding: 50px 0 20px 0;
}
.advantages-card i.icon {
width: 50px;
height: 50px;
}
.advantages-card .strong {
font-size: 16px;
}
.geography {
padding: 50px 0;
}
.geography .title {
margin-bottom: 30px;
}
.geography-content ul li .bold {
font-size: 18px;
}
.company {
padding-bottom: 50px;
}
.company .our-mission {
margin-bottom: 50px;
}
.company .our-advantages {
grid-gap: 30px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
margin-bottom: 50px;
}
.company .our-advantages__card .count {
margin: 0 auto 15px;
}
.company .our-advantages__card p {
text-align: center;
}
.company .our-activity {
margin-bottom: 50px;
}
.company .additional-content .strong {
font-size: 16px;
line-height: 26px;
}
.contact-page .contact-card > ul {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
grid-auto-rows: minmax(100px, auto);
grid-gap: 15px;
grid-template-areas: "first first first first first first first first first first first first""third third third third third third third third third third third third""second second second second second second second second second second second second""last last last last last last last last last last last last";
}
.contact-map img {
width: 100%;
height: 400px;
-o-object-fit: cover;
object-fit: cover;
}
.history {
padding-bottom: 50px;
}
.history h1.title {
margin: 0;
margin-bottom: 50px;
}
.history .container {
width: 100%;
margin-bottom: 70px;
padding: 0;
background-color: #fff;
text-align: center;
}
.history .container.right {
left: 0;
}
.history .container .content .box {
display: none;
}
.history .container::before,
.history .container::after {
display: none;
}
.history .container .date {
top: -30px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #fff;
}
.history .container.right .date {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.history .timeline::after {
z-index: -1;
}
.history-content {
margin: 0;
}
.industries-tree h1.title {
margin-bottom: 50px;
}
.industries-tree p {
text-align: center;
}
.industries-tree .industries-scroll {
margin-bottom: 50px;
}
.industries-tree .industries-scroll ul {
text-align: center;
}
.industries-tree .industries-row {
margin-bottom: 50px;
}
.industries-tree .industries-row__cat ul {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.industries-content .wp-block-columns .wp-block-image img {
height: 350px;
}
.error {
height: calc(100vh - 55px);
}
.error-content .title {
margin-bottom: 30px;
font-size: 34px;
}
.error-content .title-before {
font-size: 100px;
}
.error-content p {
margin-bottom: 30px;
font-size: 15px;
line-height: 26px;
}
.industries-list__desc p img {
height: 300px;
}
}
@media screen and (max-width: 450px) {
.header-contact ul li:nth-of-type(1) i.icon a {
display: block;
}
.header-contact ul li:nth-of-type(1) a {
display: none;
}
}
@media screen and (max-width: 375px) {
.main h1 {
font-size: 21px;
}
.main p {
font-size: 16px;
}
.services-card {
height: 250px;
}
.company .our-activity__image img,
.company .our-mission__image img {
height: 250px;
}
.company .our-activity__image::before,
.company .our-mission__image::before {
height: 250px;
}
}html.hc-nav-yscroll{overflow-y:scroll}body.hc-nav-open{overflow:visible;position:fixed;width:100%;min-height:100%}.hc-offcanvas-nav{visibility:hidden;display:none;position:fixed;top:0;height:100%;z-index:9999;text-align:left}.hc-offcanvas-nav.is-ios *{cursor:pointer !important}.hc-offcanvas-nav .nav-container{position:fixed;z-index:9998;top:0;height:100%;max-width:100%;max-height:100%;box-sizing:border-box;transition:transform .4s ease}.hc-offcanvas-nav .nav-wrapper{width:100%;height:100%;box-sizing:border-box;-ms-scroll-chaining:none;overscroll-behavior:none}.hc-offcanvas-nav .nav-content{height:100%}.hc-offcanvas-nav .nav-wrapper-0>.nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box}.hc-offcanvas-nav ul{list-style:none;margin:0;padding:0}.hc-offcanvas-nav li{position:relative;display:block}.hc-offcanvas-nav li.level-open>.nav-wrapper{visibility:visible}.hc-offcanvas-nav li:not(.custom-content) a{position:relative;display:block;box-sizing:border-box;cursor:pointer}.hc-offcanvas-nav li:not(.custom-content) a[disabled]{cursor:not-allowed}.hc-offcanvas-nav li:not(.custom-content) a,.hc-offcanvas-nav li:not(.custom-content) a:hover{text-decoration:none}.hc-offcanvas-nav input[type="checkbox"]{display:none}.hc-offcanvas-nav label{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;cursor:pointer}.hc-offcanvas-nav .nav-item-wrapper{position:relative}.hc-offcanvas-nav .nav-item-link{position:relative;display:block;box-sizing:border-box}.hc-offcanvas-nav:not(.user-is-tabbing) .nav-close-button:focus,.hc-offcanvas-nav:not(.user-is-tabbing) .nav-item-wrapper a:focus{outline:none}.hc-offcanvas-nav .nav-close:focus,.hc-offcanvas-nav .nav-next:focus,.hc-offcanvas-nav .nav-back:focus{z-index:10}.hc-offcanvas-nav.disable-body::after,.hc-offcanvas-nav .nav-wrapper::after{content:'';z-index:9990;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-ms-scroll-chaining:none;overscroll-behavior:none;visibility:hidden;opacity:0;transition:visibility 0s ease .4s,opacity .4s ease}.hc-offcanvas-nav.disable-body::after{position:fixed}.hc-offcanvas-nav .nav-wrapper::after{position:absolute}.hc-offcanvas-nav.disable-body.nav-open::after,.hc-offcanvas-nav .sub-level-open::after{visibility:visible;opacity:1;transition-delay:.05s}.hc-offcanvas-nav:not(.nav-open)::after{pointer-events:none}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after{display:none}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0{max-height:100vh}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0>.nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box;max-height:100vh}.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper{min-width:0;max-height:0;visibility:hidden;overflow:hidden;transition:height 0s ease .4s}.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper{max-height:none;overflow:visible;visibility:visible}.hc-offcanvas-nav.nav-levels-overlap .nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box;max-height:100vh}.hc-offcanvas-nav.nav-levels-overlap .nav-wrapper{max-height:100vh}.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper{position:absolute;z-index:9999;top:0;height:100%;visibility:hidden;transition:visibility 0s ease .4s,transform .4s ease}.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent{position:static}.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper{visibility:visible;transform:translate3d(0, 0, 0);transition:transform .4s ease}.hc-offcanvas-nav.nav-position-left{left:0}.hc-offcanvas-nav.nav-position-left .nav-container{left:0}.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(-100%, 0, 0)}.hc-offcanvas-nav.nav-position-right{right:0}.hc-offcanvas-nav.nav-position-right .nav-container{right:0}.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper{right:0;transform:translate3d(100%, 0, 0)}.hc-offcanvas-nav.nav-position-top{top:0}.hc-offcanvas-nav.nav-position-top .nav-container{top:0;width:100%}.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(0, -100%, 0)}.hc-offcanvas-nav.nav-position-bottom{top:auto;bottom:0}.hc-offcanvas-nav.nav-position-bottom .nav-container{top:auto;bottom:0;width:100%}.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(0, 100%, 0)}.hc-offcanvas-nav.nav-open[class*='hc-nav-'] div.nav-container{transform:translate3d(0, 0, 0)}.hc-offcanvas-nav.rtl{text-align:right;direction:rtl}.hc-nav-trigger{position:absolute;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;top:20px;z-index:9980;width:30px;min-height:24px}.hc-nav-trigger span{width:30px;top:50%;transform:translateY(-50%);transform-origin:50% 50%}.hc-nav-trigger span,.hc-nav-trigger span::before,.hc-nav-trigger span::after{display:block;position:absolute;left:0;height:4px;background:#34495E;transition:all .2s ease}.hc-nav-trigger span::before,.hc-nav-trigger span::after{content:'';width:100%}.hc-nav-trigger span::before{top:-10px}.hc-nav-trigger span::after{bottom:-10px}.hc-nav-trigger.toggle-open span{background:rgba(0,0,0,0);transform:rotate(45deg)}.hc-nav-trigger.toggle-open span::before{transform:translate3d(0, 10px, 0)}.hc-nav-trigger.toggle-open span::after{transform:rotate(-90deg) translate3d(10px, 0, 0)}.hc-offcanvas-nav{font-family:sans-serif}.hc-offcanvas-nav::after,.hc-offcanvas-nav .nav-wrapper::after{background:rgba(0,0,0,0.3)}.hc-offcanvas-nav .nav-container,.hc-offcanvas-nav .nav-wrapper,.hc-offcanvas-nav ul{background:#336ca6}.hc-offcanvas-nav .nav-content>h2,.hc-offcanvas-nav .nav-content>h3,.hc-offcanvas-nav .nav-content>h4,.hc-offcanvas-nav .nav-content>h5,.hc-offcanvas-nav .nav-content>h6{font-size:19px;font-weight:normal;padding:20px 17px;color:#1b3958}.hc-offcanvas-nav .nav-content>h2:not(.nav-title):not(.level-title),.hc-offcanvas-nav .nav-content>h3:not(.nav-title):not(.level-title),.hc-offcanvas-nav .nav-content>h4:not(.nav-title):not(.level-title),.hc-offcanvas-nav .nav-content>h5:not(.nav-title):not(.level-title),.hc-offcanvas-nav .nav-content>h6:not(.nav-title):not(.level-title){font-size:16px;padding:15px 17px;background:#336ca6}.hc-offcanvas-nav .nav-item-link,.hc-offcanvas-nav li.nav-close a,.hc-offcanvas-nav .nav-back a{padding:14px 17px;font-size:14px;color:#fff;z-index:1;background:rgba(0,0,0,0);border-bottom:1px solid #2c5d8f;transition:background .1s ease}.hc-offcanvas-nav .nav-item-link:focus,.hc-offcanvas-nav .nav-item-link:focus-within,.hc-offcanvas-nav li.nav-close a:focus,.hc-offcanvas-nav li.nav-close a:focus-within,.hc-offcanvas-nav .nav-back a:focus,.hc-offcanvas-nav .nav-back a:focus-within{z-index:10}.hc-offcanvas-nav .nav-item-link[disabled],.hc-offcanvas-nav li.nav-close a[disabled],.hc-offcanvas-nav .nav-back a[disabled]{color:rgba(255,255,255,0.5)}.hc-offcanvas-nav div.nav-back+ul>li:first-child>.nav-item-wrapper>.nav-item-link{border-top:none !important}.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover{background:#31679e}.hc-offcanvas-nav .nav-custom-content{padding:14px 17px;font-size:14px;border-bottom:1px solid #2c5d8f}.hc-offcanvas-nav .nav-highlight{background:#2e6296}.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link{border-top:1px solid #2c5d8f}.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link+a{border-top:1px solid #2c5d8f}.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:not(:last-child){border-bottom:2px solid #2c5d8f}.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h2,.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h3,.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h4,.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h5,.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h6{margin-top:-2px}.hc-offcanvas-nav .nav-wrapper>.nav-content>h2+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,.hc-offcanvas-nav .nav-wrapper>.nav-content>h3+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,.hc-offcanvas-nav .nav-wrapper>.nav-content>h4+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,.hc-offcanvas-nav .nav-wrapper>.nav-content>h5+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,.hc-offcanvas-nav .nav-wrapper>.nav-content>h6+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link{border-top:1px solid #2c5d8f}.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h2,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h3,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h4,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h5,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h6,.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h2,.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h3,.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h4,.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h5,.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h6,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h2,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h3,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h4,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h5,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h6{border-top:1px solid #2c5d8f}.hc-offcanvas-nav li{color:#fff}.hc-offcanvas-nav li.nav-parent .nav-item-link:last-child{padding-right:58px}.hc-offcanvas-nav li.nav-parent .nav-item-link:not(:last-child){margin-right:45px}.hc-offcanvas-nav .nav-close-button span,.hc-offcanvas-nav .nav-parent .nav-next,.hc-offcanvas-nav .nav-back span{width:45px;position:absolute;top:0;right:0;bottom:0;text-align:center;cursor:pointer;transition:background .1s ease}.hc-offcanvas-nav .nav-close-button{position:relative;display:block}.hc-offcanvas-nav .nav-close-button span::before,.hc-offcanvas-nav .nav-close-button span::after{content:'';position:absolute;top:50%;left:50%;width:6px;height:6px;margin-top:-3px;border-top:2px solid #fff;border-left:2px solid #fff}.hc-offcanvas-nav .nav-close-button span::before{margin-left:-9px;transform:rotate(135deg)}.hc-offcanvas-nav .nav-close-button span::after{transform:rotate(-45deg)}.hc-offcanvas-nav .nav-content>.nav-close{position:relative;z-index:2}.hc-offcanvas-nav .nav-content>.nav-close a{font-size:14px;color:#fff;background:rgba(0,0,0,0);z-index:1;text-decoration:none;box-sizing:border-box}.hc-offcanvas-nav .nav-content>.nav-close a:not(.has-label){height:50px}.hc-offcanvas-nav .nav-content>.nav-close a.has-label{padding:14px 17px;border-top:1px solid #2c5d8f}.hc-offcanvas-nav .nav-content>.nav-close a:hover{border:none;background:radial-gradient(farthest-corner at top right, rgba(0,0,0,0.1), rgba(0,0,0,0))}.hc-offcanvas-nav .nav-content>.nav-close.has-label+ul{margin-top:-1px}.hc-offcanvas-nav:not(.nav-close-button-empty) .nav-content>.nav-close{margin-bottom:-1px}.hc-offcanvas-nav .nav-title+.nav-close a:not(.has-label){position:absolute;width:45px;height:66px;line-height:66px;top:-66px;right:0}.hc-offcanvas-nav.nav-close-button-empty .nav-title{padding-right:55px}.hc-offcanvas-nav li.nav-close a:not(.has-label){height:49px}.hc-offcanvas-nav .nav-content>.nav-close:first-child a,.hc-offcanvas-nav .nav-title+.nav-close a.has-label,.hc-offcanvas-nav li.nav-close a,.hc-offcanvas-nav .nav-back a{background:#2f649a;border-top:1px solid #2b5a8b;border-bottom:1px solid #2b5a8b}.hc-offcanvas-nav .nav-content>.nav-close:first-child a:hover,.hc-offcanvas-nav .nav-title+.nav-close a.has-label:hover,.hc-offcanvas-nav li.nav-close a:hover,.hc-offcanvas-nav .nav-back a:hover{background:#2e6195}.hc-offcanvas-nav li.nav-close:not(:first-child) a,.hc-offcanvas-nav li.nav-back:not(:first-child) a{margin-top:-1px}.hc-offcanvas-nav a.nav-next{border-left:1px solid #2c5d8f;border-bottom:1px solid #2c5d8f}.hc-offcanvas-nav .nav-next span::before,.hc-offcanvas-nav .nav-back span::before{content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;margin-left:-2px;box-sizing:border-box;border-top:2px solid #fff;border-left:2px solid #fff;transform-origin:center}.hc-offcanvas-nav .nav-next span{position:absolute;top:0;right:0;left:0;bottom:0}.hc-offcanvas-nav .nav-next span::before{transform:translate(-50%, -50%) rotate(135deg)}.hc-offcanvas-nav .nav-back span::before{margin-left:2px;transform:translate(-50%, -50%) rotate(-45deg)}.hc-offcanvas-nav.nav-position-left.nav-open.nav-levels-overlap .nav-wrapper{box-shadow:1px 0 2px rgba(0,0,0,0.2)}.hc-offcanvas-nav.nav-position-right.nav-open.nav-levels-overlap .nav-wrapper{box-shadow:-1px 0 2px rgba(0,0,0,0.2)}.hc-offcanvas-nav.nav-position-right .nav-next span::before{margin-left:2px;transform:translate(-50%, -50%) rotate(-45deg)}.hc-offcanvas-nav.nav-position-right .nav-back span::before{margin-left:-2px;transform:translate(-50%, -50%) rotate(135deg)}.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper{box-shadow:0 1px 2px rgba(0,0,0,0.2)}.hc-offcanvas-nav.nav-position-top .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(-135deg)}.hc-offcanvas-nav.nav-position-top .nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(45deg)}.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper{box-shadow:0 -1px 2px rgba(0,0,0,0.2)}.hc-offcanvas-nav.nav-position-bottom .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(45deg)}.hc-offcanvas-nav.nav-position-bottom .nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(-135deg)}.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper,.hc-offcanvas-nav.nav-levels-none ul .nav-wrapper{box-shadow:none;background:transparent}.hc-offcanvas-nav.nav-levels-expand li.level-open,.hc-offcanvas-nav.nav-levels-none li.level-open{background:#2e6296}.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a,.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a{border-bottom:1px solid #295887}.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a:hover,.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a:hover{background:#2f649a}.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>.nav-next span::before,.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a>.nav-next span::before,.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>.nav-next span::before,.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a>.nav-next span::before{margin-top:-2px;transform:translate(-50%, -50%) rotate(-135deg)}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-1 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-1 .nav-item-link{padding-left:calc(17px + 20px * 1)}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-2 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-2 .nav-item-link{padding-left:calc(17px + 20px * 2)}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-3 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-3 .nav-item-link{padding-left:calc(17px + 20px * 3)}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-4 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-4 .nav-item-link{padding-left:calc(17px + 20px * 4)}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-5 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-5 .nav-item-link{padding-left:calc(17px + 20px * 5)}.hc-offcanvas-nav.rtl a.nav-next{border-left:none;border-right:1px solid #2c5d8f}.hc-offcanvas-nav.rtl .nav-title+.nav-close a:not(.has-label),.hc-offcanvas-nav.rtl .nav-close-button span,.hc-offcanvas-nav.rtl .nav-next,.hc-offcanvas-nav.rtl .nav-back span{left:0;right:auto}.hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:last-child{padding-left:58px;padding-right:17px}.hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:not(:last-child){margin-left:45px;margin-right:0}.hc-offcanvas-nav.rtl .nav-wrapper-1 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 1)}.hc-offcanvas-nav.rtl .nav-wrapper-2 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 2)}.hc-offcanvas-nav.rtl .nav-wrapper-3 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 3)}.hc-offcanvas-nav.rtl .nav-wrapper-4 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 4)}.hc-offcanvas-nav.rtl .nav-wrapper-5 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 5)}