@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Macondo:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Genos:wght@400;500;600;700;800;900&display=swap');

.e127_79 { 
	background-color:rgba(255, 255, 255, 1);
	width:1680px;
	height:2020px;
	position:absolute;
}
.e179_2 { 
	width:1152px;
	height:2000px;
	position:relative;
	left:154px;
	top:0px;
	background-image:url(images/empty_background_2.jpg);
	background-repeat:repeat;
	background-size:contain;
}
.portfolio-n { 
	color:rgb(145, 180, 255);
	width:127.48261260986328px;
	height:16px;
	position:relative;
	display: inline-block;
    cursor: pointer; /* Делает курсор "указателем" */
	left:390px;
	top:-22px;
	/*font-family:Cambria;*/
	font-family: 'Montserrat', cursive;
	text-align:left;
	font-size:30px;
	letter-spacing:0;
	font-weight: 700; /* Числовое значение */
	transition: font-size 0.7s ease, color 0.7s ease; /* Плавный переход */
	z-index: 10;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
.portfolio-n a{
	color:white;
	font-weight: 700;
	/*-webkit-text-stroke: 1px #d2532d;  Обводка текста */
	text-shadow: 1px 1px 1px black;  /*Тень */
	transition: font-size 0.7s ease, color 0.7s ease, text-shadow 0.7s ease;
} 

.portfolio-n a:hover{
	/*color:rgb(62, 172, 203);*/
	font-size:30px;
	/*text-shadow: 1px 1px 1px  #0606ae;  Увеличенная тень */
	color:#feb104;
	/*transform: translateY(-2px);  Поднимаем */
} 
.portfolio-n:hover{
	color:rgb(62, 172, 203);
	/* transform: translateY(-2px); Поднимаем */
} 
.e124_39 { 
	color:rgba(23.02905946969986, 5.255278078839183, 94.12420973181725, 1);
	width:118.12609100341797px;
	height:16px;
	position:relative;
	left:1199px;
	top:28px;
	font-family:Cambria;
	text-align:left;
	font-size:16px;
	letter-spacing:0;
}
.e124_40 { 
	color:white;
	width:118.12609100341797px;
	height:16px;
	position:relative;
	left:690px;
	top:-35px;
	font-family: 'Montserrat', cursive;
	text-align:left;
	font-size:30px;
	letter-spacing:0;
	font-weight: 500; /* Числовое значение */
	transition: font-size 0.7s ease, color 0.7s ease; /* Плавный переход */
	z-index: 10;
}

.e124_40 a{ 
	color: white;
  	text-shadow: 1px 1px 1px black;/*Тень */
	font-weight: 700;
}

.e124_40 a:hover { 
	color:#feb104;
}
.e124_40:hover { 
	font-size:30px;
/* 	text-shadow: 1px 1px 1px  #0606ae; Увеличенная тень */
	color:#6483f1;
}
.e124_41 { 
	width:169.5869598388672px;
	height:41px;
	position:relative;
	left:383px;
	top:318px;
}
.e124_42 { 
	width:145px;
	height:34px;
	position:relative;
	left:0px;
	top:0px;
}
.e124_43 { 
	background-color:rgba(47.449121698737144, 19.701118245720863, 126.42420932650566, 1);
	width:145px;
	height:34px;
	position:relative;
	left:0px;
	top:0px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
}
.e124_44 a {
    background-color: brown;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
}

.e124_45 { 
	color:white;
	width:800px !important;
	height:94px;
	position:relative;
	left:50px;
	top:45px;
    /*font-family:'Mont', sans-serif;*/
	font-family: 'Montserrat', sans-serif;
    font-weight: 800; 
	text-align:left;
	font-size:40px;
	letter-spacing:0;
	/* -webkit-text-stroke: 1px #0606ae; Обводка текста */
	-webkit-text-size-adjust: none;
	text-shadow: 1px 1px 4px black; /* Тень */
	margin-top:30px;
	line-height: 1.5; 
}
.c-center{
	width:1152px;
	min-height: 300px;
	position: relative;
    flex-direction: column; 	 
	padding: 0;
    margin: 0 auto; 
}

.c-center-1{
	width:1152px;
	min-height: 300px;
	position: relative;
    flex-direction: column; 	 
	padding: 0;
    margin: 0 auto; 
	height:760px;
}

.e124_46 { 
	color:rgba(0, 0, 0, 1);
	width:343.8521728515625px;
	height:32px;
	position:relative;
	left:307.35650634765625px;
	top:34px;
	font-family:Josefin Sans;
	text-align:left;
	font-size:28px;
	letter-spacing:0;
}
.e124_47 { 
	color:#dfdcd4;
	width:250px;
	height:16px;
	position:relative;
	left:920px;
	top:-48px;
	font-family: 'Montserrat', sans-serif;
	text-align:left;
	font-size:25px;
	letter-spacing:0;
	font-weight: 300; /* Числовое значение */
/*	text-shadow: 1px 1px 1px #020e39;  Тень */
}
.e124_48 { 
	background-color:rgba(19.69660598784685, 16.93303517997265, 155.11170476675034, 1);
	width:47.83477783203125px;
	height:8px;
	position:relative;
	left:1000px;
	top:47px;
}
.e124_49 { 
	background-color:rgba(19.69660598784685, 16.93303517997265, 155.11170476675034, 1);
	width:47.83477783203125px;
	height:8px;
	position:relative;
	left:1000px;
	top:28px;
}
.hover-text-main {
    visibility: hidden; /* Изначально скрыто */
    opacity: 0;
	background-color: #c98a3e;
    color: white;
    text-align: center;
    padding: 5px;
    border-radius: 3px;
    /* Позиционирование текста */
    position: relative;
    top: 0%; /* Сразу под div */
    left:165%;
    transform: translateX(-50%);
    transition: opacity 0.3s; /* Плавный переход */
	z-index: 1000; /* Более высокий z-index для отображения поверх других элементов */
}
.e124_49:hover .hover-text-main {
    visibility: visible;
    opacity: 1; /* Показывает надпись при наведении */
}
.hover-text-portfolio {
    visibility: hidden; /* Изначально скрыто */
    opacity: 0;
	background-color: #c98a3e;
    color: white;
    text-align: center;
    padding: 5px;
    border-radius: 3px;
    /* Позиционирование текста */
    position: relative;
    top: 0%; /* Сразу под div */
    left:0px;
    transform: translateX(-50%);
    transition: opacity 0.3s; /* Плавный переход */
	z-index: 1000; /* Более высокий z-index для отображения поверх других элементов */
}
.e124_48:hover .hover-text-portfolio {
    visibility: visible;
    opacity: 1; /* Показывает надпись при наведении */
}
.hover-text-kontakt {
    visibility: hidden; /* Изначально скрыто */
    opacity: 0;
	background-color: #c98a3e;
    color: white;
    text-align: center;
    padding: 5px;
    border-radius: 3px;

    /* Позиционирование текста */
    position: relative;
    top: 0%; /* Сразу под div */
    left:179%;
    transform: translateX(-50%);
    transition: opacity 0.3s; /* Плавный переход */
	z-index: 1000; /* Более высокий z-index для отображения поверх других элементов */
}
.e124_50:hover .hover-text-kontakt {
    visibility: visible;
    opacity: 1; /* Показывает надпись при наведении */
}

.e124_50 { 
	background-color:rgba(19.69660598784685, 16.93303517997265, 155.11170476675034, 1);
	width:47.83477783203125px;
	height:8px;
	position:relative;
	left:1000px;
	top:66px;
}
.monitor { 
	width:400px;
	height:361px;
	position:relative;
	left:700px;
	top:120px;
	background-image:url('img/monitor_400.png');
	background-repeat:no-repeat;
	background-size:cover;
}
.e180_4 { 
	width:267px;
	height:521px;
	position:relative;
	left:70px;
	top:90px;
	background-image:url('img/ris11_1.png');
	background-repeat:no-repeat;
	background-size:cover;
	/*transform: rotate(90deg);  Поворот на 90 градусов */
}
.e180_4_2 { 
	width:150px;
	height:300px;
	position:relative;
	left:235px;
	top:420px;
	background-image:url('img/ris11.png');
	background-repeat:no-repeat;
	background-size:cover;
}
.kistochka { 
	width:200px;
	height:126px;
	position:relative;
	left:176px;
	top:496px;
	background-image:url(images/kistochka.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.lastik { 
	width:100px;
	height:64px;
	position:relative;
	left:320px;
	top:480px;
	background-image:url(images/lastik_100.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.klava { 
	width:330px;
	height:260px;
	position:relative;
	left:500px;
	top:-470px;
	background-image:url('img/klava.png');
	background-repeat:no-repeat;
	background-size:cover;
}
.e180_5 { 
	width:160px;
	height:127px;
	position:relative;
	left:395px;
	top:476px;
	background-image:url(images/karandash450.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.mouse { 
	width:160px;
	height:160px;
	position:relative;
	left:930px;
	top:-660px;
	background-image:url('img/mouse400_1.png');
	background-repeat:no-repeat;
	background-size:cover;
}
.ruler { 
	width:300px;
	height:140px;
	position:relative;
	left:215px;
	top:559px;
	background-image:url(images/ruler400.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.risunok { 
	width:180px;
	height:104px;
	position:relative;
	left:278px;
	top:580px;
	background-image:url(images/risunok.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.txtkart{
	top:950px;	
	left:140px;
	position:relative;
	color:white;
	font-family: 'Montserrat', sans-serif;
    font-weight: 800; 
	text-align:left;
	font-size:55px;
	font-weight: 800;
	/* -webkit-text-stroke: 1px #0606ae;  Обводка текста */
	text-shadow: 1px 1px 4px black; /* Тень */
}

.razrab_kartochki { 
	width:870px;
	height:489px;
	position:absolute;
	left:140px;
	top:1060px;
	background-image:url(images/razrabotka_kartochki.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

.portfoliotxt0  { 
	position:absolute;
	left:200px;
	top:140px;
	color:white;
	font-family: 'Montserrat', cursive;
	text-align:left;
	font-size:26px;
	font-weight: bold;
}
.portfoliotxt  { 
	margin-top: 8px;
	position:absolute;
	left:470px;
	top:220px;
	color:white;
	font-family: 'Montserrat', cursive;
	text-align:left;
	font-size:34px;
	font-weight: bold;
}
.portfoliotxt1  { 
	position:absolute;
	left:350px;
	top:265px;
	color:white;
	font-family: 'Montserrat', cursive;
	text-align:left;
	font-size:30px;
	font-weight: bold;
}
.portfoliotxt2  { 
	position:absolute;
	left:355px;
	top:740px;
	color:white;
	font-family: 'Montserrat', cursive;
	text-align:left;
	font-size:30px;
	font-weight: bold;
}
.portfoliotxt3  { 
	position:absolute;
	left:430px;
	top:1235px;
	color:white;
	font-family: 'Montserrat', cursive;
	text-align:left;
	font-size:30px;
	font-weight: bold;
}
.portfoliotxt4  { 
	position:absolute;
	left:360px;
	top:1730px;
	color:white;
	font-family: 'Montserrat', cursive;
	text-align:left;
	font-size:30px;
	font-weight: bold;
}


.policytxt  { 
	position:absolute;
	left:50px;
	top:120px;
	color:#3371e5;
	font-family:Cambria;
	text-align:left;
	font-size:30px;
	font-weight: bold;
        width:1052px;
}
.portfolio1  { 
	width:700px;
	height:402px;
	position:absolute;
	left:230px;
	top:310px;
	background-image:url(images/vadim_zudin.png);
	background-repeat:no-repeat;
	background-size:cover;
}
a {
    text-decoration: none;
}

.portfolio2  { 
	width:700px;
	height:402px;
	position:absolute;
	left:230px;
	top:800px;
	background-image:url(images/saitabuzarov.png);
	background-repeat:no-repeat;
	background-size:cover;
}
a {
    text-decoration: none;
}
.portfolio3  { 
	width:700px;
	height:394px;
	position:absolute;
	left:230px;
	top:1300px;
	background-image:url(images/karlagach_dom.png);
	background-repeat:no-repeat;
	background-size:cover;
}
a {
    text-decoration: none;
}
.portfolio4  { 
	width:700px;
	height:402px;
	position:absolute;
	left:230px;
	top:1800px;
	background-image:url(images/portfolio.png);
	background-repeat:no-repeat;
	background-size:cover;
}
a {
    text-decoration: none;
}
.e180_31 { 
	width:800px;
	height:451px;
	position:absolute;
	left:50%;
	transform: translateX(-50%);
	top:140px;	
	background-repeat:no-repeat;
	background-size:cover;
	color:white;
	font-family: 'Montserrat', cursive;
	font-size: 24px;
}

.e180_41 { 
	width:180px;
	height:185px;
	position:relative;
	left:313px;
	top:330px;
	background-image:url(images/men.png);
	background-repeat:no-repeat;
	background-size:cover;
}

.e180_32 { 
	width:500px;
	height:451px;
	position:relative;
	left:261px;
	top:360px;	
	background-repeat:no-repeat;
	background-size:cover;
	color:rgba(0, 0, 0, 1);	
	font-family:Josefin Sans;
	text-align:left;

	letter-spacing:0;
}

.f1{ 
	font-size: 24px;
    color: white;
    max-width: 650px; 
    margin: 30px auto 0 auto; /* Центрируем */
    position: relative;
    font-family: 'Montserrat', cursive;
    text-align: center; /* Выравниваем текст внутри блока */
    display: flex;
    justify-content: center; /* Центрируем текст в flex-контейнере */
}


.f2{ 
	font-size: 24px;
    color: white;
    max-width: 600px; 
    margin: 10px auto 0 auto; /* Центрируем */
    position: relative;
    font-family: 'Montserrat', cursive;
    text-align: center; /* Выравниваем текст внутри блока */
    display: flex;
    justify-content: center; /* Центрируем текст в flex-контейнере */
}

.e124_431 { 
	width:185px;
	height:45px;
	position:relative;
	display: block; /* Делаем блочным, чтобы работал margin */
    margin: 0 auto; /* Центрируем */
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	border-width: 2px; /* толщина рамки */
	border-style: solid; /* стиль рамки */
	border-color:  #cf6c48;
	background-color: #FFF3C3;
	padding-left: 15px; /* отступ слева для перемещения курсора */
}

.e124_431:focus, 
.e124_431:active {
    border-color: blue; /* цвет рамки при фокусе и активном состоянии */
    outline: none; /* убирает стандартное выделение браузера при фокусе */
}


.e124_432 { 
	width:185px;
	height:45px;
	position:relative;
	display: block; /* Делаем блочным, чтобы работал margin */
    margin: 0 auto; /* Центрируем */
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	border-width: 2px; /* толщина рамки */
	border-style: solid; /* стиль рамки */
	border-color: #cf6c48;
	background-color:#FFF3C3;
	padding-left: 15px; /* отступ слева для перемещения курсора */
	margin-top:30px;
}

.e124_432:focus, 
.e124_432:active {
    border-color: blue; /* цвет рамки при фокусе и активном состоянии */
    outline: none; /* убирает стандартное выделение браузера при фокусе */
}

.e124_433 { 
	width:145px;
	height:34px;
	position:absolute;
	left:450px;
	top:120px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	border-width: 2px; /* толщина рамки */
	border-style: solid; /* стиль рамки */
	border-color: #05036f;
	background-color: #2020d0;
	padding-left: 5px; /* отступ слева для перемещения курсора */
	color:rgb(204, 237, 250);
}

.obszakaz { 
	width:185px;
	height:45px;
	position:relative;
	left:150px;
	top:257px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	border-width: 2px; /* толщина рамки */
	border-style: solid; /* стиль рамки */
	border-color: #cf6c48;
	border: none; /* Убираем границу */
	background-color: #1a7d04;
	color:white;
	padding-left: 5px; /* отступ слева для перемещения курсора */
	font-family: 'Montserrat'; 
	font-size: 16;
	box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.3); /* Тень */
	transition: box-shadow 0.3s ease, transform 0.2s ease; /* Анимация */
}


.zakazpro { 
	width:185px;
	height:45px;
	position:relative;
	left:0px;
	top:0px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	border-width: 2px; /* толщина рамки */
	border-style: solid; /* стиль рамки */
	border-color: #cf6c48;
	border: none; /* Убираем границу */
	background-color: #1a7d04;
	color:white;
	padding-left: 5px; /* отступ слева для перемещения курсора */
	font-family: 'Montserrat'; 
	font-size: 16;
	box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.3); /* Тень */
	transition: box-shadow 0.3s ease, transform 0.2s ease; /* Анимация */
	margin-top: 30px;
}


/* Эффект при наведении */
.zakazpro:hover {
	box-shadow: 4px 8px 12px rgba(0, 0, 0, 0.4); /* Увеличенная тень */
	transform: translateY(-2px); /* Поднимаем кнопку */
}

/* Эффект при нажатии */
.zakazpro:active {
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); /* Меньшая тень */
	transform: translateY(2px); /* Опускаем кнопку */
}

.zakazpro a{ color :white;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);  
}




/* Эффект при наведении */
.obszakaz:hover {
	box-shadow: 4px 8px 12px rgba(0, 0, 0, 0.4); /* Увеличенная тень */
	transform: translateY(-2px); /* Поднимаем кнопку */
}

/* Эффект при нажатии */
.obszakaz:active {
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); /* Меньшая тень */
	transform: translateY(2px); /* Опускаем кнопку */
}

.obszakaz a{ color :white;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);  
}

.e124_4331_1 { 
	width:185px;
	height:45px;
	position:relative;
	display: block; /* Делаем блочным, чтобы работал margin */
    margin: 0 auto; /* Центрируем */
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	border-width: 2px; /* толщина рамки */
	border-style: solid; /* стиль рамки */
	border-color: #cf6c48;
	border: none; /* Убираем границу */
	background-color: #1a7d04;
	color:white;
	padding-left: 5px; /* отступ слева для перемещения курсора */
	font-family: 'Montserrat', cursive; 
	font-size: 16;
	box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.3); /* Тень */
	transition: box-shadow 0.3s ease, transform 0.2s ease; /* Анимация */
	margin-top: 30px;
}

.e124_4331_1:hover {
	box-shadow: 4px 8px 12px rgba(0, 0, 0, 0.4); /* Увеличенная тень */
	transform: translateY(-2px); /* Поднимаем кнопку */
}
/* Эффект при нажатии */
.e124_4331_1:active {
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); /* Меньшая тень */
	transform: translateY(2px); /* Опускаем кнопку */
}

.e124_4331_1 a{ color :white;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);  
}

.e124_433:focus, 
.e124_433:active {
    border-color: blue; /* цвет рамки при фокусе и активном состоянии */
    outline: none; /* убирает стандартное выделение браузера при фокусе */
}

.e124_434 { 
	max-width: 400px; /* Ограничиваем ширину */
    position: relative;
    margin: 30px auto 0 auto; /* Центрируем */
    border-radius: 20px;
    padding: 10px; /* Добавляем отступы внутри */
    color: white;
	font-size: 16px;
    font-family: 'Montserrat', cursive;
    text-align: center; /* Выравниваем текст по центру */
}
.e124_434 a{ 
color:rgb(163, 175, 244);
}
.o-text{
	color: rgb(226, 232, 226);
	font-family: 'Montserrat', cursive;
	font-size:26px;
	text-indent: 30px;
	text-shadow: 1px 1px 1px black;  /*Тень */
}
.o-text h2 {
    text-align: center;
}

.o-text-usl{
	color: rgb(226, 232, 226);
	font-family: 'Montserrat', cursive;
	font-size:16px;
	text-indent: 0px;
	text-shadow: 1px 1px 1px black;  /*Тень */
	line-height: 1.5; /* 1.5 × размер шрифта */
}
.o-text-usl h1 {
	font-size:26px;
    text-align: center;
}
.container {
	width: 100%;
	height: 1850px; /* Высота адаптируется к содержимому */
	position: relative;
	background-color: #713535;	
/*	background-image: linear-gradient(to right, black, #905644);*/
	display: flex;
    flex-direction: column; 	 
	padding: 0;
    margin: 0 auto; /* Центрирует контент по горизонтали */
	background-repeat: repeat-y;
	margin-top: 0px;
}
.container-portfolio {
	width: 100%;
	/* Высота адаптируется к содержимому */
	display: flex; 
	background-color: #0e260e;	
/*	background-image: linear-gradient(to right, black, #905644);*/
    flex-direction: column; 	 
	padding: 0;
    margin: 0 auto; /* Центрирует контент по горизонтали */
	/*background-repeat: repeat-y;*/
	margin-top: 0px;
	min-height: auto;
}

.line {
	height: 1px;
	background-color: #ccc; /* Цвет линии */
	margin-top:50px;
	margin-left:20px;
	width:940px;
  }

.container-contacts {
    display: flex;
    align-items: center; /* Выравнивание содержимого по центру */
    flex-direction: column;
    text-align:center;
    margin-top:30px;
    margin-left: auto;
    margin-right: auto; /* Центрирование */
}
.container-top {
	width: 1152px;
	height: 100px; /* Высота адаптируется к содержимому */
	position: relative;
/*	background-image: linear-gradient(to right, black, #905644);*/
	display: flex;
    flex-direction: column; 	 
	padding: 0;
    margin: 0 auto; /* Центрирует контент по горизонтали */
	margin-top: 0px;
	top:0px;
}
.container-policy {
	width: 1152px !important;
    max-width: none !important;
    min-width: 1152px;
	height: 7300px; /* Высота адаптируется к содержимому */
	position: relative;
	 /*background-color: #f8f812;	
	background-image: linear-gradient(to right,  black, #905644); */
	display: flex;
    flex-direction: column;  
	padding: 0;
    margin: 0 auto; /* Центрирует контент по горизонтали */
	background-repeat: repeat-y;
}
body {

  background-color:#242423;
  align-items: center;
  /*background-image: linear-gradient(to right,  black, #905644); */
  }

  html, body {
    margin: 0;
    padding: 0;
}

* {
    box-sizing: border-box;
}


.ofzakaz  { 
	width:900px;
	height:465px;
	position:absolute;
	left:380px;
	top:210px;	
	background-repeat:no-repeat;
	background-size:cover;
	color:rgb(163, 175, 244);
	font-size:24px;
}

.logo {
	width:60px;
	height:63px;
	position:absolute;
	left:50px;
	top:17px;
	background-image:url('img/logo.png');
	background-repeat:no-repeat;
	background-size:cover;
}

.bitsofit {
	display: block; 
	width:290px;
	height:56px;
	position: relative;
	left:50px;
	top:20px;
	font-family: 'Genos', cursive;
	font-size: 52px;
	background-image:url('img/bitsofit3.png');
	background-repeat:no-repeat;
	background-size:cover;
	color:#f6a400;
	font-weight: 700;
	text-shadow: 1px 1px 4px #3d3b81;
	transition: font-size 0.7s ease, color 0.7s ease, text-shadow 0.7s ease;
}
.bitsofit a {
	width: 287px;
}
a:hover .bitsofit{
	font-size: 52px;
	color:#fed327;
}
.c-top-green{
	background-color: #4b7e4c;
	width:100%;
	height:100px;
	top:0px;
	margin-top:0px;
	position: relative;
	display: block; /* Убедимся, что блок занимает место */
}
.container-portfolio h1:first-child {
    margin-top: 10px; /* Убираем схлопывание margin */
}
.portfolio-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.portfolio-item {
    width: 300px;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.portfolio-image {
    width: 100%;
    height: auto;
    border-radius: 5px;
	margin: 0;
}

.portfolio-list a {
    display: block;
    text-decoration: none;
    padding: 0;
    margin: 0;
}

.portfolio-image a {
    width: 100%;
    height: auto;
    border-radius: 5px;
	margin: 0;
}

.gradient-box {
    display: flex;
    width: 100%;  /* Ширина контейнера */
    height: auto; /* Высота контейнера */
    background: linear-gradient(to bottom, #0e260e 0%, black 50%, #0e260e 100%);
  }
  .container-usl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px; /* Отступы между элементами */
  }
  
  .item-usl {
	width: calc(33.333% - 20px); /* Чтобы учесть gap */
    height: 550px;
	padding: 20px;
	text-align: center;
	border-radius: 20px; /* Закругление углов */
	border: 4px solid white; /* Цвет рамки */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Лёгкая тень */
  }
  
  /* Один div в строке на маленьких экранах */
  @media (max-width: 768px) {
	.item {
	  width: 100%;
	}
  }
  
@media screen and (max-width:1152px) {
	.o-text-usl{
		color: rgb(226, 232, 226);
		font-family: 'Montserrat', cursive;
		font-size:46px;
		text-indent: 0px;
		text-shadow: 1px 1px 1px black;  /*Тень */
		line-height: 1.5; /* 1.5 × размер шрифта */
	}
	.o-text-usl h1 {
		font-size:56px;
		text-align: center;
	}
	.item-usl {
		width: 95%;
		height: 1320px;
	  }
	.line {
	    margin-top:85px;
		width:630px;
	}
	.c-center-1{
		height:1060px;
		width: 100%;
	}	
.gradient-box {
    display: flex;
	height: 4200px; /* Высота контейнера */
	/*margin-top: 320px;*/
}
	.e124_434 { 
		max-width: 97%; /* Ограничиваем ширину */	
		font-size: 30px;
	}
	.e124_431, .e124_432, .e124_4331_1 { 
		margin-top: 50px;
		width:97%;	
		height:100px;
		font-family: 'Montserrat', cursive; 
     	font-size: 50;
	    font-weight: bold;
	}
	.mouse { 
		width:160px;
		height:160px;
		position:relative;
		left:730px;
		top:-160px;
		
	}
	.klava { 
		width:330px;
		height:260px;
		position:relative;
		left:370px;
		top:70px;
	
	}
	.e180_4 { 
		top:250px;
		display: none;		
	}
	.e124_40 { 
		top: -55px;
		font-size:38px;
		left:720px;
	}
	.o-text{
		color: white;
		font-family: 'Montserrat', cursive;
		font-size:46px;
		text-indent: 30px;
	}
	.o-text h2 {
		text-align: center;
	}
	.container-portfolio {
	padding-left: 50px;
	padding-right: 50px;
	}
	.monitor { 
		width:400px;
		height:361px;
		position:absolute;
		left:450px;
		top:270px;
		background-image:url('img/monitor_400.png');
		background-repeat:no-repeat;
		background-size:cover;
	}
	.c-top-green{		
		min-height: 120px;
	}
	.c-center{width: 100%;}
	.container-top {
		width: 100%;
		height: 120px; /* Высота адаптируется к содержимому */
		position: absolute;
		left: 0; /* Смещаем левый край в центр страницы */
		transform:0; /* Двигаем обратно на половину ширины блока */
	
	/*	background-image: linear-gradient(to right, black, #905644);*/
		display: flex;
		flex-direction: column; 	 
		padding: 0;
		margin: 0 auto; /* Центрирует контент по горизонтали */
	
		margin-top: 0px;
		top:0px;
	}
	.bitsofit {
		margin-left:30px;
	}
	
	.portfolio-n {
		padding-left: 20px;
		top: -40px;
		font-size:38px;
	}
	.e124_47 { 
		top:39px;
		display: none;
	}
	.logo {
		width:60px;
		height:63px;
		position:absolute;
		left:50px;
		top:20px;
		background-image:url(images/logo.png);
		background-repeat:no-repeat;
		background-size:cover;
	}
.bitsofit {
	width:360px;
	height:79px;
	left:0px;
	top:20px;
	font-family: 'Caveat', cursive;
	font-size: 72px;
	/*background-image:url(images/bitsofit2.png);*/
	background-repeat:no-repeat;
	background-size:cover;
	color:#f6a400;
	font-weight: 800;
	text-shadow: 1px 1px 4px #030152;
	transition: font-size 0.7s ease, color 0.7s ease, text-shadow 0.7s ease;
}

a:hover .bitsofit{
	font-size: 72px;
	color:#fed327;
}

.e124_48 { 
	background-color:rgba(19.69660598784685, 16.93303517997265, 155.11170476675034, 1);
	width:67.83477783203125px;
	height:10px;
	position:absolute;
	left:1000px;
	top:47px;
}
.e124_49 { 
	background-color:rgba(19.69660598784685, 16.93303517997265, 155.11170476675034, 1);
	width:67.83477783203125px;
	height:10px;
	position:absolute;
	left:1000px;
	top:28px;
}
.e124_50 { 
	background-color:rgba(19.69660598784685, 16.93303517997265, 155.11170476675034, 1);
	width:67.83477783203125px;
	height:10px;
	position:absolute;
	left:1000px;
	top:66px;
}

.e124_45 { 
	color:white;
	width:1000px;
	height:104px;
	position:absolute;
	left:30px;
	top:120px;
	font-family: 'Montserrat', sans-serif;
    font-weight: 600; 
	text-align:left;
	font-size:70px;
	font-weight: 800;
	letter-spacing:0;
	 /* -webkit-text-stroke: 1px #7e2707; Обводка текста */
	-webkit-text-size-adjust: none;
	text-shadow: 1px 1px 4px #0606ae; /* Тень */
	margin-top:0px;

}
.txtkart{
	top:920px;	
	left:140px;
	position:absolute;
	color:#fed327;
	font-family:'Mont', sans-serif;
	text-align:left;
	font-size:60px;
	font-weight: 800;
	/* -webkit-text-stroke: 1px #7e2707;  Обводка текста */
	text-shadow: 1px 1px 4px #0606ae; /* Тень */	
}

.obszakaz { 
	width:865px;
	height:100px;
	position:absolute;
	left:0px;
	top:900px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	border-width: 2px; /* толщина рамки */
	border-style: solid; /* стиль рамки */
	border-color: #cf6c48;
	border: none; /* Убираем границу */
	background-color: #209805;
	color:#EF9778;
	padding-left: 5px; /* отступ слева для перемещения курсора */
	font-family: 'Montserrat', cursive; 
	font-size: 50;
	font-weight: bold;
	box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.3); /* Тень */
	transition: box-shadow 0.3s ease, transform 0.2s ease; /* Анимация */	
}

.zakazpro { 
	width:95%;
	height:100px;
	font-family: 'Montserrat', cursive; 
	font-size: 50;
	font-weight: bold;
	box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.3); /* Тень */
	transition: box-shadow 0.3s ease, transform 0.2s ease; /* Анимация */
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
}


.e124_4331 a{ color :white;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);  
}

.razrab_kartochki { 
	width:870px;
	height:489px;
	position:absolute;
	left:140px;
	top:1060px;
	background-image:url(images/razrabotka_kartochki.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

}