/* Настройки шаблона */
@font-face {
    font-family: 'SpaceGrotesk';
    src: url('/templates/rostsayt-4/fonts/SpaceGrotesk-Medium.otf');	 
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.ttf');		 
}

:root, body {font-size: 10px;}
@media screen and (min-width: 576px) {
	:root, body {font-size: 12px;}
}
@media screen and (min-width: 768px) {
	:root, body {font-size: 12px;}
}
@media screen and (min-width: 992px) {
	:root, body {font-size: 14px;}
}
@media screen and (min-width: 1200px) {
	:root, body {font-size: 16px;}
}

/* Элементы */
html {width: calc(100% + calc(100vw - 100%)); overflow-x: hidden;}
body {display: flex; flex-direction: column; margin: 0 auto; max-width: 1920px; color: #000; outline: 1px solid #ddd; overflow-x: hidden;}
#middle main  {overflow: inherit;}
*::before {pointer-events: none;}
@media (min-width: 1680px) {.container {max-width: 1680px;}}
@media (min-width: 1920px) {.bg-color::before {margin-left: -960px;}}

h1, .h1 { font-size: 72px; font-weight: 700; text-transform: uppercase; }
h2, .h2 { font-size: 44px; font-weight: 700; text-transform: uppercase; }
h3, .h3 {}
h4, .h4 {}
h5, .h5 {}
h6, .h6 {}

/* .ff-h1 { font-family: "SpaceGrotesk"; }
.ff-h2 { font-family: "SpaceGrotesk"; } */
.ff-k1 { font-family: 'actaywide-bold', sans-serif; font-size: 24px; font-weight: 500; text-transform: uppercase; }
.ff-b1 { font-family: 'Poppins', sans-serif; font-size: 24px; font-weight: 500; }
.ff-t1 { font-family: 'Poppins', sans-serif; font-size: 24px; font-weight: 400; }
.ff-t2 { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 400; }
.ff-t3 { font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 400; }

a {text-decoration: none;}

/* Адаптация */

/* Анимации */

.delay-1 {-webkit-animation-delay:200ms;animation-delay:200ms}
.delay-2 {-webkit-animation-delay:400ms;animation-delay:400ms}
.delay-3 {-webkit-animation-delay:600ms;animation-delay:600ms}
.delay-4 {-webkit-animation-delay:800ms;animation-delay:800ms}
.delay-5 {-webkit-animation-delay:1000ms;animation-delay:1000ms}
.delay-6 {-webkit-animation-delay:1200ms;animation-delay:1200ms}
.delay-7 {-webkit-animation-delay:1400ms;animation-delay:1400ms}
.delay-8 {-webkit-animation-delay:1600ms;animation-delay:1600ms}
.delay-9 {-webkit-animation-delay:1800ms;animation-delay:1800ms}
.delay-10 {-webkit-animation-delay:2000ms;animation-delay:2000ms}