|
@@ -1,184 +1,184 @@
|
|
|
-* {
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
- scroll-behavior: smooth;
|
|
|
-}
|
|
|
-
|
|
|
-.container {
|
|
|
- width: 1440px;
|
|
|
- margin: 0 auto;
|
|
|
-}
|
|
|
-
|
|
|
-ul {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
-}
|
|
|
-
|
|
|
-.header_flex {
|
|
|
- display: flex;
|
|
|
- justify-content: space-around;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-li {
|
|
|
- text-decoration: none;
|
|
|
- list-style-type: none;
|
|
|
- color:black;
|
|
|
- padding: 25px;
|
|
|
-}
|
|
|
-
|
|
|
-a {
|
|
|
- text-decoration: none;
|
|
|
- background-image: linear-gradient(currentColor, currentColor);
|
|
|
- background-position: 0% 100%;
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-size: 0% 2px;
|
|
|
- color:black;
|
|
|
- transition: background-size .3s;
|
|
|
-}
|
|
|
-
|
|
|
-a:hover {
|
|
|
- background-size: 100% 2px;
|
|
|
-}
|
|
|
-
|
|
|
-.background {
|
|
|
- background-image: url(img/barmen.jpg);
|
|
|
- background:no-repeat;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-.first-block_content {
|
|
|
- padding-top: 300px;
|
|
|
- text-align: start;
|
|
|
-}
|
|
|
-
|
|
|
-.block-for-us {
|
|
|
- display: flex;
|
|
|
- justify-content: space-evenly;
|
|
|
- align-items: center
|
|
|
-}
|
|
|
-
|
|
|
-.block-for-us_padding {
|
|
|
- padding-left: 25px;
|
|
|
-}
|
|
|
-
|
|
|
-.m-top {
|
|
|
- margin-top: 100px;
|
|
|
-}
|
|
|
-
|
|
|
-.m-bottom {
|
|
|
- margin-bottom: 100px;
|
|
|
-}
|
|
|
-
|
|
|
-.block-card {
|
|
|
- width: 365px;
|
|
|
-}
|
|
|
-
|
|
|
-.block-card_text {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
-}
|
|
|
-
|
|
|
-.block-card_flex {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
-}
|
|
|
-
|
|
|
-.background-guide {
|
|
|
- background-image: url(img/volga.jpg);
|
|
|
- width: 1900px;
|
|
|
- background:no-repeat;
|
|
|
- height: 629px;
|
|
|
-}
|
|
|
-
|
|
|
-.block-guide {
|
|
|
- padding-top: 150px;
|
|
|
-}
|
|
|
-
|
|
|
-.block-form_text {
|
|
|
- margin-top: 50px;
|
|
|
-}
|
|
|
-
|
|
|
-form {
|
|
|
- display: flex;
|
|
|
-}
|
|
|
-
|
|
|
-input {
|
|
|
- width: 309px;
|
|
|
- height: 56px;
|
|
|
-}
|
|
|
-
|
|
|
-::placeholder {
|
|
|
- font-size: 24px;
|
|
|
- padding-left: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.blog {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
-}
|
|
|
-
|
|
|
-.connection_position {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- flex-direction: column
|
|
|
-}
|
|
|
-
|
|
|
-.connection_text {
|
|
|
- margin-top: 125px;
|
|
|
- margin-left: 500px;
|
|
|
-}
|
|
|
-
|
|
|
-.background-connection {
|
|
|
- background-image: url(img/Connection.png);
|
|
|
- width: 1900px;
|
|
|
- background: no-repeat;;
|
|
|
- height: 629px;
|
|
|
-}
|
|
|
-
|
|
|
-.footer_position {
|
|
|
- display: flex;
|
|
|
- text-align: center;
|
|
|
- align-items: center;
|
|
|
- flex-direction: column;
|
|
|
-}
|
|
|
-
|
|
|
-.animate-charcter
|
|
|
-{
|
|
|
- text-transform: uppercase;
|
|
|
- background-image: linear-gradient(
|
|
|
- -100deg,
|
|
|
- #000000 50%,
|
|
|
- #153d32 80%,
|
|
|
- #398d72 100%
|
|
|
- );
|
|
|
- background-size: auto auto;
|
|
|
- background-size: 200% auto;
|
|
|
- -webkit-background-clip: text;
|
|
|
- -webkit-text-fill-color: transparent;
|
|
|
- animation: textclip 2s linear infinite;
|
|
|
- display: inline-block;
|
|
|
- font-family: 'Playfair Display', serif;
|
|
|
- font-size: 48px;
|
|
|
-}
|
|
|
-
|
|
|
-@keyframes textclip {
|
|
|
- to {
|
|
|
- background-position: 200% center;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.scale {
|
|
|
- display: inline-block; /* Строчно-блочный элемент */
|
|
|
- overflow: hidden; /* Скрываем всё за контуром */
|
|
|
-}
|
|
|
-.scale img {
|
|
|
- transition: 0.5s; /* Время эффекта */
|
|
|
- display: block; /* Убираем небольшой отступ снизу */
|
|
|
-}
|
|
|
-.scale img:hover {
|
|
|
- transform: scale(1.1); /* Увеличиваем масштаб */
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
+* {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ scroll-behavior: smooth;
|
|
|
+}
|
|
|
+
|
|
|
+.container {
|
|
|
+ width: 1440px;
|
|
|
+ margin: 0 auto;
|
|
|
+}
|
|
|
+
|
|
|
+ul {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+.header_flex {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+li {
|
|
|
+ text-decoration: none;
|
|
|
+ list-style-type: none;
|
|
|
+ color:black;
|
|
|
+ padding: 26px;
|
|
|
+}
|
|
|
+
|
|
|
+a {
|
|
|
+ text-decoration: none;
|
|
|
+ background-image: linear-gradient(currentColor, currentColor);
|
|
|
+ background-position: 0% 100%;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: 0% 2px;
|
|
|
+ color:black;
|
|
|
+ transition: background-size .3s;
|
|
|
+}
|
|
|
+
|
|
|
+a:hover {
|
|
|
+ background-size: 100% 1px;
|
|
|
+}
|
|
|
+
|
|
|
+.background {
|
|
|
+ background-image: url(img/barmen.jpg);
|
|
|
+ background:no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+.first-block_content {
|
|
|
+ padding-top: 300px;
|
|
|
+ text-align: start;
|
|
|
+}
|
|
|
+
|
|
|
+.block-for-us {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-evenly;
|
|
|
+ align-items: center
|
|
|
+}
|
|
|
+
|
|
|
+.block-for-us_padding {
|
|
|
+ padding-left: 25px;
|
|
|
+}
|
|
|
+
|
|
|
+.m-top {
|
|
|
+ margin-top: 100px;
|
|
|
+}
|
|
|
+
|
|
|
+.m-bottom {
|
|
|
+ margin-bottom: 100px;
|
|
|
+}
|
|
|
+
|
|
|
+.block-card {
|
|
|
+ width: 365px;
|
|
|
+}
|
|
|
+
|
|
|
+.block-card_text {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+.block-card_flex {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+.background-guide {
|
|
|
+ background-image: url(img/volga.jpg);
|
|
|
+ width: 1900px;
|
|
|
+ background:no-repeat;
|
|
|
+ height: 629px;
|
|
|
+}
|
|
|
+
|
|
|
+.block-guide {
|
|
|
+ padding-top: 150px;
|
|
|
+}
|
|
|
+
|
|
|
+.block-form_text {
|
|
|
+ margin-top: 50px;
|
|
|
+}
|
|
|
+
|
|
|
+form {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+
|
|
|
+input {
|
|
|
+ width: 309px;
|
|
|
+ height: 56px;
|
|
|
+}
|
|
|
+
|
|
|
+::placeholder {
|
|
|
+ font-size: 24px;
|
|
|
+ padding-left: 12px;
|
|
|
+}
|
|
|
+
|
|
|
+.blog {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+.connection_position {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ flex-direction: column
|
|
|
+}
|
|
|
+
|
|
|
+.connection_text {
|
|
|
+ margin-top: 125px;
|
|
|
+ margin-left: 500px;
|
|
|
+}
|
|
|
+
|
|
|
+.background-connection {
|
|
|
+ background-image: url(img/Connection.png);
|
|
|
+ width: 1900px;
|
|
|
+ background: no-repeat;;
|
|
|
+ height: 629px;
|
|
|
+}
|
|
|
+
|
|
|
+.footer_position {
|
|
|
+ display: flex;
|
|
|
+ text-align: center;
|
|
|
+ align-items: center;
|
|
|
+ flex-direction: column;
|
|
|
+}
|
|
|
+
|
|
|
+.animate-charcter
|
|
|
+{
|
|
|
+ text-transform: uppercase;
|
|
|
+ background-image: linear-gradient(
|
|
|
+ -100deg,
|
|
|
+ #000000 50%,
|
|
|
+ #153d32 80%,
|
|
|
+ #398d72 100%
|
|
|
+ );
|
|
|
+ background-size: auto auto;
|
|
|
+ background-size: 200% auto;
|
|
|
+ -webkit-background-clip: text;
|
|
|
+ -webkit-text-fill-color: transparent;
|
|
|
+ animation: textclip 2s linear infinite;
|
|
|
+ display: inline-block;
|
|
|
+ font-family: 'Playfair Display', serif;
|
|
|
+ font-size: 48px;
|
|
|
+}
|
|
|
+
|
|
|
+@keyframes textclip {
|
|
|
+ to {
|
|
|
+ background-position: 200% center;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.scale {
|
|
|
+ display: inline-block; /* Строчно-блочный элемент */
|
|
|
+ overflow: hidden; /* Скрываем всё за контуром */
|
|
|
+}
|
|
|
+.scale img {
|
|
|
+ transition: 0.5s; /* Время эффекта */
|
|
|
+ display: block; /* Убираем небольшой отступ снизу */
|
|
|
+}
|
|
|
+.scale img:hover {
|
|
|
+ transform: scale(1.1); /* Увеличиваем масштаб */
|
|
|
+}
|
|
|
+
|
|
|
+
|