/* ------ Fonts and margins ------ */
@font-face{
	font-family: 'Pompadur';
	src: local('☺'), url('/fonts/Pompadur.ttf');
}

/* ------ Fonts Lato Normal ------ */
@font-face {
	font-family: 'Lato';
	src: local('☺'), url('/fonts/Lato-Hairline.ttf');
	font-weight: 100;
	font-style: normal;	
}
@font-face {
	font-family: 'Lato';
	src: local('☺'), url('/fonts/Lato-Thin.ttf');
	font-weight: 200;
	font-style: normal;	
}
@font-face {
	font-family: 'Lato';
	src: local('☺'), url('/fonts/Lato-Light.ttf');
	font-weight: 300;
	font-style: normal;	
}
@font-face {
	font-family: 'Lato';
	src: local('☺'), url('/fonts/Lato-Regular.ttf');
	font-weight: 400;
	font-style: normal;	
}
@font-face {
	font-family: 'Lato';
	src: local('☺'), url('/fonts/Lato-Medium.ttf');
	font-weight: 500;
	font-style: normal;	
}
@font-face {
	font-family: 'Lato';
	src: local('☺'), url('/fonts/Lato-Semibold.ttf');
	font-weight: 600;
	font-style: normal;	
}
@font-face {
	font-family: 'Lato';
	src: local('☺'), url('/fonts/Lato-Bold.ttf');
	font-weight: 700;
	font-style: normal;	
}
@font-face {
	font-family: 'Lato';
	src: local('☺'), url('/fonts/Lato-Heavy.ttf');
	font-weight: 800;
	font-style: normal;	
}
@font-face {
	font-family: 'Lato';
	src: local('☺'), url('/fonts/Lato-Black.ttf');
	font-weight: 900;
	font-style: normal;	
}
/* ------ Fonts Lato Normal ------ */
@font-face {
	font-family: 'Lato';
	src: local('☺'), url('/fonts/Lato-HairlineItalic.ttf');
	font-weight: 100;
	font-style: italic;
}
@font-face {
	font-family: 'Lato';
	src: local('☺'), url('/fonts/Lato-ThinItalic.ttf');
	font-weight: 200;
	font-style: italic;
}
@font-face {
	font-family: 'Lato';
	src: local('☺'), url('/fonts/Lato-LightItalic.ttf');
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: 'Lato';
	src: local('☺'), url('/fonts/Lato-Italic.ttf');
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: 'Lato';
	src: local('☺'), url('/fonts/Lato-MediumItalic.ttf');
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: 'Lato';
	src: local('☺'), url('/fonts/Lato-SemiboldItalic.ttf');
	font-weight: 600;
	font-style: italic;
}
@font-face {
	font-family: 'Lato';
	src: local('☺'), url('/fonts/Lato-BoldItalic.ttf');
	font-weight: 700;
	font-style: italic;
}
@font-face {
	font-family: 'Lato';
	src: local('☺'), url('/fonts/Lato-HeavyItalic.ttf');
	font-weight: 800;
	font-style: italic;
}
@font-face {
	font-family: 'Lato';
	src: local('☺'), url('/fonts/Lato-BlackItalic.ttf');
	font-weight: 900;
	font-style: italic;
}

/* ------ Базовые стили ------ */
html{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body{
	font-family: Lato,Arial,sans-serif;
	color: #262626;
	font-size: 18px;	
	line-height: 1.5;
	font-weight: 400;
}

h1{
	margin: 50px 0;
	font-size: 64px;
	font-weight: 300;
	line-height: 1.25;
	text-align: center;
}
h2{
	margin: 50px 0;
	font-size: 44px;
	font-weight: 300;
	line-height: 1.25;
	text-align: center;
}
h3{
	margin: 15px 0;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.25;
}
strong{
	font-weight: 900;
}
p{
	margin: 25px 0;
}

ul{
	margin-left: 20px;
}
li{
	margin: 15px 0;
}

/* ------ Text Alignment ------ */
.text-left{
	text-align: left !important;
}
.text-centre{
	text-align: center !important;
}
.text-right{
	text-align: right !important;
}

/* ------ Fonts size ------ */
.text-xxs{
	font-size: 12px !important;
}
.text-xs{
	font-size: 14px !important;
}
.text-s{
	font-size: 16px !important;
}
.text-m{
	font-size: 18px !important;
}
.text-l{
	font-size: 20px !important;
}
.text-xl{
	font-size: 24px !important;
}
.text-xxl{
	font-size: 30px !important;
}

/* ------ Fonts style ------ */
.text-light{
	font-weight: 300 !important;
}
.text-normal{
	font-weight: 400 !important;
}
.text-bold-700{
	font-weight: 700 !important;
}
.text-bold-800{
	font-weight: 800 !important;
}
.text-bold-900{
	font-weight: 900 !important;
}
.text-italic{
	font-style: italic !important;
}

/* ------ Text Colors ------ */
.text-black{
	color: #262626 !important;
}
.text-red{
	color: #C1272D !important;
}
.text-red-lighter{
	color: #ca474c !important;
}
.text-red-lightest{
	color: #ff5e64 !important;
}
.text-blue{
	color: #6595fa !important;
}
.text-green{
	color: #22b573 !important;
}
.text-green-lighter{
	color: #22c973 !important;
}

/* ------ Margins ------ */
.margin-v-zero{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.margin-v-xxs{
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
.margin-v-xs{
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.margin-v-s{
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}
.margin-v-m{
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}
.margin-v-l{
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}
.margin-v-xl{
	margin-top: 100px !important;
	margin-bottom: 100px !important;
}
.margin-v-xxl{
	margin-top: 150px !important;
	margin-bottom: 150px !important;
}

/* ------ Text Block ------ */
.text-block{/* Контейнер для текста */
	margin: 25px 0;
}
.row .text-block{/* Обнуляем верхние отступы для блоков внутри .row */
	margin-top: 0; 
}