*/
filter: alpha(opacity=0); /* IE stuff */
opacity: 0;
z-index: 1;
}
/* hover */
.second_image_whatsapp:hover > img:nth-child(1) {
filter: alpha(opacity=0);
opacity: 0;
z-index: 1;
}
.second_image_whatsapp:hover > img:nth-child(2) {
filter: alpha(opacity=100);
opacity: 1;
z-index: 2;
}
.second_whatsApp_podpis {
display: block;
margin: -23px 0px 0px 71px;
padding-top: 6px;
font:
400 24px/1.39 "Helvetica Neue",
Helvetica,
Arial,
serif;
color: black;
text-decoration: none;
transition: 0.3s;
}
.second_whatsApp_podpis:hover {
text-shadow:
0 0 1.6px #28D146,
0 0 1.6px #28D146,
0 0 1.6px #28D146; /* Плавная чёрная тень у текста */
}
.second_imageBlock {
margin-left: 7%;
margin-top: 4%;
padding-bottom: 4%;
padding-top: 0.1%;
padding-right: 1px;
max-width: 829px;
max-height: 579px;
width: 41%;
}
/* ********** Секция 3 (Яндекс-карта) ********************************************************** */
.section3 {
display: flex;
flex-direction: column;
background-color: antiquewhite;
margin-top: 20px;
padding-top: 46px;
padding-bottom: 60px;
width: 100%;
}
.third_yandexCartaHeader {
/* margin-left: 37%;*/
/* margin-bottom: 1%;*/
width: 100%;
text-align: center;
font:
400 30px/1.39 "Helvetica Neue",
Helvetica,
Arial,
serif;
color: black;
}
.yandexMapWrapper{
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
align-content: center;
}
.thirdBalanceDiv1{
display: flex;
width: auto;
}
.yandexmap {
display: block;
margin-top: 3%;
/* margin-left: 18%;*/
outline: 3px solid gray;
outline-offset: 0px;
margin-bottom: 3%;
}
.map-1280 {
display: none;
width: 1280px;
height: 500px;
}
.map-900 {
display: none;
width: 900px;
height: 400px;
}
.map-700 {
display: none;
width: 700px;
height: 400px;
}
.map-500 {
display: none;
width: 500px;
height: 400px;
}
.map-300 {
display: block;
width: 300px;
height: 300px;
}
.map-200 {
display: none;
width: 240px;
height: 360px;
}
.thirdBalanceDiv2 {
display: flex;
width: auto;
}
/* ********** Секция 4 (футер) ********************************************************** */
.section4 {
display: flex;
flex-direction: column;
width: 100%;
padding: 0px;
}
.footer_black_rect {
width: 100%;
background-color: #081D35; /* чёрный */
padding-top: 1%;
padding-bottom: 1%;
}
/*four_main_coloumns_of_footer_wrapper*/
.four_main_coloumns_of_footer_wrapper {
/* контейнер для четырёх основных колонок футера */
display: flex;
flex-direction: row;
justify-content: space-around;
padding: 20px 0px 0px 0px;
}
.wrapper5 {
/* крайний левый блок футера под логотипом - написать нам, значок ватсапа */
display: flex;
flex-direction: column;
gap: 19px 0px;
width: 105px;
height: 92px;
}
/* Логотип Балтик-Сервис */
.image11 {
width: 182px;
height: 36px;
}
/* написать нам */
.highlight8 {
margin: 25px 10px 0px 0px;
width: 149px;
height: 23px;
font:
400 16px/1.39 "Helvetica Neue",
Helvetica,
Arial,
serif;
color: white;
}
/* иконка ватсапа */
.image_whatsapp {
margin: -6px 55px 0px 0px;
position: relative;
width: 50px;
height: 50px;
transition: 1s ease-in;
}
.image_whatsapp:active {
opacity: 0.5;
}
.image_whatsapp > img {
position: absolute;
/* transitions */
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
/* логическое чередование картинок в кнопке слайдера ховер/неховер */
/* solution 1: css3 solution, it depends of ![]()
's order */
/* default */
.image_whatsapp > img:nth-child(1) {
/* first ![]()
child of
*/
filter: alpha(opacity=100); /* IE stuff */
opacity: 1;
z-index: 2;
}
.image_whatsapp > img:nth-child(2) {
/* second ![]()
child of
*/
filter: alpha(opacity=0); /* IE stuff */
opacity: 0;
z-index: 1;
}
/* hover */
.image_whatsapp:hover > img:nth-child(1) {
filter: alpha(opacity=0);
opacity: 0;
z-index: 1;
}
.image_whatsapp:hover > img:nth-child(2) {
filter: alpha(opacity=100);
opacity: 1;
z-index: 2;
}
/* левый средний блок меню футера - услуги оборудование компания проекты */
.wrapper4 {
display: flex;
flex-direction: column;
gap: 30px 0px;
width: 141px;
height: 170px;
}
/* услуги с галкой в футере */
.wrapper211 {
display: flex;
align-items: center;
gap: 0px 22px;
width: 141px;
height: 20px;
border-radius: 10px 10px 10px 10px;
}
/* услуги в футере */
.text16 {
height: 20px;
font:
500 14px/1.39 "Helvetica Neue",
Helvetica,
Arial,
serif;
color: white;
transition: 0.6s;
text-decoration: none;
}
.text16:hover {
text-shadow:
0 0 1.6px #fff,
0 0 1.6px #fff,
0 0 1.6px #fff; /* Плавная белая тень у текста */
}
/* проекты с галкой */
.wrapper214 {
display: flex;
align-items: center;
gap: 0px 24px;
width: 141px;
height: 20px;
border-radius: 10px 10px 10px 10px;
}
/* проекты */
.text19 {
width: 57px;
height: 20px;
font:
500 14px/1.39 "Helvetica Neue",
Helvetica,
Arial,
serif;
color: white;
transition: 0.3s;
}
.text19:hover {
text-shadow:
0 0 1.6px #fff,
0 0 1.6px #fff,
0 0 1.6px #fff; /* Плавная белая тень у текста */
}
/* оборудование с галкой в футере - скрыто */
.wrapper212 {
display: flex;
justify-content: space-between;
align-items: center;
gap: 0px 10px;
width: 141px;
height: 20px;
border-radius: 10px 10px 10px 10px;
}
/* оборудование - скрыто */
.text17 {
width: 96px;
height: 20px;
font:
500 14px/1.39 "Helvetica Neue",
Helvetica,
Arial,
serif;
color: white;
transition: 0.3s;
}
.text17:hover {
text-shadow:
0 0 1.6px #fff,
0 0 1.6px #fff,
0 0 1.6px #fff; /* Плавная белая тень у текста */
}
/* Компания с галкой */
.wrapper213 {
display: flex;
align-items: center;
gap: 0px 27px;
width: 141px;
height: 20px;
border-radius: 10px 10px 10px 10px;
}
/* компания */
.text18 {
width: 65px;
height: 20px;
font:
500 14px/1.39 "Helvetica Neue",
Helvetica,
Arial,
serif;
color: white;
transition: 0.3s;
}
.text18:hover {
text-shadow:
0 0 1.6px #fff,
0 0 1.6px #fff,
0 0 1.6px #fff; /* Плавная белая тень у текста */
}
.wrapper1 {
/* правый средний блок футера карьера пресс-центр контакты */
display: flex;
flex-direction: column;
gap: 30px 0px;
width: 122px;
height: 120px;
}
.wrapper2 {
/* карьера с галкой */
display: flex;
align-items: center;
gap: 0px 21px;
width: 122px;
height: 20px;
border-radius: 10px 10px 10px 10px;
}
.text13 {
/* карьера */
width: 55px;
height: 20px;
font:
500 14px/1.39 "Helvetica Neue",
Helvetica,
Arial,
serif;
color: white;
transition: 0.3s;
}
.text13:hover {
text-shadow:
0 0 1.6px #fff,
0 0 1.6px #fff,
0 0 1.6px #fff; /* Плавная белая тень у текста */
}
.wrapper29 {
/* пресс-центр с галкой */
display: flex;
align-items: center;
gap: 0px 28px;
width: 125px;
height: 20px;
border-radius: 10px 10px 10px 10px;
}
.text14 {
/* пресс-центр */
width: 92px;
height: 20px;
font:
500 14px/1.39 "Helvetica Neue",
Helvetica,
Arial,
serif;
color: white;
transition: 0.3s;
}
.text14:hover {
text-shadow:
0 0 1.6px #fff,
0 0 1.6px #fff,
0 0 1.6px #fff; /* Плавная белая тень у текста */
}
.wrapper210 {
/* контакты с галкой */
display: flex;
align-items: center;
gap: 0px 29px;
width: 122px;
height: 20px;
border-radius: 10px 10px 10px 10px;
}
.text15 {
/* контакты */
width: 61px;
height: 20px;
font:
500 14px/1.39 "Helvetica Neue",
Helvetica,
Arial,
serif;
color: white;
transition: 0.3s;
}
.text15:hover {
text-shadow:
0 0 1.6px #fff,
0 0 1.6px #fff,
0 0 1.6px #fff; /* Плавная белая тень у текста */
}
/* крайний правый блок футера - адрес е-мейл телефон презентация */
.wrapper {
display: flex;
flex-direction: column;
align-items: center;
gap: 29px 0px;
width: 380px;
height: 201px;
}
/*адрес в футере */
.highlight5 {
text-decoration: none;
width: 380px;
height: 45px;
font:
400 16px/1.39 "Helvetica Neue",
Helvetica,
Arial,
serif;
color: white;
transition: 0.6s;
}
/* телефон и контактная электронная почта в футере справа*/
.highlight6 {
width: 380px;
height: 23px;
font:
400 16px/1.39 "Helvetica Neue",
Helvetica,
Arial,
serif;
color: white;
text-decoration: none;
transition: 0.6s;
}
.highlight6:hover {
text-shadow:
0 0 1.6px #fff,
0 0 1.6px #fff,
0 0 1.6px #fff; /* Плавная белая тень у текста */
}
/* ссылка на презентацию в footer-e */
.highlight7 {
width: 380px;
height: 23px;
font:
400 16px/1.39 "Helvetica Neue",
Helvetica,
Arial,
serif;
color: white;
text-decoration: underline;
transition: 0.6s;
}
.highlight7:hover {
text-shadow:
0 0 1.6px #fff,
0 0 1.6px #fff,
0 0 1.6px #fff; /* Плавная белая тень у текста */
}
/* контейнер для копирайта с отчерком сверху */
.сopyright_with_line_wraper {
display: flex;
flex-direction: column;
margin-top: 2%;
padding-bottom: 13px;
}
/* отчерк над копирайтом */
.line {
padding: 00px 00px 00px 00px;
margin: 00px 15px 00px 15px;
width: auto;
height: 1px;
background-color: rgba(255, 255, 255, 0.2);
}
/* копирайт в футере */
.text5 {
padding: 10px 0px 0px 50px;
width: 376px;
height: 20px;
font:
400 14px/1.39 "Helvetica Neue",
Helvetica,
Arial,
serif;
color: white;
}
/*специальный класс для отмены transition в js*/
.notransition {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.modal_menu-container {
display: none; /*В норме модальное меню скрыто, раскрывается только по клику на бургер*/
}