1
+ /*!
2
+ * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
3
+ * Code licensed under the Apache License v2.0.
4
+ * For details, see http://www.apache.org/licenses/LICENSE-2.0.
5
+ */
6
+
7
+ body {
8
+ width : 100% ;
9
+ height : 100% ;
10
+ font-family : Lora, "Helvetica Neue" , Helvetica, Arial, sans-serif;
11
+ color : # fff ;
12
+ background-color : # 000 ;
13
+ }
14
+
15
+ html {
16
+ width : 100% ;
17
+ height : 100% ;
18
+ }
19
+
20
+ h1 ,
21
+ h2 ,
22
+ h3 ,
23
+ h4 ,
24
+ h5 ,
25
+ h6 {
26
+ margin : 0 0 35px ;
27
+ text-transform : uppercase;
28
+ font-family : Montserrat, "Helvetica Neue" , Helvetica, Arial, sans-serif;
29
+ font-weight : 700 ;
30
+ letter-spacing : 1px ;
31
+ }
32
+
33
+ p {
34
+ margin : 0 0 25px ;
35
+ font-size : 18px ;
36
+ line-height : 1.5 ;
37
+ }
38
+
39
+ @media (min-width : 767px ) {
40
+ p {
41
+ margin : 0 0 35px ;
42
+ font-size : 20px ;
43
+ line-height : 1.6 ;
44
+ }
45
+ }
46
+
47
+ a {
48
+ color : # 219ab3 ;
49
+ -webkit-transition : all .2s ease-in-out;
50
+ -moz-transition : all .2s ease-in-out;
51
+ transition : all .2s ease-in-out;
52
+ }
53
+
54
+ a : hover ,
55
+ a : focus {
56
+ text-decoration : none;
57
+ color : # 11505d ;
58
+ }
59
+
60
+ .light {
61
+ font-weight : 400 ;
62
+ }
63
+
64
+ .navbar-custom {
65
+ margin-bottom : 0 ;
66
+ border-bottom : 1px solid rgba (255 , 255 , 255 , .3 );
67
+ text-transform : uppercase;
68
+ font-family : Montserrat, "Helvetica Neue" , Helvetica, Arial, sans-serif;
69
+ background-color : # 000 ;
70
+ }
71
+
72
+ .navbar-custom .navbar-brand {
73
+ font-weight : 700 ;
74
+ }
75
+
76
+ .navbar-custom .navbar-brand : focus {
77
+ outline : 0 ;
78
+ }
79
+
80
+ .navbar-custom .navbar-brand .navbar-toggle {
81
+ padding : 4px 6px ;
82
+ font-size : 16px ;
83
+ color : # fff ;
84
+ }
85
+
86
+ .navbar-custom .navbar-brand .navbar-toggle : focus ,
87
+ .navbar-custom .navbar-brand .navbar-toggle : active {
88
+ outline : 0 ;
89
+ }
90
+
91
+ .navbar-custom a {
92
+ color : # fff ;
93
+ }
94
+
95
+ .navbar-custom .nav li .active {
96
+ outline : nonte;
97
+ background-color : rgba (255 , 255 , 255 , .3 );
98
+ }
99
+
100
+ .navbar-custom .nav li a {
101
+ -webkit-transition : background .3s ease-in-out;
102
+ -moz-transition : background .3s ease-in-out;
103
+ transition : background .3s ease-in-out;
104
+ }
105
+
106
+ .navbar-custom .nav li a : hover ,
107
+ .navbar-custom .nav li a : focus ,
108
+ .navbar-custom .nav li a .active {
109
+ outline : 0 ;
110
+ background-color : rgba (255 , 255 , 255 , .3 );
111
+ }
112
+
113
+ @media (min-width : 767px ) {
114
+ .navbar {
115
+ padding : 20px 0 ;
116
+ border-bottom : 0 ;
117
+ letter-spacing : 1px ;
118
+ background : 0 0 ;
119
+ -webkit-transition : background .5s ease-in-out, padding .5s ease-in-out;
120
+ -moz-transition : background .5s ease-in-out, padding .5s ease-in-out;
121
+ transition : background .5s ease-in-out, padding .5s ease-in-out;
122
+ }
123
+
124
+ .top-nav-collapse {
125
+ padding : 0 ;
126
+ background-color : # 000 ;
127
+ }
128
+
129
+ .navbar-custom .top-nav-collapse {
130
+ border-bottom : 1px solid rgba (255 , 255 , 255 , .3 );
131
+ }
132
+ }
133
+
134
+ .intro {
135
+ display : table;
136
+ width : 100% ;
137
+ height : auto;
138
+ padding : 100px 0 ;
139
+ text-align : center;
140
+ color : # fff ;
141
+ background : url(../ img/intro-bg.jpg) no-repeat bottom center scroll;
142
+ background-color : # 000 ;
143
+ -webkit-background-size : cover;
144
+ -moz-background-size : cover;
145
+ background-size : cover;
146
+ -o-background-size : cover;
147
+ }
148
+
149
+ .intro .intro-body {
150
+ display : table-cell;
151
+ vertical-align : middle;
152
+ }
153
+
154
+ .intro .intro-body .brand-heading {
155
+ font-size : 40px ;
156
+ }
157
+
158
+ .intro .intro-body .intro-text {
159
+ font-size : 18px ;
160
+ }
161
+
162
+ @media (min-width : 767px ) {
163
+ .intro {
164
+ height : 100% ;
165
+ padding : 0 ;
166
+ }
167
+
168
+ .intro .intro-body .brand-heading {
169
+ font-size : 100px ;
170
+ }
171
+
172
+ .intro .intro-body .intro-text {
173
+ font-size : 25px ;
174
+ }
175
+ }
176
+
177
+ .btn-circle {
178
+ width : 70px ;
179
+ height : 70px ;
180
+ margin-top : 15px ;
181
+ padding : 7px 16px ;
182
+ border : 2px solid # fff ;
183
+ border-radius : 35px ;
184
+ font-size : 40px ;
185
+ color : # fff ;
186
+ background : 0 0 ;
187
+ -webkit-transition : background .3s ease-in-out;
188
+ -moz-transition : background .3s ease-in-out;
189
+ transition : background .3s ease-in-out;
190
+ }
191
+
192
+ .btn-circle : hover ,
193
+ .btn-circle : focus {
194
+ outline : 0 ;
195
+ color : # fff ;
196
+ background : rgba (255 , 255 , 255 , .1 );
197
+ }
198
+
199
+ .btn-circle i .animated {
200
+ -webkit-transition-property : -webkit-transform;
201
+ -webkit-transition-duration : 1s ;
202
+ -moz-transition-property : -moz-transform;
203
+ -moz-transition-duration : 1s ;
204
+ }
205
+
206
+ .btn-circle : hover i .animated {
207
+ -webkit-animation-name : pulse;
208
+ -moz-animation-name : pulse;
209
+ -webkit-animation-duration : 1.5s ;
210
+ -moz-animation-duration : 1.5s ;
211
+ -webkit-animation-iteration-count : infinite;
212
+ -moz-animation-iteration-count : infinite;
213
+ -webkit-animation-timing-function : linear;
214
+ -moz-animation-timing-function : linear;
215
+ }
216
+
217
+ @-webkit-keyframes pulse {
218
+ 0 {
219
+ -webkit-transform : scale (1 );
220
+ transform : scale (1 );
221
+ }
222
+
223
+ 50% {
224
+ -webkit-transform : scale (1.2 );
225
+ transform : scale (1.2 );
226
+ }
227
+
228
+ 100% {
229
+ -webkit-transform : scale (1 );
230
+ transform : scale (1 );
231
+ }
232
+ }
233
+
234
+ @-moz-keyframes pulse {
235
+ 0 {
236
+ -moz-transform : scale (1 );
237
+ transform : scale (1 );
238
+ }
239
+
240
+ 50% {
241
+ -moz-transform : scale (1.2 );
242
+ transform : scale (1.2 );
243
+ }
244
+
245
+ 100% {
246
+ -moz-transform : scale (1 );
247
+ transform : scale (1 );
248
+ }
249
+ }
250
+
251
+ .content-section {
252
+ padding-top : 100px ;
253
+ }
254
+
255
+ .download-section {
256
+ width : 100% ;
257
+ padding : 50px 0 ;
258
+ color : # fff ;
259
+ background : url(../ img/downloads-bg.jpg) no-repeat center center scroll;
260
+ background-color : # 000 ;
261
+ -webkit-background-size : cover;
262
+ -moz-background-size : cover;
263
+ background-size : cover;
264
+ -o-background-size : cover;
265
+ }
266
+
267
+ # map {
268
+ width : 100% ;
269
+ height : 200px ;
270
+ margin-top : 100px ;
271
+ }
272
+
273
+ @media (min-width : 767px ) {
274
+ .content-section {
275
+ padding-top : 250px ;
276
+ }
277
+
278
+ .download-section {
279
+ padding : 100px 0 ;
280
+ }
281
+
282
+ # map {
283
+ height : 400px ;
284
+ margin-top : 250px ;
285
+ }
286
+ }
287
+
288
+ .btn {
289
+ text-transform : uppercase;
290
+ font-family : Montserrat, "Helvetica Neue" , Helvetica, Arial, sans-serif;
291
+ font-weight : 400 ;
292
+ -webkit-transition : all .3s ease-in-out;
293
+ -moz-transition : all .3s ease-in-out;
294
+ transition : all .3s ease-in-out;
295
+ }
296
+
297
+ .btn-default {
298
+ border : 1px solid # 219ab3 ;
299
+ color : # 219ab3 ;
300
+ background-color : transparent;
301
+ }
302
+
303
+ .btn-default : hover ,
304
+ .btn-default : focus {
305
+ border : 1px solid # 219ab3 ;
306
+ outline : 0 ;
307
+ color : # 000 ;
308
+ background-color : # 219ab3 ;
309
+ }
310
+
311
+ ul .banner-social-buttons {
312
+ margin-top : 0 ;
313
+ }
314
+
315
+ @media (max-width : 1199px ) {
316
+ ul .banner-social-buttons {
317
+ margin-top : 15px ;
318
+ }
319
+ }
320
+
321
+ @media (max-width : 767px ) {
322
+ ul .banner-social-buttons li {
323
+ display : block;
324
+ margin-bottom : 20px ;
325
+ padding : 0 ;
326
+ }
327
+
328
+ ul .banner-social-buttons li : last-child {
329
+ margin-bottom : 0 ;
330
+ }
331
+ }
332
+
333
+ footer {
334
+ padding : 50px 0 ;
335
+ }
336
+
337
+ footer p {
338
+ margin : 0 ;
339
+ }
340
+
341
+ ::-moz-selection {
342
+ text-shadow : none;
343
+ background : # fcfcfc ;
344
+ background : rgba (255 , 255 , 255 , .2 );
345
+ }
346
+
347
+ ::selection {
348
+ text-shadow : none;
349
+ background : # fcfcfc ;
350
+ background : rgba (255 , 255 , 255 , .2 );
351
+ }
352
+
353
+ img ::selection {
354
+ background : 0 0 ;
355
+ }
356
+
357
+ img ::-moz-selection {
358
+ background : 0 0 ;
359
+ }
360
+
361
+ body {
362
+ webkit-tap-highlight-color : rgba (255 , 255 , 255 , .2 );
363
+ }
0 commit comments