ros.grant.common 2.0.1103 → 2.0.1104

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Binary file
@@ -1,5 +1,6 @@
1
1
  footer.footer-gorchakov {
2
2
  background: #9193AC;
3
+ position: relative;
3
4
 
4
5
  .wrap {
5
6
  position: relative;
@@ -11,6 +12,10 @@ footer.footer-gorchakov {
11
12
  padding-right: 20px !important;
12
13
  max-width: 1140px;
13
14
  margin: 0 auto;
15
+
16
+ @media (max-width: 768px) {
17
+ padding-top: 120px;
18
+ }
14
19
  }
15
20
 
16
21
  .footer-border {
@@ -19,27 +24,43 @@ footer.footer-gorchakov {
19
24
  width: 100%;
20
25
  top: 38px;
21
26
 
22
- @media (max-width: 736px) {
27
+ @media (max-width: 768px) {
23
28
  display: none;
24
29
  }
25
30
  }
26
31
 
27
32
  .block {
28
- @media (max-width: 736px) {
33
+ @media (max-width: 768px) {
29
34
  width: 100%;
30
35
  }
31
36
 
32
37
  &.slim-gorchakov {
33
38
  max-width: 134px;
34
39
 
35
- @media (max-width: 736px) {
40
+ @media (max-width: 768px) {
36
41
  width: 100%;
37
- max-width: 736px;
42
+ max-width: none;
43
+ }
44
+ }
38
45
 
39
- a {
40
- display: none;
41
- }
42
- }
46
+ a {
47
+ display: block;
48
+ font-size: 14px;
49
+ line-height: 20px;
50
+ color: #FFFFFF;
51
+ opacity: 0.7;
52
+ margin-bottom: 8px;
53
+ font-family: 'PT Sans', sans-serif;
54
+ }
55
+
56
+ span {
57
+ display: block;
58
+ font-size: 14px;
59
+ line-height: 20px;
60
+ color: #FFFFFF;
61
+ opacity: 0.7;
62
+ margin-bottom: 8px;
63
+ font-family: 'PT Sans', sans-serif;
43
64
  }
44
65
 
45
66
  .title {
@@ -52,36 +73,77 @@ footer.footer-gorchakov {
52
73
  text-transform: uppercase;
53
74
  padding-bottom: 16px;
54
75
  margin-bottom: 16px;
76
+ width: 100%;
55
77
 
56
- @media (max-width: 736px) {
57
- display: block !important;
78
+ a{
79
+ font-family: "FuturaMedium";
80
+ opacity: 0.8;
81
+ display: inline-block !important;
82
+ margin: 0;
83
+ }
84
+
85
+ @media (max-width: 768px) {
58
86
  border-bottom: 1px solid rgba(255, 255, 255, 0.099841);
59
87
  }
60
88
  }
61
89
 
62
- a {
63
- display: block;
64
- font-size: 14px;
65
- line-height: 20px;
66
- color: #FFFFFF;
67
- opacity: 0.7;
68
- margin-bottom: 8px;
90
+ .network{
91
+ margin-top: 35px;
92
+
93
+ @media (min-width: 1101px) {
94
+ justify-content: flex-end;
95
+ }
96
+
97
+ @media (max-width: 768px) {
98
+ position: absolute;
99
+ top: 0;
100
+ margin-top: 48px;
101
+ border-bottom: 1px solid rgba(255, 255, 255, 0.099841);
102
+ width: calc(100% - 40px);
103
+ }
104
+
105
+ a{
106
+ &:not(:last-child){
107
+ margin-right: 15px;
108
+ }
109
+
110
+ &:hover{
111
+ svg{
112
+ path {
113
+ fill: #FFCC00;
114
+ }
115
+ }
116
+ }
117
+ }
69
118
  }
70
119
 
71
- span {
72
- display: block;
73
- font-size: 14px;
74
- line-height: 20px;
75
- color: #FFFFFF;
76
- opacity: 0.7;
77
- margin-bottom: 8px;
120
+ .accordion{
121
+
122
+ @media (max-width: 768px) {
123
+ opacity: 0;
124
+ visibility: hidden;
125
+ transition: height 0ms 400ms, opacity 400ms 0ms;
126
+ height: 0;
127
+ }
128
+
129
+ &.open{
130
+ visibility: visible;
131
+ opacity: 1;
132
+ margin-bottom: 32px;
133
+ transition: height 0ms 0ms, opacity 600ms 0ms;
134
+ height: auto;
135
+ }
78
136
  }
79
137
  }
80
138
 
81
139
  .contacts {
82
140
  text-align: right;
83
141
  padding-left: 40px;
84
- max-width: 260px;
142
+ max-width: 300px;
143
+
144
+ span{
145
+ max-width: 300px;
146
+ }
85
147
 
86
148
  @media (max-width: 1100px) {
87
149
  text-align: left;
@@ -91,15 +153,11 @@ footer.footer-gorchakov {
91
153
  margin: 50px 0px 0px auto;
92
154
  }
93
155
 
94
- @media (max-width: 736px) {
156
+ @media (max-width: 768px) {
95
157
  width: 100%;
96
- max-width: 736px;
158
+ max-width: 768px;
97
159
  margin-top: 10px;
98
-
99
- .title {
100
- border: none;
101
- }
102
- }
160
+ }
103
161
  }
104
162
 
105
163
  .text {
@@ -118,14 +176,9 @@ footer.footer-gorchakov {
118
176
  }
119
177
 
120
178
  span {
121
- display: block;
122
-
123
- @media (max-width: 1100px) {
124
- margin: 0 0 0 auto;
125
- width: 50%;
126
- }
179
+ display: block;
127
180
 
128
- @media (max-width: 736px) {
181
+ @media (max-width: 768px) {
129
182
  width: 100%;
130
183
  }
131
184
  }
@@ -29,6 +29,49 @@ header.header-gorchakov {
29
29
  }
30
30
  }
31
31
 
32
+ .language {
33
+ display: flex;
34
+ width: 110px;
35
+ height: 32px;
36
+ font-size: 16px;
37
+ line-height: 24px;
38
+ color: #232B55;
39
+ text-transform: uppercase;
40
+ position: relative;
41
+
42
+ @media (max-width: 1199px) {
43
+ display: none;
44
+ }
45
+
46
+ a {
47
+ display: flex;
48
+ align-items: center;
49
+ justify-content: center;
50
+ color: #232B55;
51
+ width: 50%;
52
+ font-family: "FuturaMedium";
53
+ cursor: pointer;
54
+ position: relative;
55
+
56
+ &.active {
57
+ font-weight: bold;
58
+ }
59
+
60
+ &:not(:last-child){
61
+ &:after{
62
+ content: "";
63
+ position: absolute;
64
+ right: 0;
65
+ top: 6px;
66
+ width: 1px;
67
+ height: 18px;
68
+ background-color: #232B55;
69
+ color: #232B55;
70
+ }
71
+ }
72
+ }
73
+ }
74
+
32
75
  .max-wrap {
33
76
  display: flex;
34
77
  align-items: center;
@@ -39,11 +82,28 @@ header.header-gorchakov {
39
82
  max-width: 1446px;
40
83
  margin: 0 auto;
41
84
 
85
+ @media (max-width: 1199px) {
86
+ height: 65px;
87
+ }
88
+
89
+ @media (max-width: 575px) {
90
+ height: 126px;
91
+ align-items: flex-start;
92
+ }
93
+
42
94
  .burger {
43
95
  display: none;
44
96
 
45
- @media (max-width: 930px) {
97
+ @media (max-width: 1199px) {
46
98
  display: block;
99
+ margin-right: auto;
100
+ margin-left: 25px;
101
+ }
102
+
103
+ @media (max-width: 575px) {
104
+ position: absolute;
105
+ left: 0px;
106
+ top: 80px;
47
107
  }
48
108
  }
49
109
 
@@ -53,6 +113,18 @@ header.header-gorchakov {
53
113
  background-position: center center;
54
114
  background-repeat: no-repeat;
55
115
  background-size: cover;
116
+
117
+ @media (max-width: 1199px) {
118
+ height: 32px;
119
+ min-width: 120px;
120
+ }
121
+
122
+ svg{
123
+ @media (max-width: 1199px) {
124
+ height: 32px;
125
+ width: 120px;
126
+ }
127
+ }
56
128
  }
57
129
 
58
130
  .header-menu {
@@ -62,7 +134,7 @@ header.header-gorchakov {
62
134
  width: 50%;
63
135
  max-width: 520px;
64
136
 
65
- @media (max-width: 930px) {
137
+ @media (max-width: 1199px) {
66
138
  display: none;
67
139
  }
68
140
 
@@ -144,166 +216,72 @@ header.header-gorchakov {
144
216
  display: flex;
145
217
  align-items: center;
146
218
 
147
- &.active {
148
- .search1 {
149
- display: none;
150
- }
151
-
152
- .search2 {
153
- display: flex;
154
- }
155
- }
156
-
157
- .search-img {
158
- cursor: pointer;
219
+ @media (max-width: 1199px) {
220
+ margin-right: 25px;
221
+ height: 65px;
159
222
  }
160
223
 
161
- .search2 {
162
- position: absolute;
163
- border-bottom: 1px solid #232B55;
164
- border-radius: 1px;
165
- top: 33px;
166
- right: 0;
167
- transition: all .2s cubic-bezier(0.4, 0, 1, 1);
168
- z-index: 1;
169
- display: none;
170
- background: #fff;
171
-
172
- input[type="text"] {
173
- border: none;
174
- width: 49vw;
175
- max-width: 610px;
176
-
177
- @media (max-width: 1100px) {
178
- width: 52vw;
179
- }
180
-
181
- @media (max-width: 1100px) {
182
- max-width: 820px;
183
- width: 74vw;
184
- }
185
- }
186
- }
224
+ @media (max-width: 575px) {
225
+ height: 30px;
226
+ margin-right: 10px;
227
+ }
187
228
  }
188
229
 
189
- .network-points {
230
+ .search2 {
231
+ position: absolute;
232
+ border-radius: 1px;
233
+ right: 0;
234
+ transition: all .2s cubic-bezier(0.4, 0, 1, 1);
235
+ z-index: 1;
190
236
  display: none;
237
+ background: #fff;
238
+ top: 16px;
239
+ height: 65px;
240
+ width: 100%;
191
241
 
192
- @media (max-width: 1100px) {
193
- display: block;
194
- }
195
-
196
- @media (max-width: 930px) {
197
- display: none;
198
- }
199
- }
200
-
201
- .network {
202
- display: flex;
203
- justify-content: space-between;
204
- align-items: center;
205
- width: 15%;
206
- max-width: 230px;
242
+ @media (max-width: 1199px) {
243
+ top: 0;
244
+ }
207
245
 
208
- @media (max-width: 1100px) {
209
- display: none;
210
- position: absolute;
211
- top: 70px;
212
- right: 60px;
213
- z-index: 10;
214
- background: #FFFFFF;
215
- box-shadow: 0px 1px 8px rgba(59, 67, 87, 12%);
216
- border-radius: 3px;
217
- padding: 22px;
218
- width: 23%;
219
- max-width: 230px;
220
-
221
- &.active {
222
- display: flex;
223
- }
246
+ input[type="text"] {
247
+ border: none;
224
248
  }
225
249
 
226
- a {
227
- background-repeat: no-repeat !important;
228
- background-size: contain !important;
229
- background-position: center center !important;
230
- width: 20px;
231
- height: 20px;
232
-
233
- &.yt {
234
- background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='20' height='20' fill='url(%23pattern0)'/%3E%3Cmask id='mask0' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='url(%23pattern1)'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Crect width='20' height='20' fill='%23232B55'/%3E%3C/g%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0' transform='scale(0.0078125)'/%3E%3C/pattern%3E%3Cpattern id='pattern1' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0' transform='scale(0.0078125)'/%3E%3C/pattern%3E%3Cimage id='image0' width='128' height='128' xlink:href='data:image/png;base64,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'/%3E%3C/defs%3E%3C/svg%3E%0A");
235
-
236
- &:hover {
237
- background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='20' height='20' fill='url(%23pattern0)'/%3E%3Cmask id='mask0' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='url(%23pattern1)'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Crect width='20' height='20' fill='%23FFCC00'/%3E%3C/g%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0' transform='scale(0.0078125)'/%3E%3C/pattern%3E%3Cpattern id='pattern1' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0' transform='scale(0.0078125)'/%3E%3C/pattern%3E%3Cimage id='image0' width='128' height='128' xlink:href='data:image/png;base64,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'/%3E%3C/defs%3E%3C/svg%3E%0A");
238
- }
239
- }
240
-
241
- &.ig {
242
- background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1275 0H4.87243C2.18573 0 0 2.18573 0 4.87243V13.1277C0 15.8142 2.18573 18 4.87243 18H13.1277C15.8142 18 18 15.8142 18 13.1277V4.87243C18 2.18573 15.8142 0 13.1275 0V0ZM8.99998 13.9217C6.28609 13.9217 4.07826 11.7139 4.07826 8.99998C4.07826 6.28609 6.28609 4.07826 8.99998 4.07826C11.7139 4.07826 13.9217 6.28609 13.9217 8.99998C13.9217 11.7139 11.7139 13.9217 8.99998 13.9217ZM14.0394 5.23896C13.2374 5.23896 12.5851 4.58665 12.5851 3.78465C12.5851 2.98265 13.2374 2.3302 14.0394 2.3302C14.8414 2.3302 15.4939 2.98265 15.4939 3.78465C15.4939 4.58665 14.8414 5.23896 14.0394 5.23896Z' fill='%23232B55'/%3E%3Cpath d='M9.00004 5.13354C6.86815 5.13354 5.13354 6.86801 5.13354 9.00004C5.13354 11.1319 6.86815 12.8665 9.00004 12.8665C11.1321 12.8665 12.8665 11.1319 12.8665 9.00004C12.8665 6.86801 11.1321 5.13354 9.00004 5.13354Z' fill='%23232B55'/%3E%3C/svg%3E%0A");
243
-
244
- &:hover {
245
- background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1275 0H4.87243C2.18573 0 0 2.18573 0 4.87243V13.1277C0 15.8142 2.18573 18 4.87243 18H13.1277C15.8142 18 18 15.8142 18 13.1277V4.87243C18 2.18573 15.8142 0 13.1275 0V0ZM8.99998 13.9217C6.28609 13.9217 4.07826 11.7139 4.07826 8.99998C4.07826 6.28609 6.28609 4.07826 8.99998 4.07826C11.7139 4.07826 13.9217 6.28609 13.9217 8.99998C13.9217 11.7139 11.7139 13.9217 8.99998 13.9217ZM14.0394 5.23896C13.2374 5.23896 12.5851 4.58665 12.5851 3.78465C12.5851 2.98265 13.2374 2.3302 14.0394 2.3302C14.8414 2.3302 15.4939 2.98265 15.4939 3.78465C15.4939 4.58665 14.8414 5.23896 14.0394 5.23896Z' fill='%23FFCC00'/%3E%3Cpath d='M9.00004 5.13354C6.86815 5.13354 5.13354 6.86801 5.13354 9.00004C5.13354 11.1319 6.86815 12.8665 9.00004 12.8665C11.1321 12.8665 12.8665 11.1319 12.8665 9.00004C12.8665 6.86801 11.1321 5.13354 9.00004 5.13354Z' fill='%23FFCC00'/%3E%3C/svg%3E%0A");
246
- }
247
- }
248
-
249
- &.fb {
250
- background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='20' height='20' fill='url(%23pattern0)'/%3E%3Cmask id='mask0' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='url(%23pattern1)'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Crect width='20' height='20' fill='%23232B55'/%3E%3C/g%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0' transform='scale(0.0078125)'/%3E%3C/pattern%3E%3Cpattern id='pattern1' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0' transform='scale(0.0078125)'/%3E%3C/pattern%3E%3Cimage id='image0' width='128' height='128' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAABOlJREFUeAHtnTtoVEEYRrNGUHyA4gNF0EZ8gZ0IPgqNYGFlp7UI2opgJ7Y2QkALsdPORhDsBSsbQRBstBR84AMUxEKI30gWbpHE2ezOPeM/38C4m+zsfDP/OXt3s3sTB3Nzc1NuC1dgMBis0i1H1Y+pb1ffor65c5mur1RPbVjIxS6XGnNaHJ79naXnf4aL7zm2zjgBn9bKDqmfUp9RT+BXq+e0wfyg4WXOfYZjVgyv9H1pAVRxgU+QL6hfU9+l3kxrWgCBXyvSl9WvqqdDfHOtWQEE/6Jo31Tf1Bz1zoabE0Dg0wu7O+pJgOZbUwII/g4Rf6R+uHny8wXAXn32DUDw049zL9QNv1P8Jo4Agr9be36ivrGzd19VBcIfAQR/vfb5WN3wF1A+tACCn96UeaB+YIG9+1uqQGgBtL8b6mdNevEKhBVAD/792vb1xbfuW1IFwgqgvSX4kfeX+I3dQhZIj/59qsy5savTwAQhBRA3P/oz5Q0ngB79e7X385n7b35YOAFE9JJ6xH0VkTViodLJHG6ZFQglgA7/6RStg5l79zBVIJQA2s9J9eWcktWsDNE+DCIO/59kz9tOf6PrH0Y06uWI4yc2PJoAMxOrzNIT/dDN6aSSWZ3NmwT4b9sgymnhev5Pn/p974HEK2WcUd3e9ZBVPCLSEWBr8WpNTSXoxwW/D9F62E6sF4HplzZKt1uR4KdiRfopoLQAX1Sve6UN63v+SAKk9wBKttt69P8sGUDMHUmA0keA5wSg0pkWIL/C7/OH/j8jIwmwrnDZLUDhAo87fcm3gH9rcZ/HXWCN9490BChZ3696ATj8vf+SOb3PbQHySh4Sftq6BcgTIOwoCxAWbd7GLEBencKOsgBh0eZtzALk1SnsKAsQFm3exixAXp3CjrIAYdHmbcwC5NUp7CgLEBZt3sYsQF6dwo6yAGHR5m0MOytYp3Gv0RJ35i0za9SGrFHLGzSt9aa/OVCifdQHjd9KTJwzJ/Z7ASroCS3wac4ig4+5IgFmqT36KYCqfCW5FqASENQyLABV+UpyLUAlIKhlWACq8pXkWoBKQFDLsABU5SvJtQCVgKCWYQGoyleSawEqAUEtwwJQla8k1wJUAoJahgWgKl9JrgWoBAS1DAtAVb6SXAtQCQhqGRaAqnwluRagEhDUMiwAVflKci1AJSCoZVgAqvKV5GKnhWv/6W/q359gHY5orj0TnK871S998bD7jQlefz3BuUaeCjstfOSV/uMOOs38roak/zCqREvn7m8rMTE9p58CaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJw/h/UKmhOavZ7wwAAAABJRU5ErkJggg=='/%3E%3C/defs%3E%3C/svg%3E%0A");
250
+ .form-wrapper{
251
+ margin: 16px 0;
252
+ width: 49vw;
253
+ max-width: 650px;
254
+ border-bottom: 1px solid #232b55;
255
+ display: flex;
256
+ align-items: center;
257
+ margin-left: 240px;
251
258
 
252
- &:hover {
253
- background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='20' height='20' fill='url(%23pattern0)'/%3E%3Cmask id='mask0' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='url(%23pattern1)'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Crect width='20' height='20' fill='%23FFCC00'/%3E%3C/g%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0' transform='scale(0.0078125)'/%3E%3C/pattern%3E%3Cpattern id='pattern1' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0' transform='scale(0.0078125)'/%3E%3C/pattern%3E%3Cimage id='image0' width='128' height='128' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAABOlJREFUeAHtnTtoVEEYRrNGUHyA4gNF0EZ8gZ0IPgqNYGFlp7UI2opgJ7Y2QkALsdPORhDsBSsbQRBstBR84AMUxEKI30gWbpHE2ezOPeM/38C4m+zsfDP/OXt3s3sTB3Nzc1NuC1dgMBis0i1H1Y+pb1ffor65c5mur1RPbVjIxS6XGnNaHJ79naXnf4aL7zm2zjgBn9bKDqmfUp9RT+BXq+e0wfyg4WXOfYZjVgyv9H1pAVRxgU+QL6hfU9+l3kxrWgCBXyvSl9WvqqdDfHOtWQEE/6Jo31Tf1Bz1zoabE0Dg0wu7O+pJgOZbUwII/g4Rf6R+uHny8wXAXn32DUDw049zL9QNv1P8Jo4Agr9be36ivrGzd19VBcIfAQR/vfb5WN3wF1A+tACCn96UeaB+YIG9+1uqQGgBtL8b6mdNevEKhBVAD/792vb1xbfuW1IFwgqgvSX4kfeX+I3dQhZIj/59qsy5savTwAQhBRA3P/oz5Q0ngB79e7X385n7b35YOAFE9JJ6xH0VkTViodLJHG6ZFQglgA7/6RStg5l79zBVIJQA2s9J9eWcktWsDNE+DCIO/59kz9tOf6PrH0Y06uWI4yc2PJoAMxOrzNIT/dDN6aSSWZ3NmwT4b9sgymnhev5Pn/p974HEK2WcUd3e9ZBVPCLSEWBr8WpNTSXoxwW/D9F62E6sF4HplzZKt1uR4KdiRfopoLQAX1Sve6UN63v+SAKk9wBKttt69P8sGUDMHUmA0keA5wSg0pkWIL/C7/OH/j8jIwmwrnDZLUDhAo87fcm3gH9rcZ/HXWCN9490BChZ3696ATj8vf+SOb3PbQHySh4Sftq6BcgTIOwoCxAWbd7GLEBencKOsgBh0eZtzALk1SnsKAsQFm3exixAXp3CjrIAYdHmbcwC5NUp7CgLEBZt3sYsQF6dwo6yAGHR5m0MOytYp3Gv0RJ35i0za9SGrFHLGzSt9aa/OVCifdQHjd9KTJwzJ/Z7ASroCS3wac4ig4+5IgFmqT36KYCqfCW5FqASENQyLABV+UpyLUAlIKhlWACq8pXkWoBKQFDLsABU5SvJtQCVgKCWYQGoyleSawEqAUEtwwJQla8k1wJUAoJahgWgKl9JrgWoBAS1DAtAVb6SXAtQCQhqGRaAqnwluRagEhDUMiwAVflKci1AJSCoZVgAqvKV5GKnhWv/6W/q359gHY5orj0TnK871S998bD7jQlefz3BuUaeCjstfOSV/uMOOs38roak/zCqREvn7m8rMTE9p58CaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJwvgWAAdDxFoAmAOdbABgAHW8BaAJw/h/UKmhOavZ7wwAAAABJRU5ErkJggg=='/%3E%3C/defs%3E%3C/svg%3E%0A");
254
- }
259
+ @media (max-width: 768px) {
260
+ width: 100%;
261
+ margin: 16px 20px;
255
262
  }
256
263
 
257
- &.vk {
258
- background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='20' height='20' fill='url(%23pattern0)'/%3E%3Cmask id='mask0' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='url(%23pattern1)'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Crect width='20' height='20' fill='%23232B55'/%3E%3C/g%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0' transform='scale(0.0078125)'/%3E%3C/pattern%3E%3Cpattern id='pattern1' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0' transform='scale(0.0078125)'/%3E%3C/pattern%3E%3Cimage id='image0' width='128' height='128' xlink:href='data:image/png;base64,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'/%3E%3C/defs%3E%3C/svg%3E%0A");
259
-
260
- &:hover {
261
- background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='20' height='20' fill='url(%23pattern0)'/%3E%3Cmask id='mask0' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='url(%23pattern1)'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Crect width='20' height='20' fill='%23FFCC00'/%3E%3C/g%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0' transform='scale(0.0078125)'/%3E%3C/pattern%3E%3Cpattern id='pattern1' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0' transform='scale(0.0078125)'/%3E%3C/pattern%3E%3Cimage id='image0' width='128' height='128' xlink:href='data:image/png;base64,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'/%3E%3C/defs%3E%3C/svg%3E%0A");
262
- }
264
+ form, input{
265
+ width: 100%;
266
+ height: calc(100% - 1px);
267
+ font-size: 16px;
263
268
  }
264
269
  }
265
- }
266
-
267
- .language {
268
- display: flex;
269
- width: 110px;
270
- height: 32px;
271
- border: 2px solid #232B55;
272
- border-radius: 8px;
273
- font-size: 16px;
274
- line-height: 24px;
275
- color: #232B55;
276
- text-transform: uppercase;
277
- position: relative;
278
270
 
279
- @media (max-width: 930px) {
280
- display: none;
271
+ &.active {
272
+ display: flex;
281
273
  }
282
274
 
283
- a {
284
- display: flex;
285
- align-items: center;
286
- justify-content: center;
287
- color: #232B55;
288
- border-radius: 5px;
289
- width: 50%;
290
- font-family: "FuturaMedium";
275
+ .search-img {
291
276
  cursor: pointer;
292
- position: relative;
293
-
294
- &.active {
295
- font-weight: bold;
296
- color: #fff;
297
- background: #232B55;
298
- }
299
- }
277
+ }
300
278
  }
301
279
  }
302
280
 
303
281
  .mobile-menu {
304
282
  display: none;
305
283
 
306
- @media (max-width: 930px) {
284
+ @media (max-width: 1199px) {
307
285
  display: none !important;
308
286
  flex-direction: column;
309
287
  align-items: center;
@@ -357,8 +335,6 @@ header.header-gorchakov {
357
335
  height: 32px;
358
336
  font-size: 16px;
359
337
  line-height: 24px;
360
- border: 2px solid #232B55;
361
- border-radius: 8px;
362
338
  margin-bottom: 40px;
363
339
 
364
340
  div {
@@ -408,54 +384,215 @@ header.header-gorchakov {
408
384
  }
409
385
  }
410
386
  }
387
+ }
388
+ }
411
389
 
412
- .mobile-network {
413
- display: flex;
414
- justify-content: space-between;
390
+ .auth-container{
391
+ display: flex;
392
+ align-items: center;
393
+ justify-content: end;
394
+
395
+ @media (min-width: 1200px) {
396
+ width: 300px;
397
+ }
398
+
399
+ @media (max-width: 575px) {
400
+ position: absolute;
401
+ top: 70px;
402
+ right: 20px;
403
+ }
404
+
405
+ .login-button-container {
406
+ display: inline-block;
407
+
408
+ &__wrapper {
409
+ border-radius: 16px;
410
+ box-sizing: border-box;
411
+ border: 1px solid var(--Main1);
412
+ text-align: center;
413
+ display: flex;
414
+ align-items: center;
415
+ justify-content: center;
416
+ cursor: pointer;
417
+ height: 40px;
418
+ font-weight: bold;
419
+ width: 78px;
420
+ line-height: 40px;
421
+
422
+ &:hover {
423
+ background-color: var(--Main1);
424
+ border-color: transparent;
425
+
426
+ .login-button {
427
+ color: #fff;
428
+ }
429
+ }
430
+
431
+ .login-button {
432
+ color: var(--Main1);
433
+ font-size: 14px;
415
434
  width: 100%;
416
- max-width: 240px;
417
- margin: 20px auto 60px auto;
435
+ }
436
+ }
437
+
438
+ &.header--light {
439
+ .login-button-container__wrapper {
440
+ border-color: #fff;
441
+
442
+ &:hover {
443
+ border-color: transparent;
444
+ background-color: #fff;
445
+
446
+ .login-button {
447
+ color: var(--Main1);
448
+ }
449
+ }
450
+
451
+ .login-button {
452
+ color: white;
453
+ }
454
+ }
455
+ }
456
+ }
418
457
 
419
- a {
420
- background-repeat: no-repeat !important;
421
- background-size: contain !important;
422
- background-position: center center !important;
423
- width: 20px;
424
- height: 20px;
458
+ .auth-nav-menu-container {
459
+ display: inline-block;
460
+ cursor: pointer;
461
+ position: relative;
425
462
 
426
- &.yt {
427
- background-image: url("../img/yt.svg");
463
+ @media(max-width: 575px) {
464
+ line-height: 36px;
428
465
 
429
- &:hover {
430
- background-image: url("../img/ytH.svg");
431
- }
432
- }
466
+ .auth-nav-menu {
467
+ top: 132px;
468
+ }
469
+ }
433
470
 
434
- &.ig {
435
- background-image: url("../img/inst.svg");
471
+ .login-user__wrapper {
472
+ @media(max-width: 575px) {
473
+ width: 38px;
474
+ }
436
475
 
437
- &:hover {
438
- background-image: url("../img/instH.svg");
476
+ .header{
477
+ &__top {
478
+ padding: 0 0 25px;
479
+ position: relative;
480
+ display: flex;
481
+ align-items: flex-end;
482
+ justify-content: space-between;
483
+
484
+ @media (max-width: 575px) {
485
+ display: block;
486
+ padding: 0 0 10px;
439
487
  }
440
- }
488
+
489
+ &-expert {
490
+ display: inline-block;
491
+ width: 230px;
492
+ padding: 0px 60px 0 0;
493
+ position: relative;
494
+ text-align: left;
495
+
496
+ @media (max-width: 575px) {
497
+ width: 38px;
498
+ padding: 38px 0 0 0;
499
+ }
500
+
501
+ &-icon {
502
+ position: absolute;
503
+ right: 0;
504
+ top: 50%;
505
+ transform: translateY(-50%);
506
+ width: 38px;
507
+ height: 38px;
508
+ line-height: 42px;
509
+
510
+ @media (max-width: 575px) {
511
+ top: 0;
512
+ width: 38px;
513
+ height: 38px;
514
+ line-height: 35px;
515
+ left: 0;
516
+ transform: none;
517
+ }
441
518
 
442
- &.fb {
443
- background-image: url("../img/fb.svg");
444
-
445
- &:hover {
446
- background-image: url("../img/fbH.svg");
519
+ svg {
520
+ max-width: 30px;
521
+ max-height: 30px;
522
+ stroke: rgba(58, 58, 58, 0.8);
523
+
524
+ @media (max-width: 575px) {
525
+ max-width: 30px;
526
+ max-height: 30px;
527
+ }
528
+ }
529
+ }
530
+
531
+ &-title {
532
+ font-size: 12px;
533
+ line-height: 14px;
534
+ display: block;
535
+ color: var(--Main1);
536
+
537
+ @media (max-width: 575px) {
538
+ display: none;
539
+ }
540
+ }
541
+
542
+ &-email {
543
+ font-size: 16px;
544
+ line-height: 18px;
545
+ display: block;
546
+ color: var(--Main1);
547
+ white-space: nowrap;
548
+
549
+ @media (max-width: 575px) {
550
+ display: none;
551
+ }
552
+ }
447
553
  }
448
554
  }
555
+ }
556
+ }
449
557
 
450
- &.vk {
451
- background-image: url("../img/vk.svg");
558
+ .auth-nav-menu {
559
+ position: absolute;
560
+ right: 0;
561
+ top: 32px;
562
+ z-index: 100;
563
+ background-color: #fff;
564
+ box-shadow: var(--secondary_shadow);
565
+ border-radius: 8px;
566
+ overflow: hidden;
567
+ width: 250px;
452
568
 
453
- &:hover {
454
- background-image: url("../img/vkH.svg");
455
- }
569
+ @media(max-width: 575px) {
570
+ top: 40px;
571
+ right: 16px;
572
+ }
573
+
574
+ &__item {
575
+ width: 100%;
576
+ height: 38px;
577
+ background-color: white;
578
+
579
+ &:hover {
580
+ background-color: var(--Bg2);
581
+ }
582
+
583
+ .nav-menu-text-link {
584
+ font-size: 19px;
585
+ line-height: 120%;
586
+ color: var(--Main1);
587
+ width: 100%;
588
+ height: 100%;
589
+ display: flex;
590
+ justify-content: center;
591
+ align-items: center;
592
+ text-align: center;
456
593
  }
457
594
  }
458
595
  }
459
- }
460
- }
596
+ }
597
+ }
461
598
  }
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "2.0.1103",
2
+ "version": "2.0.1104",
3
3
  "name": "ros.grant.common",
4
4
  "private": false,
5
5
  "description": "Collection of static files used by RosGrant awesome team",