.del__contacts {
padding-top: 2rem;
padding-bottom: 2rem;
display: flex;
justify-content: center;
align-items: center;
background: whitesmoke;
position: relative;
}
.del__contacts .del__s_cont {
background: whitesmoke;
width: fit-content;
margin-top: 2rem;
padding: 2rem;
display: flex;
flex-direction: column;
gap: 1rem;
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius:0.5rem ;
}
.del__contacts .ts__s_col_map {
width: 100%;
border: unset;
}
.del__contacts .ts__s_col_map iframe{
border: unset;
}
.del__contacts .ts__s_col_1 {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 6;
}
.del__contacts .del__s_grid {
display: flex;
flex-direction: row;
justify-content: center;
align-items: stretch;
}
.del__contacts .del__s_grid .ts__s_col_1 .del__s_header {
font-size: var(--size-text-xl);
margin-top: 0;
margin-bottom: 2rem;
font-weight: 300;
}
.del__contacts .del__s_grid .ts__s_col_1 i {
margin-right: 0.5rem;
font-size: 18px;
color: var(--color-green);
}
.del__contacts .del__s_grid .ts__s_col_1 .del__s_address {
margin-bottom: 1rem;
display: flex;
flex-direction: row;
align-items: center;
font-size: var(--size-text-m);
}
.del__contacts .del__s_grid .ts__s_col_1 .del__s_time {
margin-bottom: 1rem;
display: flex;
flex-direction: row;
align-items: center;
font-size: var(--size-text-m);
}
.del__contacts .del__s_grid .ts__s_col_1 .del__s_phone {
margin-bottom: 1rem;
display: flex;
flex-direction: row;
align-items: center;
}
.del__contacts .del__s_grid .ts__s_col_1 .del__s_phone a {
color: black;
font-size: var(--size-text-m-3);
font-weight: 600;
}
.del__contacts .del__s_grid .ts__s_col_1 .ts__s_mail {
margin-bottom: 2rem;
display: flex;
flex-direction: row;
align-items: center;
}
.del__contacts .del__s_grid .ts__s_col_1 .ts__s_mail a {
color: black;
font-size: var(--size-text-m-3);
font-weight: 600;
}
.del__contacts .del__s_grid .ts__s_col_1 .ts__s_social {
margin-bottom: 1rem;
}
.del__contacts .del__s_grid .ts__s_col_1 .ts__s_social .ts__s_text {
font-size: var(--size-text-m);
}
.del__contacts .del__s_grid .ts__s_col_1 .ts__s_ur {
margin-bottom: 1rem;
}
.del__contacts .del__s_grid .ts__s_col_1 .ts__s_ur a {
font-size: var(--size-text-m);
color: var(--color-green);
font-weight: 600;
}
.del__contacts .del__s_grid .ts__s_col_2 {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.del__contacts .del__s_grid .ts__s_col_2 .ts__s_title_1 {
margin-bottom: 1rem;
font-size: var(--size-text-m-2);
font-weight: 600;
}
.del__contacts .del__s_grid .ts__s_col_2 .ts__s_title_2 {
margin-bottom: 1rem;
margin-top: 1rem;
font-size: var(--size-text-m-2);
font-weight: 600;
}
.del__contacts .del__s_grid .ts__s_col_2 .ts__s_gallery {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
width: 100%;
height: auto;
max-width: 66.66%; max-height: 66.66%; }
.del__contacts .del__s_grid .ts__s_col_2 .ts__s_gallery a:first-child {
grid-row: span 2;
}
.del__contacts .del__s_grid .ts__s_col_2 .ts__s_gallery a {
aspect-ratio: 1 / 1;
display: block;
}
.del__contacts .del__s_grid .ts__s_col_2 .ts__s_gallery img {
width: calc(100% - 1rem);
height: 100%;
object-fit: cover;
display: block;
}
.del__contacts .del__s_grid .ts__s_col_2 .ts__s_gallery a:nth-child(2) {
display: flex;
align-items: start;
}
.del__contacts .del__s_grid .ts__s_col_2 .ts__s_gallery a:nth-child(3) {
display: flex;
align-items: end;
}
.del__contacts .del__s_grid .ts__s_col_2 .ts__s_gallery a:nth-child(2) img {
height: calc(100% - 0.5rem);
}
.del__contacts .del__s_grid .ts__s_col_2 .ts__s_gallery a:nth-child(3) img {
height: calc(100% - 0.5rem);
}
.del__contacts .del__s_grid .ts__s_col_3 {
flex: 1 1 40%;
display: flex;
flex-direction: column;
}
.del__contacts .del__s_grid .ts__s_col_3 .ts__s_title {
font-size: var(--size-text-m-2);
font-weight: 600;
}
.del__contacts .del__s_grid .ts__s_col_3 .ts__s_map {
flex-grow: 1;
}
.del__contacts .del__s_grid .ts__s_col_3 .ts__s_map > div {
height: 100%;
width: 100%;
}
.del__contacts .del__s_grid .ts__s_col_3 .ts__s_map iframe {
width: 100%;
height: 100%;
}
.del__contacts .del__s_grid .ts__s_col_3 .ts__s_top {
display: flex;
flex-direction: row;
margin-bottom: 1rem;
}
.del__contacts .del__s_grid .ts__s_col_3 .ts__s_top .ts__s_title {
flex-grow: 1;
}
.del__contacts .del__s_grid .ts__s_col_3 .ts__s_top a {
font-weight: 600;
color: var(--color-green);
font-size: var(--size-text-m-1);
}
.del__contacts .del__s_grid .del__s_social_links {
display: flex;
flex-direction: row;
margin-top: 1rem;
margin-bottom: 1rem;
}
.del__contacts .del__s_grid .del__s_social_links i {
padding: 0;
margin: 0;
color: white;
}
.del__contacts .del__s_grid .del__s_social_links a {
display: flex;
justify-content: center;
align-items: center;
width: 24px;
height: 25px;
margin-left: 0.5rem;
margin-right: 0.5rem;
padding: 0.5rem;
border-radius: 50%;
}
.del__contacts .del__s_grid .del__s_social_links .del__s_wa {
background-color: #25d366;
}
.del__contacts .del__s_grid .del__s_social_links .del__s_vb {
background-color: #7360f2;
}
.del__contacts .del__s_grid .del__s_social_links .del__s_tg {
background-color: #27a7e7;
}
.del__contacts .del__s_grid .del__s_social_links .del__s_vk {
background-color: #4C75A3;
}
.del__contacts .del__s_grid .del__s_social_links .del__s_you {
background-color: #c4302b;
}
.del__contacts .del__s_grid .del__s_social_links .del__s_ya {
background-color: #ffdb4d;
}
.del__contacts .del__s_cont a{
color: var(--color-green);
}
@media only screen and (max-width: 1280px) {
.del__contacts {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (max-width: 960px) {
.del__contacts {
display: flex;
padding-left: 1rem;
padding-right: 1rem;
margin-bottom: 2rem;
}
.del__contacts .del__s_grid {
flex-direction: column;
}
.del__contacts .del__s_grid .ts__s_col_3 .ts__s_map iframe {
aspect-ratio: 1 / 1;
border: unset;
}
.del__contacts .del__s_grid .ts__s_col_2 .ts__s_gallery {
display: flex;
width: 100%;
max-width: unset;
min-width: unset;
margin-bottom: 1rem;
}
.del__contacts .del__s_grid .ts__s_col_2 .ts__s_gallery a {
flex: 0 0 33.33%;
}
.del__contacts .del__s_grid .ts__s_col_2 .ts__s_gallery a img {
width: 100% !important;
height: 100% !important;
aspect-ratio: 1 / 1;
object-fit: cover;
}
.del__contacts .ts__s_col_1
{
position: relative;
width: 100%;
}
.del__contacts{
flex-direction: column;
}
.del__contacts .del__s_cont{
width: 100%;
}
.del__contacts .del__s_cont{
margin-top: 0;
}
}