/* USER VARIABLES SECTION */

:root {
	--accent: #509658;
        --accent2: #346c92;
        --accent3: #ecda43;
        --background-color: #10101016; 
        --border-color:#c0c0c0;
	--text: #1a1f16;
	--regular-text: 24px;
	--lineheight: 1.6;
	--userfont:sofia,nunito,roboto,sans-serif ;/*nunito,roboto,sans-serif ,montserrat open-sans  roboto nunito*/
	--systemfont: -apple-system, BlinkMacSystemFont, Arial, sans-serif;
	--transition: .3s ease-out;
	--bg_menu:rgba(155,155,155,0.2);
}

/* BOOTSTRAP SETTINGS SECTION */

/* gutter 20px (10px + 10px). Comment this code for default gutter start at 1.5rem (24px) wide. */
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: .625rem; }
.row, .row > * { --bs-gutter-x: 1.25rem; }


/* FONTS LOAD SECTION */
@font-face { src: url("../fonts/sofia-sans-condensed/sofia-sans-condensed-100.woff2") format("woff2"); font-family: "sofia"; font-weight: 100; font-style: normal; }
@font-face { src: url("../fonts/sofia-sans-condensed/sofia-sans-condensed-100italic.woff2") format("woff2"); font-family: "sofia"; font-weight: 100; font-style: italic; }

@font-face { src: url("../fonts/sofia-sans-condensed/sofia-sans-condensed-200.woff2") format("woff2"); font-family: "sofia"; font-weight: 200; font-style: normal; }
@font-face { src: url("../fonts/sofia-sans-condensed/sofia-sans-condensed-200italic.woff2") format("woff2"); font-family: "sofia"; font-weight: 200; font-style: italic; }

@font-face { src: url("../fonts/sofia-sans-condensed/sofia-sans-condensed-300.woff2") format("woff2"); font-family: "sofia"; font-weight: 300; font-style: normal; }
@font-face { src: url("../fonts/sofia-sans-condensed/sofia-sans-condensed-300italic.woff2") format("woff2"); font-family: "sofia"; font-weight: 300; font-style: italic; }

@font-face { src: url("../fonts/sofia-sans-condensed/sofia-sans-condensed-regular.woff2") format("woff2"); font-family: "sofia"; font-weight: 400; font-style: normal; }
@font-face { src: url("../fonts/sofia-sans-condensed/sofia-sans-condensed-italic.woff2") format("woff2"); font-family: "sofia"; font-weight: 400; font-style: italic; }

@font-face { src: url("../fonts/sofia-sans-condensed/sofia-sans-condensed-500.woff2") format("woff2"); font-family: "sofia"; font-weight: 500; font-style: normal; }
@font-face { src: url("../fonts/sofia-sans-condensed/sofia-sans-condensed-500italic.woff2") format("woff2"); font-family: "sofia"; font-weight: 500; font-style: italic; }

@font-face { src: url("../fonts/sofia-sans-condensed/sofia-sans-condensed-600.woff2") format("woff2"); font-family: "sofia"; font-weight: 600; font-style: normal; }
@font-face { src: url("../fonts/sofia-sans-condensed/sofia-sans-condensed-600italic.woff2") format("woff2"); font-family: "sofia"; font-weight: 600; font-style: italic; }

@font-face { src: url("../fonts/sofia-sans-condensed/sofia-sans-condensed-700.woff2") format("woff2"); font-family: "sofia"; font-weight: 700; font-style: normal; }
@font-face { src: url("../fonts/sofia-sans-condensed/sofia-sans-condensed-700italic.woff2") format("woff2"); font-family: "sofia"; font-weight: 700; font-style: italic; }

@font-face { src: url("../fonts/sofia-sans-condensed/sofia-sans-condensed-800.woff2") format("woff2"); font-family: "sofia"; font-weight: 800; font-style: normal; }
@font-face { src: url("../fonts/sofia-sans-condensed/sofia-sans-condensed-800italic.woff2") format("woff2"); font-family: "sofia"; font-weight: 800; font-style: italic; }

