SocialNetwork

1
@charset 'UTF-8';
2
/* Slider */
3
.slick-loading .slick-list
4
{
5
    background: #fff url('./ajax-loader.gif') center center no-repeat;
6
}
7

8
/* Icons */
9
@font-face
10
{
11
    font-family: 'slick';
12
    font-weight: normal;
13
    font-style: normal;
14

15
    src: url('../fonts/slick.eot');
16
    src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');
17
}
18
/* Arrows */
19
.slick-prev,
20
.slick-next
21
{
22
    font-size: 0;
23
    line-height: 0;
24

25
    position: absolute;
26
    top: 50%;
27

28
    display: block;
29

30
    width: 20px;
31
    height: 20px;
32
    padding: 0;
33
    -webkit-transform: translate(0, -50%);
34
    -ms-transform: translate(0, -50%);
35
    transform: translate(0, -50%);
36

37
    cursor: pointer;
38

39
    color: transparent;
40
    border: none;
41
    outline: none;
42
    background: transparent;
43
}
44
.slick-prev:hover,
45
.slick-prev:focus,
46
.slick-next:hover,
47
.slick-next:focus
48
{
49
    color: transparent;
50
    outline: none;
51
    background: transparent;
52
}
53
.slick-prev:hover:before,
54
.slick-prev:focus:before,
55
.slick-next:hover:before,
56
.slick-next:focus:before
57
{
58
    opacity: 1;
59
}
60
.slick-prev.slick-disabled:before,
61
.slick-next.slick-disabled:before
62
{
63
    opacity: .25;
64
}
65

66
.slick-prev:before,
67
.slick-next:before
68
{
69
    font-family: 'slick';
70
    font-size: 20px;
71
    line-height: 1;
72

73
    opacity: .75;
74
    color: white;
75

76
    -webkit-font-smoothing: antialiased;
77
    -moz-osx-font-smoothing: grayscale;
78
}
79

80
.slick-prev
81
{
82
    left: -25px;
83
}
84
[dir='rtl'] .slick-prev
85
{
86
    right: -25px;
87
    left: auto;
88
}
89
.slick-prev:before
90
{
91
    content: '←';
92
}
93
[dir='rtl'] .slick-prev:before
94
{
95
    content: '→';
96
}
97

98
.slick-next
99
{
100
    right: -25px;
101
}
102
[dir='rtl'] .slick-next
103
{
104
    right: auto;
105
    left: -25px;
106
}
107
.slick-next:before
108
{
109
    content: '→';
110
}
111
[dir='rtl'] .slick-next:before
112
{
113
    content: '←';
114
}
115

116
/* Dots */
117
.slick-dotted.slick-slider
118
{
119
    margin-bottom: 30px;
120
}
121

122
.slick-dots
123
{
124
    position: absolute;
125
    bottom: -25px;
126

127
    display: block;
128

129
    width: 100%;
130
    padding: 0;
131
    margin: 0;
132

133
    list-style: none;
134

135
    text-align: center;
136
}
137
.slick-dots li
138
{
139
    position: relative;
140

141
    display: inline-block;
142

143
    width: 20px;
144
    height: 20px;
145
    margin: 0 5px;
146
    padding: 0;
147

148
    cursor: pointer;
149
}
150
.slick-dots li button
151
{
152
    font-size: 0;
153
    line-height: 0;
154

155
    display: block;
156

157
    width: 20px;
158
    height: 20px;
159
    padding: 5px;
160

161
    cursor: pointer;
162

163
    color: transparent;
164
    border: 0;
165
    outline: none;
166
    background: transparent;
167
}
168
.slick-dots li button:hover,
169
.slick-dots li button:focus
170
{
171
    outline: none;
172
}
173
.slick-dots li button:hover:before,
174
.slick-dots li button:focus:before
175
{
176
    opacity: 1;
177
}
178
.slick-dots li button:before
179
{
180
    font-family: 'slick';
181
    font-size: 6px;
182
    line-height: 20px;
183

184
    position: absolute;
185
    top: 0;
186
    left: 0;
187

188
    width: 20px;
189
    height: 20px;
190

191
    content: '•';
192
    text-align: center;
193

194
    opacity: .25;
195
    color: black;
196

197
    -webkit-font-smoothing: antialiased;
198
    -moz-osx-font-smoothing: grayscale;
199
}
200
.slick-dots li.slick-active button:before
201
{
202
    opacity: .75;
203
    color: black;
204
}
205