1/*!
  2 * Start Bootstrap - Grayscale v3.3.7+1 (http://startbootstrap.com/template-overviews/grayscale)
  3 * Copyright 2013-2016 Start Bootstrap
  4 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
  5 */
  6
  7 /*
  8 original
  9verd #42DCA3
 10verd fosc #1d9b6c
 11
 12canviat
 13groc rgb(61,235,214)
 14cyan fosc #64acbc
 15
 16fons fosc #21252b
 17fons més fosc #1B1E23
 18fons fosquissim #070a0f
 19 */
 20body {
 21  width: 100%;
 22  height: 100%;
 23  font-family: 'Roboto Slab', serif;
 24  color: black;
 25  /*background-color: #0E1218;*/
 26  background-color: white;
 27}
 28html {
 29  width: 100%;
 30  height: 100%;
 31}
 32h1,
 33h2,
 34h3,
 35h4,
 36h5,
 37h6 {
 38  margin: 0 0 35px;
 39  /*text-transform: uppercase;*/
 40  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
 41  font-weight: 700;
 42  letter-spacing: 1px;
 43}
 44p {
 45  margin: 0 0 25px;
 46  font-size: 18px;
 47  line-height: 1.5;
 48}
 49@media (min-width: 768px) {
 50  p {
 51    margin: 0 0 35px;
 52    font-size: 20px;
 53    line-height: 1.6;
 54  }
 55}
 56a {
 57  color: #B39DDB;
 58  -webkit-transition: all 0.2s ease-in-out;
 59  -moz-transition: all 0.2s ease-in-out;
 60  transition: all 0.2s ease-in-out;
 61}
 62a:hover,
 63a:focus {
 64  text-decoration: none;
 65  color: #633ea8;
 66}
 67.light {
 68  font-weight: 400;
 69}
 70.navbar-custom {
 71  margin-bottom: 0;
 72  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
 73  text-transform: uppercase;
 74  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
 75  /*background-color: black;*/
 76}
 77.navbar-custom .navbar-toggle {
 78  color: white;
 79  background-color: rgba(255, 255, 255, 0.2);
 80  font-size: 12px;
 81}
 82.navbar-custom .navbar-toggle:focus,
 83.navbar-custom .navbar-toggle:active {
 84  outline: none;
 85}
 86.navbar-custom .navbar-brand {
 87  font-weight: 700;
 88}
 89.navbar-custom .navbar-brand:focus {
 90  outline: none;
 91}
 92.navbar-custom a {
 93  color: black;
 94}
 95.navbar-custom .nav li a {
 96  -webkit-transition: background 0.3s ease-in-out;
 97  -moz-transition: background 0.3s ease-in-out;
 98  transition: background 0.3s ease-in-out;
 99}