@font-face { src: url("../fonts/sofia-sans-condensed/sofia-sans-condensed-900.woff2") format("woff2"); font-family: "sofia"; font-weight: 900; font-style: normal; }
@font-face { src: url("../fonts/sofia-sans-condensed/sofia-sans-condensed-900italic.woff2") format("woff2"); font-family: "sofia"; font-weight: 900; font-style: italic; }




@font-face { src: url("../fonts/nunito/nunito-sans-v11-latin_cyrillic-200.woff2") format("woff2"); font-family: "nunito"; font-weight: 200; font-style: normal; }
@font-face { src: url("../fonts/nunito/nunito-sans-v11-latin_cyrillic-200italic.woff2") format("woff2"); font-family: "nunito"; font-weight: 200; font-style: italic; }

@font-face { src: url("../fonts/nunito/nunito-sans-v11-latin_cyrillic-300.woff2") format("woff2"); font-family: "nunito"; font-weight: 300; font-style: normal; }
@font-face { src: url("../fonts/nunito/nunito-sans-v11-latin_cyrillic-300italic.woff2") format("woff2"); font-family: "nunito"; font-weight: 300; font-style: italic; }

@font-face { src: url("../fonts/nunito/nunito-sans-v11-latin_cyrillic-regular.woff2") format("woff2"); font-family: "nunito"; font-weight: 400; font-style: normal; }
@font-face { src: url("../fonts/nunito/nunito-sans-v11-latin_cyrillic-italic.woff2") format("woff2"); font-family: "nunito"; font-weight: 400; font-style: italic; }

@font-face { src: url("../fonts/nunito/nunito-sans-v11-latin_cyrillic-600.woff2") format("woff2"); font-family: "nunito"; font-weight: 600; font-style: normal; }
@font-face { src: url("../fonts/nunito/nunito-sans-v11-latin_cyrillic-600italic.woff2") format("woff2"); font-family: "nunito"; font-weight: 600; font-style: italic; }

@font-face { src: url("../fonts/nunito/nunito-sans-v11-latin_cyrillic-700.woff2") format("woff2"); font-family: "nunito"; font-weight: 700; font-style: normal; }
@font-face { src: url("../fonts/nunito/nunito-sans-v11-latin_cyrillic-700italic.woff2") format("woff2"); font-family: "nunito"; font-weight: 700; font-style: italic; }

@font-face { src: url("../fonts/nunito/nunito-sans-v11-latin_cyrillic-800.woff2") format("woff2"); font-family: "nunito"; font-weight: 800; font-style: normal; }
@font-face { src: url("../fonts/nunito/nunito-sans-v11-latin_cyrillic-800italic.woff2") format("woff2"); font-family: "nunito"; font-weight: 800; font-style: italic; }

@font-face { src: url("../fonts/nunito/nunito-sans-v11-latin_cyrillic-900.woff2") format("woff2"); font-family: "nunito"; font-weight: 900; font-style: normal; }
@font-face { src: url("../fonts/nunito/nunito-sans-v11-latin_cyrillic-900italic.woff2") format("woff2"); font-family: "nunito"; font-weight: 900; font-style: italic; }
/**/
@font-face { src: url("../fonts/roboto/roboto-v29-latin_cyrillic-100.woff2") format("woff2"); font-family: "roboto"; font-weight: 100; font-style: normal; }
@font-face { src: url("../fonts/roboto/roboto-v29-latin_cyrillic-100italic.woff2") format("woff2"); font-family: "roboto"; font-weight: 100; font-style: italic; }

@font-face { src: url("../fonts/roboto/roboto-v29-latin_cyrillic-300.woff2") format("woff2"); font-family: "roboto"; font-weight: 300; font-style: normal; }
@font-face { src: url("../fonts/roboto/roboto-v29-latin_cyrillic-300italic.woff2") format("woff2"); font-family: "roboto"; font-weight: 300; font-style: italic; }

