@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;}
    .modal-dialog { max-width: 720px !important; }
}
@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: #30373F; 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: 4.5rem; font-weight: 700; text-transform: uppercase; }
h2, .h2 { font-size: 2.75rem; font-weight: 700; text-transform: uppercase; }

.ff-un { font-size: 44px; }
.ff-k1 { font-family: 'actaywide-bold', sans-serif; font-size: 1.5rem; font-weight: 500; text-transform: uppercase; }
.ff-b0 { font-family: 'Poppins', sans-serif; font-size: 2rem; font-weight: 500; text-transform: none !important; }
.ff-b1 { font-family: 'Poppins', sans-serif; font-size: 1.5rem; font-weight: 500; text-transform: none !important; }
.ff-b2 { font-family: 'Poppins', sans-serif; font-size: 2rem; font-weight: 500; text-transform: uppercase !important; }
.ff-b3 { font-family: 'Poppins', sans-serif; font-size: 1.5rem; font-weight: 500; text-transform: uppercase !important; }
.ff-b4 { font-family: 'Poppins', sans-serif; font-size: 1rem; font-weight: 500; color: #CCCCCC; text-transform: none !important; }
.ff-t1 { font-family: 'Poppins', sans-serif; font-size: 1.5rem; font-weight: 400; text-transform: none !important; }
.ff-t2 { font-family: 'Poppins', sans-serif; font-size: 1.25rem; font-weight: 400; text-transform: none !important; }
.ff-t3 { font-family: 'Poppins', sans-serif; font-size: 1rem; font-weight: 400; text-transform: none !important; }
.fc-grey { color: #30373F !important; }

/* переопределения всякие разные */
.col-5-5 { width: 45% !important;}
.container { padding: 0 3.5rem; }
.maxheight { max-height: 42.5rem; }
.mb-80 { margin-bottom: 5rem; }
.p-40 { padding: 2.5rem; }
.p-tb-80 { padding-top: 5rem; padding-bottom: 5rem; }
.d9d9d9 { background-color: #EFC745; border-radius: 40px; }
.d3d3d3 { background-color: #30373F; color: #fff; }
.colr-ccc { background-color:#CCCCCC !important; }
.colr-f1f1 { background-color:#F1F1F1 !important; }
.colr-999 { color:#999999 !important; }
.fafafa { background-color: #FAFAFA; color: #000; border-radius: 0 !important; }
.top100px { top: 4.25rem ;}
.pp-40 { padding: 2.5rem; }
.img-catalog-butt { max-width: 13.75rem; max-height: 8.44rem; }
.katalog .shop-image-card { max-width: 45rem; max-height: 27.5rem; }
.ml-100 { padding-left: 6.25rem; }
.back-none { background-color: unset; border: unset; }
.rounded-4 { border-radius: 24px !important; }
.rounded-5 { border-radius: 30px !important; }
.white-back { background-color: #fff; }
.yellow-back { background: #EFC745; }
.pad-tb-100 { padding-top: 6.25rem; padding-bottom: 6.25rem; }
.btn-send-call:hover { background-color: #EFC745 !important; color: #000 !important; }
.btn-warning { color: #30373F !important; }
#center .owl-dot { background: #F1F1F1 !important; opacity: 70%; }
#center .owl-dot.active { opacity: 100%; }
.modal-dialog .form-control { border-radius: 0 !important; }
.btn-send-counting:hover { background-color: #EFC745; border-color: #EFC745; }
.katalog .card_in_Catalog, .mod-catalog-main .card-img-item-top { max-height: 19rem; }
.modal-body input::placeholder { color: #CCCCCC; }
#m-feed-back-info .modal-body { text-align: center; }
.max-logo-fos { max-height: 12.5rem; }
.img-service-wh { max-width: 48rem; max-height: 44rem; }
.img-service-wh-mini { max-width: 6.25rem; max-height: 6.25rem; }
a { text-decoration: none; color: #30373F; }

/* меню */
.mod-menu.mod-list { gap: 1.75rem; align-content: center; }
.mod-menu.mod-list a { color: #30373F; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 400; }

/* шапка */
.darkTheme { position: absolute; top: 0; left: 0; width: 44%; height: 100%; background-color: rgba(48,55,63,0.9); z-index: 0; }
.mod-home-slider .owl-carousel .owl-dot.active { background: #fff !important; }
.mod-home-slider, .mod-home-slider .slider.owl-carousel, .mod-home-slider .owl-stage-outer, .mod-home-slider .owl-stage { min-height: 340px; }


/* под баннером */
.card-under-banner { position: relative; top: -1rem; transition: top 0.25s ease-out; z-index: 1; border: unset !important; border-radius: 0 !important; }
.card-under-banner:hover { top: -2.875rem; }
.card-underbanner { padding: 2.5rem 1.5rem; }

/* промокод */
.mod-promocode { border: solid #EFC745 10px; border-radius: 40px; padding: 3.5rem; background-image: url('/images/general/001.png') }

/* colotmix */
.colormix-img { transition: transform 0.5s ease-out, filter 0.5s ease-out; }
.colormix-img:hover { transform: scale(1.05) !important; filter: drop-shadow(0 0 1.87rem rgba(0,0,0,1)); }
.info-colormix { padding: 3.687rem 0 3.687rem 0.625rem; }

/* каталог */
.cards-item-store { border: none !important; }
.btn-filter { background-color: #F1F1F1; border-radius: 30px; color: #30373F; border: 0; box-shadow: none !important; }

/* баннер плитки */
.trotuarFull-img { max-width: 100%; left: 1rem; top: 7rem; }
.trotuarBack-img { margin: 5rem 0 10.625rem -2rem; }
.title-trotuar { margin: 5rem 0 5rem 0; }

/* каталог товара */
.img-colors-select { max-width: 10rem; max-height: 10rem; padding: 2.25rem 0.5rem; border: solid 1px #CCCCCC; border-radius: 24px; }
.katalog .selected img { border: solid 1px #CCCCCC; border-radius: 24px; padding: 12px 3px; }
.mod-catalog-vigod .btn-warning { padding-left: unset !important; padding-right: unset !important; }
.valIndex3 { font-size: 2.75rem; font-weight: 700; text-transform: uppercase; }
.cardIndex1, .cardIndex3 { margin-top: 3rem !important; }

/* фос */
.fos-btn { padding: 0.5rem 1.5rem; border: none; border-radius: 30px; background-color: #F1F1F1; color: #30373F; }
.fos-btn-active { background-color: #EFC745 !important; }
.form-control { border-radius: 30px; }

/* услуги */
.uslugi .product-gallery-carousel .item { max-width: 6.25rem; max-height: 6.25rem; width: 100%; height: 100%;}

/* хит-продаж */
.img-avangard-hit { width: 41.25rem; left: 0rem; top: 4.67rem; transition: transform 0.5s ease-out, filter 0.5s ease-out; }
.img-avangard-hit:hover { transform: scale(1.1); filter: drop-shadow(0 0 1.87rem rgba(0,0,0,1)); }

/* как мы работаем */
.banner-how { background-image: url('/images/general/013-1.png'); }
.banner-how .row { padding: 0.31rem 5rem 5.625rem; }
.banner-how .hovercard { transition: transform 0.5s ease-out; }
.banner-how .hovercard:hover { transform: scale(1.1); }

.banner-how .hovercard .card-num { transition: background-color 0.5s ease-out, color 0.5s ease-out; border-radius: 50%; width: 60px; height: 60px; align-items: center; display: inline-flex; justify-content: center; }
.banner-how .hovercard:hover .card-num { background-color: #EFC745; border-radius: 30px; color: #000 !important; margin-right: 0.5rem !important; }

/* примеры работ */
.mod-example .owl-carousel .owl-stage { align-items: center; display: flex; }

/* Частые вопросы */
.question-faq { background-image: url('/images/general/014.png') }
.accordion-button { background-color: unset !important; box-shadow: none !important; }
.accordion-button::after { background-image: url('/images/svg/002.svg') !important; height: 12px; }

/* блог */
.img_hmax_blog { max-height: 34.27rem; }
.banner-img-card-height { max-height: 21.875rem; }

/* футер */
.mod-footer .left-text a:hover { color: #fff !important; }
.mod-footer .links img:hover { scale: 1.1; }

/* Остались вопросы? */
.mod-form-question { background: url('/images/general/026.png') no-repeat; background-size: cover; } 

/* страница со статьями */
.introtext-lines { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.blog .index-2 .main-blog-page { flex-direction: row-reverse !important; }

/* страница оплаты и доставки */
.delivery-payment .accordion-body ol, .delivery-payment .accordion-body li { margin-top: 1.5rem; }

/* слайдеры */
.owl-stage { display: flex; }
.owl-stage .owl-item { display: flex; height: auto; }


/* Адаптация */
@media (min-width: 1024px) {
    #m-feed-back-info .modal-dialog { display: flex; align-items: center; justify-content: center; }
    #m-feed-back-info .modal-content { width: 50%; }
    .katalog .ff-k1 { font-size: 1.25rem; }
}
@media (max-width: 1366px) {
    .mod-home-slider .title { font-size: 3rem; }
    .mod-home-slider .desc { font-size: 2rem; }
    .mod-home-slider .desc2 { font-size: 1.125rem; font-weight: 500; }
    .mod-promocode .h2 { font-size: 1.5rem; }
}
@media (max-width: 1200px) {
    .mod-menu.mod-list { display: flex; flex-direction: column; justify-content: center; text-align: center; }
    #navbar-content .mod-header-phone { gap: 1.75rem !important; }
    #navbar-content .mod-header-phone .ff-t3 {  font-size: 15px !important; }
    #logo.navbar-brand { width: 80%; height: 50px; }
}
@media (max-width: 1024px) {
    .card-under-banner .card-title { font-size: 1rem; }
    .mod-colormix-banner .h2 { font-size: 2rem; }
    .mod-colormix-banner .ff-b1, .ff-t1  { font-size: 1.25rem; }
    .mod-contacts .ff-b1 { font-size: 1.25rem; }
    .mod-otzivi .owl-carousel .owl-dots { bottom: 10px; }
}
@media (max-width: 768px) {
    .top100px { top: 2.25rem; }
    .mod-home-slider .title { font-size: 2.5rem !important; }
    .mod-home-slider .desc { font-size: 1.5rem !important; }
    .mod-promocode { padding: .75rem !important; }
    .footer-menu-item4, .footer-menu-item5, .footer-menu-item7 { display: none; }
    .katalog .card_in_Catalog, .mod-catalog-main .card-img-item-top { max-height: 12rem; height: 100%; }
    .item-card .ff-k1 { font-size: 1.25rem !important; }
}
@media (max-width: 575px) {
    .modal-dialog { width: calc(100% - 6rem); margin: auto; }
}
@media (min-width: 768px) {
    .position-md-absolute { position: absolute; }    
}
@media (max-width: 424px) {
    .top100px { top: 5rem; }
    .katalog .ff-k1 { font-size: 1.15rem; }
    .mod-home-slider .title { font-size: 2.4rem !important; }
    .mod-home-slider .desc { font-size: 2rem !important; }
    .darkTheme { width: 100%; background-color: #281E1B !important; opacity: 50% !important; }
    .mod-home-slider .desc2, .btn-warning { font-size: 1.2rem !important; font-weight: 400 !important; }
    .mod-promocode .h2, .mod-promocode .ff-t1 { font-size: 1rem !important; }
    .maxheight { height: 352px; }
    .mod-home-slider .button-order { width: 100%; }
    .size-colormix1 img { width: 30px; }
    .banner-how { background: url('/images/general/013-11.png') no-repeat; background-position: center; }
    .darkTheme { width: 100% !important; background-color: #281E1B !important; opacity: 50% !important; }
    .mod-home-slider .items-centered { display: flex; flex-direction: column; display: flex; flex-direction: column; align-items: center; text-align: center; }
    .mod-otzivi .owl-carousel .owl-dots { bottom: 0px; }
}