@font-face {
	font-family: 'Stem Extra'; 
	src: url(/template/settings/Montserrat-Light.ttf); 
}

html, body {width:100%; height:100%; margin: 0; font-family:Stem Extra;}

.header_div {width: 100%; height: 85px; float: left; overflow: hidden;  /*border: 0.075vw #000000 solid;*/}

header {/*width: 100%; height: 85px; border-bottom:2px #FF291B solid; background: rgba(212,198,198, .5); position: relative; float: left; z-index: 1000;*/
    width: 100%; 
/*    height: 85px;*/ 
border-bottom: 1px solid rgba(255, 41, 27, 0.1);
background: rgba(255, 255, 255, 0.25);
position: relative; 
float: left; 
z-index: 1000;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
backdrop-filter: blur(0px);
}


.header_div2 {width:100%; height: 85px; border-bottom:2px #FF291B solid; background:rgba(212,198,198,0.5);  bottom: 758px; position: relative; float: left;}

.m_menu {display: none;}

.header2 {border-bottom:2px #FF291B solid; height: 85px;}

.logotipe {max-width: 17.5%; height: auto; float: left; margin-top: 0.25vw;}

.logotipe a img {width: 100%;}

.header-menu {float: right; margin-top: 2.25vw; font-size: 18px; display: block;}

.header-menu a {color: #000000; text-decoration: none; padding: 3.5px; }

.header-menu2 {float: right; margin-top: 2.25vw; font-size: 18px; display: block;}

.header-menu2 a {color: #FF291B; text-decoration: none; padding: 3.5px;}

.video-container {
/*
    width: 100%;
    height: 100vh;  или нужная вам высота 
    position: relative;
    overflow: hidden;
    top: -85px;
*/
}

.header_video {
/*
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;  или, например, 500px 
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    left: 0;
*/
width:100%;
height: 47.5vw;
border: 0;
    object-fit: cover;
    object-position: center;

/*
border: 0.075vw #000000 solid;
*/
margin-top: -85px;
}

/*nav {margin-top: 1.5vw;}*/

.ots {margin-top: 1.5vw;}

.div_video {background: url("../image/test.mp4"); width: 100%; height: 500px;}

.product div {border: 1px #CCCCCC solid; border-radius: 5px; background: #333;}

.product div img {border-radius: 5px; opacity: 0.6;}

.product div h5 {
	width: 300px;
	position: absolute;
	/*font-size: 30px;*/
	margin-top: -300px;
	margin-left: 10px;
	color: rgba(255,255,255,1.00);
}

.product div h3:hover {display: block;}

.product div img:hover {background: #333; opacity: 0.6;}

.more_detailed {width: 50%; float: right; margin-right: 10px; text-align: center; margin-top: -70px; color: #FFFFFF; padding: 5px; border-radius: 10px; background: rgba(0,0,0,0)}

footer {/*background: #363636; float: left; width: 100%; color: #FFFFFF;*/
background: linear-gradient(135deg, 
            rgba(255,255,255,0.1) 0%, 
            rgba(255,255,255,0.05) 25%, 
            rgba(0,0,0,0.1) 50%, 
            rgba(0,0,0,0.2) 100%),
            #363636;
float: left; 
width: 100%; 
color: #FFFFFF;
box-shadow: 0 4px 20px rgba(0,0,0,0.5);
backdrop-filter: blur(10px);
margin-top: 2.5vw;
}

footer a {color: #FFFFFF; text-decoration: none;}

/*начала нового стиля*/
        .product-card {
            background: #FFFFFF;
            border-radius: 5px;
            transition: all 0.3s ease;
            height: 100%;
            position: relative;
            overflow: hidden;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        
        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
        }
        
        .product-card img {
            border-radius: 5px 5px 0 0;
            transition: transform 0.5s ease;
        }
        
        .product-card:hover img {
            transform: scale(1.05);
        }
        
        .product-link {
            text-decoration: none;
            color: rgba(0,0,0,1.00);
            display: block;
            height: 100%;
        }
        
        .product-link:hover {
            color: rgba(0,0,0,1.00);
        }
        
        .product-title {
            color: #000000;
            font-weight: bold;
            margin-bottom: 0;
        }
        
        .section-title {
            color: rgba(255,255,255,1.00);
            margin-bottom: 1.5rem;
        }
        
        .section-bg {
            background: #FF291B;
            width: 100%;
            padding-top: 1.25vw;
            padding-bottom: 1.25vw;
        }
        
        .arrow-icon {
            color: #FF291B;
            transition: transform 0.3s ease;
        }
        
        .product-card:hover .arrow-icon {
            transform: translateX(5px);
        }

/*конец нового стиля*/

        .fact-card {
            padding: 20px;
            transition: all 0.3s ease;
            border-radius: 8px;
            background: #fff;
        }
        
        .fact-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        
        .fact-title {
            border-bottom: 1px #CCCCCC solid;
            padding-bottom: 10px;
            margin-bottom: 15px;
            font-size: 1.1rem;
        }
        
        .fact-number {
            font-size: 3.5rem;
            font-weight: bold;
            color: #dc3545 !important; /* Красный цвет Bootstrap */
            margin-bottom: 0;
            text-shadow: 1px 1px 3px rgba(0,0,0,0.1);
        }
        
        .fact-unit {
            font-size: 1.2rem;
            color: #6c757d;
            padding-left: 10px;
            vertical-align: middle;
        }
        
        .counter-container {
            display: flex;
            align-items: baseline;
        }
        

        
        .fact-table {
            width: 100%;
        }
        
        .fact-table td:first-child {
            width: auto;
        }
        
        .fact-table td:last-child {
            padding-left: 10px;
            white-space: nowrap;
        }

.link-outline {
    color: white;
    -webkit-text-stroke: 0.5px black; /* Для Safari/Chrome */
    text-stroke: 0.5px black; /* Стандартное свойство */
    text-decoration: none;
    font-weight: bold;
}

.h_black {
    color: white;
    -webkit-text-stroke: 0.5px black; /* Для Safari/Chrome */
    text-stroke: 0.5px black; /* Стандартное свойство */
    text-decoration: none;
    font-weight: bold;
}

.h_white {
    color: white;
    -webkit-text-stroke: 0.5px white; /* Для Safari/Chrome */
    text-stroke: 0.5px black; /* Стандартное свойство */
    text-decoration: none;
    font-weight: bold;
}

.hover-shadow {
    transition: all 0.3s ease;
}
.hover-shadow:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    border-color: #007bff !important;
}
.transition-all {
    transition: all 0.3s ease;
}

@media screen and (max-width: 1024px) {
	
.header_div {width: 100%; height: 95px; float: left;}
	
header {width: 100%; height: 80px; /*border-bottom:2px #FF291B solid; background: rgba(0,0,0,0.5); position: relative; float: left; z-index: 1000;*/
border-bottom: 1px solid rgba(255, 41, 27, 0.2);
background: rgba(255, 255, 255, 0.5);
position: relative; 
float: left; 
z-index: 1000;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
backdrop-filter: blur(0px);
	}
	
.logotipe {width: 80%; margin-left: 10%; float: left;}

.logotipe a img {width: 100%;}
	
.header2 {border-bottom:2px #FF291B solid; height: 95px;}

.m_menu {display: block;}
	
.header-menu {float: right; margin-top: 30px; display: none;}
	
.header-menu2 {float: right; margin-top: 25px; display: none;}

.video-container {
	 width: 100%;
	 height: 55.5vw;
}

	
.header_video {
      -o-object-fit: cover;
     object-fit: cover;
	 width: 100%;
	 height: 55.5vw;
	 /*height: 1080px;*/
     position: relative;
     overflow: hidden;
     margin: 0 auto;
        top: -95px;
        left: 0;
	border: 0.075vw #FF0004 solid;
	border: 1px solid red;
}

	
}