/* @import url("https://fonts.googleapis.com/css?family=Inter:300,400,400i,500,500i&subset=cyrillic"); */
:root {
--container-max-width: 1440px;
--container-padding: 15px;
--sticky-width: 160px;
/* ваша ширина */
}
/* arabic */
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 400;
src: url("../webfonts/iJWEBXyIfDnIV7nEnXu61F3f.woff2") format("woff2");
unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1,
U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF,
U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4,
U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27,
U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49,
U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B,
U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72,
U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B,
U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 400;
src: url("../webfonts/iJWEBXyIfDnIV7nEnXO61F3f.woff2") format("woff2");
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 400;
src: url("../webfonts/iJWEBXyIfDnIV7nEnXq61F3f.woff2") format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 400;
src: url("../webfonts/iJWEBXyIfDnIV7nEnXy61F3f.woff2") format("woff2");
unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC,
U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 400;
src: url("../webfonts/iJWEBXyIfDnIV7nEnXC61F3f.woff2") format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 400;
src: url("../webfonts/iJWEBXyIfDnIV7nEnX661A.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 500;
src: url("../webfonts/iJWEBXyIfDnIV7nEnXu61F3f.woff2") format("woff2");
unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1,
U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF,
U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4,
U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27,
U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49,
U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B,
U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72,
U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B,
U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 500;
src: url("../webfonts/iJWEBXyIfDnIV7nEnXO61F3f.woff2") format("woff2");
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 500;
src: url("../webfonts/iJWEBXyIfDnIV7nEnXq61F3f.woff2") format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 500;
src: url("../webfonts/iJWEBXyIfDnIV7nEnXy61F3f.woff2") format("woff2");
unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC,
U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 500;
src: url("../webfonts/iJWEBXyIfDnIV7nEnXC61F3f.woff2") format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 500;
src: url("../webfonts/iJWEBXyIfDnIV7nEnX661A.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 300;
src: url("../webfonts/iJWKBXyIfDnIV7nErXyi0A.woff2") format("woff2");
unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1,
U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF,
U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4,
U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27,
U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49,
U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B,
U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72,
U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B,
U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 300;
src: url("../webfonts/iJWKBXyIfDnIV7nMrXyi0A.woff2") format("woff2");
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 300;
src: url("../webfonts/iJWKBXyIfDnIV7nFrXyi0A.woff2") format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 300;
src: url("../webfonts/iJWKBXyIfDnIV7nDrXyi0A.woff2") format("woff2");
unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC,
U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 300;
src: url("../webfonts/iJWKBXyIfDnIV7nPrXyi0A.woff2") format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 300;
src: url("../webfonts/iJWKBXyIfDnIV7nBrXw.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400;
src: url("../webfonts/iJWKBXyIfDnIV7nErXyi0A.woff2") format("woff2");
unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1,
U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF,
U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4,
U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27,
U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49,
U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B,
U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72,
U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B,
U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400;
src: url("../webfonts/iJWKBXyIfDnIV7nMrXyi0A.woff2") format("woff2");
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400;
src: url("../webfonts/iJWKBXyIfDnIV7nFrXyi0A.woff2") format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400;
src: url("../webfonts/iJWKBXyIfDnIV7nDrXyi0A.woff2") format("woff2");
unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC,
U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400;
src: url("../webfonts/iJWKBXyIfDnIV7nPrXyi0A.woff2") format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400;
src: url("../webfonts/iJWKBXyIfDnIV7nBrXw.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 500;
src: url("../webfonts/iJWKBXyIfDnIV7nErXyi0A.woff2") format("woff2");
unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1,
U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF,
U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4,
U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27,
U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49,
U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B,
U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72,
U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B,
U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 500;
src: url("../webfonts/iJWKBXyIfDnIV7nMrXyi0A.woff2") format("woff2");
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 500;
src: url("../webfonts/iJWKBXyIfDnIV7nFrXyi0A.woff2") format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 500;
src: url("../webfonts/iJWKBXyIfDnIV7nDrXyi0A.woff2") format("woff2");
unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC,
U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 500;
src: url("../webfonts/iJWKBXyIfDnIV7nPrXyi0A.woff2") format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 500;
src: url("../webfonts/iJWKBXyIfDnIV7nBrXw.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 600;
/* SemiBold */
src: url("../assets/Inter/static/Inter_24pt-SemiBold.ttf") format("truetype");
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 500;
/* Medium */
src: url("../assets/Inter/static/Inter_24pt-Medium.ttf") format("truetype");
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400;
/* Regular */
src: url("../assets/Inter/static/Inter_24pt-Regular.ttf") format("truetype");
}
@font-face {
font-family: "Unbounded";
font-style: normal;
font-weight: 600;
/* SemiBold */
src: url("../assets/Unbounded/static/Unbounded-SemiBold.ttf") format("truetype");
}
@font-face {
font-family: "Unbounded";
font-style: normal;
font-weight: 500;
/* Medium */
src: url("../assets/Unbounded/static/Unbounded-Medium.ttf") format("truetype");
}
@font-face {
font-family: "Futura";
font-style: normal;
font-weight: 400;
/* Normal */
src: url("../assets/futura-book/FuturaPTBook.otf") format("opentype");
}
@font-face {
font-family: "Futura-Medium";
font-style: normal;
font-weight: 500;
/* Medium */
src: url("../assets/futura-book/FuturaPTMedium.otf") format("opentype");
}
@font-face {
font-family: "Futura-Bold";
font-style: normal;
font-weight: 600;
/* Bold */
src: url("../assets/futura-book/FuturaPTBold.otf") format("opentype");
}
html {
overflow-x: hidden;
}
body,
input,
textarea,
select {
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.2;
color: #313234;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
}
h1 {
font-size: 2.2em;
font-weight: 400;
}
h2 {
font-size: 1.7em;
/*border-left:5px solid #49b4ea;
padding-left:10px;*/
}
h3 {
font-size: 1.4em;
}
h4 {
font-size: 1.4em;
}
h5 {
font-size: 1.3em;
}
h6 {
font-size: 1.1em;
}
h2.block-title {
font-size: 1.8em;
font-weight: 400;
}
#footer h2.block-title {
font-size: 1.2em;
}
strong,
b,
th {
font-weight: 600;
}
.sidebar ul.menu li a {
font-size: 1em;
}
.breadcrumb ol {
font-size: 0.85em;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
select,
textarea {
font-size: 1em;
font-weight: 400;
border-radius: 8px;
}
input[type="submit"] {
font-size: 1.1em;
font-weight: 400;
border-radius: 8px;
}
a.social-icon {
font-size: 1.1em;
}
#social-tv-yasna a {
color: #f15a2c;
}
#social-tv-yasna a:hover {
color: #fbb041;
}
#block-vi-panel,
#block-vi-panel-bel,
#block-vi-panel-eng {
padding: 0px !important;
}
.views-field-title {
font-size: 1.3em;
}
.view-news-block .views-field-title {
font-size: 1em;
line-height: 1.3em;
}
/* *Header */
.site-logo {
width: 200px;
}
.region-header-right {
padding-top: 0 !important;
padding-bottom: 1px !important;
}
.site-logo img {
display: block;
width: 100%;
height: auto;
}
#block-subscriber-buttons .field__item {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.call-center>div {
display: flex;
align-items: center;
}
#block-call-center .field--name-body,
#block-beltelecom-telefonnyycentrobsluzhivaniyaklientovru .field--name-body {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
#call-center-text {
padding: 0 10px 0 0;
text-align: right;
font-size: 0.9em;
font-weight: 600;
}
#call-center-icon {
width: 3em;
margin-top: 17px;
/* line-height: 3em; */
/* border-radius: 50%;
text-align: center;
font-size: 1.3em;
background-color: #49b4ea; */
}
#call-center-number {
padding: 0 0 0 10px;
line-height: 1;
font-size: 2.9em;
font-weight: 500;
}
.marker-cluster-medium,
.marker-cluster-medium div {
background-color: #663479 !important;
color: #ffffff !important;
}
.marker-cluster-small,
.marker-cluster-small div {
background-color: #33cee1 !important;
color: #ffffff !important;
}
.marker-cluster-large,
.marker-cluster-large div {
background-color: #626b95 !important;
color: #ffffff !important;
}
#order-button {
font-size: 0.9em;
padding: 14px;
color: #fff;
margin: 0px 1px 0px 0px;
background-color: #663479;
border-radius: 8px 0 0;
}
#order-button:hover {
background-color: #a87bca;
}
.header-buttons-one #pay-button {
font-size: 0.9em;
background-color: #663479;
padding: 14px;
color: #fff;
margin: 0px 1px 0px 0px;
}
.header-buttons #pay-button {
font-size: 0.9em;
background-color: #663479;
padding: 14px;
color: #fff;
margin: 0px 1px 0px 0px;
border-radius: 0 0 0 8px;
}
#account-link {
font-size: 0.9em;
background-color: #663479;
padding: 14px;
color: #fff;
margin: 0px;
border-radius: 0 8px 0 0;
}
#pay-button:hover,
#account-link:hover {
background-color: #a87bca;
}
.header-buttons {
margin-top: 1px;
display: flex;
}
#stc-button {
font-size: 0.9em;
background-color: #663479;
padding: 14px;
color: #fff;
margin-right: 1px;
text-align: center;
width: 60%;
}
html[lang="be"] #stc-button {
border-bottom-left-radius: 8px;
}
#zakaz-button {
font-size: 0.9em;
background-color: #663479;
padding: 14px;
color: transparent !important;
width: 40%;
text-align: center;
position: relative;
border-radius: 0 0 8px 0;
}
#zakaz-button::before {
content: "";
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
width: 123px;
height: 26px;
background: url("../assets/logo.svg");
background-position: center;
background-size: contain;
}
#business-button {
font-size: 0.9em;
background-color: #663479;
padding: 14px 10px;
color: #fff;
margin: 0 auto;
width: 100%;
display: flex;
text-align: center;
}
#stc-button:hover,
#zakaz-button:hover {
background-color: #a87bca;
}
/* *Main menu */
#main-menu {
/* background-color: #003c78; */
/* background-color: #6e839e; */
/* background-color: #6e839e; */
background-color: #33cee1;
position: relative;
}
#main-menu nav>ul.menu>li>a {
color: #fff;
/* color: #1d1d1d; */
font-size: 1.2em;
padding: 20px 15px;
/* text-transform: uppercase; */
}
#main-menu nav>ul.menu>li>a:hover {
/* background-color: #a87bca; */
color: #fff;
/* background-color: #33cee1; */
background-color: #2ec4d4;
/* text-transform: uppercase; */
/* color: #1d1d1d; */
}
#main-menu nav>ul.menu>li.menu-item--expanded:hover>a {
/* background-color: #6e839e; */
/* color: #33cee1; */
/* text-transform: uppercase; */
/* text-shadow: 1px 1px 0px #ededed; */
color: #fff;
/* background-color: #33cee1; */
background-color: #29b8ca;
}
#main-menu nav>ul.menu>li.menu-item--active-trail>a,
#main-menu nav>ul.menu>li.menu-item--active-trail>a:hover {
background-color: #28a8b7;
color: #fff;
}
#main-menu nav>ul.menu>li.menu-item--active-trail.menu-item--expanded>a,
#main-menu nav>ul.menu>li.menu-item--active-trail.menu-item--expanded>a:hover {
/* background-color: #6e839e; */
/* color: #33cee1; */
background-color: #28a8b7;
color: #fff;
}
#main-menu .dropdown {
/* background-color: #6e839e; */
background-color: #29b8ca;
}
#main-menu ul.menu ul li a {
/* color: #252525; */
color: #fff;
font-size: 0.8em;
}
#main-menu ul.menu ul li a:hover {
background-color: #33cee1;
/* color: #1d1d1d; */
color: #fff;
border-radius: 8px;
}
#main-menu ul.menu ul li.menu-item--active-trail a,
#main-menu ul.menu ul li a.is-active {
/* background-color: #fff; */
/* color: #1d1d1d; */
background-color: #28a8b7;
color: #fff;
}
#main-menu ul.menu {
display: -ms-flexbox;
display: flex;
}
#main-menu ul.menu ul {
flex-wrap: wrap;
}
#main-menu nav>ul.menu>li {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: block;
}
#main-menu a {
display: block;
}
#main-menu ul.menu>li.menu-item--expanded>a {
cursor: default;
}
/* *Main menu dropdown */
#main-menu li .dropdown {
position: absolute;
z-index: 1000;
top: -9999px;
right: 0;
left: 0;
visibility: hidden;
opacity: 0;
transition: top 0s linear, visibility 0s linear, opacity 0.2s linear;
}
#main-menu li.menu-item--expanded:hover .dropdown {
top: 100%;
visibility: visible;
opacity: 1;
}
#main-menu ul.menu ul {
max-width: 1140px;
margin: 0 auto;
padding: 30px 15px;
}
#main-menu ul.menu ul li {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
#main-menu ul.menu ul li a {
padding: 10px 15px;
}
/* *Slider */
.slide-title {
font-size: 3em;
font-weight: 300;
}
.slide-description {
font-size: 1.5em;
}
/* *Footer */
#footer ul.menu a {
display: inline-block;
padding: 3px 0;
font-size: 0.8em;
}
#footer ul.menu a.is-active {
font-weight: 700;
color: #fff;
}
#footer-first {
background-color: #e1e1e1;
}
#footer-first h2 {
color: #000;
}
#footer-first,
#footer-first a {
color: #3b3b3b;
}
#footer-first a:hover,
#footer-first a.is-active {
color: #1d1d1d;
}
#footer-second {
background-color: #663479;
}
#footer-second h2 {
color: #fff;
text-decoration: none;
}
#footer-second,
#footer-second a {
color: #d6dce3;
}
#footer-second a:hover {
color: #fff;
}
#footer-second>div>div {
position: relative;
}
#block-beltelecom-portalreytingovoyocenki {
position: absolute;
padding: 0 !important;
bottom: 30px;
right: 15px;
transform: scale(0.75);
transform-origin: bottom right;
width: 345px;
}
#block-beltelecom-portalreytingovoyocenki .field__item {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
#block-beltelecom-portalreytingovoyocenki .field__item p {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/* #block-beltelecom-portalreytingovoyocenki {
} */
@media (max-width: 600px) {
#block-beltelecom-portalreytingovoyocenki {
position: relative;
padding: 30px 15px 0 15px !important;
bottom: unset;
right: unset;
transform: scale(0.75);
transform-origin: top left;
}
}
#footer-third {
background-color: #a87bca;
}
#footer-third h2 {
color: #fff;
}
#footer-third,
#footer-third a {
color: #d6dce3;
}
#footer-third a:hover {
color: #fff;
}
.field--name-field-service-center-geolocation .geolocation-map-container,
.geolocation-map-container {
border-radius: 32px;
}
#edit-field-point-regions-target-id {
margin-top: 25px;
}
/* *ВРЕМЕННОЕ */
.view-management>div>.views-row {
display: -webkit-flex;
display: flex;
padding-bottom: 20px;
margin-bottom: 35px;
border-bottom: 1px solid #6e839e;
}
.view-management>div>.views-row .views-field-body {
margin-left: 30px;
}
.view-affiliates>div>.views-row {
display: -webkit-flex;
display: flex;
padding-bottom: 20px;
margin-bottom: 35px;
border-bottom: 1px solid #6e839e;
}
.view-affiliates>div>.views-row .views-field-body {
margin-left: 30px;
}
.view-advertising>div>.views-row {
display: -webkit-flex;
display: flex;
padding-bottom: 20px;
margin-bottom: 35px;
border-bottom: 1px solid #6e839e;
}
.view-advertising>div>.views-row .views-field-body {
margin-left: 30px;
}
.view-certificates>div>.views-row .views-field-field-certificate-image {
margin-left: 50%;
}
.form-type-checkbox {
display: flex;
}
/* *ФОРМЫ "Заявка на подключение услуг для юридических лиц" (https://www.beltelecom.by/order-legal) */
.formorder legend {
font-weight: 400;
font-size: 25px;
margin-bottom: 10px;
}
.formorder details {
margin-bottom: 5px;
}
.formorder a {
font-size: 18px;
}
.formorder label {
font-size: 16px;
color: #313234;
}
.formorder select,
.formorder .description {
color: #2f2f2f;
}
.formorder .description {
margin-top: 5px;
font-size: 14px;
}
.shoporder legend {
font-weight: 400;
font-size: 25px;
margin-bottom: 10px;
}
.shoporder details {
margin-bottom: 5px;
}
.shoporder a {
font-size: 18px;
}
.shoporder label {
font-size: 16px;
color: #313234;
}
.shoporder select,
.shoporder .description {
color: #2f2f2f;
}
.shoporder .description {
margin-top: 5px;
font-size: 14px;
}
.details-tid-form .details-wrapper {
/* background-color: #002b55; */
padding-left: 15px;
}
#edit-products summary,
#edit-byfly summary,
#edit-telephony summary,
#edit-television summary,
#edit-package summary,
#edit-smart-house summary,
#edit-videocontrol summary,
#edit-wifi summary,
#edit-sms summary,
#edit-hosting summary,
#edit-repair summary,
#edit-other summary {
font-size: 20px;
padding: 10px 20px;
cursor: pointer;
margin-bottom: 10px;
background-color: #e5e5e5;
transition: 0.3s;
border-bottom: 2px solid #663479;
}
#edit-products summary:hover,
#edit-byfly summary:hover,
#edit-telephony summary:hover,
#edit-television summary:hover,
#edit-package summary:hover,
#edit-smart-house summary:hover,
#edit-videocontrol summary:hover,
#edit-wifi summary:hover,
#edit-sms summary:hover,
#edit-hosting summary:hover,
#edit-repair summary:hover,
#edit-other summary:hover {
background-color: #663479;
transition: 0.3s;
color: #fff;
}
.formorder label {
font-size: 15px;
color: #939393;
}
fieldset {
padding: 20px;
border-radius: 32px
}
fieldset-legend {
font-size: 25px;
}
.js-form-type-checkbox label {
margin-top: 2px;
}
#edit-place-installation-services label {
margin: 10px 0 5px 0;
font-weight: 400;
font-size: 0.85em;
color: #878787;
width: 320px;
float: left;
}
#edit-subscriber-data label {
margin: 10px 0 5px 0;
font-weight: 400;
font-size: 0.85em;
color: #878787;
width: 320px;
float: left;
}
#edit-subscriber-data .js-form-type-checkbox label {
width: 100%;
margin-top: 2px;
}
@media (max-width: 410px) {
#edit-place-installation-services label,
#edit-subscriber-data label,
#edit-subscriber-data .js-form-type-checkbox label {
width: 240px;
}
}
/* *ФОРМА "Заказать презентацию услуги" (https://www.beltelecom.by/service-presentation)*/
.assomi-service-presentation legend {
font-weight: 400;
font-size: 25px;
margin-bottom: 10px;
}
.assomi-service-presentation label {
font-size: 15px;
color: #939393;
}
.assomi-service-presentation select,
.assomi-service-presentation .description {
color: #2f2f2f;
}
.assomi-service-presentation .description {
margin-top: 5px;
font-size: 14px;
}
#edit-contact-data label {
margin: 10px 0 5px 0;
font-weight: 400;
font-size: 0.85em;
color: #878787;
width: 320px;
float: left;
}
@media (max-width: 410px) {
.assomi-service-presentation #edit-contact-data .fieldset-wrapper {
width: 240px;
}
}
/* *ФОРМА "Заказать обратный звонок" (https://www.beltelecom.by/callback-business) */
.formassomicallback legend {
font-weight: 400;
font-size: 25px;
margin-bottom: 10px;
}
.formassomicallback label {
font-size: 15px;
color: #939393;
}
.formassomicallback select,
.formassomicallback .description {
color: #2f2f2f;
}
.formassomicallback .description {
margin-top: 5px;
font-size: 14px;
}
#edit-contact-data label {
margin: 10px 0 5px 0;
font-weight: 400;
font-size: 0.85em;
color: #878787;
width: 320px;
float: left;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
margin-top: 50px;
}
/* !Media queries */
@media (min-width: 576px) {
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 {
max-width: 540px;
}
}
@media (min-width: 768px) {
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 {
max-width: 720px;
}
}
@media (min-width: 992px) {
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 {
max-width: 960px;
}
}
@media (min-width: 1200px) {
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 {
max-width: 1140px;
}
}
#collapsiblock-wrapper-beltelecom_raskrytayaformaservice_center_administrationpage_1 {
display: flex;
}
#collapsiblock-wrapper-beltelecom_raskrytayaformaservice_center_administrationpage_1 button {
width: 300px;
background: none !important;
background-color: #003c78 !important;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
padding: 10px;
}
#collapsiblock-wrapper-beltelecom_raskrytayaformaservice_center_administrationpage_1 button::after {
margin-top: 2px;
content: url('data:image/svg+xml,');
}
#collapsiblock-wrapper-beltelecom_raskrytayaformaservice_center_administrationpage_1 button h2 {
color: white;
text-decoration: none !important;
margin-bottom: 0;
}
#collapsiblock-wrapper-beltelecom_raskrytayaformaservice_center_administrationpage_1 button h2 span {
padding: 0;
}
#collapsiblock-wrapper-beltelecom_raskrytayaformaservice_center_administrationpage_1 button h2 span::after {
display: none;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form {
border: 1px solid #eee;
box-shadow: 0 4px 9px 0 rgba(152, 160, 180, 0.25);
border-radius: 20px !important;
padding: 20px;
margin-top: 30px;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 .form-item-combine {
position: absolute;
top: 0;
right: 15px;
height: 55px;
width: calc(100% - 355px);
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 .form-item-combine input {
width: 100%;
height: 100%;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 .form-item-combine input,
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 #edit-field-point-regions-target-id--2,
#collapsiblock-wrapper-beltelecom_raskrytayaformaservice_center_administrationpage_1 button,
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form {
border-radius: 10px;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form .form--inline {
display: flex;
flex-wrap: wrap;
gap: 25px;
align-items: start;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form .form--inline:after,
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form .form--inline #edit-actions--2 {
display: none;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form .form--inline>* {
margin-bottom: 0;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form .form--inline>.form-item:has(#edit-field-point-regions-target-id--2) {
flex: 1 1 auto;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form .form--inline>.form-item:has(#edit-field-electronic-queue-value--2),
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form .form--inline>.form-item:has(#edit-field-having-building-value--2) {
width: max-content;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form .form--inline>.form-item:has(#edit-field-electronic-queue-value--2) label,
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form .form--inline>.form-item:has(#edit-field-having-building-value--2) label {
white-space: nowrap;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form .form--inline>.form-item:has(#edit-field-mobile-population-group-value--2) .form-checkboxes {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
gap: 5px;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form .description {
color: #757575;
margin-bottom: 10px;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form .form--inline>*:not(:has(.form-checkbox)),
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form .form--inline>* .fieldset-wrapper {
display: flex;
flex-direction: column-reverse;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form .form--inline>*:has(select) {
flex-direction: column !important;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 fieldset legend {
padding: 0;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 .fieldset-legend {
display: block;
margin: 0px 0 15px 0;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form .form--inline>*:has(select) label {
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.2;
color: #313234;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form .form--inline>*>.description {
display: block;
margin: 0px 0 5px 0;
font-weight: 400;
font-size: 0.85em;
color: #878787;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 #edit-field-point-regions-target-id--2 {
position: relative;
width: 100%;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form .form--inline>.form-item:has(#edit-field-point-regions-target-id--2) {
position: relative;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form .form--inline>.form-item:has(#edit-field-point-regions-target-id--2)::after {
position: absolute;
content: url('data:image/svg+xml,');
width: 38px;
height: 34px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 5px;
transition: all 0.3s ease-in-out;
pointer-events: none;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form .form--inline>.form-item:has(#edit-field-point-regions-target-id--2.active)::after {
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(180deg);
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form .js-form-type-checkbox {
display: inline-flex;
align-items: center;
cursor: pointer;
position: relative;
user-select: none;
justify-content: flex-start;
margin-bottom: 0;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form .js-form-type-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form .js-form-type-checkbox label {
cursor: pointer;
padding: 0.5em 1em;
transition: all 0.3s ease-in-out;
border-radius: 1em;
font-size: 0.8rem;
font-weight: 500;
color: #98a0b4;
background-color: #f2f4f7;
margin-bottom: 0px;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form .form--inline>.form-item:has(#edit-field-electronic-queue-value--2) label,
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form .form--inline>.form-item:has(#edit-field-having-building-value--2) label {
padding: 1em 1em;
border-radius: 10px;
font-size: 0.825rem;
margin-top: 0;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form .js-form-type-checkbox label:hover {
background-color: #dce8f7;
}
#block-beltelecom-raskrytayaformaservice-center-administrationpage-1 form .js-form-type-checkbox input:checked~label {
color: #fff;
background-color: #003c78;
}
.view-service-center-administration .view-content {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 20px;
}
.view-service-center-administration .ui-accordion-header-icon,
.pre_links {
display: none;
}
.view-service-center-administration .ui-accordion-header {
margin: 0 !important;
border: none !important;
padding: 0 !important;
border-radius: 0;
background-color: #fff;
}
.view-service-center-administration>.view-content>.views-row {
border: 1px solid #eee;
box-shadow: 0 4px 9px 0 rgba(152, 160, 180, 0.25);
padding: 20px !important;
border-radius: 20px;
}
.view-service-center-administration .ui-state-active a,
.view-service-center-administration .ui-state-active a:link,
.view-service-center-administration .ui-state-active a:visited {
color: #003c78 !important;
}
.view-service-center-administration .ui-accordion-content {
padding: 20px 0 0 0 !important;
border: none !important;
}
.view-service-center-administration>.view-content>.views-row .views-field {
margin-bottom: 0px;
}
.view-service-center-administration .ui-accordion-content>.views-row>div {
margin-bottom: 30px !important;
}
.view-service-center-administration>.view-content>.views-row .views-field .views-label {
margin-bottom: 5px;
display: inline-flex;
justify-content: center;
font-size: 14px;
color: #757575;
}
.view-service-center-administration>.view-content>.views-row .views-field-fieldset-4>.views-label,
.view-service-center-administration>.view-content>.views-row .views-field-fieldset-6>.views-label,
.view-service-center-administration>.view-content>.views-row .views-field-fieldset-5>.views-label,
.view-service-center-administration>.view-content>.views-row .views-field-fieldset-2>.views-label,
.view-service-center-administration>.view-content>.views-row .views-field-field-specialists>.views-label,
.view-service-center-administration>.view-content>.views-row .views-field-field-mobile-population-group>.views-label,
.view-service-center-administration>.view-content>.views-row .views-field-field-specialists>.views-label {
display: inline-block;
font-size: 20px;
margin-bottom: 10px;
color: #000;
font-weight: 500;
}
.view-service-center-administration>.view-content>.views-row .views-field-fieldset-2>.views-label {
margin-bottom: 15px;
}
.sc-img-group .views-field:has(.colorbox) .views-label {
margin-bottom: 5px !important;
display: inline-block !important;
font-size: 16px !important;
color: #444444 !important;
}
.view-service-center-administration>.view-content>.views-row .views-field:has(.colorbox)>.field-content:has(.paragraph)>.paragraph>div:first-of-type {
margin-bottom: 5px;
display: inline-flex;
justify-content: center;
font-size: 14px;
color: #757575;
}
.view-service-center-administration>.view-content>.views-row .views-field-field-specialists .field__item {
margin-bottom: 5px !important;
margin-top: 0 !important;
}
.view-service-center-administration>.view-content>.views-row .office-hours__item-label {
font-weight: 400;
}
.sc-img-group .views-field:has(.colorbox),
.sc-img-group .views-field:has(.colorbox)>.field-content:has(.paragraph)>.paragraph {
display: flex;
flex-direction: column-reverse;
}
.sc-img-group .views-field:has(.colorbox) .views-label {
margin-bottom: 0px;
text-align: center;
}
.view-service-center-administration>.view-content>.views-row .views-field:has(.colorbox)>.field-content {
display: flex;
justify-content: center;
}
.view-service-center-administration>.view-content>.views-row .views-field:has(.colorbox)>.field-content:not(:has(.paragraph))>div:not(:first-of-type),
.view-service-center-administration>.view-content>.views-row .views-field:has(.colorbox)>.field-content:has(.paragraph)>.paragraph>div:last-of-type>div:not(:first-of-type) {
display: none;
}
.view-service-center-administration>.view-content>.views-row .views-field:has(.colorbox)>.field-content:not(:has(.paragraph))>div:first-of-type img,
.view-service-center-administration>.view-content>.views-row .views-field:has(.colorbox)>.field-content:has(.paragraph)>.paragraph>div:last-of-type>div:first-of-type img {
border-radius: 16px;
margin-bottom: 10px;
width: 500px;
max-width: 100%;
height: auto;
aspect-ratio: 4/3;
}
.view-service-center-administration>.view-content>.views-row .views-field:has(.colorbox)>.field-content:has(.paragraph) {
display: flex;
gap: 30px;
}
.view-service-center-administration>.view-content>.views-row .views-field:has(.colorbox)>.field-content:has(.paragraph)>.paragraph>div {
display: flex;
justify-content: center;
gap: 5px;
}
.view-service-center-administration>.view-content>.views-row .views-field:has(.colorbox) .field__item {
margin: 0 !important;
}
.view-service-center-administration>.view-content>.views-row .views-field:has(.colorbox)>.field-content:has(.paragraph)>.paragraph>div:first-of-type {
margin-bottom: 10px;
}
.sc-main-group,
.sc-img-group,
.sc-ruk-info-group,
.sc-second-group,
.sc-project-info-group,
.sc-rem-info-group,
.sc-first-group,
.views-field-field-specialists .field-content,
.views-field-field-mobile-population-group .field-content ul {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.sc-img-group {
gap: 30px;
justify-content: center;
}
.sc-second-group {
gap: 30px;
}
.sc-main-group>div,
.sc-ruk-info-group>div,
.sc-project-info-group>div,
.sc-rem-info-group>div,
.views-field-field-specialists .field-content>div,
.views-field-field-mobile-population-group .field-content ul>li {
width: calc(50% - 10px);
}
.sc-first-group {
gap: 15px;
}
.sc-img-group>div:has(.paragraph),
.sc-first-group>div,
.sc-second-group>div {
width: 100%;
}
.sc-second-group .views-field-field-mobile-population-group {
width: 100%;
}
.sc-first-group .views-field-field-telefony {
position: relative;
padding-left: 40px;
}
.sc-first-group>div {
position: relative;
padding-left: 40px;
}
.sc-first-group>div::before {
position: absolute;
width: 30px;
height: 31px;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.sc-first-group .views-field-field-telefony::before {
content: url('data:image/svg+xml,');
}
.sc-first-group .views-field-field-phone-not-abonent-1::before {
content: url('data:image/svg+xml,');
}
.sc-first-group .views-field-field-point-fax::before {
content: url('data:image/svg+xml,');
}
.sc-first-group .views-field-field-office-hours::before {
content: url('data:image/svg+xml,');
}
.sc-main-group>div img {
width: 100%;
height: auto;
aspect-ratio: 4/3;
border-radius: 16px;
object-fit: cover;
}
.views-field-field-mobile-population-group .field-content ul {
width: 100%;
list-style: none;
margin: 0 !important;
padding: 0 !important;
}
.views-field-field-mobile-population-group .field-content ul>li {
position: relative;
display: flex;
gap: 5px;
align-items: center;
}
.views-field-field-mobile-population-group .field-content ul>li::before {
content: url('data:image/svg+xml,');
}
#quicktabs-tab-zala_tariffs_individuals-3 a,
#quicktabs-tab-zala_tariffs_legal-3 a {
justify-content: center;
text-align: center;
}
#quicktabs-tab-tariffs_individuals-0 a::before {
background-image: url("../images/highspeed2.svg");
content: '';
display: inline-block;
width: 45px;
height: 45px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
vertical-align: middle;
}
#quicktabs-tab-tariffs_individuals-1 a::before {
background-image: url("../images/dedicted2.svg");
content: '';
display: inline-block;
width: 45px;
height: 45px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
vertical-align: middle;
}
#quicktabs-tab-tariffs_individuals-2 a::before {
background-image: url("../images/wifi2.svg");
content: '';
display: inline-block;
width: 45px;
height: 45px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
vertical-align: middle;
}
#quicktabs-tab-tariffs_individuals-3 a::before {
background-image: url("../images/swqrqw2.svg");
content: '';
display: inline-block;
width: 45px;
height: 45px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
vertical-align: middle;
}
#quicktabs-tab-tariffs_individuals-4 a::before {
background-image: url("../images/subscription2.svg");
content: '';
display: inline-block;
width: 45px;
height: 45px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
vertical-align: middle;
}
#quicktabs-tab-zala_tariffs_individuals-0 a::before,
#quicktabs-tab-zala_tariffs_legal-0 a::before {
background-image: url("../images/interactive.svg");
content: '';
display: inline-block;
width: 45px;
height: 45px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
vertical-align: middle;
}
#quicktabs-tab-zala_tariffs_individuals-1 a::before,
#quicktabs-tab-zala_tariffs_legal-1 a::before {
background-image: url("../images/efir.svg");
content: '';
display: inline-block;
width: 45px;
height: 45px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
vertical-align: middle;
}
#quicktabs-tab-zala_tariffs_individuals-2 a::before,
#quicktabs-tab-zala_tariffs_legal-2 a::before {
background-image: url("../images/smart.svg");
content: '';
display: inline-block;
width: 45px;
height: 45px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
vertical-align: middle;
}
#quicktabs-tab-zala_tariffs_individuals-3 a::before,
#quicktabs-tab-zala_tariffs_legal-3 a::before {
background-image: url("../images/subscription2.svg");
content: '';
display: inline-block;
width: 45px;
height: 45px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
vertical-align: middle;
}
#quicktabs-tab-tariffs_legal-0 a::before {
background-image: url("../images/highspeed2.svg");
content: '';
display: inline-block;
width: 45px;
height: 45px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
vertical-align: middle;
}
#quicktabs-tab-tariffs_legal-1 a::before {
background-image: url("../images/dedicted2.svg");
content: '';
display: inline-block;
width: 45px;
height: 45px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
vertical-align: middle;
}
#quicktabs-tab-tariffs_legal-2 a::before {
background-image: url("../images/wifi2.svg");
content: '';
display: inline-block;
width: 45px;
height: 45px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
vertical-align: middle;
}
#quicktabs-tab-tariffs_legal-3 a::before {
background-image: url("../images/swqrqw2.svg");
content: '';
display: inline-block;
width: 45px;
height: 45px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
vertical-align: middle;
}
#quicktabs-tab-tariffs_legal-4 a::before {
background-image: url("../images/subscription2.svg");
content: '';
display: inline-block;
width: 45px;
height: 45px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
vertical-align: middle;
}
.tariff-group {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 40px;
/* padding: 40px; */
border-radius: 16px;
/* border: 1px solid #eee; */
}
/* .tariff-group:nth-of-type(even) {
background: #f8f9fa;
padding: 40px;
} */
.view-tariffs,
.view-tariffs-zala,
.view-tarify-dlya-yur-lic {
margin-top: 60px;
/* Отступы сверху и снизу */
}
.form-assomi-order .view-tariffs {
margin-top: 0;
}
.view-tariffs .view-content,
.view-tarify-dlya-yur-lic .view-content {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 40px 0;
}
.form-assomi-order .view-tariffs .view-content,
.form-assomi-order .view-tarify-dlya-yur-lic .view-content,
.form-assomi-order .view-tariffs-yasna>.view-content {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 20px;
margin: 0;
margin-bottom: 40px;
}
.form-assomi-order #edit-package-add-tarif--wrapper {
margin-top: 20px;
}
.form-assomi-order #edit-package-add-tarif--wrapper .fieldset-legend {
display: inline-block;
margin-bottom: 10px;
}
.form-assomi-order .view-tariffs .view-content h2 {
width: 100%;
margin-bottom: 0;
margin: 0;
/* font-family: "Unbounded", sans-serif; */
font-family: "Inter", semi-bold;
font-weight: 500;
font-size: 30px;
}
.view-tariffs .view-content h3,
.view-tariffs-zala .view-content h3,
.view-tarify-dlya-yur-lic .view-content h3,
.node__content_channels h3,
.node__content_services h3 {
width: 100%;
margin-bottom: 0;
margin: 90px 0 30px 0;
/* font-family: "Unbounded", sans-serif; */
font-family: "Inter", semi-bold;
font-weight: 600;
font-size: 30px;
}
.view-tariffs .view-content h3:first-of-type,
.view-tariffs-zala .view-content h3:first-of-type,
.view-tarify-dlya-yur-lic .view-content h2:first-of-type {
margin-top: 20px;
}
.quicktabs-tabpage .view-tariffs-subscriptions,
.quicktabs-tabpage .view-tarify-dlya-yur-lic-subscriptions {
text-align: center;
/* Центрируем содержимое */
margin-top: 60px;
/* Отступы сверху и снизу */
}
.quicktabs-tabpage .view-tariffs-subscriptions .view-content,
.quicktabs-tabpage .view-tarify-dlya-yur-lic-subscriptions .view-content {
display: flex;
flex-wrap: wrap;
justify-content: center;
font-family: "Inter", sans-serif;
margin: 0 auto;
}
.view-tariffs .view-content .views-row,
.view-tariffs-zala .view-content .views-row,
.view-tarify-dlya-yur-lic .view-content .views-row {
font-family: "Inter", sans-serif;
display: flex;
flex-wrap: wrap;
width: calc((100% - 80px) / 3);
box-shadow: 0 7px 24px 0 rgba(84, 138, 181, 0.25);
border-radius: 16px;
padding: 20px;
transition: all 0.3s ease-in-out;
}
.view-tariffs .view-content .views-row:hover,
.view-tariffs-zala .view-content .views-row:hover,
.view-tarify-dlya-yur-lic .view-content .views-row:hover {
box-shadow: 0 7px 28px 0 rgba(84, 138, 181, 0.35);
}
.view-tariffs .views-field.views-field-title,
.view-tarify-dlya-yur-lic .views-field.views-field-title,
.view-tariffs-zala .views-field.views-field-title {
padding-bottom: 15px;
border-bottom: 1px solid #e0e0e0;
}
.view-tariffs .views-field.views-field-field-price,
.view-tarify-dlya-yur-lic .views-field.views-field-field-price,
.views-field-field-additional-tariff {
font-size: 20px;
color: #313234;
font-weight: 600;
}
.views-field-field-channels .field-content {
display: inline-flex;
flex-wrap: wrap;
}
.tarrifs-zala-chanells-desc {
color: #313234;
font-weight: bold;
margin-right: 5px;
}
.view-tariffs .view-content .views-row .views-field-title,
.view-tariffs-zala .view-content .views-row .views-field-title,
.view-tarify-dlya-yur-lic .view-content .views-row .views-field-title {
width: 100%;
/* font-family: "Unbounded", sans-serif; */
font-family: "Inter", semi-bold;
margin-bottom: 20px;
font-size: 24px;
line-height: 1.2em;
font-weight: 500;
flex: 1 1 auto;
order: 0;
}
.view-tariffs .view-content .views-row:not(:has(.views-field-field-tarif-description-1)) .views-field-title,
.view-tarify-dlya-yur-lic .view-content .views-row:not(:has(.views-field-field-tarif-description-1)) .views-field-title {
margin-bottom: 40px;
}
.view-tariffs .view-content .views-row .views-field-field-tarif-description-1,
.view-tarify-dlya-yur-lic .view-content .views-row .views-field-field-tarif-description-1 {
order: 1;
margin-bottom: 16px;
}
.view-tariffs .view-content .views-row .views-field-field-face-type,
.view-tarify-dlya-yur-lic .view-content .views-row .views-field-field-face-type {
order: 3;
width: 100%;
padding-left: 40px;
font-size: 14px;
color: #757575;
margin-bottom: 40px;
position: relative;
height: 16.8px;
}
.view-tariffs .view-content .views-row .views-field-field-tarif-speed-receive-transm,
.view-tarify-dlya-yur-lic .view-content .views-row .views-field-field-tarif-speed-receive-transm {
width: 100%;
padding-left: 40px;
font-size: 18px;
color: #000;
order: 2;
height: 21.6px;
}
.view-tariffs .view-content .views-row .views-field-field-face-type:before,
.view-tarify-dlya-yur-lic .view-content .views-row .views-field-field-face-type:before {
content: url('data:image/svg+xml,');
position: absolute;
width: 24px;
height: 18px;
left: 0;
bottom: 20.2px;
transform: translateY(50%);
}
.view-tariffs .view-content .views-row:has(.views-field-field-tarif-speed-receive-transm .empty-field) .views-field-field-face-type:before,
.view-tarify-dlya-yur-lic .view-content .views-row:has(.views-field-field-tarif-speed-receive-transm .empty-field) .views-field-field-face-type:before {
top: calc(50% - 1px);
transform: translateY(-50%);
}
.view-tariffs-zala .view-content .views-row .views-field-field-channels,
.view-tariffs-zala .view-content .views-row .views-field-field-additional-tariff {
width: 100%;
margin-bottom: 15px;
}
.view-tariffs .view-content .views-row .views-field-field-price,
.view-tariffs-zala .view-content .views-row .views-field-field-price,
.view-tariffs-zala .view-content .views-row .views-field-field-additional-tariff,
.view-tariffs-zala .view-content .views-row .views-field-field-price-additional,
.view-tarify-dlya-yur-lic .view-content .views-row .views-field-field-price {
width: 100%;
/* font-size: 24px; */
/* color: #003c78; */
/* font-weight: 600; */
margin-bottom: 15px;
order: 4;
}
.view-tariffs-zala .view-content .views-row .views-field-field-price,
.view-tariffs-zala .view-content .views-row .views-field-field-price-additional,
.view-tariffs-zala .view-content .views-row .views-field-field-channels {
position: relative;
}
.view-tariffs-zala .view-content .views-row .views-field-field-price .field-content,
.view-tariffs-zala .view-content .views-row .views-field-field-price-additional .field-content {
padding-left: 40px;
position: relative;
display: inline-block;
}
.view-tariffs-zala .view-content .views-row .views-field-field-channels .field-content {
padding-left: 40px;
}
.view-tariffs-zala .view-content .views-row .views-field-field-channels::before {
content: '';
position: absolute;
width: 24px;
height: 24px;
transform: translateY(-50%);
top: 9px;
left: 0;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6H4C2.9 6 2 6.9 2 8V16C2 17.1 2.9 18 4 18H20C21.1 18 22 17.1 22 16V8C22 6.9 21.1 6 20 6ZM20 16H4V8H20V16Z' fill='%2333cee1'/%3E%3Cpath d='M8 20H16V19L17 18H7L8 19V20Z' fill='%2333cee1'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.view-tariffs-zala .view-content .views-row .views-field-field-price:has(.tarrifs-zala-main-price-desc)::before,
.view-tariffs-zala .view-content .views-field-field-price-additional:has(.tarrifs-zala-add-price-desc)::before {
content: '';
position: absolute;
width: 24px;
height: 24px;
transform: translateY(-50%);
top: 9px;
left: 0;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.views-row .views-field:has(.empty-field) {
display: none !important;
}
.tarrifs-zala-main-price-desc,
.tarrifs-zala-add-price-desc {
margin-bottom: 3px;
font-size: 15px;
}
.tariffs-zala-main-price,
.tariffs-zala-add-price {
font-weight: bold;
font-size: 20px;
}
.view-tariffs .view-content .views-row .views-field-nothing,
.view-tariffs-zala .view-content .views-row .views-field-nothing,
.view-tarify-dlya-yur-lic .view-content .views-row .views-field-nothing {
width: calc(50% - 10px);
margin-right: 20px;
margin-top: auto;
order: 5;
}
.view-tariffs .view-content .views-row .views-field-nothing a,
.view-tariffs-zala .view-content .views-row .views-field-nothing a,
.view-tarify-dlya-yur-lic .view-content .views-row .views-field-nothing a {
width: 100%;
display: inline-block;
padding: 0.75em 0.25em;
border-radius: 0.875em;
text-align: center;
color: #fff;
transition: all 0.3s ease-in-out;
/* background-color: #003c78; */
background-color: #663479;
/* box-shadow: 0 2px 10px 0 rgba(0, 60, 120, 0.75); */
}
.view-tariffs .view-content .views-row .views-field-nothing-1,
.view-tariffs-zala .view-content .views-row .views-field-view-node,
.view-tarify-dlya-yur-lic .view-content .views-row .views-field-nothing-1 {
width: calc(50% - 10px);
margin-top: auto;
order: 6;
}
.view-tariffs .view-content .views-row .views-field-nothing-1 a,
.view-tariffs-zala .view-content .views-row .views-field-view-node a,
.view-tarify-dlya-yur-lic .view-content .views-row .views-field-nothing-1 a {
width: 100%;
display: inline-block;
padding: 0.75em 0.25em;
border-radius: 0.875em;
text-align: center;
color: #fff;
transition: all 0.3s ease-in-out;
/* background-color: #653179; */
background-color: #a87bca;
box-shadow: 0 2px 10px 0 rgba(51, 180, 238, 0);
}
.view-tariffs .view-content .views-row .views-field-nothing a:hover,
.view-tariffs .view-content .views-row .views-field-nothing-1 a:hover,
.view-tariffs-zala .view-content .views-row .views-field-nothing a:hover,
.view-tariffs-zala .view-content .views-row .views-field-view-node a:hover {
background-color: #33cee1;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
transform: translateY(2px);
}
.view-tariffs .view-content .views-row .views-field-nothing a:active,
.view-tariffs .view-content .views-row .views-field-nothing-1:active,
.view-tariffs-zala .view-content .views-row .views-field-nothing a:active,
.view-tariffs-zala .view-content .views-row .views-field-view-node a:active {
transform: translateY(1px);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.view-tarify-dlya-yur-lic .view-content .views-row .views-field-nothing a:hover,
.view-tarify-dlya-yur-lic .view-content .views-row .views-field-nothing-1 a:hover {
background-color: #33cee1;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
transform: translateY(2px);
}
.view-tarify-dlya-yur-lic .view-content .views-row .views-field-nothing a:active,
.view-tarify-dlya-yur-lic .view-content .views-row .views-field-nothing-1:active {
transform: translateY(1px);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.container:has(.node__content_body) {
max-width: 100%;
padding: 0;
}
.container:has(.node__content_body) #block-views-block-partnerskie-sayty-block-1 {
max-width: 1440px;
margin: 0 auto;
padding-right: 15px;
padding-left: 15px;
}
.container:has(.node__content_body) .page-title {
display: none;
}
.container:has(.node__content_body) .node__content {
position: relative;
}
.container:has(.node__content_body) .node__content .node__content_image {
position: absolute;
width: 100%;
height: 100%;
}
.container:has(.node__content_body) .node__content .node__content_image * {
margin: 0 !important;
padding: 0 !important;
width: 100%;
height: 100%;
}
.container:has(.node__content_body) .node__content .node__content_image img {
width: 100%;
height: 100%;
object-fit: cover;
pointer-events: none;
}
.container:has(.node__content_body) .node__content .node__content_body {
max-width: 1440px;
margin: 0 auto;
padding: 60px 15px;
position: relative;
}
.container:has(.node__content_body) .node__content .node__content_body>div:first-child {
background-color: #fff;
border-radius: 24px;
width: fit-content;
position: relative;
display: flex;
flex-direction: column;
z-index: 20;
align-self: flex-start;
padding: 40px 52px;
box-shadow: 0 1px 39px rgba(22, 47, 70, 0.08),
0 40px 79px rgba(22, 47, 70, 0.08);
font-family: "Inter", sans-serif;
}
.container:has(.node__content_body) .node__content .node__content_body>div:first-child {
background-color: #fff;
border-radius: 24px;
width: fit-content;
position: relative;
display: flex;
flex-direction: column;
z-index: 20;
align-self: flex-start;
padding: 40px 52px;
box-shadow: 0 1px 39px rgba(22, 47, 70, 0.08),
0 40px 79px rgba(22, 47, 70, 0.08);
font-family: "Inter", sans-serif;
}
#block-beltelecom-content {
position: relative;
}
#block-beltelecom-content .node__content_body>div:has(.node__order_new_zala) {
background-color: #fff;
border-radius: 1em;
width: fit-content;
position: absolute;
font-size: 18px;
color: #000;
top: 60px;
right: 15px;
display: flex;
flex-direction: column;
z-index: 20;
align-self: flex-start;
padding: 1.5em 2.5em;
box-shadow: 0 1px 39px rgba(22, 47, 70, 0.08),
0 40px 79px rgba(22, 47, 70, 0.08);
font-family: "Inter", sans-serif;
z-index: 100;
}
.konekt_sticks2 {
z-index: 100;
position: absolute;
top: 60px;
/* Начальная позиция */
left: calc(50% + (var(--container-max-width) / 2) - var(--container-padding) - var(--sticky-width));
width: var(--sticky-width);
height: 100%;
transition: all 0.3s ease;
}
@media (max-width: 1440px) {
.konekt_sticks2 {
left: auto;
right: 15px;
}
}
.konekt_sticks2 a {
position: sticky;
top: 100px;
left: 0;
width: var(--sticky-width);
border-radius: .75em;
color: white;
font-weight: 500;
background-color: #28a8b7;
padding: 1.2em 2em;
box-shadow:
0px 4px 10px 4px rgba(34, 60, 80, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.4);
font-family: "Inter", sans-serif;
display: inline-block;
transition: all 0.3s ease-in-out;
overflow: hidden;
animation: button-pulse 2s infinite ease-in-out;
}
.konekt_sticks2 a::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 50%;
height: 100%;
background: linear-gradient(90deg,
transparent,
rgba(255, 255, 255, 0.4),
transparent);
transition: left 0.7s ease-in-out;
}
.konekt_sticks2 a:hover {
background: color-mix(in srgb, #28a8b7 85%, #fff);
box-shadow:
0px 6px 15px 4px rgba(34, 60, 80, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.4);
animation: none;
}
.konekt_sticks2 a:hover::before {
left: 100%;
}
/* Анимация пульсации самой кнопки */
@keyframes button-pulse {
0% {
background-color: #28a8b7;
box-shadow:
0px 4px 10px 4px rgba(34, 60, 80, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
50% {
background-color: #2bb9c9;
box-shadow:
0px 4px 15px 8px rgba(34, 60, 80, 0.25),
inset 0 1px 0 rgba(255, 255, 255, 0.4),
0 0 25px rgba(40, 168, 183, 0.6);
}
100% {
background-color: #28a8b7;
box-shadow:
0px 4px 10px 4px rgba(34, 60, 80, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
}
.container:has(.node__content_body) .node__content .node__content_body>div h2 {
font-family: "Unbounded", sans-serif;
margin-bottom: 5px;
font-size: 40px;
font-weight: 500;
}
.container:has(.node__content_body) .node__content .node__content_body>div .field--name-field-type-internet {
color: #000;
font-size: 18px;
margin-bottom: 50px !important;
}
.container:has(.node__content_body) .node__content .node__content_body>div .field--name-field-tarif-speed-receive-transm .field_label,
.container:has(.node__content_body) .node__content .node__content_body>div .field--name-field-price .field_label {
color: #757575;
}
.container:has(.node__content_body) .node__content .node__content_body>div .field--name-field-tarif-speed-receive-transm .field__item,
.container:has(.node__content_body) .node__content .node__content_body>div .field--name-field-price .field__item {
font-size: 24px;
margin-bottom: 30px !important;
font-weight: 600;
}
#header>.row>.region-header-left {
padding-left: 15px;
}
/*
.channel-wrapper div:first-child a {
background-image: url('https://www.beltelecom.by/mybtc_chat_logo.png') !important;
background-color: #003c78;
} */
@media (max-width: 410px) {
.formassomicallback #edit-contact-data .fieldset-wrapper {
width: 240px;
}
}
/* !MEDIA QUERIES */
@media (max-width: 1400px) {
#block-beltelecom-quicktabstarifyfizicheskimlicam .quicktabs-tabs a,
#block-beltelecom-quicktabstarifyzaladlyafizlic .quicktabs-tabs a {
gap: 10px;
}
#block-beltelecom-quicktabstarifyyuridicheskimlicam .quicktabs-tabs a {
gap: 10px;
}
}
@media (max-width: 1200px) {
#block-beltelecom-quicktabstarifyfizicheskimlicam .quicktabs-tabs li,
#block-beltelecom-quicktabstarifyzaladlyafizlic .quicktabs-tabs li {
width: calc((100% - 20px) / 3);
}
#block-beltelecom-quicktabstarifyyuridicheskimlicam .quicktabs-tabs li {
width: calc((100% - 20px) / 3);
}
.view-tariffs .view-content .views-row {
width: calc((100% - 40px) / 2);
}
.quicktabs-tabpage .view-content {
gap: 20px;
}
.view-tarify-dlya-yur-lic .view-content .views-row {
width: calc((100% - 40px) / 2);
}
.view-tarify-dlya-yur-lic-subscriptions .view-content {
gap: 20px;
}
}
@media (max-width: 992px) {
#block-beltelecom-quicktabstarifyfizicheskimlicam .quicktabs-tabs li #block-beltelecom-quicktabstarifyzaladlyafizlic .quicktabs-tabs li {
width: calc((100% - 10px) / 2);
}
#block-beltelecom-quicktabstarifyyuridicheskimlicam .quicktabs-tabs li {
width: calc((100% - 10px) / 2);
}
#main-menu .menu {
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
#quicktabs-tabpage-tariffs_individuals-0 .tariff-group:nth-of-type(3) .views-row:last-of-type .views-field-title {
margin-bottom: 68px;
}
.quicktabs-tabpage .view-tariffs-subscriptions .view-content .views-row {
width: calc((100% - 20px) / 2);
border-radius: 16px;
}
.view-tarify-dlya-yur-lic-subscriptions .view-content .views-row {
width: calc((100% - 20px) / 2);
border-radius: 16px;
}
#main-menu nav>ul.menu>li>a {
padding: 15px 15px;
}
#header .header-buttons {
margin-top: 1px;
}
}
@media (max-width: 768px) {
.region-header-right {
width: 100%;
}
#block-subscriber-buttons {
width: 100%;
}
#header .site-logo {
width: 135px;
margin: auto;
}
#header .header-buttons {
margin-top: 1px;
flex-wrap: wrap;
}
#order-button {
width: 100%;
margin-right: 0px;
margin-bottom: 1px;
text-align: center;
border-radius: 8px 8px 0 0;
}
.header-buttons-one #pay-button {
width: 100%;
margin: 0 0 1px 0;
text-align: center;
}
.header-buttons #pay-button {
margin: 0 0 1px 0;
}
.header-buttons #pay-button {
border-radius: 0;
}
#account-link {
border-radius: 0;
}
#account-link {
width: 100%;
text-align: center;
}
#header .header-buttons {
margin: 1px 0 0 0;
flex-wrap: wrap;
}
#pay-button {
width: 100%;
text-align: center;
}
#business-button {
width: 100%;
}
#call-center-text {
font-size: 0.8em;
}
#stc-button {
width: 100%;
margin-right: 0;
}
#zakaz-button {
margin: 1px 0 0 0;
width: 100%;
border-radius: 0 0 8px 8px;
}
#main-menu .menu-item {
font-size: 14px;
}
}
@media (max-width: 760px) {
#block-beltelecom-quicktabstarifyfizicheskimlicam .quicktabs-tabs li,
#block-beltelecom-quicktabstarifyzaladlyafizlic .quicktabs-tabs li {
width: calc(100%);
}
#block-beltelecom-quicktabstarifyfizicheskimlicam .quicktabs-tabs a,
#block-beltelecom-quicktabstarifyzaladlyafizlic .quicktabs-tabs a {
gap: 0;
}
#block-beltelecom-quicktabstarifyfizicheskimlicam .quicktabs-tabs a::before,
#block-beltelecom-quicktabstarifyzaladlyafizlic .quicktabs-tabs a::before {
transform: scale(0.7);
margin-left: 0;
}
#block-beltelecom-quicktabstarifyfizicheskimlicam .quicktabs-tabs a,
#block-beltelecom-quicktabstarifyzaladlyafizlic .quicktabs-tabs a {
font-size: 18px;
}
#block-beltelecom-quicktabstarifyyuridicheskimlicam .quicktabs-tabs li {
width: calc(100%);
}
#block-beltelecom-quicktabstarifyyuridicheskimlicam .quicktabs-tabs a {
gap: 0;
}
#block-beltelecom-quicktabstarifyyuridicheskimlicam .quicktabs-tabs a::before {
transform: scale(0.7);
margin-left: 0;
}
#block-beltelecom-quicktabstarifyyuridicheskimlicam .quicktabs-tabs a {
font-size: 18px;
}
#quicktabs-tabpage-tariffs_individuals-0 .tariff-group:nth-of-type(3) .views-row:last-of-type .views-field-title {
margin-bottom: 40px;
}
.quicktabs-tabpage .view-tariffs-subscriptions .view-content .views-row,
.quicktabs-tabpage .view-tarify-dlya-yur-lic-subscriptions .view-content .views-row {
width: calc(100%);
border-radius: 16px;
}
.view-tariffs .view-content .views-row,
.view-tarify-dlya-yur-lic .view-content .views-row {
width: 100%;
}
.view-tariffs .view-content h3,
.view-tarify-dlya-yur-lic .view-content h3 {
font-size: 24px;
margin: 60px 0 20px 0;
}
.tariff-group {
gap: 20px;
}
.view-tariffs,
.view-tarify-dlya-yur-lic {
margin-top: 40px;
}
.view-tariffs .view-content .views-row .views-field-title,
.view-tarify-dlya-yur-lic .view-content .views-row .views-field-title {
font-size: 20px;
}
.view-tariffs .view-content .views-row .views-field-field-price,
.view-tarify-dlya-yur-lic .view-content .views-row .views-field-field-price {
font-size: 20px;
}
#block-beltelecom-quicktabstarifyfizicheskimlicam .quicktabs-tabs a:hover,
#block-beltelecom-quicktabstarifyzaladlyafizlic .quicktabs-tabs a:hover {
transform: translateY(-5px);
box-shadow: 0 -5px 40px rgba(23, 58, 105, 0.07),
0 40px 20px rgba(23, 58, 105, 0.05), 0 20px 10px rgba(23, 58, 105, 0.04),
0 12.5px 6.5px rgba(23, 58, 105, 0.04), 0 5px 3px rgba(23, 58, 105, 0.03),
0 1.5px 1.5px rgba(23, 58, 105, 0.02);
}
#block-beltelecom-quicktabstarifyyuridicheskimlicam .quicktabs-tabs a:hover {
transform: translateY(-5px);
box-shadow: 0 -5px 40px rgba(23, 58, 105, 0.07),
0 40px 20px rgba(23, 58, 105, 0.05), 0 20px 10px rgba(23, 58, 105, 0.04),
0 12.5px 6.5px rgba(23, 58, 105, 0.04), 0 5px 3px rgba(23, 58, 105, 0.03),
0 1.5px 1.5px rgba(23, 58, 105, 0.02);
}
}
@media (max-width: 575.98px) {
h1 {
font-size: 1.8em;
}
#main-menu nav>ul.menu>li {
font-size: 14px;
}
#main-menu nav>ul.menu>li>a {
padding: 10px 15px;
}
#call-center-icon {
font-size: 1em;
}
#call-center-number {
font-size: 2.3em;
}
}
@media (max-width: 410px) {}
.view-tariffs-yasna .view-content {
display: flex;
flex-wrap: wrap;
gap: 40px;
justify-content: space-between;
margin-top: 50px;
}
.view-tariffs-yasna .views-row {
font-family: "Inter", sans-serif;
display: flex;
flex-direction: column;
gap: 30px;
width: calc((100% - 80px) / 3);
box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.10);
border-radius: 16px;
padding: 20px;
transition: all 0.3s ease-in-out;
box-sizing: border-box;
background: #fff;
color: #000;
}
/* Планшеты (768px-1200px) - 2 колонки */
@media (max-width: 1200px) {
.view-tariffs-yasna .views-row {
width: calc((100% - 40px) / 2);
}
.view-tariffs-yasna .view-content {
gap: 30px;
}
}
/* Мобильные (480px-767px) */
@media (max-width: 767px) {
.view-tariffs-yasna .views-row {
width: 100%;
margin-bottom: 20px;
}
.view-tariffs-yasna .view-content {
gap: 20px;
margin-top: 30px;
}
}
/* Маленькие мобильные (до 479px) */
@media (max-width: 479px) {
.view-tariffs-yasna .view-content {
gap: 15px;
}
}
.view-tariffs-yasna .views-row:hover {
box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.18);
}
.view-tariffs-yasna .views-field:not(:nth-last-child(-n+2)) {
display: flex;
gap: 10px;
}
.view-tariffs-yasna .views-field:last-child {
margin-bottom: 0;
}
.view-tariffs-yasna .views-field-title {
font-size: 24px;
font-weight: 500;
color: #f37027;
padding-bottom: 15px;
border-bottom: 1px solid #e0e0e0;
}
.view-tariffs-yasna .views-field-title a {
color: inherit;
text-decoration: none;
}
.view-tariffs-yasna .views-field-field-price .field-content {
display: flex;
gap: 10px;
}
.view-tariffs-yasna .views-field-field-price {
font-size: 24px;
color: #000;
font-weight: 600;
margin-top: auto;
}
.view-tariffs-yasna .views-field-field-tarif-speed-receive-transm {
position: relative;
padding-left: 40px;
color: #000;
font-size: 20px;
}
.view-tariffs-yasna .views-field-field-tarif-speed-receive-transm::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='18' viewBox='0 0 24 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 17.3833C11.3667 17.3833 10.8194 17.1528 10.3583 16.6918C9.89725 16.2306 9.66675 15.6833 9.66675 15.05C9.66675 14.4167 9.89725 13.8694 10.3583 13.4082C10.8194 12.9472 11.3667 12.7168 12 12.7168C12.6333 12.7168 13.1806 12.9472 13.6418 13.4082C14.1028 13.8694 14.3333 14.4167 14.3333 15.05C14.3333 15.6833 14.1028 16.2306 13.6418 16.6918C13.1806 17.1528 12.6333 17.3833 12 17.3833ZM5.98325 11.6668L4.23325 9.9C5.33892 8.7945 6.53758 7.95142 7.82925 7.37075C9.12092 6.79025 10.5112 6.5 12 6.5C13.4888 6.5 14.8791 6.79167 16.1708 7.375C17.4624 7.95833 18.6611 8.80558 19.7668 9.91675L18.0168 11.6668C17.0944 10.7444 16.1278 10.0694 15.1168 9.64175C14.1056 9.21392 13.0667 9 12 9C10.9333 9 9.89442 9.21392 8.88325 9.64175C7.87225 10.0694 6.90558 10.7444 5.98325 11.6668ZM1.75 7.43325L0 5.68325C1.5445 4.10558 3.3445 2.84725 5.4 1.90825C7.4555 0.969417 9.6555 0.5 12 0.5C14.3445 0.5 16.5445 0.969417 18.6 1.90825C20.6555 2.84725 22.4555 4.10558 24 5.68325L22.25 7.43325C20.8445 6.07225 19.2793 4.99308 17.5543 4.19575C15.8293 3.39858 13.9778 3 12 3C10.0222 3 8.17075 3.39858 6.44575 4.19575C4.72075 4.99308 3.1555 6.07225 1.75 7.43325Z' fill='%23003C78'/%3E%3C/svg%3E");
background-repeat: no-repeat;
}
.view-tariffs-yasna .views-field-field-service a {
color: #757575;
text-decoration: none;
}
/* Стили для раздела с каналами */
.field--name-field-channels .field__items {
display: flex;
flex-wrap: wrap;
}
.field--name-field-type-zala.field__item {
font-weight: bold;
margin-bottom: 5px;
margin-top: 0px !important;
}
.field--name-field-channels .field__item:not(:last-child)::after {
content: ",";
margin-right: 4px;
color: #f37027;
}
.spv-inside-popup .field__items {
display: flex;
flex-wrap: wrap;
color: #f37027;
margin-top: 10px;
margin-bottom: 10px;
}
.spv-inside-popup .field__item {
margin-bottom: 0 !important;
margin-top: 0 !important;
font-size: 14px;
}
.view-tariffs-yasna .field--name-field-type-zala a,
.view-tariffs-yasna .field--name-field-channels a {
display: inline;
color: #f37027;
font-size: 13px;
}
.yasna-button {
display: flex !important;
gap: 10px;
width: 100%;
}
.yasna-button .views-field {
flex: 1;
min-width: 0;
}
.views-field .views-field-field-service .field-content a {
text-align: left !important;
}
.yasna-button .views-field .field-content a {
width: 100%;
display: block;
padding: 12px 24px;
border-radius: 0.875em;
text-align: center;
color: #fff;
transition: all 0.3s ease-in-out;
text-decoration: none;
font-weight: 500;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
border: none;
cursor: pointer;
box-sizing: border-box;
}
.views-row .views-field-field-channels-yasna .field-content {
display: flex;
flex-direction: column;
gap: 15px;
}
.yasna-button .views-field-nothing .field-content a {
background-color: #f37027;
}
.yasna-button .views-field-view-node .field-content a {
background-color: #ff9e4a;
}
.yasna-button .views-field-nothing .field-content a:hover {
background-color: #e05e1a;
box-shadow: 0 4px 12px rgba(243, 112, 39, 0.3);
}
.yasna-button .views-field-view-node .field-content a:hover {
background-color: #ff8c2e;
box-shadow: 0 4px 12px rgba(255, 158, 74, 0.3);
}
.view-tariffs-yasna .views-field-field-service {
position: relative;
padding-left: 40px;
}
.view-tariffs-yasna .views-field-field-service::before {
content: '';
position: absolute;
left: 0;
top: -3px;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 6H21' stroke='%23003C78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 12H21' stroke='%23003C78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 18H21' stroke='%23003C78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 6H3.01' stroke='%23003C78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 12H3.01' stroke='%23003C78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 18H3.01' stroke='%23003C78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
}
.field--name-field-channels .field__items .field__item {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
max-height: 3.3em;
line-height: 1.1em;
margin-top: 0px !important;
margin-bottom: 0px !important;
color: #ff8c2e;
}
.field-content .yasna-tv {
display: flex;
justify-content: space-between;
position: relative;
padding-left: 40px;
}
.field-content .yasna-tv::before {
content: '';
position: absolute;
left: 0;
top: -3px;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6H4C2.9 6 2 6.9 2 8V16C2 17.1 2.9 18 4 18H20C21.1 18 22 17.1 22 16V8C22 6.9 21.1 6 20 6ZM20 16H4V8H20V16Z' fill='%23003C78'/%3E%3Cpath d='M8 20H16V19L17 18H7L8 19V20Z' fill='%23003C78'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
}
.views-field .views-field-simple-popup-views-field {
margin-left: auto;
}
.spv-popup-link.spv_on_click {
color: #f37027;
cursor: pointer;
transition: color 0.3s ease;
}
.views-field-fieldset-1 .field-content {
display: block;
width: 100%;
}
.yasna-tv .item-list ul {
list-style-type: none;
padding-left: 0;
margin: 0;
}
.yasna-tv .item-list li {
margin-bottom: 10px;
}
.yasna-tv .item-list li:last-child {
margin-bottom: 0;
}
.views-field .views-field-field-vid-zaly {
margin-bottom: 0 !important;
}
.spv-popup-content {
box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.30) !important;
border: none !important;
padding: 15px 15px 5px 15px !important;
width: 700px !important;
}
.spv-left-popup {
top: 25px !important;
right: 0% !important;
}
@media (min-width: 1200px) and (max-width: 1600px) {
.spv-popup-content {
width: 450px !important;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.spv-popup-content {
width: 400px !important;
}
}
@media (max-width: 767px) {
.spv-popup-content {
width: 320px !important;
}
}
.spv_close {
font-size: 24px !important;
top: 8px !important;
right: 12px !important;
color: #000 !important;
background: none !important;
transition: all 0.3s ease;
}
.spv_close:hover {
color: #f37027 !important;
}
/* .tariff-group .views-row .views-field-field-channels {
display: none !important;
} */
.view-footer .view-tariffs-yasna .views-row {
text-align: center;
}
.tariff-group .view-content .view-grouping-header {
display: none;
}
.view-content .view-grouping-content h2 {
font-size: 16px;
font-weight: 600;
margin-bottom: 0 !important;
}
.tariff-group .view-content .view-grouping-content div:not(:last-child) {
margin-bottom: 15px;
}
.view-channels-tariff-yasna .view-content {
margin-top: 0 !important;
}
.view-tariffs-yasna .form--inline.clearfix {
display: flex;
flex-wrap: wrap;
border-top: 1px dotted rgb(153, 153, 153);
padding-top: 20px;
margin-top: 30px;
}
@media (max-width: 768px) {
.view-tariffs-yasna .form--inline.clearfix {
flex-direction: column;
}
}
.view-tariffs-yasna .form--inline.clearfix>*:last-child {
margin-right: auto;
width: 100%;
}
@media (min-width: 1200px) {
.view-tariffs-yasna .form--inline.clearfix {
justify-content: space-between;
}
}
.view-tariffs-yasna .form--inline.clearfix fieldset {
overflow-y: auto;
border-radius: 0;
}
.view-tariffs-yasna .form--inline.clearfix fieldset legend {
font-weight: 600;
margin-bottom: 15px;
}
.view-tariffs-yasna .form--inline.clearfix fieldset .fieldset-wrapper {
max-height: 160px;
}
.view-tariffs-yasna .form--inline.clearfix fieldset {
margin-right: 50px;
}
.view-tariffs-yasna .form--inline.clearfix .button {
margin-top: 0 !important;
margin-bottom: 0 !important;
background-color: #f37027 !important;
border-radius: 0.875em !important;
transition: 0.3s ease;
}
.view-tariffs-yasna .form--inline.clearfix .button:hover {
background-color: #e05e1a !important;
}
.node--type-tariff-yasna .node__content_image .field--name-field-background-image {
height: 100%;
}
@media (max-width: 768px) {
#block-beltelecom-dopolnitelnyevozmozhnosti .text-align-right iframe {
width: 400px !important;
}
#block-beltelecom-local-tasks .tabs.primary {
flex-wrap: wrap;
}
#block-beltelecom-dopolnitelnyevozmozhnosti .col-xs-12 {
width: auto !important;
}
}
@media (max-width: 520px) {
#block-beltelecom-dopolnitelnyevozmozhnosti .text-align-right iframe {
width: 300px !important;
}
}
@media (min-width: 1440px) {
.node--type-tariff-yasna .node__content_channels .view-content,
.node--type-tariff-zala .node__content_channels .view-content {
max-height: 940px;
overflow-y: auto;
padding-top: 10px;
padding-bottom: 20px;
}
}
.webform-submission-form.webform-submission-add-form.webform-submission-question-specialist-form.webform-submission-question-specialist-add-form.js-webform-details-toggle.webform-details-toggle #edit-zapolnite-formu .fieldset-wrapper {
max-height: 300px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.webform-submission-form.webform-submission-add-form.webform-submission-question-specialist-form.webform-submission-question-specialist-add-form.js-webform-details-toggle.webform-details-toggle #edit-zapolnite-formu .fieldset-wrapper {
width: 650px;
}
.webform-submission-form.webform-submission-add-form.webform-submission-question-specialist-form.webform-submission-question-specialist-add-form.js-webform-details-toggle.webform-details-toggle #edit-zapolnite-formu .fieldset-wrapper #edit-vash-vopros {
resize: none;
height: 185px;
}
@media (max-width: 950px) {
.webform-submission-form.webform-submission-add-form.webform-submission-question-specialist-form.webform-submission-question-specialist-add-form.js-webform-details-toggle.webform-details-toggle #edit-zapolnite-formu .fieldset-wrapper {
max-height: initial !important;
}
}
.webform-submission-question-specialist-add-form {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.webform-submission-form.webform-submission-add-form {
display: flex;
flex-direction: column;
gap: 20px;
}
.webform-submission-question-specialist-add-form>fieldset,
.webform-submission-form.webform-submission-add-form>fieldset {
flex: 1 1 calc(50% - 20px);
min-width: 300px;
box-sizing: border-box;
}
@media (max-width: 900px) {
.webform-submission-question-specialist-add-form,
.webform-submission-form.webform-submission-add-form {
flex-direction: column;
}
.webform-submission-question-specialist-add-form>fieldset,
.webform-submission-form.webform-submission-add-form>fieldset {
flex: 1 1 100%;
}
}
#block-beltelecom-quicktabspomoschvpodklyuchenii video {
width: 100%;
border-radius: 12px;
}
#quicktabs-subscriptions,
#quicktabs-help-sub {
display: flex;
gap: 30px;
margin-top: 60px;
}
#quicktabs-subscriptions .quicktabs-tabs,
#quicktabs-help-sub .quicktabs-tabs {
display: flex;
flex-direction: column;
gap: 15px;
}
#quicktabs-subscriptions .quicktabs-tabs li,
#quicktabs-help-sub .quicktabs-tabs li {
width: 100%;
max-width: 270px;
height: 100px;
}
#quicktabs-subscriptions .quicktabs-tabs li a,
#quicktabs-help-sub .quicktabs-tabs li a {
display: inline-flex;
justify-content: center;
}
#quicktabs-subscriptions .quicktabs-tabs li.active a,
#quicktabs-help-sub .quicktabs-tabs li.active a {
color: #000 !important;
}
#quicktabs-subscriptions .views-field-field-activation-link,
#quicktabs-help-sub .views-field-field-activation-link {
display: flex;
width: 100%;
justify-content: flex-end;
position: relative;
margin-bottom: 20px;
}
#quicktabs-subscriptions .views-field-field-activation-link a,
#quicktabs-help-sub .views-field-field-activation-link a {
display: inline-block;
padding: 8px 16px;
background-color: #613476;
color: white;
text-decoration: none;
border-radius: 0.875em;
border: 1px solid transparent;
box-shadow: 0 2px 10px 0 rgba(0, 60, 120, 0.75);
transition: all 0.3s ease;
}
#quicktabs-subscriptions .views-field-field-activation-link a:hover,
#quicktabs-help-sub .views-field-field-activation-link a:hover {
background-color: #33cee1;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
transform: translateY(2px);
}
#quicktabs-subscriptions .quicktabs-tabpage,
#quicktabs-help-sub .quicktabs-tabpage {
border: 2px solid #613476;
border-radius: 32px;
padding: 18px;
}
.view-tariff-packages .view-content {
display: flex;
flex-wrap: wrap;
gap: 40px;
justify-content: space-between;
margin-top: 50px;
}
.view-tariff-packages .views-row {
font-family: "Inter", sans-serif;
display: flex;
flex-direction: column;
gap: 30px;
width: calc((100% - 80px) / 3);
box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.10);
border-radius: 16px;
padding: 20px;
transition: all 0.3s ease-in-out;
box-sizing: border-box;
background: #fff;
color: #000;
}
@media (max-width: 1200px) {
.view-tariff-packages .views-row {
width: calc((100% - 40px) / 2);
}
.view-tariff-packages .view-content {
gap: 30px;
}
}
@media (max-width: 767px) {
.view-tariff-packages .views-row {
width: 100%;
margin-bottom: 20px;
}
.view-tariff-packages .view-content {
gap: 20px;
margin-top: 30px;
}
}
.view-tariff-packages .views-field .field-content .packages-button {
display: flex;
gap: 10px;
width: 100%;
}
.view-tariff-packages .views-field .field-content .packages-button .views-field {
flex: 1;
}
.view-tariff-packages .views-field .field-content .packages-button a {
width: 100%;
display: block;
padding: 12px 24px;
border-radius: 0.875em;
background-color: #663479;
text-align: center;
color: #fff;
transition: all 0.3s ease-in-out;
text-decoration: none;
font-weight: 500;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
border: none;
cursor: pointer;
box-sizing: border-box;
}
.view-tariff-packages .views-field .field-content .packages-button .views-field.views-field-view-node a {
background-color: #a87bca;
}
.view-tariff-packages .views-field-nothing .field-content a:hover {
background-color: #33cee1;
box-shadow: 0 4px 12px rgba(243, 112, 39, 0.3);
}
.view-tariff-packages .views-field-view-node span a:hover {
background-color: #33cee1 !important;
box-shadow: 0 4px 12px rgba(255, 158, 74, 0.3);
}
.view-tariff-packages .views-field.views-field-field-price {
font-size: 24px;
color: #313234;
font-weight: 600;
}
.view-tariff-packages .views-field-title {
width: 100%;
}
.view-tariff-packages .views-field-title .field-content {
display: block;
width: 100%;
}
.view-tariff-packages .views-field-title .field-content a {
display: block;
width: 100%;
}
.view-tariff-packages .views-field.views-field-title span a {
font-size: 24px;
font-weight: 500;
color: #313234;
padding-bottom: 15px;
border-bottom: 1px solid #e0e0e0;
width: 100%;
}
.view-tariff-packages .views-field-field-tarif-speed-receive-transm::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='18' viewBox='0 0 24 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 17.3833C11.3667 17.3833 10.8194 17.1528 10.3583 16.6918C9.89725 16.2306 9.66675 15.6833 9.66675 15.05C9.66675 14.4167 9.89725 13.8694 10.3583 13.4082C10.8194 12.9472 11.3667 12.7168 12 12.7168C12.6333 12.7168 13.1806 12.9472 13.6418 13.4082C14.1028 13.8694 14.3333 14.4167 14.3333 15.05C14.3333 15.6833 14.1028 16.2306 13.6418 16.6918C13.1806 17.1528 12.6333 17.3833 12 17.3833ZM5.98325 11.6668L4.23325 9.9C5.33892 8.7945 6.53758 7.95142 7.82925 7.37075C9.12092 6.79025 10.5112 6.5 12 6.5C13.4888 6.5 14.8791 6.79167 16.1708 7.375C17.4624 7.95833 18.6611 8.80558 19.7668 9.91675L18.0168 11.6668C17.0944 10.7444 16.1278 10.0694 15.1168 9.64175C14.1056 9.21392 13.0667 9 12 9C10.9333 9 9.89442 9.21392 8.88325 9.64175C7.87225 10.0694 6.90558 10.7444 5.98325 11.6668ZM1.75 7.43325L0 5.68325C1.5445 4.10558 3.3445 2.84725 5.4 1.90825C7.4555 0.969417 9.6555 0.5 12 0.5C14.3445 0.5 16.5445 0.969417 18.6 1.90825C20.6555 2.84725 22.4555 4.10558 24 5.68325L22.25 7.43325C20.8445 6.07225 19.2793 4.99308 17.5543 4.19575C15.8293 3.39858 13.9778 3 12 3C10.0222 3 8.17075 3.39858 6.44575 4.19575C4.72075 4.99308 3.1555 6.07225 1.75 7.43325Z' fill='%2333cee1'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
}
.view-tariff-packages .views-field-field-tarif-speed-receive-transm {
position: relative;
padding-left: 40px;
color: #313234;
font-size: 20px;
}
.view-tariff-packages h3,
.view-tariff-packages h2 {
width: 100%;
margin-bottom: 0;
margin: 20px 0 30px 0;
/* font-family: "Unbounded", sans-serif; */
font-family: "Inter", semi-bold;
font-weight: 600;
font-size: 30px;
}
.view-tariff-packages .form--inline.clearfix {
display: flex;
flex-wrap: wrap;
border-top: 1px dotted rgb(153, 153, 153);
padding-top: 20px;
margin-top: 30px;
}
@media (max-width: 768px) {
.view-tariff-packages .form--inline.clearfix {
flex-direction: column;
}
}
.view-tariff-packages .form--inline.clearfix>*:last-child {
margin-right: auto;
width: 100%;
}
@media (min-width: 1200px) {
.view-tariff-packages .form--inline.clearfix {
justify-content: space-between;
}
}
.view-tariff-packages .form--inline.clearfix fieldset {
overflow-y: auto;
border-radius: 0;
}
.view-tariff-packages .form--inline.clearfix fieldset legend {
font-weight: 600;
margin-bottom: 15px;
}
.view-tariff-packages .form--inline.clearfix fieldset .fieldset-wrapper {
max-height: 160px;
}
.view-tariff-packages .form--inline.clearfix fieldset {
margin-right: 50px;
}
.view-tariff-packages .form--inline.clearfix .button {
margin-top: 0 !important;
margin-bottom: 0 !important;
background-color: #663479 !important;
border-radius: 0.875em !important;
transition: 0.3s ease;
}
#block-beltelecom-quicktabspaketyuslugdlyafizicheskikhlic .quicktabs-tabs,
#block-beltelecom-quicktabspaketyuslugdlyayuridicheskikhlic .quicktabs-tabs,
#block-beltelecom-quicktabstarifyfizicheskimlicam .quicktabs-tabs,
#block-beltelecom-quicktabstarifyyuridicheskimlicam .quicktabs-tabs,
#block-beltelecom-quicktabstarifyzaladlyafizlic .quicktabs-tabs,
#block-beltelecom-quicktabstarifyzaladlyayurlic .quicktabs-tabs,
.promo-links-container,
#block-beltelecom-quicktabspomoschvpodklyuchenii .quicktabs-tabs {
display: flex;
flex-wrap: wrap;
gap: 16px;
padding: 0;
justify-content: center;
}
#block-beltelecom-quicktabspaketyuslugdlyafizicheskikhlic .quicktabs-tabs li,
#block-beltelecom-quicktabspaketyuslugdlyayuridicheskikhlic .quicktabs-tabs li,
#block-beltelecom-quicktabstarifyfizicheskimlicam .quicktabs-tabs li,
#block-beltelecom-quicktabstarifyyuridicheskimlicam .quicktabs-tabs li,
#block-beltelecom-quicktabstarifyzaladlyafizlic .quicktabs-tabs li,
#block-beltelecom-quicktabstarifyzaladlyayurlic .quicktabs-tabs li #block-beltelecom-quicktabstarifyzaladlyayurlic .quicktabs-tabs li,
#block-beltelecom-quicktabspomoschvpodklyuchenii .quicktabs-tabs li {
padding: 0 !important;
position: relative;
display: inline-block;
box-shadow: inset 0 1px 2px #ffffff30, 0 1px 2px #00000030, 0 2px 4px #00000015;
background: white;
transition: all 0.3s ease-in-out;
border-radius: 20px;
overflow: hidden;
}
.promo-links-container a {
position: relative;
box-shadow: inset 0 1px 2px #ffffff30, 0 1px 2px #00000030, 0 2px 4px #00000015;
background: white;
transition: all 0.3s ease-in-out;
border-radius: 12px;
overflow: hidden;
cursor: pointer;
padding: 12px 24px;
font-size: 16px;
border-radius: 20px;
color: #000;
list-style: none;
font-weight: 400;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
white-space: normal;
word-wrap: break-word;
word-break: break-word;
overflow-wrap: break-word;
height: auto;
max-width: 300px;
min-height: 86px;
text-align: center;
z-index: 2;
}
@media (max-width: 600px) {
.promo-links-container a {
max-width: 100%;
width: 100%;
text-align: center;
}
}
.view-id-discounts_page .views-row {
padding: 15px 0;
border-top: 1px solid rgba(102, 52, 121, .15);
border-bottom: 1px solid rgba(102, 52, 121, .15);
}
.view-id-discounts_page .views-row:first-child {
border-top: none;
}
.view-id-discounts_page .views-row:last-child {
border-bottom: none;
}
.webform-submission-akcii-add-form>div.js-form-wrapper>div {
display: flex;
flex-direction: row;
gap: 20px;
flex-wrap: wrap;
justify-content: space-between;
}
.webform-submission-akcii-add-form>div.js-form-wrapper>div>h1 {
width: calc((100% - 20px) / 3);
color: #000;
margin-bottom: 0;
}
.webform-submission-akcii-add-form>div.js-form-wrapper>div>div {
width: calc((100% - 20px) / 3 * 2);
}
.webform-submission-akcii-add-form>div.js-form-wrapper>div>div p {
margin-top: 0;
color: #3e4042;
}
@media (max-width:1025px) {
.webform-submission-akcii-add-form>div.js-form-wrapper>div>div,
.webform-submission-akcii-add-form>div.js-form-wrapper>div>h1 {
width: 100%;
}
}
.webform-submission-akcii-add-form .fieldset-wrapper label {
color: #000;
}
.webform-submission-akcii-add-form fieldset.captcha {
padding: 0;
border: none;
}
.webform-submission-akcii-add-form fieldset.captcha legend {
display: none;
}
.js-form-type-checkbox label {
margin-top: 4px;
}
.webform-submission-akcii-add-form .fieldset-wrapper input,
.webform-submission-akcii-add-form .fieldset-wrapper select {
width: 100%;
}
.webform-submission-akcii-add-form .fieldset-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: auto;
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: start;
/* Используем grid-template-areas для наглядности */
grid-template-areas:
"oblast left right"
"branch left right"
"checkbox left right"
"checkbox-input left right";
}
.webform-submission-akcii-add-form .fieldset-wrapper>.js-form-item-oblast {
grid-area: oblast;
margin-bottom: 0 !important;
}
.webform-submission-akcii-add-form .fieldset-wrapper>#branch-id {
grid-area: branch;
}
.webform-submission-akcii-add-form .fieldset-wrapper>.js-form-item-absent-house-chackbox {
grid-area: checkbox;
}
.webform-submission-akcii-add-form .fieldset-wrapper>.js-form-item-house-number {
grid-area: checkbox-input;
}
.webform-submission-akcii-add-form .fieldset-wrapper>#edit-disc-form-container-left {
grid-area: left;
}
.webform-submission-akcii-add-form .fieldset-wrapper>#edit-disc-form-container-right {
grid-area: right;
}
/* Адаптив с grid-template-areas */
@media (max-width: 768px) {
.webform-submission-akcii-add-form .fieldset-wrapper {
grid-template-columns: 1fr;
grid-template-areas:
"oblast"
"branch"
"checkbox"
"checkbox-input"
"left"
"right";
}
.webform-submission-akcii-add-form .fieldset-wrapper>.js-form-item-oblast {
grid-area: oblast;
margin-bottom: 10px !important;
}
.webform-submission-akcii-add-form .fieldset-wrapper>#edit-disc-form-container-left,
.webform-submission-akcii-add-form .fieldset-wrapper>#edit-disc-form-container-right {
margin-top: 20px;
}
}
/* .webform-submission-akcii-add-form .fieldset-wrapper>div {
width: calc(50% - 10px);
} */
#edit-disc-form-container-right {
display: flex;
flex-direction: column;
}
.webform-submission-akcii-add-form input[type="checkbox"] {
width: 24px !important;
height: 24px !important;
}
.webform-submission-akcii-add-form input[type="checkbox"]+label {
margin-left: 5px;
margin-top: 7px;
}
.webform-submission-akcii-add-form .form-type-processed-text p {
text-align: justify;
}
@media (min-width:769px) {
.webform-submission-akcii-add-form #edit-disc-form-container-left .form-type-checkbox,
.webform-submission-akcii-add-form #edit-disc-form-container-right .form-type-checkbox {
display: flex;
align-items: center;
height: 62px;
padding-top: 16px;
}
.webform-submission-akcii-add-form #edit-disc-form-container-left input[type="checkbox"]+label,
.webform-submission-akcii-add-form #edit-disc-form-container-right input[type="checkbox"]+label {
margin-top: 11px;
}
}
@media (max-width:768px) {
.webform-submission-akcii-add-form .fieldset-wrapper>div {
width: 100%;
}
.webform-submission-akcii-add-form .fieldset-wrapper {
gap: 0px;
}
}
#block-beltelecom-quicktabspaketyuslugdlyafizicheskikhlic .quicktabs-tabs li a,
#block-beltelecom-quicktabspaketyuslugdlyayuridicheskikhlic .quicktabs-tabs li a,
#block-beltelecom-quicktabstarifyfizicheskimlicam .quicktabs-tabs li a,
#block-beltelecom-quicktabstarifyyuridicheskimlicam .quicktabs-tabs li a,
#block-beltelecom-quicktabstarifyzaladlyafizlic .quicktabs-tabs li a,
#block-beltelecom-quicktabstarifyzaladlyayurlic .quicktabs-tabs li a,
#block-beltelecom-quicktabspomoschvpodklyuchenii .quicktabs-tabs li a {
cursor: pointer;
user-select: none;
padding: 12px 24px;
font-size: 16px;
border-radius: 20px;
color: #000;
list-style: none;
font-weight: 400;
text-decoration: none;
display: flex;
transition: all 0.3s ease-in-out;
align-items: center;
white-space: normal;
word-wrap: break-word;
word-break: break-word;
overflow-wrap: break-word;
height: 100%;
max-width: 300px;
min-height: 86px;
text-align: center;
position: relative;
z-index: 2;
}
#block-beltelecom-quicktabspaketyuslugdlyafizicheskikhlic .quicktabs-tabs li:hover,
#block-beltelecom-quicktabspaketyuslugdlyayuridicheskikhlic .quicktabs-tabs li:hover,
#block-beltelecom-quicktabstarifyfizicheskimlicam .quicktabs-tabs li:hover,
#block-beltelecom-quicktabstarifyyuridicheskimlicam .quicktabs-tabs li:hover,
#block-beltelecom-quicktabstarifyzaladlyafizlic .quicktabs-tabs li:hover,
#block-beltelecom-quicktabstarifyzaladlyayurlic .quicktabs-tabs li:hover,
#block-beltelecom-quicktabspomoschvpodklyuchenii .quicktabs-tabs li:hover {
box-shadow: inset 0 1px 2px #ffffff30, 0 2px 4px #00000030, 0 4px 8px #00000015;
transform: translateY(-4px);
}
.promo-links-container a:hover {
box-shadow: inset 0 1px 2px #ffffff30, 0 2px 4px #00000030, 0 4px 8px #00000015;
transform: translateY(-4px);
background-color: #663479;
color: #fff;
}
#block-beltelecom-quicktabspaketyuslugdlyafizicheskikhlic .quicktabs-main .quicktabs-tabs li,
#block-beltelecom-quicktabspaketyuslugdlyayuridicheskikhlic .quicktabs-main .quicktabs-tabs li,
#block-beltelecom-quicktabstarifyfizicheskimlicam .quicktabs-main .quicktabs-tabs li,
#block-beltelecom-quicktabstarifyyuridicheskimlicam .quicktabs-main .quicktabs-tabs li,
#block-beltelecom-quicktabstarifyzaladlyafizlic .quicktabs-main .quicktabs-tabs li,
#block-beltelecom-quicktabstarifyzaladlyayurlic .quicktabs-main .quicktabs-tabs li,
#block-beltelecom-quicktabspomoschvpodklyuchenii .quicktabs-main .quicktabs-tabs li {
border: 1px solid transparent;
}
#block-beltelecom-quicktabspaketyuslugdlyafizicheskikhlic .quicktabs-main .quicktabs-tabs li.active,
#block-beltelecom-quicktabspaketyuslugdlyayuridicheskikhlic .quicktabs-main .quicktabs-tabs li.active,
#block-beltelecom-quicktabstarifyfizicheskimlicam .quicktabs-main .quicktabs-tabs li.active,
#block-beltelecom-quicktabstarifyyuridicheskimlicam .quicktabs-main .quicktabs-tabs li.active,
#block-beltelecom-quicktabstarifyzaladlyafizlic .quicktabs-main .quicktabs-tabs li.active,
#block-beltelecom-quicktabstarifyzaladlyayurlic .quicktabs-main .quicktabs-tabs li.active,
#block-beltelecom-quicktabspomoschvpodklyuchenii .quicktabs-main .quicktabs-tabs li.active {
border: 1px solid #00000015;
box-shadow: inset 0 1px 2px #ffffff30, 0 4px 8px #00000030, 0 8px 12px #00000015;
transform: translateY(-4px);
}
#block-beltelecom-quicktabspaketyuslugdlyafizicheskikhlic>div>div>.quicktabs-tabs li.active,
#block-beltelecom-quicktabspaketyuslugdlyayuridicheskikhlic>div>div>.quicktabs-tabs li.active,
#block-beltelecom-quicktabstarifyfizicheskimlicam>div>div>.quicktabs-tabs li.active,
#block-beltelecom-quicktabstarifyyuridicheskimlicam>div>div>.quicktabs-tabs li.active,
#block-beltelecom-quicktabstarifyzaladlyafizlic>div>div>.quicktabs-tabs li.active,
#block-beltelecom-quicktabstarifyzaladlyayurlic>div>div>.quicktabs-tabs li.active {
pointer-events: none;
background-color: #663479;
}
#block-beltelecom-quicktabspaketyuslugdlyafizicheskikhlic .quicktabs-tabs li.active a,
#block-beltelecom-quicktabspaketyuslugdlyayuridicheskikhlic .quicktabs-tabs li.active a,
#block-beltelecom-quicktabstarifyfizicheskimlicam .quicktabs-tabs li.active a,
#block-beltelecom-quicktabstarifyyuridicheskimlicam .quicktabs-tabs li.active a,
#block-beltelecom-quicktabstarifyzaladlyafizlic .quicktabs-tabs li.active a,
#block-beltelecom-quicktabstarifyzaladlyayurlic .quicktabs-tabs li.active a,
#block-beltelecom-quicktabspomoschvpodklyuchenii .quicktabs-tabs li.active a {
color: #fff;
}
/* ������� ��� ��������� */
@media (max-width: 768px) {
#block-beltelecom-quicktabspaketyuslugdlyafizicheskikhlic .quicktabs-tabs,
#block-beltelecom-quicktabspaketyuslugdlyayuridicheskikhlic .quicktabs-tabs {
flex-direction: column;
gap: 12px;
}
#block-beltelecom-quicktabspaketyuslugdlyafizicheskikhlic .quicktabs-tabs li,
#block-beltelecom-quicktabspaketyuslugdlyayuridicheskikhlic .quicktabs-tabs li {
width: 100%;
}
}
#block-beltelecom-quicktabspaketyuslugdlyafizicheskikhlic .quicktabs-tabs #quicktabs-tab-service_packages_individuals-0 a:first-child::before,
#block-beltelecom-quicktabspaketyuslugdlyafizicheskikhlic .quicktabs-tabs #quicktabs-tab-service_packages_individuals-2 a:first-child::before,
#block-beltelecom-quicktabspaketyuslugdlyayuridicheskikhlic .quicktabs-tabs #quicktabs-tab-service_packages_legal-0 a:first-child::before,
#block-beltelecom-quicktabspaketyuslugdlyayuridicheskikhlic .quicktabs-tabs #quicktabs-tab-service_packages_legal-1 a:first-child::before {
content: '';
display: inline-block;
width: 45px;
height: 45px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
vertical-align: middle;
}
#block-beltelecom-quicktabspaketyuslugdlyafizicheskikhlic .quicktabs-tabs #quicktabs-tab-service_packages_individuals-0 a:first-child::before,
#block-beltelecom-quicktabspaketyuslugdlyayuridicheskikhlic .quicktabs-tabs #quicktabs-tab-service_packages_legal-0 a:first-child::before {
background-image: url('https://www.beltelecom.by/sites/default/files/icons/service_packages.png');
}
#block-beltelecom-quicktabspaketyuslugdlyafizicheskikhlic .quicktabs-tabs #quicktabs-tab-service_packages_individuals-2 a:first-child::before,
#block-beltelecom-quicktabspaketyuslugdlyayuridicheskikhlic .quicktabs-tabs #quicktabs-tab-service_packages_legal-1 a:first-child::before {
background-image: url('https://www.beltelecom.by/sites/default/files/icons/dop_usl.png');
}
#block-beltelecom-quicktabspaketyuslugdlyafizicheskikhlic .quicktabs-tabs #quicktabs-tab-service_packages_individuals-0 a:first-child a,
#block-beltelecom-quicktabspaketyuslugdlyafizicheskikhlic .quicktabs-tabs #quicktabs-tab-service_packages_individuals-2 a:first-child a {
display: flex;
align-items: center;
}
#block-beltelecom-quicktabspaketyuslugdlyafizicheskikhlic .quicktabs-tabs #quicktabs-tab-service_packages_individuals-1 a:first-child::before {
content: '';
display: inline-block;
width: 90px;
height: 45px;
background-image: url('https://www.beltelecom.by/themes/beltelecom/images/subscription2.svg');
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
vertical-align: middle;
}
#block-beltelecom-quicktabspaketyuslugdlyafizicheskikhlic .quicktabs-tabs #quicktabs-tab-service_packages_individuals-0 a:first-child a {
display: flex;
align-items: center;
}
.view-tariff-packages .views-field.views-field-field-tv-services-package .field-content {
display: flex;
gap: 20px;
position: relative;
padding-left: 40px;
}
.view-tariff-packages .views-field.views-field-field-tv-services-package::before {
content: '';
position: absolute;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6H4C2.9 6 2 6.9 2 8V16C2 17.1 2.9 18 4 18H20C21.1 18 22 17.1 22 16V8C22 6.9 21.1 6 20 6ZM20 16H4V8H20V16Z' fill='%2333cee1'/%3E%3Cpath d='M8 20H16V19L17 18H7L8 19V20Z' fill='%2333cee1'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
}
.view-tariff-packages .field--name-field-type-zala {
color: #313234;
}
.view-tariff-packages .field--name-field-tariff-zala.field--type-entity-reference a {
color: #663479;
}
.view-tariff-packages .views-label-field-service {
color: #313234;
font-weight: bold;
margin-bottom: 10px !important;
}
.view-tariff-packages .packages-services .field-content {
margin-top: 10px;
}
.view-tariff-packages .views-field.views-field-view {
display: none;
}
.view-tariff-packages .views-field.views-field-fieldset-3 {
margin-top: auto;
}
.view-tariff-packages .field--name-field-tariff-zala.field--type-entity-reference.field--label-hidden.field__item {
margin-bottom: 0 !important;
margin-top: 0 !important;
}
.view-tariff-packages .field.field--name-field-type-zala.field--type-entity-reference.field--label-hidden.field__item {
margin-bottom: 0 !important;
}
.view-tariff-packages .views-field.views-field-field-service {
position: relative;
padding-left: 40px;
}
.view-tariff-packages .views-field.views-field-field-service::before {
content: '';
position: absolute;
left: 0;
top: -3px;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-size: contain;
}
.view-tariff-packages .views-field.views-field-field-service .field-content {
margin-top: 0 !important;
}
.view-tariff-packages .views-field.views-field-field-service {
display: flex;
gap: 10px;
}
.webform-submission-question-specialist-form .js-webform-element-more {
border: 2px solid #f0f0f0;
border-radius: 12px;
overflow: hidden;
transition: all 0.3s ease;
margin: 10px 0;
}
.webform-submission-question-specialist-form .js-webform-element-more:hover {
border-color: #e0e0e0;
}
.webform-submission-question-specialist-form #webform-element-more,
.webform-submission-question-specialist-form #webform-element-more--2 {
width: 100%;
}
.webform-submission-question-specialist-form .webform-element-more--link {
background: linear-gradient(135deg, #f9f6fc, #f0e8f8);
padding: 0;
width: 100%;
}
.webform-submission-question-specialist-form .webform-element-more--link a {
display: block;
padding: 16px 20px;
color: #663479;
text-decoration: none;
font-weight: 600;
font-size: 16px;
position: relative;
transition: all 0.3s ease;
border: none;
background: none;
width: 100%;
text-align: left;
}
.webform-submission-question-specialist-form .webform-element-more--link a:hover {
background: linear-gradient(135deg, #f0e8f8, #e8dff5);
color: #5a2d6b;
}
.webform-submission-question-specialist-form .webform-element-more--link a::before {
content: '⯆';
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%) rotate(0deg);
transition: transform 0.3s ease;
color: #5a2d6b;
font-size: 22px;
}
.webform-submission-question-specialist-form .webform-element-more,
.webform-submission-question-specialist-form .webform-element-more--2 {
margin-top: 0;
margin-bottom: 0;
}
.webform-submission-question-specialist-form .webform-element-more--link:before {
display: none;
}
.webform-submission-question-specialist-form .js-webform-element-more.is-open .webform-element-more--link a::before {
transform: translateY(-50%) rotate(180deg);
}
.webform-submission-question-specialist-form .js-webform-element-more.is-open {
border-color: #a87bca;
box-shadow: 0 4px 12px rgba(102, 52, 121, 0.1);
}
.webform-submission-question-specialist-form .webform-element-more--content {
display: none;
padding: 20px;
background: white;
border-top: 1px solid #f0f0f0;
animation: fadeIn 0.3s ease;
}
.webform-submission-question-specialist-form .js-webform-element-more.is-open .webform-element-more--content {
display: block;
}
.webform-submission-question-specialist-form .webform-element-more--content p {
margin: 0 0 15px 0;
line-height: 1.6;
color: #313234;
font-size: 14px;
}
.webform-submission-question-specialist-form .webform-element-more--content p:last-child {
margin-bottom: 0;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.webform-submission-question-specialist-form .js-webform-element-more.is-open .webform-element-more--link {
background: linear-gradient(135deg, #663479, #a87bca);
transition: transform 0.3s ease;
}
.webform-submission-question-specialist-form .js-webform-element-more.is-open .webform-element-more--link a {
color: white;
font-weight: 700;
}
.webform-submission-question-specialist-form .js-webform-element-more.is-open .webform-element-more--link a::after {
color: white;
}
.webform-submission-question-specialist-form .js-webform-element-more.is-open .webform-element-more--link a:hover {
background: linear-gradient(135deg, #5a2d6b, #9c6dc4);
color: white;
}
.webform-submission-question-specialist-form #edit-personalnye-dannye {
width: 21.92px !important;
cursor: pointer;
}
.block-views-blockarchived-tariffs-block-1 .views-exposed-form.bef-exposed-form .form--inline.clearfix {
display: flex;
gap: 15px;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
@media (min-width: 1200px) {
.block-views-blockarchived-tariffs-block-1 .views-exposed-form.bef-exposed-form .form--inline.clearfix .form-radios {
margin-left: 60px;
}
}
@media (min-width: 768px) {
.block-views-blockarchived-tariffs-block-1 .views-exposed-form.bef-exposed-form .form--inline.clearfix {
flex-direction: row;
flex-wrap: wrap;
}
}
.block-views-blockarchived-tariffs-block-1 .views-exposed-form.bef-exposed-form .form--inline.clearfix>*:last-child {
flex-basis: 100%;
text-align: center;
margin-top: 10px;
}
@media (max-width: 768px) {
.block-views-blockarchived-tariffs-block-1 .views-exposed-form.bef-exposed-form .form--inline.clearfix #edit-title {
width: 100% !important;
}
}
.block-views-blockarchived-tariffs-block-1 .views-exposed-form.bef-exposed-form .form--inline.clearfix #edit-title {
width: 330px;
}
.block-views-blockarchived-tariffs-block-1 .views-exposed-form.bef-exposed-form .form--inline.clearfix .js-form-item {
margin-bottom: 0 !important;
}
.block-views-blockarchived-tariffs-block-1 .views-exposed-form.bef-exposed-form .form--inline.clearfix .form-checkboxes.bef-checkboxes {
display: flex;
align-items: center;
gap: 15px;
}
.block-views-blockarchived-tariffs-block-1 .views-exposed-form.bef-exposed-form .form--inline.clearfix .form-radios {
display: flex;
align-items: center;
gap: 15px;
}
.block-views-blockarchived-tariffs-block-1 .views-exposed-form.bef-exposed-form .form--inline.clearfix .js-form-type-radio {
display: flex;
}
.block-views-blockarchived-tariffs-block-1 .views-exposed-form.bef-exposed-form .form--inline.clearfix .js-form-type-radio label {
display: flex;
margin-top: 3px;
}
.block-views-blockarchived-tariffs-block-1 .views-exposed-form.bef-exposed-form .form--inline.clearfix .form-checkboxes.bef-checkboxes .js-form-type-checkbox label {
margin-top: 3px !important;
}
.block-views-blockarchived-tariffs-block-1 .views-table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
font-family: "Inter", sans-serif;
box-shadow: 0 4px 15px rgba(102, 52, 121, 0.1);
overflow: hidden;
}
.block-views-blockarchived-tariffs-block-1 caption {
font-size: 1.5em;
font-weight: 700;
color: #663479;
margin-bottom: 15px;
text-align: center;
padding: 10px;
}
.block-views-blockarchived-tariffs-block-1 .views-table thead {
background: #663479;
}
.block-views-blockarchived-tariffs-block-1 .views-table th {
padding: 16px 12px;
text-align: left;
color: white;
font-weight: 600;
font-size: 0.95em;
text-transform: uppercase;
letter-spacing: 0.5px;
border: none;
position: relative;
}
.block-views-blockarchived-tariffs-block-1 .views-table th:not(:last-child)::after {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 60%;
background: rgba(255, 255, 255, 0.3);
}
.block-views-blockarchived-tariffs-block-1 .views-table tbody tr {
transition: all 0.3s ease;
background: white;
position: relative;
}
.block-views-blockarchived-tariffs-block-1 .views-table tbody tr:nth-child(even) {
background: #f8f6fa;
}
.block-views-blockarchived-tariffs-block-1 .views-table tbody tr:hover {
background: #f0ebf5;
transform: translateY(-1px);
box-shadow: 0 2px 8px rgba(102, 52, 121, 0.1);
}
.block-views-blockarchived-tariffs-block-1 .views-table tbody tr:hover td:first-child {
color: #8a5aa8;
transition: all 0.3s ease;
}
.block-views-blockarchived-tariffs-block-1 .views-table tbody tr:hover td:last-child {
color: #663479;
transform: scale(1.01);
transition: all 0.3s ease;
}
.block-views-blockarchived-tariffs-block-1 .views-table td {
padding: 14px 12px;
border: none;
color: #333;
font-size: 0.9em;
border-bottom: 1px solid #e8e2ed;
position: relative;
transition: all 0.3s ease;
}
.block-views-blockarchived-tariffs-block-1 .views-table tbody tr:last-child td {
border-bottom: none;
}
.block-views-blockarchived-tariffs-block-1 .views-table td:first-child {
font-weight: 600;
color: #663479;
}
.block-views-blockarchived-tariffs-block-1 .views-table td:last-child {
font-weight: 700;
color: #28a8b7;
font-size: 1em;
}
.block-views-blockarchived-tariffs-block-1 .views-field-field-price {
text-align: center;
}
.block-views-blockarchived-tariffs-block-1 .views-field-field-price::before {
margin-right: 5px;
}
.block-views-blockarchived-tariffs-block-1 .views-table td:empty::before {
content: '—';
color: #999;
font-style: italic;
}
.block-views-blockarchived-tariffs-block-1 .views-table tbody tr {
animation: fadeInUp 0.5s ease forwards;
opacity: 0;
transform: translateY(20px);
}
@keyframes fadeInUp {
to {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 768px) {
.block-views-blockarchived-tariffs-block-1 .views-table {
font-size: 0.8em;
}
.block-views-blockarchived-tariffs-block-1 .views-table th,
.block-views-blockarchived-tariffs-block-1 .views-table td {
padding: 10px 8px;
}
.block-views-blockarchived-tariffs-block-1 caption {
font-size: 1.2em;
}
.block-views-blockarchived-tariffs-block-1 .views-table tbody tr:hover td:last-child {
transform: scale(1);
}
}
.block-views-blockarchived-tariffs-block-1 .views-table td {
border-right: 1px solid #e8e2ed;
}
.block-views-blockarchived-tariffs-block-1 .views-table td:last-child {
border-right: none;
}
.block-views-blockarchived-tariffs-block-1 .views-table thead tr:first-child th:first-child {
border-top-left-radius: 12px;
}
.block-views-blockarchived-tariffs-block-1 .views-table thead tr:first-child th:last-child {
border-top-right-radius: 12px;
}
.block-views-blockarchived-tariffs-block-1 .views-table tbody tr:last-child td:first-child {
border-bottom-left-radius: 12px;
}
.block-views-blockarchived-tariffs-block-1 .views-table tbody tr:last-child td:last-child {
border-bottom-right-radius: 12px;
}
.block-views-blockarchived-tariffs-block-1 .views-table {
border: none !important;
border-radius: 12px !important;
box-shadow: 0 0 0 1px #e8e2ed, 0 4px 20px rgba(102, 52, 121, 0.3) !important;
}
.block-views-blockarchived-tariffs-block-1 .paragraph.paragraph--type--price-description-packages.paragraph--view-mode--default {
display: flex;
gap: 5px;
}
.quicktabs-tabpage .view-tariffs-subscriptions .view-content {
display: flex;
gap: 20px;
padding: 20px 0;
margin: 0 auto;
}
#block-beltelecom-quicktabspomoschvpodklyuchenii #quicktabs-service_packages {
margin-top: 50px;
}
#block-beltelecom-quicktabspomoschvpodklyuchenii .views-field-field-attach-file a {
position: relative;
display: flex;
align-items: center;
gap: 5px;
margin: 10px 0;
line-height: 1em;
font-weight: 500;
font-size: 18px;
}
#block-beltelecom-quicktabspomoschvpodklyuchenii .views-field-field-attach-file a::before {
content: url('data:image/svg+xml,');
width: 32px;
height: 32px;
margin-top: -2px;
}
.quicktabs-tabpage .view-tariffs-subscriptions .views-row,
#block-beltelecom-quicktabspomoschvpodklyuchenii>div>div>.quicktabs-tabs>li,
#block-beltelecom-quicktabspomoschvpodklyuchenii #quicktabs-service_packages .quicktabs-tabs>li {
padding: 0 !important;
position: relative;
display: inline-block;
box-shadow: 0 1px 6px #00000030;
background: white;
transition: all 0.2s ease-in-out;
border-radius: 20px;
overflow: hidden;
border: none;
}
#block-beltelecom-quicktabspomoschvpodklyuchenii>div>div>.quicktabs-tabs>li,
#block-beltelecom-quicktabspomoschvpodklyuchenii #quicktabs-service_packages .quicktabs-tabs>li {
min-width: 180px;
}
.quicktabs-tabpage .view-tariffs-subscriptions .views-row::after,
#block-beltelecom-quicktabspomoschvpodklyuchenii>div>div>.quicktabs-tabs>li::after,
#block-beltelecom-quicktabspomoschvpodklyuchenii #quicktabs-service_packages .quicktabs-tabs>li::after {
content: '';
position: absolute;
top: 50%;
left: 46px;
width: 0;
height: 0;
border-radius: 50%;
background: #663479;
transition: all 0.2s ease-in-out;
transform: translate(-50%, -50%);
z-index: 1;
pointer-events: none;
}
.quicktabs-tabpage .view-tariffs-subscriptions .views-row:hover,
#block-beltelecom-quicktabspomoschvpodklyuchenii>div>div>.quicktabs-tabs>li:hover,
#block-beltelecom-quicktabspomoschvpodklyuchenii #quicktabs-service_packages .quicktabs-tabs>li:hover {
box-shadow: inset 0 1px 2px #ffffff30, 0 2px 4px #00000030, 0 4px 8px #00000015;
transform: translateY(-4px);
}
#block-beltelecom-quicktabspomoschvpodklyuchenii>div>div>.quicktabs-tabs>li.active,
#block-beltelecom-quicktabspomoschvpodklyuchenii #quicktabs-service_packages .quicktabs-tabs>li.active {
pointer-events: none;
}
.quicktabs-tabpage .view-tariffs-subscriptions .views-row:hover:after,
#block-beltelecom-quicktabspomoschvpodklyuchenii>div>div>.quicktabs-tabs>li:hover:after,
#block-beltelecom-quicktabspomoschvpodklyuchenii #quicktabs-service_packages .quicktabs-tabs>li:hover:after,
#block-beltelecom-quicktabspomoschvpodklyuchenii>div>div>.quicktabs-tabs>li.active::after,
#block-beltelecom-quicktabspomoschvpodklyuchenii #quicktabs-service_packages .quicktabs-tabs>li.active::after {
width: 600px;
height: 600px;
}
.quicktabs-tabpage .view-tariffs-subscriptions .views-row a,
#block-beltelecom-quicktabspomoschvpodklyuchenii>div>div>.quicktabs-tabs>li a,
#block-beltelecom-quicktabspomoschvpodklyuchenii #quicktabs-service_packages .quicktabs-tabs>li a {
cursor: pointer;
user-select: none;
padding: 12px;
font-size: 14px;
border-radius: 12px;
color: #000;
list-style: none;
font-weight: 400;
margin: 0 auto;
text-decoration: none;
display: flex;
transition: all 0.2s ease-in-out;
align-items: center;
white-space: normal;
word-wrap: break-word;
word-break: break-word;
overflow-wrap: break-word;
height: 100%;
max-width: 280px;
min-height: 86px;
text-align: center;
position: relative;
z-index: 2;
}
.quicktabs-tabpage .view-tariffs-subscriptions .views-row:hover a,
#block-beltelecom-quicktabspomoschvpodklyuchenii>div>div>.quicktabs-tabs>li:hover a,
#block-beltelecom-quicktabspomoschvpodklyuchenii #quicktabs-service_packages .quicktabs-tabs>li:hover a,
#block-beltelecom-quicktabspomoschvpodklyuchenii>div>div>.quicktabs-tabs>li.active a,
#block-beltelecom-quicktabspomoschvpodklyuchenii #quicktabs-service_packages .quicktabs-tabs>li.active a {
color: #fff;
}
.quicktabs-tabpage .view-tariffs-subscriptions .views-row a::before,
#block-beltelecom-quicktabspomoschvpodklyuchenii>div>div>.quicktabs-tabs>li a::before,
#block-beltelecom-quicktabspomoschvpodklyuchenii #quicktabs-service_packages .quicktabs-tabs>li a::before {
content: '';
display: inline-block;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 45px;
transition: all 0.2s ease-in-out;
;
width: 45px;
height: 45px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
vertical-align: middle;
}
.quicktabs-tabpage .view-tariffs-subscriptions .views-row:nth-child(1) a::before {
background-image: url("../images/saveinternet.svg");
}
.quicktabs-tabpage .view-tariffs-subscriptions .views-row:nth-child(2) a::before {
background-image: url("../images/antivirus.svg");
}
.quicktabs-tabpage .view-tariffs-subscriptions .views-row:nth-child(3) a::before {
background-image: url("../images/parent_control.svg");
}
.quicktabs-tabpage .view-tariffs-subscriptions .views-row:nth-child(4) a::before {
background-image: url("../images/cyber.svg");
}
.quicktabs-tabpage .view-tariffs-subscriptions .views-row:nth-child(5) a::before {
background-image: url("../images/cloud.svg");
}
#block-beltelecom-quicktabspomoschvpodklyuchenii #quicktabs-service_packages .quicktabs-tabs>li:nth-child(1) a::before {
background-image: url('data:image/svg+xml,');
}
#block-beltelecom-quicktabspomoschvpodklyuchenii #quicktabs-service_packages .quicktabs-tabs>li:nth-child(2) a::before {
background-image: url('data:image/svg+xml,');
}
#block-beltelecom-quicktabspomoschvpodklyuchenii #quicktabs-service_packages .quicktabs-tabs>li:nth-child(3) a::before {
background-image: url('data:image/svg+xml,');
}
#block-beltelecom-quicktabspomoschvpodklyuchenii>div>div>.quicktabs-tabs>li:nth-child(1) a::before {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center center;
}
#block-beltelecom-quicktabspomoschvpodklyuchenii>div>div>.quicktabs-tabs>li:nth-child(1):hover a::before,
#block-beltelecom-quicktabspomoschvpodklyuchenii>div>div>.quicktabs-tabs>li:nth-child(1).active a::before {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center center;
}
#block-beltelecom-quicktabspomoschvpodklyuchenii>div>div>.quicktabs-tabs>li:nth-child(2) a::before {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center center;
}
#block-beltelecom-quicktabspomoschvpodklyuchenii>div>div>.quicktabs-tabs>li:nth-child(2):hover a::before,
#block-beltelecom-quicktabspomoschvpodklyuchenii>div>div>.quicktabs-tabs>li:nth-child(2).active a::before {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center center;
}
#block-beltelecom-quicktabspomoschvpodklyuchenii>div>div>.quicktabs-tabs>li:nth-child(3) a::before {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center center;
}
#block-beltelecom-quicktabspomoschvpodklyuchenii>div>div>.quicktabs-tabs>li:nth-child(3):hover a::before,
#block-beltelecom-quicktabspomoschvpodklyuchenii>div>div>.quicktabs-tabs>li:nth-child(3).active a::before {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center center;
}
#block-beltelecom-quicktabspomoschvpodklyuchenii>div>div>.quicktabs-tabs>li:nth-child(4) a::before {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center center;
}
#block-beltelecom-quicktabspomoschvpodklyuchenii>div>div>.quicktabs-tabs>li:nth-child(4):hover a::before,
#block-beltelecom-quicktabspomoschvpodklyuchenii>div>div>.quicktabs-tabs>li:nth-child(4).active a::before {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center center;
}
#quicktabs-container-service_packages .ui-accordion-header,
#block-beltelecom-quicktabspomoschvpodklyuchenii #quicktabs-container-service_packages .ckeditor-accordion-toggler {
background-color: #F5EDFF;
color: #663479;
border-radius: 10px;
border: none;
margin: 30px 0 0 0;
padding: 15px 20px;
font-size: 20px;
text-shadow: none;
}
#block-beltelecom-quicktabspomoschvpodklyuchenii #quicktabs-container-service_packages .ckeditor-accordion-toggler {
padding: 15px 20px 15px 45px;
}
.ckeditor-accordion-container>dl:before,
.ckeditor-accordion-container>dl:after {
display: none;
}
#quicktabs-container-service_packages .ui-accordion-content .ui-accordion-header,
#block-beltelecom-quicktabspomoschvpodklyuchenii #quicktabs-container-service_packages .ckeditor-accordion-toggler {
margin: 5px 0 0 0;
border-radius: 0;
}
#block-beltelecom-quicktabspomoschvpodklyuchenii #quicktabs-container-service_packages .ckeditor-accordion-container>dl {
border: none;
}
#quicktabs-container-service_packages .ui-accordion-content .ui-accordion-header:first-child,
#block-beltelecom-quicktabspomoschvpodklyuchenii #quicktabs-container-service_packages .ckeditor-accordion-container>dl *:first-child .ckeditor-accordion-toggler {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#quicktabs-container-service_packages .ui-accordion-content .ui-accordion-header:nth-last-child(2),
#block-beltelecom-quicktabspomoschvpodklyuchenii #quicktabs-container-service_packages .ckeditor-accordion-container>dl *:nth-last-child(2) .ckeditor-accordion-toggler {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
#quicktabs-container-service_packages .ui-accordion-header span {
display: none;
}
#quicktabs-container-service_packages .ui-accordion-header a {
color: #663479 !important;
}
#quicktabs-container-service_packages .ui-accordion-content {
border: none;
}
#block-beltelecom-quicktabspomoschvpodklyuchenii #quicktabs-container-service_packages .ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle:before,
#block-beltelecom-quicktabspomoschvpodklyuchenii #quicktabs-container-service_packages .ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle:after {
background: #663479 !important;
}
#block-beltelecom-quicktabspomoschvpodklyuchenii #quicktabs-container-service_packages .ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle {
left: 10px;
}
#block-beltelecom-quicktabspomoschvpodklyuchenii #quicktabs-container-service_packages .ui-accordion-header:before {
opacity: 1;
}
/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
#block-beltelecom-quicktabspaketyuslugdlyafizicheskikhlic .view-tariffs-subscriptions .view-content {
grid-template-columns: 1fr;
gap: 15px;
padding: 15px;
}
#block-beltelecom-quicktabspaketyuslugdlyafizicheskikhlic .view-tariffs-subscriptions .views-row a {
padding: 20px 16px;
font-size: 15px;
min-height: 70px;
}
}
#quicktabs-connection_telephone_service>div {
display: none;
}
#quicktabs-connection_telephone_service>h3 {
background-color: #F5EDFF;
color: #663479;
border-radius: 10px;
border: none;
margin: 30px 0 0 0;
padding: 15px 20px;
font-size: 20px;
text-shadow: none;
display: block;
cursor: pointer;
position: relative;
}
#quicktabs-connection_telephone_service>h3::before{
opacity: 1;
font-family: "Font Awesome 5 Free";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-weight: 900;
font-style: normal;
font-variant: normal;
font-size: 17px;
text-rendering: auto;
line-height: 1;
content: "\f054";
opacity: 0.5;
margin: 0 10px 0 0;
color: #663479;
text-shadow: none;
}
.ui-accordion-header-active:before {
content: "\f078" !important;
}