@font-face { src: url("../fonts/roboto/roboto-v29-latin_cyrillic-regular.woff2") format("woff2"); font-family: "roboto"; font-weight: 400; font-style: normal; }
@font-face { src: url("../fonts/roboto/roboto-v29-latin_cyrillic-italic.woff2") format("woff2"); font-family: "roboto"; font-weight: 400; font-style: italic; }

@font-face { src: url("../fonts/roboto/roboto-v29-latin_cyrillic-500.woff2") format("woff2"); font-family: "roboto"; font-weight: 500; font-style: normal; }
@font-face { src: url("../fonts/roboto/roboto-v29-latin_cyrillic-500italic.woff2") format("woff2"); font-family: "roboto"; font-weight: 500; font-style: italic; }

@font-face { src: url("../fonts/roboto/roboto-v29-latin_cyrillic-700.woff2") format("woff2"); font-family: "roboto"; font-weight: 700; font-style: normal; }
@font-face { src: url("../fonts/roboto/roboto-v29-latin_cyrillic-700italic.woff2") format("woff2"); font-family: "roboto"; font-weight: 700; font-style: italic; }

@font-face { src: url("../fonts/roboto/roboto-v29-latin_cyrillic-900.woff2") format("woff2"); font-family: "roboto"; font-weight: 900; font-style: normal; }
@font-face { src: url("../fonts/roboto/roboto-v29-latin_cyrillic-900italic.woff2") format("woff2"); font-family: "roboto"; font-weight: 900; font-style: italic; }
/**/
/**/
@font-face { src: url("../fonts/open-sans/open-sans-v28-latin_cyrillic-300.woff2") format("woff2"); font-family: "open-sans"; font-weight: 300; font-style: normal; }
@font-face { src: url("../fonts/open-sans/open-sans-v28-latin_cyrillic-300italic.woff2") format("woff2"); font-family: "open-sans"; font-weight: 300; font-style: italic; }

@font-face { src: url("../fonts/open-sans/open-sans-v28-latin_cyrillic-regular.woff2") format("woff2"); font-family: "open-sans"; font-weight: 400; font-style: normal; }
@font-face { src: url("../fonts/open-sans/open-sans-v28-latin_cyrillic-italic.woff2") format("woff2"); font-family: "open-sans"; font-weight: 400; font-style: italic; }

@font-face { src: url("../fonts/open-sans/open-sans-v28-latin_cyrillic-500.woff2") format("woff2"); font-family: "open-sans"; font-weight: 500; font-style: normal; }
@font-face { src: url("../fonts/open-sans/open-sans-v28-latin_cyrillic-500italic.woff2") format("woff2"); font-family: "open-sans"; font-weight: 500; font-style: italic; }

@font-face { src: url("../fonts/open-sans/open-sans-v28-latin_cyrillic-600.woff2") format("woff2"); font-family: "open-sans"; font-weight: 600; font-style: normal; }
@font-face { src: url("../fonts/open-sans/open-sans-v28-latin_cyrillic-600italic.woff2") format("woff2"); font-family: "open-sans"; font-weight: 600; font-style: italic; }

@font-face { src: url("../fonts/open-sans/open-sans-v28-latin_cyrillic-700.woff2") format("woff2"); font-family: "open-sans"; font-weight: 700; font-style: normal; }
@font-face { src: url("../fonts/open-sans/open-sans-v28-latin_cyrillic-700italic.woff2") format("woff2"); font-family: "open-sans"; font-weight: 700; font-style: italic; }

@font-face { src: url("../fonts/open-sans/open-sans-v28-latin_cyrillic-800.woff2") format("woff2"); font-family: "open-sans"; font-weight: 800; font-style: normal; }
@font-face { src: url("../fonts/open-sans/open-sans-v28-latin_cyrillic-800italic.woff2") format("woff2"); font-family: "open-sans"; font-weight: 800; font-style: italic; }