100.navbar-custom .nav li a:hover {
101  color: rgba(255, 255, 255, 0.8);
102  outline: none;
103  background-color: transparent;
104}
105.navbar-custom .nav li a:focus,
106.navbar-custom .nav li a:active {
107  outline: none;
108  background-color: transparent;
109}
110.navbar-custom .nav li.active {
111  outline: none;
112}
113.navbar-custom .nav li.active a {
114  background-color: rgba(255, 255, 255, 0.3);
115}
116.navbar-custom .nav li.active a:hover {
117  color: white;
118}
119@media (min-width: 768px) {
120  .navbar-custom {
121    padding: 20px 0;
122    border-bottom: none;
123    letter-spacing: 1px;
124    background: transparent;
125    -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
126    -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
127    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
128  }
129  .navbar-custom.top-nav-collapse {
130    padding: 0;
131    background: white;
132    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
133  }
134}
135.intro {
136  display: table;
137  width: 100%;
138  height: auto;
139  padding: 100px 0;
140  text-align: center;
141  color: white;
142
143  background-color: black;
144}
145.intro .intro-body {
146  display: table-cell;
147  vertical-align: middle;
148}
149.intro .intro-body .brand-heading {
150  font-size: 40px;
151}
152.intro .intro-body .intro-text {
153  font-size: 18px;
154}
155@media (min-width: 768px) {
156  .intro {
157    height: 100%;
158    padding: 0;
159  }
160  .intro .intro-body .brand-heading {
161    font-size: 100px;
162  }
163  .intro .intro-body .intro-text {
164    font-size: 26px;
165  }
166}
167.btn-circle {
168  width: 70px;
169  height: 70px;
170  margin-top: 15px;
171  padding: 7px 16px;
172  border: 2px solid white;
173  border-radius: 100% !important;
174  font-size: 40px;
175  color: white;
176  background: transparent;
177  -webkit-transition: background 0.3s ease-in-out;
178  -moz-transition: background 0.3s ease-in-out;
179  transition: background 0.3s ease-in-out;
180}
181.btn-circle:hover,
182.btn-circle:focus {
183  outline: none;
184  color: white;
185  background: rgba(255, 255, 255, 0.1);
186}
187.btn-circle i.animated {
188  -webkit-transition-property: -webkit-transform;
189  -webkit-transition-duration: 1s;
190  -moz-transition-property: -moz-transform;
191  -moz-transition-duration: 1s;
192}
193.btn-circle:hover i.animated {
194  -webkit-animation-name: pulse;
195  -moz-animation-name: pulse;
196  -webkit-animation-duration: 1.5s;
197  -moz-animation-duration: 1.5s;
198  -webkit-animation-iteration-count: infinite;
199  -moz-animation-iteration-count: infinite;
200  -webkit-animation-timing-function: linear;
201  -moz-animation-timing-function: linear;
202}
203@-webkit-keyframes pulse {
204  0% {
205    -webkit-transform: scale(1);
206    transform: scale(1);
207  }
208  50% {
209    -webkit-transform: scale(1.2);
210    transform: scale(1.2);
211  }
212  100% {
213    -webkit-transform: scale(1);
214    transform: scale(1);
215  }
216}
217@-moz-keyframes pulse {
218  0% {
219    -moz-transform: scale(1);
220    transform: scale(1);
221  }
222  50% {
223    -moz-transform: scale(1.2);
224    transform: scale(1.2);
225  }
226  100% {
227    -moz-transform: scale(1);
228    transform: scale(1);
229  }
230}
231.content-section {
232  padding-top: 100px;
233}
234.download-section {
235  width: 100%;
236  padding: 50px 0;
237  color: white;
238
239
240  background-color: black;
241
242}
243#map {
244  width: 100%;
245  height: 200px;
246  margin-top: 100px;
247}
248@media (min-width: 767px) {
249  .content-section {
250    padding-top: 250px;
251  }
252  .download-section {
253    padding: 100px 0;
254  }
255  #map {
256    height: 400px;
257    margin-top: 250px;
258  }
259}
260.btn {
261  text-transform: uppercase;
262  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
263  font-weight: 400;
264  -webkit-transition: all 0.3s ease-in-out;
265  -moz-transition: all 0.3s ease-in-out;
266  transition: all 0.3s ease-in-out;
267  border-radius: 0;
268}
269.btn-default {
270  border: 1px solid #B39DDB;
271  color: #B39DDB;
272  background-color: transparent;
273}
274.btn-default:hover,
275.btn-default:focus {
276  border: 1px solid #B39DDB;
277  outline: none;
278  color: black;
279  background-color: #B39DDB;
280}
281ul.banner-social-buttons {
282  margin-top: 0;
283}
284@media (max-width: 1199px) {
285  ul.banner-social-buttons {
286    margin-top: 15px;
287  }
288}
289@media (max-width: 767px) {
290  ul.banner-social-buttons li {
291    display: block;
292    margin-bottom: 20px;
293    padding: 0;
294  }
295  ul.banner-social-buttons li:last-child {
296    margin-bottom: 0;
297  }
298}
299footer {
300  padding: 50px 0;
301}
302footer p {
303  margin: 0;
304}
305::-moz-selection {
306  text-shadow: none;
307  background: #fcfcfc;
308  background: rgba(255, 255, 255, 0.2);
309}
310::selection {
311  text-shadow: none;
312  background: #fcfcfc;
313  background: rgba(255, 255, 255, 0.2);
314}
315img::selection {
316  background: transparent;
317}
318img::-moz-selection {
319  background: transparent;
320}
321body {
322  webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
323}