/* Museo Sans Cyr Light - 300 */
@font-face {
font-family: 'Museo Sans Cyr';
src: url('../fonts/MuseoSansCyrl-300.eot'); /* IE9 Compatibility Mode */
src: url('../fonts/MuseoSansCyrl-300.eot?#iefix') format('embedded-opentype'),
url('../fonts/MuseoSansCyrl-300.woff') format('woff'),
url('../fonts/MuseoSansCyrl-300.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
/* Museo Sans Cyr Light - 400 */
@font-face {
font-family: 'Museo Sans Cyr';
src: url('../fonts/MuseoSansCyrl-500.eot'); /* IE9 Compatibility Mode */
src: url('../fonts/MuseoSansCyrl-500.eot?#iefix') format('embedded-opentype'),
url('../fonts/MuseoSansCyrl-500.woff') format('woff'),
url('../fonts/MuseoSansCyrl-500.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
/* Museo Sans Cyr Regular - 500 */
@font-face {
font-family: 'Museo Sans Cyr';
src: url('../fonts/MuseoSansCyrl-500.eot'); /* IE9 Compatibility Mode */
src: url('../fonts/MuseoSansCyrl-500.eot?#iefix') format('embedded-opentype'),
url('../fonts/MuseoSansCyrl-500.woff') format('woff'),
url('../fonts/MuseoSansCyrl-500.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
/* Museo Sans Cyr Bold - 700 */
@font-face {
font-family: 'Museo Sans Cyr';
src: url('../fonts/MuseoSansCyrl-700.eot'); /* IE9 Compatibility Mode */
src: url('../fonts/MuseoSansCyrl-700.eot?#iefix') format('embedded-opentype'),
url('../fonts/MuseoSansCyrl-700.woff') format('woff'),
url('../fonts/MuseoSansCyrl-700.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
.h2 {
font-size: 32px;
font-weight: 600;
/* font-style: italic; */
line-height: 42px;
color: var(--text-primary);
text-transform: uppercase;
}
@media (max-width: 991px) {
.h2 {
font-size: 28px;
line-height: 36px;
}
}
:root {
--text-primary: #1A1A1A;
--text-secondary: #777777;
--text-white: #fff;
--accent-green: #B2CB31;
--accent-purple: #8B8FE6;
--light-gray: #F1F1F1;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
text-transform: uppercase;
}
a {
position: relative;
}
.btn, a {
transition: .3s ease-in-out;
cursor: pointer;
}
.btn-lg {
font-size: 18px;
font-weight: 400;
line-height: 23px;
text-transform: uppercase;
border-radius: 40px;
}
.btn-green, .btn-green-hover:hover {
border: 1px solid var(--accent-green);
background-color: var(--accent-green);
color: var(--text-primary);
}
.btn-purple {
border: 1px solid var(--accent-purple);
background-color: var(--accent-purple);
color: var(--text-white);
}
.btn-purple-hover:hover {
border: 1px solid var(--accent-purple);
background-color: var(--accent-purple);
color: var(--text-primary);
}
.btn-transparent-white {
border: 1px solid #FFFFFF;
background-color: transparent;
color: var(--text-white);
}
.btn-transparent-black {
border: 1px solid var(--text-primary);
background-color: transparent;
color: var(--text-primary);
}
.btn-dark {
border: 1px solid var(--text-primary);
background-color: var(--text-primary);
color: var(--text-white);
}
.btn-gray, .btn-gray-hover:hover {
border: 1px solid var(--text-secondary);
background-color: var(--text-secondary);
color: var(--text-white);
}
.bg-light-gray {
background-color: var(--light-gray);
}
@media (min-width: 992px) {
.icon.instagram {
background-image: url('data:image/svg+xml;charset=UTF-8, ');
}
.icon.telegram {
background-image: url('data:image/svg+xml;charset=UTF-8, ');
}
.icon.whatsapp {
background-image: url('data:image/svg+xml;charset=UTF-8, ');
}
.icon.yandex {
background-image: url('data:image/svg+xml;charset=UTF-8, ');
}
.icon.avito {
background-image: url('data:image/svg+xml;charset=UTF-8, ');
}
}
@media (max-width: 991px) {
.icon.instagram {
background-image: url('data:image/svg+xml;charset=UTF-8, ');
}
.icon.telegram {
background-image: url('data:image/svg+xml;charset=UTF-8, ');
}
.icon.whatsapp {
background-image: url('data:image/svg+xml;charset=UTF-8, ');
}
.icon.yandex {
background-image: url('data:image/svg+xml;charset=UTF-8, ');
}
.icon.avito {
background-image: url('data:image/svg+xml;charset=UTF-8, ');
}
.icon.instagram-white {
background-image: url('data:image/svg+xml;charset=UTF-8, ');
}
.icon.telegram-white {
background-image: url('data:image/svg+xml;charset=UTF-8, ');
}
.icon.whatsapp-white {
background-image: url('data:image/svg+xml;charset=UTF-8, ');
}
.icon.yandex-white {
background-image: url('data:image/svg+xml;charset=UTF-8, ');
}
.icon.avito-white {
background-image: url('data:image/svg+xml;charset=UTF-8, ');
}
}
.row-gap-12 {
row-gap: 12px;
}
.hidden {
display: none;
}