/*
Theme Name: novosel-online.ru
Description: Тема для проекта ООО «Онлайн Сервисы» на основе чистой темы для переноса Дизайна и оформления с Тильды
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2023
Tested up to: 6.3
Requires PHP: 7.0
*/
/* @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); */

/*Стили плагина пагинатора, должен находиться выше стилей Карты покрытия, иначе перебивает стили*/
@import url('https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css');

/* Стили страниц */

@import url('css/style-page/page-residential.css');

/*Стили страницы Политика обработки файлов cookie*/
@import url('css/style-page/page-cookie.css');

/*Стили попапов */
@import url('css/style-popup/popup-application.css');

/*Стили новых карточек и форм*/
@import url('css/block-internet-NEW.css');
@import url('css/block-internet-tv-NEW.css');
@import url('css/block-konvergent-NEW.css');
@import url('css/check-address.css');

/* Стили для footer */
@import url('css/footer.css');




@font-face {
	font-family: 'Manrope' ;
	font-weight: 300;
	font-style: normal;
	src: url('assets/fonts/Manrope-Regular.eot'),
		url('assets/fonts/Manrope-Regular.ttf'),
		url('assets/fonts/Manrope-Regular.woff'),
		url('assets/fonts/Manrope-Regular.woff2');  
}


@font-face {
	font-family: 'Manrope' ;
	font-weight: 500;
	font-style: normal;
	src: url('assets/fonts/Manrope-Medium.eot'),
		url('assets/fonts/Manrope-Medium.ttf'),
		url('assets/fonts/Manrope-Medium.woff'),
		url('assets/fonts/Manrope-Medium.woff2');  
}

@font-face {
	font-family: 'Manrope' ;
	font-weight: 700;
	font-style: normal;
	src: url('assets/fonts/Manrope-Bold.eot'),
		url('assets/fonts/Manrope-Bold.ttf'),
		url('assets/fonts/Manrope-Bold.woff'),
		url('assets/fonts/Manrope-Bold.woff2');  
}

#adminmenu a  *{
	color: #f0f0f1;
}

* {
	margin: 0;
	padding: 0;
	font-family: 'Manrope' ;
	font-weight: 300;
	color: #282828;
	box-sizing: border-box;
}

.container {
	max-width: 1232px;
	width: 100%;
	margin: 0 auto;
}

@media (max-width: 1232px) {
	.container {
		padding: 0 16px;
	}
}



.button-yellow {
	font-size: 16px;
	font-weight: 500;
	background-color: #FFC800;
	border-radius: 40px;
	border: none;
	cursor: pointer;
}

.button-black {
	font-size: 16px;
	font-weight: 500;
	background-color: #222731;
	color: #ffffff;	
	border: none;
}

.button-yellow:hover {
	background-color: #FFD333;
	transition: background-color 0.2s ease;
}


.button-black:hover {
	background-color: #2D3340;
	transition: background-color 0.2s ease;
}

a {
	text-decoration: none;
	font-weight: inherit;
}

ul, ol {
	list-style-position: inside;
}



h4 {
	font-size: 20px;
	font-weight: 500;
}

.thin {
	font-weight: 100;
}

.medium {
	font-weight: 500;
}

.bold {
	font-weight: 700;
}

.line-through {
	text-decoration: line-through;
} 

.flex {
    display: flex;
}

a {
	outline: none;
	text-decoration: none;
}