/**/
/**/
@font-face { src: url("../fonts/montserrat/montserrat-v23-latin_cyrillic-300.woff2") format("woff2"); font-family: "montserrat"; font-weight: 300; font-style: normal; }
@font-face { src: url("../fonts/montserrat/montserrat-v23-latin_cyrillic-300italic.woff2") format("woff2"); font-family: "montserrat"; font-weight: 300; font-style: italic; }

@font-face { src: url("../fonts/montserrat/montserrat-v23-latin_cyrillic-regular.woff2") format("woff2"); font-family: "montserrat"; font-weight: 400; font-style: normal; }
@font-face { src: url("../fonts/montserrat/montserrat-v23-latin_cyrillic-italic.woff2") format("woff2"); font-family: "montserrat"; font-weight: 400; font-style: italic; }

@font-face { src: url("../fonts/montserrat/montserrat-v23-latin_cyrillic-500.woff2") format("woff2"); font-family: "montserrat"; font-weight: 500; font-style: normal; }
@font-face { src: url("../fonts/montserrat/montserrat-v23-latin_cyrillic-500italic.woff2") format("woff2"); font-family: "montserrat"; font-weight: 500; font-style: italic; }

@font-face { src: url("../fonts/montserrat/montserrat-v23-latin_cyrillic-600.woff2") format("woff2"); font-family: "montserrat"; font-weight: 600; font-style: normal; }
@font-face { src: url("../fonts/montserrat/montserrat-v23-latin_cyrillic-600italic.woff2") format("woff2"); font-family: "montserrat"; font-weight: 600; font-style: italic; }

@font-face { src: url("../fonts/montserrat/montserrat-v23-latin_cyrillic-700.woff2") format("woff2"); font-family: "montserrat"; font-weight: 700; font-style: normal; }
@font-face { src: url("../fonts/montserrat/montserrat-v23-latin_cyrillic-700italic.woff2") format("woff2"); font-family: "montserrat"; font-weight: 700; font-style: italic; }

@font-face { src: url("../fonts/montserrat/montserrat-v23-latin_cyrillic-800.woff2") format("woff2"); font-family: "montserrat"; font-weight: 800; font-style: normal; }
@font-face { src: url("../fonts/montserrat/montserrat-v23-latin_cyrillic-800italic.woff2") format("woff2"); font-family: "montserrat"; font-weight: 800; font-style: italic; }

/**/

/* GENERAL CSS SETTINGS */

::placeholder { color: #666; }
::selection { background-color: var(--accent); color: #fff; }
input, textarea { outline: none; }
input:focus:required:invalid, textarea:focus:required:invalid { border-color: red; }
input:required:valid, textarea:required:valid { border-color: green; }
/* USER STYLES */

body {
	font-family: var(--userfont);
	font-size: var(--regular-text);
	line-height: var(--lineheight);
	color: var(--text);
	min-width: 320px;
	position: relative;
	overflow-x: hidden;
        background-color:#f0f0f0; 
        background-image: url(../images/fon/mech2.jpg); 
	background-size:cotain;
	background-position:center;
}
.image {
	max-width: 100%;
	margin-bottom: var(--bs-gutter-x);
}
.accent {
	color: var(--accent);
	font-weight: bold;
}
.accent2 {
	color: var(--accent2);
	font-weight: bold;
}
/* NAVBAR */
.navbar{
	position:absolute;
	top:0;
	z-index:1000;
	/* width:100%;*/
	padding: 12px 0 5px;
	/*border-bottom: 1px  solid  rgba(155,155,155,0.3);*/
	left:50px;
	right:50px;

}
.logo{
	font-size:17px;
	white-space:nowrap;
}
.logo__link{
	text-transform:uppercase;
	font-weight:800;
	font-size:33px;
	color:#111;/*var(--accent);*/
	letter-spacing:0.0px;
	line-height: 0.84;
	text-decoration:none;
}
.logo__link span{
	font-size:12px;
	display:block;
	text-transform:none;
	color:#111;/*var(--accent2);*/
        letter-spacing:0.11px;
	opacity:0.9;
        margin-left:49px;
}

.logo__image{
/*	width:38px;
	height:26px; */
	width:48px;
	height:34px;
        float: left;
}
.logo__link:hover, .logo__link:focus, .logo__link:active{
	color:#111;/*var(--accent);*/
}
.top-menu{
	margin:0px 0px;
	padding:0px 0px;
	text-align:center;
}
.top-menu__item{
	padding:0;
	text-align:center;
	list-style-type:none;
	display:inline-block;
	margin:0 5px;
}
.top-menu__link{
	font-size:var(--regular-text);
	color:#777;  /* íå âûáðàíûé ïóíêò ìåíþ var(--accent)*/
        font-weight:600;
	text-decoration:none;
	padding:6px 12px;
	transition:background var(--transition);
}
.top-menu__link:hover,
.top-menu__link:focus,
span.top-menu__link{
	color:#000;                      /*öâåò âûáðàííîãî ïóíêòà var(--accent2)*/
        background-color: var(--bg_menu);   /*ôîí ìåíþ var(--accent3)*/
	border-radius: 2px;	
	transition:background var(--transition);    
}
.menu-container{
   position:relative;
}
.menu-toggle{
	width:32px;
	height:32px;
	position:absolute;
	background-image: url(../images/interface/menu.svg);
	background-size:cotain;
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
	top:1px;
	display:none;
	right:0;
}
.menu-toggle_active{
	background-image: url(../images/interface/menu_close.svg);
}
.top-menu.top-menu_active{
	visibility:visible;
	opacity:1;
	transition:opacity var(--transition),visibility var(--transition);
}
.nav-social-wrap{
	text-align:rigtht;
}
.nav-social{
        background-color: var(--bg_menu);
        width:190px;
        border-radius: 2px;
	display:inline-block;
	padding:1px 12px 1px;	
}
.nav-social__item{
	display:inline-block;
	margin:0 3px;
}
.nav-social__item img{
	width:100%;
	max-height:20px;
	max-width:25px;
	opacity:0.75;
        transition:opacity var(--transition);    
}
.nav-social__item:hover img{
	opacity:1;

}
/* SLIDER */

.home-slider{
	position:relative;
/*	height:10vh;*/
	height:	120px;
	color:#000;


        background-color: var(--background-color);
        border-bottom-color:var(--border-color);     
        border-bottom-style:solid;
        border-bottom-width:1px;





 /*       background-color:#e0e0e070; 
        border-color:var(--border-color);     
        border-style:solid;
        border-width:1px;  */

       /* background-color: #fff;*/
/*    background-image: url(../images/fon/mech.jpg); */
/*    background-image: url(../images/fon/p2.jpg); */
    background-position: center top; 
    background-repeat: repeat-x; 
}
.body__image{
 width: 70%; /* Øèðèíà èçîáðàæåíèé */
 max-width:1230px
 align:center;
}
.part__image{
 width: 18%;
	text-align:center;
	padding:5px 5px;
/*        border: 1px  solid  rgba(155,155,155,0.3);*/
}

.menu-space{
	height:	48px;
}
.page{
/*	height:	300px;*/
	font-size:var(--regular-text);
	color: var(--accent2);
        margin:15px 0px;
        padding: 10px 20px;
/*        padding-bottom:40px;*/
        background-color:#fff; 

        border-color:var(--border-color); 
        border-style:solid;
        border-width:1px;
        border-radius:5px;
}
.page-caption{
	font-size:32px;
	color: var(--accent);
        text-decoration: underline;
        text-decoration-color: #50965830;
        text-decoration-thickness: 2px;
}

.futor{
        background-color:var(--background-color);
        margin:0px 0px;
}

.bigFutor{
        background-color:var(--background-color); 
        border-top-color:var(--border-color);     
        border-top-style:solid;
        border-top-width:1px;
        border-bottom-color:var(--border-color);     
        border-bottom-style:solid;
        border-bottom-width:1px;
}
.bigFutor-page{
	font-size:var(--regular-text);
	color: var(--accent2);
        padding: 10px 20px;
}
.copyright{
     /*   background-color:#fff;*/
        text-align:center;
	font-size:16px;
}