jekyll-theme-mrwooo-solid-state 0.1.9 → 0.1.91

Sign up to get free protection for your applications and to get access to all the features.
Files changed (10) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +5 -2
  3. data/_includes/bottomScripts.html +1 -1
  4. data/_includes/footer.html +1 -3
  5. data/_includes/head.html +66 -66
  6. data/_layouts/default.html +97 -0
  7. data/_layouts/page.html +1 -1
  8. data/_layouts/post.html +2 -2
  9. data/_sass/main.sass +4110 -0
  10. metadata +3 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 172bf1d542f8913f10056fd6bb8e7d0dac701869
4
- data.tar.gz: 9dca2b5f90e43cf9fc8ca8c86cb52642a304e91c
3
+ metadata.gz: 65024d6779200782ff3de84f0ab2097551d23fee
4
+ data.tar.gz: 54897586b846d231e57f700a1e1090a1de0bd447
5
5
  SHA512:
6
- metadata.gz: be065ec2bdff0eecd0f0b0475fcfc9c843e6340ffdfdfd434095a7d3b48f040b29bd05f5ccfee72cb230daa9d5f2b353184e189bc9b368b6ae9eb670e63df44e
7
- data.tar.gz: f2eca476217e2a158db58180d0e819b205f1bbc22e681d9bad8c3bf63658eaabf306eac45ec3e070fec4671804f146e61b6a6415b46a8acd0fdbb6a3a0bb4732
6
+ metadata.gz: e64d2dd1f991a2d9697a2f47bea13be155381f79c191c2823a1eeef335bf21494000e7e97a3badd9636ba0b7f66269b0750567cec4745b61ae0426e916ccb37a
7
+ data.tar.gz: 41aa532ab4f53364fec878a34c13479c45c690d08a93eb2f232444103846b80dc2d32dfab035f1fd4cd81f81d8951d17befffbee828317ee8876f1ec3f4cef01
data/README.md CHANGED
@@ -1,4 +1,4 @@
1
- # Jekill theme MrWooo Solid State
1
+ # Jekill Theme MrWooo Solid State
2
2
 
3
3
  Welcome to your new Jekyll theme! In this directory, you'll find the files you need to be able to package up your theme into a gem. Put your layouts in `_layouts`, your includes in `_includes`, your sass files in `_sass` and any other assets in `assets`.
4
4
 
@@ -120,8 +120,11 @@ Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nulla
120
120
  ```
121
121
 
122
122
  And then execute:
123
+
124
+ ```
123
125
  $ bundle exec jekyll serve
124
-
126
+ ```
127
+
125
128
  done!
126
129
 
127
130
  ## Contributing
data/_includes/bottomScripts.html CHANGED
@@ -4,6 +4,6 @@
4
4
  <script src="{{ "/assets/js/breakpoints.min.js" | prepend: site.url }}"></script>
5
5
  <script src="{{ "/assets/js/util.js" | prepend: site.url }}"></script>
6
6
  <script src="{{ "/assets/js/main.js" | prepend: site.url }}"></script>
7
- {% if gmapsapikey %}
7
+ {% if site.gmapsapikey %}
8
8
  <script src="https://maps.googleapis.com/maps/api/js?key={{ gmapsapikey }}&callback=initMap" async defer></script>
9
9
  {% endif %}
data/_includes/footer.html CHANGED
@@ -23,9 +23,7 @@
23
23
  </form>
24
24
  <ul class="contact">
25
25
  {% if site.address %}
26
- <li class="fa-home">
27
- {{ site.address }}
28
- </li>
26
+ <li class="fa-home">{{ site.address }}</li>
29
27
  {% endif %}
30
28
 
31
29
  {% if site.phone %}
data/_includes/head.html CHANGED
@@ -1,23 +1,23 @@
1
1
  <head>
2
2
  <title>{{ page.title }} | {{ site.title }}</title>
3
3
 
4
- {% if ganalytics %}
4
+ {% if site.ganalytics %}
5
5
  <!-- Global site tag (gtag.js) - Google Analytics -->
6
6
  <script async src="https://www.googletagmanager.com/gtag/js?id={{ ganalytics }}"></script>
7
7
  <script>
8
- window.dataLayer = window.dataLayer || [];
9
- function gtag(){dataLayer.push(arguments);}
10
- gtag('js', new Date());
8
+ window.dataLayer = window.dataLayer || [];
9
+ function gtag(){dataLayer.push(arguments);}
10
+ gtag('js', new Date());
11
11
 
12
- gtag('config', '{{ ganalytics }}');
13
- </script>
12
+ gtag('config', '{{ site.ganalytics }}');
13
+ </script>
14
14
  {% endif %}
15
15
 
16
- {% if gtagmanager %}
16
+ {% if site.gtagmanager %}
17
17
  <script async="" src="https://www.googletagmanager.com/gtm.js?id={{ gtagmanager }}"></script>
18
18
  {% endif %}
19
19
 
20
- {% if fpixel %}
20
+ {% if site.fpixel %}
21
21
  <!-- Facebook Pixel Code -->
22
22
  <script>
23
23
  !function(f,b,e,v,n,t,s)
@@ -44,65 +44,65 @@
44
44
  <meta description="{{ page.description }}" />
45
45
 
46
46
  <!-- open graph -->
47
- {% if og-title %}<meta property="og:title" content="{{ page.og-title }}" />{% endif %}
48
- {% if og-type %}<meta property="og:type" content="{{ page.og-type }}" />{% endif %}
49
- {% if og-image %}<meta property="og:image" content="{{ page.og-image }}"/>{% endif %}
50
- {% if og-image-url %}<meta property="og:image:url" content="{{ page.og-image-url }}"/>{% endif %}
51
- {% if og-image-secure_url %}<meta property="og:image:secure_url" content="{{ page.og-image-secure-url }}"/>{% endif %}
52
- {% if og-image-type %}<meta property="og:image:type" content="{{ page.og-image-type }}"/>{% endif %}
53
- {% if og-image-width %}<meta property="og:image:width" content="{{ page.og-image-width }}"/>{% endif %}
54
- {% if og-image-height %}<meta property="og:image:height" content="{{ page.og-image-height }}"/>{% endif %}
55
- {% if og-image-alt %}<meta property="og:image:alt" content="{{ page.og-image-alt }}"/>{% endif %}
47
+ {% if page.og-title %}<meta property="og:title" content="{{ page.og-title }}" />{% endif %}
48
+ {% if page.og-type %}<meta property="og:type" content="{{ page.og-type }}" />{% endif %}
49
+ {% if page.og-image %}<meta property="og:image" content="{{ page.og-image }}"/>{% endif %}
50
+ {% if page.og-image-url %}<meta property="og:image:url" content="{{ page.og-image-url }}"/>{% endif %}
51
+ {% if page.og-image-secure_url %}<meta property="og:image:secure_url" content="{{ page.og-image-secure-url }}"/>{% endif %}
52
+ {% if page.og-image-type %}<meta property="og:image:type" content="{{ page.og-image-type }}"/>{% endif %}
53
+ {% if page.og-image-width %}<meta property="og:image:width" content="{{ page.og-image-width }}"/>{% endif %}
54
+ {% if page.og-image-height %}<meta property="og:image:height" content="{{ page.og-image-height }}"/>{% endif %}
55
+ {% if page.og-image-alt %}<meta property="og:image:alt" content="{{ page.og-image-alt }}"/>{% endif %}
56
56
  <meta property="og:url" content="{{ site.baseurl }}{{ page.permalink }}"/>
57
- {% if og-audio %}<meta property="og:audio" content="{{ page.og-audio }}"/>{% endif %}
58
- {% if og-audio-secure-url %}<meta property="og:audio:secure_url" content="{{ page.og-audio-secure-url }}"/>{% endif %}
59
- {% if og-audio-type %}<meta property="og:audio:type" content="{{ page.og-audio-type }}"/>{% endif %}
60
- {% if og-description %}<meta property="og:description" content="{{ page.og-description }}"/>{% endif %}
61
- {% if og-determiner %}<meta property="og:determiner" content="{{ page.og-determiner }}"/>{% endif %}
62
- {% if og-locale %}<meta property="og:locale" content="{{ page.og-locale }}"/>{% endif %}
63
- {% if og-locale-alternate %}<meta property="og:locale:alternate" content="{{ page.og-locale-alternate }}"/>{% endif %}
64
- {% if og-site-name %}<meta property="og:site_name" content="{{ page.og-site-name }}"/>{% endif %}
65
- {% if og-video %}<meta property="og:video" content="{{ page.og-video }}"/>{% endif %}
66
- {% if og-video-actor %}<meta property="og:video:actor" content="{{ page.og-video-actor }}"/>{% endif %}
67
- {% if og-video-actor-role %}<meta property="og:video:actor:role" content="{{ page.og-video-actor-role }}"/>{% endif %}
68
- {% if og-video-director %}<meta property="og:video:director" content="{{ page.og-video-director }}"/>{% endif %}
69
- {% if og-video-writer %}<meta property="og:video:writer" content="{{ page.og-video-writer }}"/>{% endif %}
70
- {% if og-video-duration %}<meta property="og:video:duration" content="{{ page.og-video-duration }}"/>{% endif %}
71
- {% if og-video-release-date %}<meta property="og:video:release_date" content="{{ page.og-video-release-date }}"/>{% endif %}
72
- {% if og-video-tag %}<meta property="og:video:tag" content="{{ page.og-video-tag }}"/>{% endif %}
73
- {% if og-video-series %}<meta property="og:video:series" content="{{ page.og-video-series }}"/>{% endif %}
74
- {% if og-video-secure-url %}<meta property="og:video:secure-url" content="{{ page.og-video-secure-url }}"/>{% endif %}
75
- {% if og-video-width %}<meta property="og:video:width" content="{{ page.og-video-width }}"/>{% endif %}
76
- {% if og-video-height %}<meta property="og:video:height" content="{{ page.og-video-height }}"/>{% endif %}
77
- {% if og-music %}<meta property="og:music" content="{{ page.og-music }}"/>{% endif %}
78
- {% if og-music-duration %}<meta property="og:music:duration" content="{{ page.og-music-duration }}"/>{% endif %}
79
- {% if og-music-album %}<meta property="og:music:album" content="{{ page.og-music-album }}"/>{% endif %}
80
- {% if og-music-album-disk %}<meta property="og:music:album:disk" content="{{ page.og-music-album-disk }}"/>{% endif %}
81
- {% if og-music-album-track %}<meta property="og:music:album:track" content="{{ page.og-music-album-track }}"/>{% endif %}
82
- {% if og-music-album-musician %}<meta property="og:music:album:musician" content="{{ page.og-music-album-musician }}"/>{% endif %}
83
- {% if og-music-song %}<meta property="og:music:song" content="{{ page.og-music-song }}"/>{% endif %}
84
- {% if og-music-song-disc %}<meta property="og:music:song:disc" content="{{ page.og-music-song-disc }}"/>{% endif %}
85
- {% if og-music-song-track %}<meta property="og:music:song:track" content="{{ page.og-music-song-track }}"/>{% endif %}
86
- {% if og-music-musician %}<meta property="og:music:musician" content="{{ page.og-music-musician }}"/>{% endif %}
87
- {% if og-music-creator %}<meta property="og:music:creator" content="{{ page.og-music-creator }}"/>{% endif %}
88
- {% if og-music-release-date %}<meta property="og:music:release_date" content="{{ page.og-music-release-date }}"/>{% endif %}
89
- {% if og-article %}<meta property="og:article" content="{{ page.og-article }}"/>{% endif %}
90
- {% if og-article-published-time %}<meta property="og:article:published_time" content="{{ page.og-article-published-time }}"/>{% endif %}
91
- {% if og-article-modified-time %}<meta property="og:article:modified_time" content="{{ page.og-article-modified-time }}"/>{% endif %}
92
- {% if og-article-expiration-time %}<meta property="og:article:expiration_time" content="{{ page.og-article-expiration-time }}"/>{% endif %}
93
- {% if og-article-author %}<meta property="og:article:author" content="{{ page.og-article-author }}"/>{% endif %}
94
- {% if og-article-section %}<meta property="og:article:section" content="{{ page.og-article-section }}"/>{% endif %}
95
- {% if og-article-tag %}<meta property="og:article:tag" content="{{ page.og-article-tag }}"/>{% endif %}
96
- {% if og-book %}<meta property="og:book" content="{{ page.og-book }}"/>{% endif %}
97
- {% if og-book-author %}<meta property="og:book:author" content="{{ page.og-book-author }}"/>{% endif %}
98
- {% if og-book-isbn %}<meta property="og:book:isbn" content="{{ page.og-book-isbn }}"/>{% endif %}
99
- {% if og-book-release-date %}<meta property="og:book:release_date" content="{{ page.og-book-release-date }}"/>{% endif %}
100
- {% if og-book-tag %}<meta property="og:book:tag" content="{{ page.og-book-tag }}"/>{% endif %}
101
- {% if og-profile-first-name %}<meta property="og:profile:first_name" content="{{ page.og-profile-first-name }}"/>{% endif %}
102
- {% if og-profile-last-name %}<meta property="og:profile:last_name" content="{{ page.og-profile-last-name }}"/>{% endif %}
103
- {% if og-profile-username %}<meta property="og:profile:username" content="{{ page.og-profile-username }}"/>{% endif %}
104
- {% if og-profile-gender %}<meta property="og:profile:gender" content="{{ page.og-profile-gender }}"/>{% endif %}
105
- {% if og-website %}<meta property="og:website" content="{{ page.og-website }}"/>{% endif %}
57
+ {% if page.og-audio %}<meta property="og:audio" content="{{ page.og-audio }}"/>{% endif %}
58
+ {% if page.og-audio-secure-url %}<meta property="og:audio:secure_url" content="{{ page.og-audio-secure-url }}"/>{% endif %}
59
+ {% if page.og-audio-type %}<meta property="og:audio:type" content="{{ page.og-audio-type }}"/>{% endif %}
60
+ {% if page.og-description %}<meta property="og:description" content="{{ page.og-description }}"/>{% endif %}
61
+ {% if page.og-determiner %}<meta property="og:determiner" content="{{ page.og-determiner }}"/>{% endif %}
62
+ {% if page.og-locale %}<meta property="og:locale" content="{{ page.og-locale }}"/>{% endif %}
63
+ {% if page.og-locale-alternate %}<meta property="og:locale:alternate" content="{{ page.og-locale-alternate }}"/>{% endif %}
64
+ {% if page.og-site-name %}<meta property="og:site_name" content="{{ page.og-site-name }}"/>{% endif %}
65
+ {% if page.og-video %}<meta property="og:video" content="{{ page.og-video }}"/>{% endif %}
66
+ {% if page.og-video-actor %}<meta property="og:video:actor" content="{{ page.og-video-actor }}"/>{% endif %}
67
+ {% if page.og-video-actor-role %}<meta property="og:video:actor:role" content="{{ page.og-video-actor-role }}"/>{% endif %}
68
+ {% if page.og-video-director %}<meta property="og:video:director" content="{{ page.og-video-director }}"/>{% endif %}
69
+ {% if page.og-video-writer %}<meta property="og:video:writer" content="{{ page.og-video-writer }}"/>{% endif %}
70
+ {% if page.og-video-duration %}<meta property="og:video:duration" content="{{ page.og-video-duration }}"/>{% endif %}
71
+ {% if page.og-video-release-date %}<meta property="og:video:release_date" content="{{ page.og-video-release-date }}"/>{% endif %}
72
+ {% if page.og-video-tag %}<meta property="og:video:tag" content="{{ page.og-video-tag }}"/>{% endif %}
73
+ {% if page.og-video-series %}<meta property="og:video:series" content="{{ page.og-video-series }}"/>{% endif %}
74
+ {% if page.og-video-secure-url %}<meta property="og:video:secure-url" content="{{ page.og-video-secure-url }}"/>{% endif %}
75
+ {% if page.og-video-width %}<meta property="og:video:width" content="{{ page.og-video-width }}"/>{% endif %}
76
+ {% if page.og-video-height %}<meta property="og:video:height" content="{{ page.og-video-height }}"/>{% endif %}
77
+ {% if page.og-music %}<meta property="og:music" content="{{ page.og-music }}"/>{% endif %}
78
+ {% if page.og-music-duration %}<meta property="og:music:duration" content="{{ page.og-music-duration }}"/>{% endif %}
79
+ {% if page.og-music-album %}<meta property="og:music:album" content="{{ page.og-music-album }}"/>{% endif %}
80
+ {% if page.og-music-album-disk %}<meta property="og:music:album:disk" content="{{ page.og-music-album-disk }}"/>{% endif %}
81
+ {% if page.og-music-album-track %}<meta property="og:music:album:track" content="{{ page.og-music-album-track }}"/>{% endif %}
82
+ {% if page.og-music-album-musician %}<meta property="og:music:album:musician" content="{{ page.og-music-album-musician }}"/>{% endif %}
83
+ {% if page.og-music-song %}<meta property="og:music:song" content="{{ page.og-music-song }}"/>{% endif %}
84
+ {% if page.og-music-song-disc %}<meta property="og:music:song:disc" content="{{ page.og-music-song-disc }}"/>{% endif %}
85
+ {% if page.og-music-song-track %}<meta property="og:music:song:track" content="{{ page.og-music-song-track }}"/>{% endif %}
86
+ {% if page.og-music-musician %}<meta property="og:music:musician" content="{{ page.og-music-musician }}"/>{% endif %}
87
+ {% if page.og-music-creator %}<meta property="og:music:creator" content="{{ page.og-music-creator }}"/>{% endif %}
88
+ {% if page.og-music-release-date %}<meta property="og:music:release_date" content="{{ page.og-music-release-date }}"/>{% endif %}
89
+ {% if page.og-article %}<meta property="og:article" content="{{ page.og-article }}"/>{% endif %}
90
+ {% if page.og-article-published-time %}<meta property="og:article:published_time" content="{{ page.og-article-published-time }}"/>{% endif %}
91
+ {% if page.og-article-modified-time %}<meta property="og:article:modified_time" content="{{ page.og-article-modified-time }}"/>{% endif %}
92
+ {% if page.og-article-expiration-time %}<meta property="og:article:expiration_time" content="{{ page.og-article-expiration-time }}"/>{% endif %}
93
+ {% if page.og-article-author %}<meta property="og:article:author" content="{{ page.og-article-author }}"/>{% endif %}
94
+ {% if page.og-article-section %}<meta property="og:article:section" content="{{ page.og-article-section }}"/>{% endif %}
95
+ {% if page.og-article-tag %}<meta property="og:article:tag" content="{{ page.og-article-tag }}"/>{% endif %}
96
+ {% if page.og-book %}<meta property="og:book" content="{{ page.og-book }}"/>{% endif %}
97
+ {% if page.og-book-author %}<meta property="og:book:author" content="{{ page.og-book-author }}"/>{% endif %}
98
+ {% if page.og-book-isbn %}<meta property="og:book:isbn" content="{{ page.og-book-isbn }}"/>{% endif %}
99
+ {% if page.og-book-release-date %}<meta property="og:book:release_date" content="{{ page.og-book-release-date }}"/>{% endif %}
100
+ {% if page.og-book-tag %}<meta property="og:book:tag" content="{{ page.og-book-tag }}"/>{% endif %}
101
+ {% if page.og-profile-first-name %}<meta property="og:profile:first_name" content="{{ page.og-profile-first-name }}"/>{% endif %}
102
+ {% if page.og-profile-last-name %}<meta property="og:profile:last_name" content="{{ page.og-profile-last-name }}"/>{% endif %}
103
+ {% if page.og-profile-username %}<meta property="og:profile:username" content="{{ page.og-profile-username }}"/>{% endif %}
104
+ {% if page.og-profile-gender %}<meta property="og:profile:gender" content="{{ page.og-profile-gender }}"/>{% endif %}
105
+ {% if page.og-website %}<meta property="og:website" content="{{ page.og-website }}"/>{% endif %}
106
106
 
107
107
  <link rel="stylesheet" href="{{ "/assets/css/main.css" | prepend: site.url }}" />
108
108
  <noscript><link rel="stylesheet" href="{{ "/assets/css/noscript.css" | prepend: site.url }}" /></noscript>
data/_layouts/default.html ADDED
@@ -0,0 +1,97 @@
1
+ <!DOCTYPE HTML>
2
+ <!--
3
+ Solid State by HTML5 UP
4
+ html5up.net | @ajlkn
5
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
6
+ -->
7
+ <html>
8
+ {% include head.html %}
9
+ <body class="is-preload">
10
+ {% if site.gtagmanager %}
11
+
12
+ (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
13
+ new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
14
+ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
15
+ 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
16
+ })(window,document,'script','dataLayer','{{ gtagmanager }}');
17
+
18
+ {% endif%}
19
+
20
+ <!-- Page Wrapper -->
21
+ <div id="page-wrapper">
22
+
23
+ <!-- Header -->
24
+ {% include header.html %}
25
+
26
+ <!-- Menu -->
27
+ {% include menu.html %}
28
+
29
+ <!-- Banner -->
30
+ <section id="banner">
31
+ <div class="inner">
32
+ <div class="logo"><span class="icon fa-diamond"></span></div>
33
+ <h2>{{ site.short_description }}</h2>
34
+ <p>{{ site.description }}</p>
35
+ </div>
36
+ </section>
37
+
38
+ <!-- Wrapper -->
39
+ <section id="wrapper">
40
+
41
+ {% for collection in site.collections %}
42
+
43
+ {% assign name = collection.label %}
44
+ {% if name == 'main' %}
45
+ {% for page in site[name] %}
46
+ {% capture i %}
47
+ {% increment index %}
48
+ {% endcapture %}
49
+
50
+ {% capture _i %}{% cycle 'odd', 'even' %}{% endcapture %}
51
+
52
+ <section class="wrapper {% if _i == 'even' %} alt {% endif %} spotlight style{{index}}">
53
+ <div class="inner">
54
+ <a href="{{ page.url }}" class="image"><img src="{{ page.image }}" alt="" /></a>
55
+ <div class="content">
56
+ <h2 class="major">{{page.title}}</h2>
57
+ <p>{{page.description}}</p>
58
+ <a href="{{ page.url }}" class="special">Learn more</a>
59
+ </div>
60
+ </div>
61
+ </section>
62
+
63
+
64
+ {% endfor %}
65
+ {% endif %}
66
+ {% endfor %}
67
+
68
+ <!-- Four -->
69
+ <section id="four" class="wrapper alt style1">
70
+ <div class="inner">
71
+ <h2 class="major">Vitae phasellus</h2>
72
+ <p>Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.</p>
73
+ <section class="features">
74
+
75
+ <!-- blog feed -->
76
+ {% include feed.html %}
77
+
78
+ </section>
79
+
80
+ <ul class="actions">
81
+ <li><a href="{{ "/blog/" | prepend: site.url }}" class="button">Browse All</a></li>
82
+ </ul>
83
+ </div>
84
+ </section>
85
+
86
+ </section>
87
+
88
+ <!-- Footer -->
89
+ {% include footer.html %}
90
+
91
+ </div>
92
+
93
+ <!-- Scripts -->
94
+ {% include bottomScripts.html %}
95
+
96
+ </body>
97
+ </html>
data/_layouts/page.html CHANGED
@@ -10,7 +10,7 @@ layout: page
10
10
  <html>
11
11
  {% include head.html %}
12
12
  <body class="is-preload">
13
- {% if gtagmanager %}
13
+ {% if site.gtagmanager %}
14
14
 
15
15
  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
16
16
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
data/_layouts/post.html CHANGED
@@ -1,5 +1,5 @@
1
1
  ---
2
- layout: default
2
+ layout: post
3
3
  ---
4
4
  <!DOCTYPE HTML>
5
5
  <!--
@@ -10,7 +10,7 @@ layout: default
10
10
  <html>
11
11
  {% include head.html %}
12
12
  <body class="is-preload">
13
- {% if gtagmanager %}
13
+ {% if site.gtagmanager %}
14
14
 
15
15
  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
16
16
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
data/_sass/main.sass ADDED
@@ -0,0 +1,4110 @@
1
+ @import url(font-awesome.min.css);
2
+ @import url("https://fonts.googleapis.com/css?family=Raleway:200,700|Source+Sans+Pro:300,600,300italic,600italic");
3
+
4
+ /*
5
+ Solid State by HTML5 UP
6
+ html5up.net | @ajlkn
7
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
8
+ */
9
+
10
+ html, body, div, span, applet, object,
11
+ iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
12
+ pre, a, abbr, acronym, address, big, cite,
13
+ code, del, dfn, em, img, ins, kbd, q, s, samp,
14
+ small, strike, strong, sub, sup, tt, var, b,
15
+ u, i, center, dl, dt, dd, ol, ul, li, fieldset,
16
+ form, label, legend, table, caption, tbody,
17
+ tfoot, thead, tr, th, td, article, aside,
18
+ canvas, details, embed, figure, figcaption,
19
+ footer, header, hgroup, menu, nav, output, ruby,
20
+ section, summary, time, mark, audio, video {
21
+ margin: 0;
22
+ padding: 0;
23
+ border: 0;
24
+ font-size: 100%;
25
+ font: inherit;
26
+ vertical-align: baseline;}
27
+
28
+ article, aside, details, figcaption, figure,
29
+ footer, header, hgroup, menu, nav, section {
30
+ display: block;}
31
+
32
+ body {
33
+ line-height: 1;
34
+ }
35
+
36
+ ol, ul {
37
+ list-style: none;
38
+ }
39
+
40
+ blockquote, q {
41
+ quotes: none;
42
+ }
43
+
44
+ blockquote:before, blockquote:after, q:before, q:after {
45
+ content: '';
46
+ content: none;
47
+ }
48
+
49
+ table {
50
+ border-collapse: collapse;
51
+ border-spacing: 0;
52
+ }
53
+
54
+ body {
55
+ -webkit-text-size-adjust: none;
56
+ }
57
+
58
+ mark {
59
+ background-color: transparent;
60
+ color: inherit;
61
+ }
62
+
63
+ input::-moz-focus-inner {
64
+ border: 0;
65
+ padding: 0;
66
+ }
67
+
68
+ input, select, textarea {
69
+ -moz-appearance: none;
70
+ -webkit-appearance: none;
71
+ -ms-appearance: none;
72
+ appearance: none;
73
+ }
74
+
75
+ /* Basic */
76
+
77
+ @-ms-viewport {
78
+ width: device-width;
79
+ }
80
+
81
+ body {
82
+ -ms-overflow-style: scrollbar;
83
+ }
84
+
85
+ @media screen and (max-width: 480px) {
86
+
87
+ html, body {
88
+ min-width: 320px;
89
+ }
90
+
91
+ }
92
+
93
+ html {
94
+ box-sizing: border-box;
95
+ }
96
+
97
+ *, *:before, *:after {
98
+ box-sizing: inherit;
99
+ }
100
+
101
+ body {
102
+ background-color: #2e3141;
103
+ background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../images/bg.jpg");
104
+ background-size: auto, cover;
105
+ background-attachment: fixed, fixed;
106
+ background-position: center, center;
107
+ }
108
+
109
+ body.is-preload *, body.is-preload *:before, body.is-preload *:after {
110
+ -moz-animation: none !important;
111
+ -webkit-animation: none !important;
112
+ -ms-animation: none !important;
113
+ animation: none !important;
114
+ -moz-transition: none !important;
115
+ -webkit-transition: none !important;
116
+ -ms-transition: none !important;
117
+ transition: none !important;
118
+ }
119
+
120
+ /* Type */
121
+
122
+ body, input, select, textarea {
123
+ color: #ffffff;
124
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
125
+ font-size: 16.5pt;
126
+ font-weight: 300;
127
+ line-height: 1.65;
128
+ }
129
+
130
+ @media screen and (max-width: 1680px) {
131
+
132
+ body, input, select, textarea {
133
+ font-size: 13pt;
134
+ }
135
+
136
+ }
137
+
138
+ @media screen and (max-width: 1280px) {
139
+
140
+ body, input, select, textarea {
141
+ font-size: 12pt;
142
+ }
143
+
144
+ }
145
+
146
+ @media screen and (max-width: 980px) {
147
+
148
+ body, input, select, textarea {
149
+ font-size: 12pt;
150
+ }
151
+
152
+ }
153
+
154
+ @media screen and (max-width: 736px) {
155
+
156
+ body, input, select, textarea {
157
+ font-size: 12pt;
158
+ }
159
+
160
+ }
161
+
162
+ @media screen and (max-width: 480px) {
163
+
164
+ body, input, select, textarea {
165
+ font-size: 12pt;
166
+ }
167
+
168
+ }
169
+
170
+ a {
171
+ -moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
172
+ -webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
173
+ -ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
174
+ transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
175
+ border-bottom: dotted 1px rgba(255, 255, 255, 0.35);
176
+ color: #ffffff;
177
+ text-decoration: none;
178
+ }
179
+
180
+ a:hover {
181
+ border-bottom-color: transparent;
182
+ color: #ffffff !important;
183
+ }
184
+
185
+ a.special:not(.button) {
186
+ text-decoration: none;
187
+ border-bottom: 0;
188
+ display: block;
189
+ font-family: Raleway, Helvetica, sans-serif;
190
+ font-size: 0.8em;
191
+ font-weight: 700;
192
+ letter-spacing: 0.1em;
193
+ margin: 0 0 2em 0;
194
+ text-transform: uppercase;
195
+ }
196
+
197
+ a.special:not(.button):before {
198
+ -moz-osx-font-smoothing: grayscale;
199
+ -webkit-font-smoothing: antialiased;
200
+ font-family: FontAwesome;
201
+ font-style: normal;
202
+ font-weight: normal;
203
+ text-transform: none !important;
204
+ }
205
+
206
+ a.special:not(.button):before {
207
+ -moz-transition: background-color 0.2s ease-in-out;
208
+ -webkit-transition: background-color 0.2s ease-in-out;
209
+ -ms-transition: background-color 0.2s ease-in-out;
210
+ transition: background-color 0.2s ease-in-out;
211
+ border-radius: 100%;
212
+ border: solid 2px rgba(255, 255, 255, 0.125);
213
+ content: '\f105';
214
+ display: inline-block;
215
+ font-size: 1.25em;
216
+ height: 2em;
217
+ line-height: 1.65em;
218
+ margin-right: 0.85em;
219
+ text-align: center;
220
+ text-indent: 0.15em;
221
+ vertical-align: middle;
222
+ width: 2em;
223
+ }
224
+
225
+ a.special:not(.button):hover:before {
226
+ background-color: rgba(255, 255, 255, 0.025);
227
+ }
228
+
229
+ a.special:not(.button):active:before {
230
+ background-color: rgba(255, 255, 255, 0.075);
231
+ }
232
+
233
+ strong, b {
234
+ color: #ffffff;
235
+ font-weight: 600;
236
+ }
237
+
238
+ em, i {
239
+ font-style: italic;
240
+ }
241
+
242
+ p {
243
+ margin: 0 0 2em 0;
244
+ }
245
+
246
+ h1, h2, h3, h4, h5, h6 {
247
+ color: #ffffff;
248
+ font-family: Raleway, Helvetica, sans-serif;
249
+ font-weight: 700;
250
+ letter-spacing: 0.1em;
251
+ margin: 0 0 1em 0;
252
+ text-transform: uppercase;
253
+ }
254
+
255
+ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
256
+ color: inherit;
257
+ text-decoration: none;
258
+ border-bottom: 0;
259
+ }
260
+
261
+ h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
262
+ font-weight: 200;
263
+ }
264
+
265
+ h1.major, h2.major, h3.major, h4.major, h5.major, h6.major {
266
+ padding-bottom: 1em;
267
+ border-bottom: solid 2px rgba(255, 255, 255, 0.125);
268
+ }
269
+
270
+ h2 {
271
+ font-size: 1.2em;
272
+ }
273
+
274
+ h3 {
275
+ font-size: 0.9em;
276
+ }
277
+
278
+ h4 {
279
+ font-size: 0.7em;
280
+ }
281
+
282
+ h5 {
283
+ font-size: 0.7em;
284
+ }
285
+
286
+ h6 {
287
+ font-size: 0.7em;
288
+ }
289
+
290
+ @media screen and (max-width: 736px) {
291
+
292
+ h2 {
293
+ font-size: 1em;
294
+ }
295
+
296
+ h3 {
297
+ font-size: 0.8em;
298
+ }
299
+
300
+ }
301
+
302
+ sub {
303
+ font-size: 0.8em;
304
+ position: relative;
305
+ top: 0.5em;
306
+ }
307
+
308
+ sup {
309
+ font-size: 0.8em;
310
+ position: relative;
311
+ top: -0.5em;
312
+ }
313
+
314
+ blockquote {
315
+ border-left: solid 4px rgba(255, 255, 255, 0.125);
316
+ font-style: italic;
317
+ margin: 0 0 2em 0;
318
+ padding: 0.5em 0 0.5em 2em;
319
+ }
320
+
321
+ code {
322
+ background: rgba(255, 255, 255, 0.025);
323
+ border-radius: 5px;
324
+ border: solid 2px rgba(255, 255, 255, 0.125);
325
+ font-family: "Courier New", monospace;
326
+ font-size: 0.9em;
327
+ margin: 0 0.25em;
328
+ padding: 0.25em 0.65em;
329
+ }
330
+
331
+ pre {
332
+ -webkit-overflow-scrolling: touch;
333
+ font-family: "Courier New", monospace;
334
+ font-size: 0.9em;
335
+ margin: 0 0 2em 0;
336
+ }
337
+
338
+ pre code {
339
+ display: block;
340
+ line-height: 1.75em;
341
+ padding: 1em 1.5em;
342
+ overflow-x: auto;
343
+ }
344
+
345
+ hr {
346
+ border: 0;
347
+ border-bottom: solid 2px rgba(255, 255, 255, 0.125);
348
+ margin: 2.5em 0;
349
+ }
350
+
351
+ hr.major {
352
+ margin: 4em 0;
353
+ }
354
+
355
+ .align-left {
356
+ text-align: left;
357
+ }
358
+
359
+ .align-center {
360
+ text-align: center;
361
+ }
362
+
363
+ .align-right {
364
+ text-align: right;
365
+ }
366
+
367
+ /* Row */
368
+
369
+ .row {
370
+ display: flex;
371
+ flex-wrap: wrap;
372
+ box-sizing: border-box;
373
+ align-items: stretch;
374
+ }
375
+
376
+ .row > * {
377
+ box-sizing: border-box;
378
+ }
379
+
380
+ .row.gtr-uniform > * > :last-child {
381
+ margin-bottom: 0;
382
+ }
383
+
384
+ .row.aln-left {
385
+ justify-content: flex-start;
386
+ }
387
+
388
+ .row.aln-center {
389
+ justify-content: center;
390
+ }
391
+
392
+ .row.aln-right {
393
+ justify-content: flex-end;
394
+ }
395
+
396
+ .row.aln-top {
397
+ align-items: flex-start;
398
+ }
399
+
400
+ .row.aln-middle {
401
+ align-items: center;
402
+ }
403
+
404
+ .row.aln-bottom {
405
+ align-items: flex-end;
406
+ }
407
+
408
+ .row > .imp {
409
+ order: -1;
410
+ }
411
+
412
+ .row > .col-1 {
413
+ width: 8.3333333333%;
414
+ }
415
+
416
+ .row > .off-1 {
417
+ margin-left: 8.3333333333%;
418
+ }
419
+
420
+ .row > .col-2 {
421
+ width: 16.6666666667%;
422
+ }
423
+
424
+ .row > .off-2 {
425
+ margin-left: 16.6666666667%;
426
+ }
427
+
428
+ .row > .col-3 {
429
+ width: 25%;
430
+ }
431
+
432
+ .row > .off-3 {
433
+ margin-left: 25%;
434
+ }
435
+
436
+ .row > .col-4 {
437
+ width: 33.3333333333%;
438
+ }
439
+
440
+ .row > .off-4 {
441
+ margin-left: 33.3333333333%;
442
+ }
443
+
444
+ .row > .col-5 {
445
+ width: 41.6666666667%;
446
+ }
447
+
448
+ .row > .off-5 {
449
+ margin-left: 41.6666666667%;
450
+ }
451
+
452
+ .row > .col-6 {
453
+ width: 50%;
454
+ }
455
+
456
+ .row > .off-6 {
457
+ margin-left: 50%;
458
+ }
459
+
460
+ .row > .col-7 {
461
+ width: 58.3333333333%;
462
+ }
463
+
464
+ .row > .off-7 {
465
+ margin-left: 58.3333333333%;
466
+ }
467
+
468
+ .row > .col-8 {
469
+ width: 66.6666666667%;
470
+ }
471
+
472
+ .row > .off-8 {
473
+ margin-left: 66.6666666667%;
474
+ }
475
+
476
+ .row > .col-9 {
477
+ width: 75%;
478
+ }
479
+
480
+ .row > .off-9 {
481
+ margin-left: 75%;
482
+ }
483
+
484
+ .row > .col-10 {
485
+ width: 83.3333333333%;
486
+ }
487
+
488
+ .row > .off-10 {
489
+ margin-left: 83.3333333333%;
490
+ }
491
+
492
+ .row > .col-11 {
493
+ width: 91.6666666667%;
494
+ }
495
+
496
+ .row > .off-11 {
497
+ margin-left: 91.6666666667%;
498
+ }
499
+
500
+ .row > .col-12 {
501
+ width: 100%;
502
+ }
503
+
504
+ .row > .off-12 {
505
+ margin-left: 100%;
506
+ }
507
+
508
+ .row.gtr-0 {
509
+ margin-top: 0;
510
+ margin-left: 0em;
511
+ }
512
+
513
+ .row.gtr-0 > * {
514
+ padding: 0 0 0 0em;
515
+ }
516
+
517
+ .row.gtr-0.gtr-uniform {
518
+ margin-top: 0em;
519
+ }
520
+
521
+ .row.gtr-0.gtr-uniform > * {
522
+ padding-top: 0em;
523
+ }
524
+
525
+ .row.gtr-25 {
526
+ margin-top: 0;
527
+ margin-left: -0.4375em;
528
+ }
529
+
530
+ .row.gtr-25 > * {
531
+ padding: 0 0 0 0.4375em;
532
+ }
533
+
534
+ .row.gtr-25.gtr-uniform {
535
+ margin-top: -0.4375em;
536
+ }
537
+
538
+ .row.gtr-25.gtr-uniform > * {
539
+ padding-top: 0.4375em;
540
+ }
541
+
542
+ .row.gtr-50 {
543
+ margin-top: 0;
544
+ margin-left: -0.875em;
545
+ }
546
+
547
+ .row.gtr-50 > * {
548
+ padding: 0 0 0 0.875em;
549
+ }
550
+
551
+ .row.gtr-50.gtr-uniform {
552
+ margin-top: -0.875em;
553
+ }
554
+
555
+ .row.gtr-50.gtr-uniform > * {
556
+ padding-top: 0.875em;
557
+ }
558
+
559
+ .row {
560
+ margin-top: 0;
561
+ margin-left: -1.75em;
562
+ }
563
+
564
+ .row > * {
565
+ padding: 0 0 0 1.75em;
566
+ }
567
+
568
+ .row.gtr-uniform {
569
+ margin-top: -1.75em;
570
+ }
571
+
572
+ .row.gtr-uniform > * {
573
+ padding-top: 1.75em;
574
+ }
575
+
576
+ .row.gtr-150 {
577
+ margin-top: 0;
578
+ margin-left: -2.625em;
579
+ }
580
+
581
+ .row.gtr-150 > * {
582
+ padding: 0 0 0 2.625em;
583
+ }
584
+
585
+ .row.gtr-150.gtr-uniform {
586
+ margin-top: -2.625em;
587
+ }
588
+
589
+ .row.gtr-150.gtr-uniform > * {
590
+ padding-top: 2.625em;
591
+ }
592
+
593
+ .row.gtr-200 {
594
+ margin-top: 0;
595
+ margin-left: -3.5em;
596
+ }
597
+
598
+ .row.gtr-200 > * {
599
+ padding: 0 0 0 3.5em;
600
+ }
601
+
602
+ .row.gtr-200.gtr-uniform {
603
+ margin-top: -3.5em;
604
+ }
605
+
606
+ .row.gtr-200.gtr-uniform > * {
607
+ padding-top: 3.5em;
608
+ }
609
+
610
+ @media screen and (max-width: 1680px) {
611
+
612
+ .row {
613
+ display: flex;
614
+ flex-wrap: wrap;
615
+ box-sizing: border-box;
616
+ align-items: stretch;
617
+ }
618
+
619
+ .row > * {
620
+ box-sizing: border-box;
621
+ }
622
+
623
+ .row.gtr-uniform > * > :last-child {
624
+ margin-bottom: 0;
625
+ }
626
+
627
+ .row.aln-left {
628
+ justify-content: flex-start;
629
+ }
630
+
631
+ .row.aln-center {
632
+ justify-content: center;
633
+ }
634
+
635
+ .row.aln-right {
636
+ justify-content: flex-end;
637
+ }
638
+
639
+ .row.aln-top {
640
+ align-items: flex-start;
641
+ }
642
+
643
+ .row.aln-middle {
644
+ align-items: center;
645
+ }
646
+
647
+ .row.aln-bottom {
648
+ align-items: flex-end;
649
+ }
650
+
651
+ .row > .imp-xlarge {
652
+ order: -1;
653
+ }
654
+
655
+ .row > .col-1-xlarge {
656
+ width: 8.3333333333%;
657
+ }
658
+
659
+ .row > .off-1-xlarge {
660
+ margin-left: 8.3333333333%;
661
+ }
662
+
663
+ .row > .col-2-xlarge {
664
+ width: 16.6666666667%;
665
+ }
666
+
667
+ .row > .off-2-xlarge {
668
+ margin-left: 16.6666666667%;
669
+ }
670
+
671
+ .row > .col-3-xlarge {
672
+ width: 25%;
673
+ }
674
+
675
+ .row > .off-3-xlarge {
676
+ margin-left: 25%;
677
+ }
678
+
679
+ .row > .col-4-xlarge {
680
+ width: 33.3333333333%;
681
+ }
682
+
683
+ .row > .off-4-xlarge {
684
+ margin-left: 33.3333333333%;
685
+ }
686
+
687
+ .row > .col-5-xlarge {
688
+ width: 41.6666666667%;
689
+ }
690
+
691
+ .row > .off-5-xlarge {
692
+ margin-left: 41.6666666667%;
693
+ }
694
+
695
+ .row > .col-6-xlarge {
696
+ width: 50%;
697
+ }
698
+
699
+ .row > .off-6-xlarge {
700
+ margin-left: 50%;
701
+ }
702
+
703
+ .row > .col-7-xlarge {
704
+ width: 58.3333333333%;
705
+ }
706
+
707
+ .row > .off-7-xlarge {
708
+ margin-left: 58.3333333333%;
709
+ }
710
+
711
+ .row > .col-8-xlarge {
712
+ width: 66.6666666667%;
713
+ }
714
+
715
+ .row > .off-8-xlarge {
716
+ margin-left: 66.6666666667%;
717
+ }
718
+
719
+ .row > .col-9-xlarge {
720
+ width: 75%;
721
+ }
722
+
723
+ .row > .off-9-xlarge {
724
+ margin-left: 75%;
725
+ }
726
+
727
+ .row > .col-10-xlarge {
728
+ width: 83.3333333333%;
729
+ }
730
+
731
+ .row > .off-10-xlarge {
732
+ margin-left: 83.3333333333%;
733
+ }
734
+
735
+ .row > .col-11-xlarge {
736
+ width: 91.6666666667%;
737
+ }
738
+
739
+ .row > .off-11-xlarge {
740
+ margin-left: 91.6666666667%;
741
+ }
742
+
743
+ .row > .col-12-xlarge {
744
+ width: 100%;
745
+ }
746
+
747
+ .row > .off-12-xlarge {
748
+ margin-left: 100%;
749
+ }
750
+
751
+ .row.gtr-0 {
752
+ margin-top: 0;
753
+ margin-left: 0em;
754
+ }
755
+
756
+ .row.gtr-0 > * {
757
+ padding: 0 0 0 0em;
758
+ }
759
+
760
+ .row.gtr-0.gtr-uniform {
761
+ margin-top: 0em;
762
+ }
763
+
764
+ .row.gtr-0.gtr-uniform > * {
765
+ padding-top: 0em;
766
+ }
767
+
768
+ .row.gtr-25 {
769
+ margin-top: 0;
770
+ margin-left: -0.4375em;
771
+ }
772
+
773
+ .row.gtr-25 > * {
774
+ padding: 0 0 0 0.4375em;
775
+ }
776
+
777
+ .row.gtr-25.gtr-uniform {
778
+ margin-top: -0.4375em;
779
+ }
780
+
781
+ .row.gtr-25.gtr-uniform > * {
782
+ padding-top: 0.4375em;
783
+ }
784
+
785
+ .row.gtr-50 {
786
+ margin-top: 0;
787
+ margin-left: -0.875em;
788
+ }
789
+
790
+ .row.gtr-50 > * {
791
+ padding: 0 0 0 0.875em;
792
+ }
793
+
794
+ .row.gtr-50.gtr-uniform {
795
+ margin-top: -0.875em;
796
+ }
797
+
798
+ .row.gtr-50.gtr-uniform > * {
799
+ padding-top: 0.875em;
800
+ }
801
+
802
+ .row {
803
+ margin-top: 0;
804
+ margin-left: -1.75em;
805
+ }
806
+
807
+ .row > * {
808
+ padding: 0 0 0 1.75em;
809
+ }
810
+
811
+ .row.gtr-uniform {
812
+ margin-top: -1.75em;
813
+ }
814
+
815
+ .row.gtr-uniform > * {
816
+ padding-top: 1.75em;
817
+ }
818
+
819
+ .row.gtr-150 {
820
+ margin-top: 0;
821
+ margin-left: -2.625em;
822
+ }
823
+
824
+ .row.gtr-150 > * {
825
+ padding: 0 0 0 2.625em;
826
+ }
827
+
828
+ .row.gtr-150.gtr-uniform {
829
+ margin-top: -2.625em;
830
+ }
831
+
832
+ .row.gtr-150.gtr-uniform > * {
833
+ padding-top: 2.625em;
834
+ }
835
+
836
+ .row.gtr-200 {
837
+ margin-top: 0;
838
+ margin-left: -3.5em;
839
+ }
840
+
841
+ .row.gtr-200 > * {
842
+ padding: 0 0 0 3.5em;
843
+ }
844
+
845
+ .row.gtr-200.gtr-uniform {
846
+ margin-top: -3.5em;
847
+ }
848
+
849
+ .row.gtr-200.gtr-uniform > * {
850
+ padding-top: 3.5em;
851
+ }
852
+
853
+ }
854
+
855
+ @media screen and (max-width: 1280px) {
856
+
857
+ .row {
858
+ display: flex;
859
+ flex-wrap: wrap;
860
+ box-sizing: border-box;
861
+ align-items: stretch;
862
+ }
863
+
864
+ .row > * {
865
+ box-sizing: border-box;
866
+ }
867
+
868
+ .row.gtr-uniform > * > :last-child {
869
+ margin-bottom: 0;
870
+ }
871
+
872
+ .row.aln-left {
873
+ justify-content: flex-start;
874
+ }
875
+
876
+ .row.aln-center {
877
+ justify-content: center;
878
+ }
879
+
880
+ .row.aln-right {
881
+ justify-content: flex-end;
882
+ }
883
+
884
+ .row.aln-top {
885
+ align-items: flex-start;
886
+ }
887
+
888
+ .row.aln-middle {
889
+ align-items: center;
890
+ }
891
+
892
+ .row.aln-bottom {
893
+ align-items: flex-end;
894
+ }
895
+
896
+ .row > .imp-large {
897
+ order: -1;
898
+ }
899
+
900
+ .row > .col-1-large {
901
+ width: 8.3333333333%;
902
+ }
903
+
904
+ .row > .off-1-large {
905
+ margin-left: 8.3333333333%;
906
+ }
907
+
908
+ .row > .col-2-large {
909
+ width: 16.6666666667%;
910
+ }
911
+
912
+ .row > .off-2-large {
913
+ margin-left: 16.6666666667%;
914
+ }
915
+
916
+ .row > .col-3-large {
917
+ width: 25%;
918
+ }
919
+
920
+ .row > .off-3-large {
921
+ margin-left: 25%;
922
+ }
923
+
924
+ .row > .col-4-large {
925
+ width: 33.3333333333%;
926
+ }
927
+
928
+ .row > .off-4-large {
929
+ margin-left: 33.3333333333%;
930
+ }
931
+
932
+ .row > .col-5-large {
933
+ width: 41.6666666667%;
934
+ }
935
+
936
+ .row > .off-5-large {
937
+ margin-left: 41.6666666667%;
938
+ }
939
+
940
+ .row > .col-6-large {
941
+ width: 50%;
942
+ }
943
+
944
+ .row > .off-6-large {
945
+ margin-left: 50%;
946
+ }
947
+
948
+ .row > .col-7-large {
949
+ width: 58.3333333333%;
950
+ }
951
+
952
+ .row > .off-7-large {
953
+ margin-left: 58.3333333333%;
954
+ }
955
+
956
+ .row > .col-8-large {
957
+ width: 66.6666666667%;
958
+ }
959
+
960
+ .row > .off-8-large {
961
+ margin-left: 66.6666666667%;
962
+ }
963
+
964
+ .row > .col-9-large {
965
+ width: 75%;
966
+ }
967
+
968
+ .row > .off-9-large {
969
+ margin-left: 75%;
970
+ }
971
+
972
+ .row > .col-10-large {
973
+ width: 83.3333333333%;
974
+ }
975
+
976
+ .row > .off-10-large {
977
+ margin-left: 83.3333333333%;
978
+ }
979
+
980
+ .row > .col-11-large {
981
+ width: 91.6666666667%;
982
+ }
983
+
984
+ .row > .off-11-large {
985
+ margin-left: 91.6666666667%;
986
+ }
987
+
988
+ .row > .col-12-large {
989
+ width: 100%;
990
+ }
991
+
992
+ .row > .off-12-large {
993
+ margin-left: 100%;
994
+ }
995
+
996
+ .row.gtr-0 {
997
+ margin-top: 0;
998
+ margin-left: 0em;
999
+ }
1000
+
1001
+ .row.gtr-0 > * {
1002
+ padding: 0 0 0 0em;
1003
+ }
1004
+
1005
+ .row.gtr-0.gtr-uniform {
1006
+ margin-top: 0em;
1007
+ }
1008
+
1009
+ .row.gtr-0.gtr-uniform > * {
1010
+ padding-top: 0em;
1011
+ }
1012
+
1013
+ .row.gtr-25 {
1014
+ margin-top: 0;
1015
+ margin-left: -0.4375em;
1016
+ }
1017
+
1018
+ .row.gtr-25 > * {
1019
+ padding: 0 0 0 0.4375em;
1020
+ }
1021
+
1022
+ .row.gtr-25.gtr-uniform {
1023
+ margin-top: -0.4375em;
1024
+ }
1025
+
1026
+ .row.gtr-25.gtr-uniform > * {
1027
+ padding-top: 0.4375em;
1028
+ }
1029
+
1030
+ .row.gtr-50 {
1031
+ margin-top: 0;
1032
+ margin-left: -0.875em;
1033
+ }
1034
+
1035
+ .row.gtr-50 > * {
1036
+ padding: 0 0 0 0.875em;
1037
+ }
1038
+
1039
+ .row.gtr-50.gtr-uniform {
1040
+ margin-top: -0.875em;
1041
+ }
1042
+
1043
+ .row.gtr-50.gtr-uniform > * {
1044
+ padding-top: 0.875em;
1045
+ }
1046
+
1047
+ .row {
1048
+ margin-top: 0;
1049
+ margin-left: -1.75em;
1050
+ }
1051
+
1052
+ .row > * {
1053
+ padding: 0 0 0 1.75em;
1054
+ }
1055
+
1056
+ .row.gtr-uniform {
1057
+ margin-top: -1.75em;
1058
+ }
1059
+
1060
+ .row.gtr-uniform > * {
1061
+ padding-top: 1.75em;
1062
+ }
1063
+
1064
+ .row.gtr-150 {
1065
+ margin-top: 0;
1066
+ margin-left: -2.625em;
1067
+ }
1068
+
1069
+ .row.gtr-150 > * {
1070
+ padding: 0 0 0 2.625em;
1071
+ }
1072
+
1073
+ .row.gtr-150.gtr-uniform {
1074
+ margin-top: -2.625em;
1075
+ }
1076
+
1077
+ .row.gtr-150.gtr-uniform > * {
1078
+ padding-top: 2.625em;
1079
+ }
1080
+
1081
+ .row.gtr-200 {
1082
+ margin-top: 0;
1083
+ margin-left: -3.5em;
1084
+ }
1085
+
1086
+ .row.gtr-200 > * {
1087
+ padding: 0 0 0 3.5em;
1088
+ }
1089
+
1090
+ .row.gtr-200.gtr-uniform {
1091
+ margin-top: -3.5em;
1092
+ }
1093
+
1094
+ .row.gtr-200.gtr-uniform > * {
1095
+ padding-top: 3.5em;
1096
+ }
1097
+
1098
+ }
1099
+
1100
+ @media screen and (max-width: 980px) {
1101
+
1102
+ .row {
1103
+ display: flex;
1104
+ flex-wrap: wrap;
1105
+ box-sizing: border-box;
1106
+ align-items: stretch;
1107
+ }
1108
+
1109
+ .row > * {
1110
+ box-sizing: border-box;
1111
+ }
1112
+
1113
+ .row.gtr-uniform > * > :last-child {
1114
+ margin-bottom: 0;
1115
+ }
1116
+
1117
+ .row.aln-left {
1118
+ justify-content: flex-start;
1119
+ }
1120
+
1121
+ .row.aln-center {
1122
+ justify-content: center;
1123
+ }
1124
+
1125
+ .row.aln-right {
1126
+ justify-content: flex-end;
1127
+ }
1128
+
1129
+ .row.aln-top {
1130
+ align-items: flex-start;
1131
+ }
1132
+
1133
+ .row.aln-middle {
1134
+ align-items: center;
1135
+ }
1136
+
1137
+ .row.aln-bottom {
1138
+ align-items: flex-end;
1139
+ }
1140
+
1141
+ .row > .imp-medium {
1142
+ order: -1;
1143
+ }
1144
+
1145
+ .row > .col-1-medium {
1146
+ width: 8.3333333333%;
1147
+ }
1148
+
1149
+ .row > .off-1-medium {
1150
+ margin-left: 8.3333333333%;
1151
+ }
1152
+
1153
+ .row > .col-2-medium {
1154
+ width: 16.6666666667%;
1155
+ }
1156
+
1157
+ .row > .off-2-medium {
1158
+ margin-left: 16.6666666667%;
1159
+ }
1160
+
1161
+ .row > .col-3-medium {
1162
+ width: 25%;
1163
+ }
1164
+
1165
+ .row > .off-3-medium {
1166
+ margin-left: 25%;
1167
+ }
1168
+
1169
+ .row > .col-4-medium {
1170
+ width: 33.3333333333%;
1171
+ }
1172
+
1173
+ .row > .off-4-medium {
1174
+ margin-left: 33.3333333333%;
1175
+ }
1176
+
1177
+ .row > .col-5-medium {
1178
+ width: 41.6666666667%;
1179
+ }
1180
+
1181
+ .row > .off-5-medium {
1182
+ margin-left: 41.6666666667%;
1183
+ }
1184
+
1185
+ .row > .col-6-medium {
1186
+ width: 50%;
1187
+ }
1188
+
1189
+ .row > .off-6-medium {
1190
+ margin-left: 50%;
1191
+ }
1192
+
1193
+ .row > .col-7-medium {
1194
+ width: 58.3333333333%;
1195
+ }
1196
+
1197
+ .row > .off-7-medium {
1198
+ margin-left: 58.3333333333%;
1199
+ }
1200
+
1201
+ .row > .col-8-medium {
1202
+ width: 66.6666666667%;
1203
+ }
1204
+
1205
+ .row > .off-8-medium {
1206
+ margin-left: 66.6666666667%;
1207
+ }
1208
+
1209
+ .row > .col-9-medium {
1210
+ width: 75%;
1211
+ }
1212
+
1213
+ .row > .off-9-medium {
1214
+ margin-left: 75%;
1215
+ }
1216
+
1217
+ .row > .col-10-medium {
1218
+ width: 83.3333333333%;
1219
+ }
1220
+
1221
+ .row > .off-10-medium {
1222
+ margin-left: 83.3333333333%;
1223
+ }
1224
+
1225
+ .row > .col-11-medium {
1226
+ width: 91.6666666667%;
1227
+ }
1228
+
1229
+ .row > .off-11-medium {
1230
+ margin-left: 91.6666666667%;
1231
+ }
1232
+
1233
+ .row > .col-12-medium {
1234
+ width: 100%;
1235
+ }
1236
+
1237
+ .row > .off-12-medium {
1238
+ margin-left: 100%;
1239
+ }
1240
+
1241
+ .row.gtr-0 {
1242
+ margin-top: 0;
1243
+ margin-left: 0em;
1244
+ }
1245
+
1246
+ .row.gtr-0 > * {
1247
+ padding: 0 0 0 0em;
1248
+ }
1249
+
1250
+ .row.gtr-0.gtr-uniform {
1251
+ margin-top: 0em;
1252
+ }
1253
+
1254
+ .row.gtr-0.gtr-uniform > * {
1255
+ padding-top: 0em;
1256
+ }
1257
+
1258
+ .row.gtr-25 {
1259
+ margin-top: 0;
1260
+ margin-left: -0.4375em;
1261
+ }
1262
+
1263
+ .row.gtr-25 > * {
1264
+ padding: 0 0 0 0.4375em;
1265
+ }
1266
+
1267
+ .row.gtr-25.gtr-uniform {
1268
+ margin-top: -0.4375em;
1269
+ }
1270
+
1271
+ .row.gtr-25.gtr-uniform > * {
1272
+ padding-top: 0.4375em;
1273
+ }
1274
+
1275
+ .row.gtr-50 {
1276
+ margin-top: 0;
1277
+ margin-left: -0.875em;
1278
+ }
1279
+
1280
+ .row.gtr-50 > * {
1281
+ padding: 0 0 0 0.875em;
1282
+ }
1283
+
1284
+ .row.gtr-50.gtr-uniform {
1285
+ margin-top: -0.875em;
1286
+ }
1287
+
1288
+ .row.gtr-50.gtr-uniform > * {
1289
+ padding-top: 0.875em;
1290
+ }
1291
+
1292
+ .row {
1293
+ margin-top: 0;
1294
+ margin-left: -1.75em;
1295
+ }
1296
+
1297
+ .row > * {
1298
+ padding: 0 0 0 1.75em;
1299
+ }
1300
+
1301
+ .row.gtr-uniform {
1302
+ margin-top: -1.75em;
1303
+ }
1304
+
1305
+ .row.gtr-uniform > * {
1306
+ padding-top: 1.75em;
1307
+ }
1308
+
1309
+ .row.gtr-150 {
1310
+ margin-top: 0;
1311
+ margin-left: -2.625em;
1312
+ }
1313
+
1314
+ .row.gtr-150 > * {
1315
+ padding: 0 0 0 2.625em;
1316
+ }
1317
+
1318
+ .row.gtr-150.gtr-uniform {
1319
+ margin-top: -2.625em;
1320
+ }
1321
+
1322
+ .row.gtr-150.gtr-uniform > * {
1323
+ padding-top: 2.625em;
1324
+ }
1325
+
1326
+ .row.gtr-200 {
1327
+ margin-top: 0;
1328
+ margin-left: -3.5em;
1329
+ }
1330
+
1331
+ .row.gtr-200 > * {
1332
+ padding: 0 0 0 3.5em;
1333
+ }
1334
+
1335
+ .row.gtr-200.gtr-uniform {
1336
+ margin-top: -3.5em;
1337
+ }
1338
+
1339
+ .row.gtr-200.gtr-uniform > * {
1340
+ padding-top: 3.5em;
1341
+ }
1342
+
1343
+ }
1344
+
1345
+ @media screen and (max-width: 736px) {
1346
+
1347
+ .row {
1348
+ display: flex;
1349
+ flex-wrap: wrap;
1350
+ box-sizing: border-box;
1351
+ align-items: stretch;
1352
+ }
1353
+
1354
+ .row > * {
1355
+ box-sizing: border-box;
1356
+ }
1357
+
1358
+ .row.gtr-uniform > * > :last-child {
1359
+ margin-bottom: 0;
1360
+ }
1361
+
1362
+ .row.aln-left {
1363
+ justify-content: flex-start;
1364
+ }
1365
+
1366
+ .row.aln-center {
1367
+ justify-content: center;
1368
+ }
1369
+
1370
+ .row.aln-right {
1371
+ justify-content: flex-end;
1372
+ }
1373
+
1374
+ .row.aln-top {
1375
+ align-items: flex-start;
1376
+ }
1377
+
1378
+ .row.aln-middle {
1379
+ align-items: center;
1380
+ }
1381
+
1382
+ .row.aln-bottom {
1383
+ align-items: flex-end;
1384
+ }
1385
+
1386
+ .row > .imp-small {
1387
+ order: -1;
1388
+ }
1389
+
1390
+ .row > .col-1-small {
1391
+ width: 8.3333333333%;
1392
+ }
1393
+
1394
+ .row > .off-1-small {
1395
+ margin-left: 8.3333333333%;
1396
+ }
1397
+
1398
+ .row > .col-2-small {
1399
+ width: 16.6666666667%;
1400
+ }
1401
+
1402
+ .row > .off-2-small {
1403
+ margin-left: 16.6666666667%;
1404
+ }
1405
+
1406
+ .row > .col-3-small {
1407
+ width: 25%;
1408
+ }
1409
+
1410
+ .row > .off-3-small {
1411
+ margin-left: 25%;
1412
+ }
1413
+
1414
+ .row > .col-4-small {
1415
+ width: 33.3333333333%;
1416
+ }
1417
+
1418
+ .row > .off-4-small {
1419
+ margin-left: 33.3333333333%;
1420
+ }
1421
+
1422
+ .row > .col-5-small {
1423
+ width: 41.6666666667%;
1424
+ }
1425
+
1426
+ .row > .off-5-small {
1427
+ margin-left: 41.6666666667%;
1428
+ }
1429
+
1430
+ .row > .col-6-small {
1431
+ width: 50%;
1432
+ }
1433
+
1434
+ .row > .off-6-small {
1435
+ margin-left: 50%;
1436
+ }
1437
+
1438
+ .row > .col-7-small {
1439
+ width: 58.3333333333%;
1440
+ }
1441
+
1442
+ .row > .off-7-small {
1443
+ margin-left: 58.3333333333%;
1444
+ }
1445
+
1446
+ .row > .col-8-small {
1447
+ width: 66.6666666667%;
1448
+ }
1449
+
1450
+ .row > .off-8-small {
1451
+ margin-left: 66.6666666667%;
1452
+ }
1453
+
1454
+ .row > .col-9-small {
1455
+ width: 75%;
1456
+ }
1457
+
1458
+ .row > .off-9-small {
1459
+ margin-left: 75%;
1460
+ }
1461
+
1462
+ .row > .col-10-small {
1463
+ width: 83.3333333333%;
1464
+ }
1465
+
1466
+ .row > .off-10-small {
1467
+ margin-left: 83.3333333333%;
1468
+ }
1469
+
1470
+ .row > .col-11-small {
1471
+ width: 91.6666666667%;
1472
+ }
1473
+
1474
+ .row > .off-11-small {
1475
+ margin-left: 91.6666666667%;
1476
+ }
1477
+
1478
+ .row > .col-12-small {
1479
+ width: 100%;
1480
+ }
1481
+
1482
+ .row > .off-12-small {
1483
+ margin-left: 100%;
1484
+ }
1485
+
1486
+ .row.gtr-0 {
1487
+ margin-top: 0;
1488
+ margin-left: 0em;
1489
+ }
1490
+
1491
+ .row.gtr-0 > * {
1492
+ padding: 0 0 0 0em;
1493
+ }
1494
+
1495
+ .row.gtr-0.gtr-uniform {
1496
+ margin-top: 0em;
1497
+ }
1498
+
1499
+ .row.gtr-0.gtr-uniform > * {
1500
+ padding-top: 0em;
1501
+ }
1502
+
1503
+ .row.gtr-25 {
1504
+ margin-top: 0;
1505
+ margin-left: -0.3125em;
1506
+ }
1507
+
1508
+ .row.gtr-25 > * {
1509
+ padding: 0 0 0 0.3125em;
1510
+ }
1511
+
1512
+ .row.gtr-25.gtr-uniform {
1513
+ margin-top: -0.3125em;
1514
+ }
1515
+
1516
+ .row.gtr-25.gtr-uniform > * {
1517
+ padding-top: 0.3125em;
1518
+ }
1519
+
1520
+ .row.gtr-50 {
1521
+ margin-top: 0;
1522
+ margin-left: -0.625em;
1523
+ }
1524
+
1525
+ .row.gtr-50 > * {
1526
+ padding: 0 0 0 0.625em;
1527
+ }
1528
+
1529
+ .row.gtr-50.gtr-uniform {
1530
+ margin-top: -0.625em;
1531
+ }
1532
+
1533
+ .row.gtr-50.gtr-uniform > * {
1534
+ padding-top: 0.625em;
1535
+ }
1536
+
1537
+ .row {
1538
+ margin-top: 0;
1539
+ margin-left: -1.25em;
1540
+ }
1541
+
1542
+ .row > * {
1543
+ padding: 0 0 0 1.25em;
1544
+ }
1545
+
1546
+ .row.gtr-uniform {
1547
+ margin-top: -1.25em;
1548
+ }
1549
+
1550
+ .row.gtr-uniform > * {
1551
+ padding-top: 1.25em;
1552
+ }
1553
+
1554
+ .row.gtr-150 {
1555
+ margin-top: 0;
1556
+ margin-left: -1.875em;
1557
+ }
1558
+
1559
+ .row.gtr-150 > * {
1560
+ padding: 0 0 0 1.875em;
1561
+ }
1562
+
1563
+ .row.gtr-150.gtr-uniform {
1564
+ margin-top: -1.875em;
1565
+ }
1566
+
1567
+ .row.gtr-150.gtr-uniform > * {
1568
+ padding-top: 1.875em;
1569
+ }
1570
+
1571
+ .row.gtr-200 {
1572
+ margin-top: 0;
1573
+ margin-left: -2.5em;
1574
+ }
1575
+
1576
+ .row.gtr-200 > * {
1577
+ padding: 0 0 0 2.5em;
1578
+ }
1579
+
1580
+ .row.gtr-200.gtr-uniform {
1581
+ margin-top: -2.5em;
1582
+ }
1583
+
1584
+ .row.gtr-200.gtr-uniform > * {
1585
+ padding-top: 2.5em;
1586
+ }
1587
+
1588
+ }
1589
+
1590
+ @media screen and (max-width: 480px) {
1591
+
1592
+ .row {
1593
+ display: flex;
1594
+ flex-wrap: wrap;
1595
+ box-sizing: border-box;
1596
+ align-items: stretch;
1597
+ }
1598
+
1599
+ .row > * {
1600
+ box-sizing: border-box;
1601
+ }
1602
+
1603
+ .row.gtr-uniform > * > :last-child {
1604
+ margin-bottom: 0;
1605
+ }
1606
+
1607
+ .row.aln-left {
1608
+ justify-content: flex-start;
1609
+ }
1610
+
1611
+ .row.aln-center {
1612
+ justify-content: center;
1613
+ }
1614
+
1615
+ .row.aln-right {
1616
+ justify-content: flex-end;
1617
+ }
1618
+
1619
+ .row.aln-top {
1620
+ align-items: flex-start;
1621
+ }
1622
+
1623
+ .row.aln-middle {
1624
+ align-items: center;
1625
+ }
1626
+
1627
+ .row.aln-bottom {
1628
+ align-items: flex-end;
1629
+ }
1630
+
1631
+ .row > .imp-xsmall {
1632
+ order: -1;
1633
+ }
1634
+
1635
+ .row > .col-1-xsmall {
1636
+ width: 8.3333333333%;
1637
+ }
1638
+
1639
+ .row > .off-1-xsmall {
1640
+ margin-left: 8.3333333333%;
1641
+ }
1642
+
1643
+ .row > .col-2-xsmall {
1644
+ width: 16.6666666667%;
1645
+ }
1646
+
1647
+ .row > .off-2-xsmall {
1648
+ margin-left: 16.6666666667%;
1649
+ }
1650
+
1651
+ .row > .col-3-xsmall {
1652
+ width: 25%;
1653
+ }
1654
+
1655
+ .row > .off-3-xsmall {
1656
+ margin-left: 25%;
1657
+ }
1658
+
1659
+ .row > .col-4-xsmall {
1660
+ width: 33.3333333333%;
1661
+ }
1662
+
1663
+ .row > .off-4-xsmall {
1664
+ margin-left: 33.3333333333%;
1665
+ }
1666
+
1667
+ .row > .col-5-xsmall {
1668
+ width: 41.6666666667%;
1669
+ }
1670
+
1671
+ .row > .off-5-xsmall {
1672
+ margin-left: 41.6666666667%;
1673
+ }
1674
+
1675
+ .row > .col-6-xsmall {
1676
+ width: 50%;
1677
+ }
1678
+
1679
+ .row > .off-6-xsmall {
1680
+ margin-left: 50%;
1681
+ }
1682
+
1683
+ .row > .col-7-xsmall {
1684
+ width: 58.3333333333%;
1685
+ }
1686
+
1687
+ .row > .off-7-xsmall {
1688
+ margin-left: 58.3333333333%;
1689
+ }
1690
+
1691
+ .row > .col-8-xsmall {
1692
+ width: 66.6666666667%;
1693
+ }
1694
+
1695
+ .row > .off-8-xsmall {
1696
+ margin-left: 66.6666666667%;
1697
+ }
1698
+
1699
+ .row > .col-9-xsmall {
1700
+ width: 75%;
1701
+ }
1702
+
1703
+ .row > .off-9-xsmall {
1704
+ margin-left: 75%;
1705
+ }
1706
+
1707
+ .row > .col-10-xsmall {
1708
+ width: 83.3333333333%;
1709
+ }
1710
+
1711
+ .row > .off-10-xsmall {
1712
+ margin-left: 83.3333333333%;
1713
+ }
1714
+
1715
+ .row > .col-11-xsmall {
1716
+ width: 91.6666666667%;
1717
+ }
1718
+
1719
+ .row > .off-11-xsmall {
1720
+ margin-left: 91.6666666667%;
1721
+ }
1722
+
1723
+ .row > .col-12-xsmall {
1724
+ width: 100%;
1725
+ }
1726
+
1727
+ .row > .off-12-xsmall {
1728
+ margin-left: 100%;
1729
+ }
1730
+
1731
+ .row.gtr-0 {
1732
+ margin-top: 0;
1733
+ margin-left: 0em;
1734
+ }
1735
+
1736
+ .row.gtr-0 > * {
1737
+ padding: 0 0 0 0em;
1738
+ }
1739
+
1740
+ .row.gtr-0.gtr-uniform {
1741
+ margin-top: 0em;
1742
+ }
1743
+
1744
+ .row.gtr-0.gtr-uniform > * {
1745
+ padding-top: 0em;
1746
+ }
1747
+
1748
+ .row.gtr-25 {
1749
+ margin-top: 0;
1750
+ margin-left: -0.3125em;
1751
+ }
1752
+
1753
+ .row.gtr-25 > * {
1754
+ padding: 0 0 0 0.3125em;
1755
+ }
1756
+
1757
+ .row.gtr-25.gtr-uniform {
1758
+ margin-top: -0.3125em;
1759
+ }
1760
+
1761
+ .row.gtr-25.gtr-uniform > * {
1762
+ padding-top: 0.3125em;
1763
+ }
1764
+
1765
+ .row.gtr-50 {
1766
+ margin-top: 0;
1767
+ margin-left: -0.625em;
1768
+ }
1769
+
1770
+ .row.gtr-50 > * {
1771
+ padding: 0 0 0 0.625em;
1772
+ }
1773
+
1774
+ .row.gtr-50.gtr-uniform {
1775
+ margin-top: -0.625em;
1776
+ }
1777
+
1778
+ .row.gtr-50.gtr-uniform > * {
1779
+ padding-top: 0.625em;
1780
+ }
1781
+
1782
+ .row {
1783
+ margin-top: 0;
1784
+ margin-left: -1.25em;
1785
+ }
1786
+
1787
+ .row > * {
1788
+ padding: 0 0 0 1.25em;
1789
+ }
1790
+
1791
+ .row.gtr-uniform {
1792
+ margin-top: -1.25em;
1793
+ }
1794
+
1795
+ .row.gtr-uniform > * {
1796
+ padding-top: 1.25em;
1797
+ }
1798
+
1799
+ .row.gtr-150 {
1800
+ margin-top: 0;
1801
+ margin-left: -1.875em;
1802
+ }
1803
+
1804
+ .row.gtr-150 > * {
1805
+ padding: 0 0 0 1.875em;
1806
+ }
1807
+
1808
+ .row.gtr-150.gtr-uniform {
1809
+ margin-top: -1.875em;
1810
+ }
1811
+
1812
+ .row.gtr-150.gtr-uniform > * {
1813
+ padding-top: 1.875em;
1814
+ }
1815
+
1816
+ .row.gtr-200 {
1817
+ margin-top: 0;
1818
+ margin-left: -2.5em;
1819
+ }
1820
+
1821
+ .row.gtr-200 > * {
1822
+ padding: 0 0 0 2.5em;
1823
+ }
1824
+
1825
+ .row.gtr-200.gtr-uniform {
1826
+ margin-top: -2.5em;
1827
+ }
1828
+
1829
+ .row.gtr-200.gtr-uniform > * {
1830
+ padding-top: 2.5em;
1831
+ }
1832
+
1833
+ }
1834
+
1835
+ @media screen and (max-width: 360px) {
1836
+
1837
+ .row {
1838
+ display: flex;
1839
+ flex-wrap: wrap;
1840
+ box-sizing: border-box;
1841
+ align-items: stretch;
1842
+ }
1843
+
1844
+ .row > * {
1845
+ box-sizing: border-box;
1846
+ }
1847
+
1848
+ .row.gtr-uniform > * > :last-child {
1849
+ margin-bottom: 0;
1850
+ }
1851
+
1852
+ .row.aln-left {
1853
+ justify-content: flex-start;
1854
+ }
1855
+
1856
+ .row.aln-center {
1857
+ justify-content: center;
1858
+ }
1859
+
1860
+ .row.aln-right {
1861
+ justify-content: flex-end;
1862
+ }
1863
+
1864
+ .row.aln-top {
1865
+ align-items: flex-start;
1866
+ }
1867
+
1868
+ .row.aln-middle {
1869
+ align-items: center;
1870
+ }
1871
+
1872
+ .row.aln-bottom {
1873
+ align-items: flex-end;
1874
+ }
1875
+
1876
+ .row > .imp-xxsmall {
1877
+ order: -1;
1878
+ }
1879
+
1880
+ .row > .col-1-xxsmall {
1881
+ width: 8.3333333333%;
1882
+ }
1883
+
1884
+ .row > .off-1-xxsmall {
1885
+ margin-left: 8.3333333333%;
1886
+ }
1887
+
1888
+ .row > .col-2-xxsmall {
1889
+ width: 16.6666666667%;
1890
+ }
1891
+
1892
+ .row > .off-2-xxsmall {
1893
+ margin-left: 16.6666666667%;
1894
+ }
1895
+
1896
+ .row > .col-3-xxsmall {
1897
+ width: 25%;
1898
+ }
1899
+
1900
+ .row > .off-3-xxsmall {
1901
+ margin-left: 25%;
1902
+ }
1903
+
1904
+ .row > .col-4-xxsmall {
1905
+ width: 33.3333333333%;
1906
+ }
1907
+
1908
+ .row > .off-4-xxsmall {
1909
+ margin-left: 33.3333333333%;
1910
+ }
1911
+
1912
+ .row > .col-5-xxsmall {
1913
+ width: 41.6666666667%;
1914
+ }
1915
+
1916
+ .row > .off-5-xxsmall {
1917
+ margin-left: 41.6666666667%;
1918
+ }
1919
+
1920
+ .row > .col-6-xxsmall {
1921
+ width: 50%;
1922
+ }
1923
+
1924
+ .row > .off-6-xxsmall {
1925
+ margin-left: 50%;
1926
+ }
1927
+
1928
+ .row > .col-7-xxsmall {
1929
+ width: 58.3333333333%;
1930
+ }
1931
+
1932
+ .row > .off-7-xxsmall {
1933
+ margin-left: 58.3333333333%;
1934
+ }
1935
+
1936
+ .row > .col-8-xxsmall {
1937
+ width: 66.6666666667%;
1938
+ }
1939
+
1940
+ .row > .off-8-xxsmall {
1941
+ margin-left: 66.6666666667%;
1942
+ }
1943
+
1944
+ .row > .col-9-xxsmall {
1945
+ width: 75%;
1946
+ }
1947
+
1948
+ .row > .off-9-xxsmall {
1949
+ margin-left: 75%;
1950
+ }
1951
+
1952
+ .row > .col-10-xxsmall {
1953
+ width: 83.3333333333%;
1954
+ }
1955
+
1956
+ .row > .off-10-xxsmall {
1957
+ margin-left: 83.3333333333%;
1958
+ }
1959
+
1960
+ .row > .col-11-xxsmall {
1961
+ width: 91.6666666667%;
1962
+ }
1963
+
1964
+ .row > .off-11-xxsmall {
1965
+ margin-left: 91.6666666667%;
1966
+ }
1967
+
1968
+ .row > .col-12-xxsmall {
1969
+ width: 100%;
1970
+ }
1971
+
1972
+ .row > .off-12-xxsmall {
1973
+ margin-left: 100%;
1974
+ }
1975
+
1976
+ .row.gtr-0 {
1977
+ margin-top: 0;
1978
+ margin-left: 0em;
1979
+ }
1980
+
1981
+ .row.gtr-0 > * {
1982
+ padding: 0 0 0 0em;
1983
+ }
1984
+
1985
+ .row.gtr-0.gtr-uniform {
1986
+ margin-top: 0em;
1987
+ }
1988
+
1989
+ .row.gtr-0.gtr-uniform > * {
1990
+ padding-top: 0em;
1991
+ }
1992
+
1993
+ .row.gtr-25 {
1994
+ margin-top: 0;
1995
+ margin-left: -0.3125em;
1996
+ }
1997
+
1998
+ .row.gtr-25 > * {
1999
+ padding: 0 0 0 0.3125em;
2000
+ }
2001
+
2002
+ .row.gtr-25.gtr-uniform {
2003
+ margin-top: -0.3125em;
2004
+ }
2005
+
2006
+ .row.gtr-25.gtr-uniform > * {
2007
+ padding-top: 0.3125em;
2008
+ }
2009
+
2010
+ .row.gtr-50 {
2011
+ margin-top: 0;
2012
+ margin-left: -0.625em;
2013
+ }
2014
+
2015
+ .row.gtr-50 > * {
2016
+ padding: 0 0 0 0.625em;
2017
+ }
2018
+
2019
+ .row.gtr-50.gtr-uniform {
2020
+ margin-top: -0.625em;
2021
+ }
2022
+
2023
+ .row.gtr-50.gtr-uniform > * {
2024
+ padding-top: 0.625em;
2025
+ }
2026
+
2027
+ .row {
2028
+ margin-top: 0;
2029
+ margin-left: -1.25em;
2030
+ }
2031
+
2032
+ .row > * {
2033
+ padding: 0 0 0 1.25em;
2034
+ }
2035
+
2036
+ .row.gtr-uniform {
2037
+ margin-top: -1.25em;
2038
+ }
2039
+
2040
+ .row.gtr-uniform > * {
2041
+ padding-top: 1.25em;
2042
+ }
2043
+
2044
+ .row.gtr-150 {
2045
+ margin-top: 0;
2046
+ margin-left: -1.875em;
2047
+ }
2048
+
2049
+ .row.gtr-150 > * {
2050
+ padding: 0 0 0 1.875em;
2051
+ }
2052
+
2053
+ .row.gtr-150.gtr-uniform {
2054
+ margin-top: -1.875em;
2055
+ }
2056
+
2057
+ .row.gtr-150.gtr-uniform > * {
2058
+ padding-top: 1.875em;
2059
+ }
2060
+
2061
+ .row.gtr-200 {
2062
+ margin-top: 0;
2063
+ margin-left: -2.5em;
2064
+ }
2065
+
2066
+ .row.gtr-200 > * {
2067
+ padding: 0 0 0 2.5em;
2068
+ }
2069
+
2070
+ .row.gtr-200.gtr-uniform {
2071
+ margin-top: -2.5em;
2072
+ }
2073
+
2074
+ .row.gtr-200.gtr-uniform > * {
2075
+ padding-top: 2.5em;
2076
+ }
2077
+
2078
+ }
2079
+
2080
+ /* Section/Article */
2081
+
2082
+ section.special, article.special {
2083
+ text-align: center;
2084
+ }
2085
+
2086
+ /* Form */
2087
+
2088
+ form {
2089
+ margin: 0 0 2em 0;
2090
+ }
2091
+
2092
+ form > :last-child {
2093
+ margin-bottom: 0;
2094
+ }
2095
+
2096
+ form > .fields {
2097
+ display: -moz-flex;
2098
+ display: -webkit-flex;
2099
+ display: -ms-flex;
2100
+ display: flex;
2101
+ -moz-flex-wrap: wrap;
2102
+ -webkit-flex-wrap: wrap;
2103
+ -ms-flex-wrap: wrap;
2104
+ flex-wrap: wrap;
2105
+ width: calc(100% + 3em);
2106
+ margin: -1.5em 0 2em -1.5em;
2107
+ }
2108
+
2109
+ form > .fields > .field {
2110
+ -moz-flex-grow: 0;
2111
+ -webkit-flex-grow: 0;
2112
+ -ms-flex-grow: 0;
2113
+ flex-grow: 0;
2114
+ -moz-flex-shrink: 0;
2115
+ -webkit-flex-shrink: 0;
2116
+ -ms-flex-shrink: 0;
2117
+ flex-shrink: 0;
2118
+ padding: 1.5em 0 0 1.5em;
2119
+ width: calc(100% - 1.5em);
2120
+ }
2121
+
2122
+ form > .fields > .field.half {
2123
+ width: calc(50% - 0.75em);
2124
+ }
2125
+
2126
+ form > .fields > .field.third {
2127
+ width: calc(100%/3 - 0.5em);
2128
+ }
2129
+
2130
+ form > .fields > .field.quarter {
2131
+ width: calc(25% - 0.375em);
2132
+ }
2133
+
2134
+ @media screen and (max-width: 480px) {
2135
+
2136
+ form > .fields {
2137
+ width: calc(100% + 3em);
2138
+ margin: -1.5em 0 2em -1.5em;
2139
+ }
2140
+
2141
+ form > .fields > .field {
2142
+ padding: 1.5em 0 0 1.5em;
2143
+ width: calc(100% - 1.5em);
2144
+ }
2145
+
2146
+ form > .fields > .field.half {
2147
+ width: calc(100% - 1.5em);
2148
+ }
2149
+
2150
+ form > .fields > .field.third {
2151
+ width: calc(100% - 1.5em);
2152
+ }
2153
+
2154
+ form > .fields > .field.quarter {
2155
+ width: calc(100% - 1.5em);
2156
+ }
2157
+
2158
+ }
2159
+
2160
+ label {
2161
+ color: #ffffff;
2162
+ display: block;
2163
+ font-family: Raleway, Helvetica, sans-serif;
2164
+ font-size: 0.8em;
2165
+ font-weight: 700;
2166
+ letter-spacing: 0.1em;
2167
+ margin: 0 0 0.7em 0;
2168
+ text-transform: uppercase;
2169
+ }
2170
+
2171
+ input[type="text"],
2172
+ input[type="password"],
2173
+ input[type="email"],
2174
+ input[type="tel"],
2175
+ select,
2176
+ textarea {
2177
+ -moz-appearance: none;
2178
+ -webkit-appearance: none;
2179
+ -ms-appearance: none;
2180
+ appearance: none;
2181
+ background: rgba(255, 255, 255, 0.025);
2182
+ border-radius: 5px;
2183
+ border: none;
2184
+ border: solid 2px rgba(255, 255, 255, 0.125);
2185
+ color: inherit;
2186
+ display: block;
2187
+ outline: 0;
2188
+ padding: 0 1em;
2189
+ text-decoration: none;
2190
+ width: 100%;
2191
+ }
2192
+
2193
+ input[type="text"]:invalid,
2194
+ input[type="password"]:invalid,
2195
+ input[type="email"]:invalid,
2196
+ input[type="tel"]:invalid,
2197
+ select:invalid,
2198
+ textarea:invalid {
2199
+ box-shadow: none;
2200
+ }
2201
+
2202
+ input[type="text"]:focus,
2203
+ input[type="password"]:focus,
2204
+ input[type="email"]:focus,
2205
+ input[type="tel"]:focus,
2206
+ select:focus,
2207
+ textarea:focus {
2208
+ border-color: #5b6ba6;
2209
+ }
2210
+
2211
+ select {
2212
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.125)' /%3E%3C/svg%3E");
2213
+ background-size: 1.25rem;
2214
+ background-repeat: no-repeat;
2215
+ background-position: calc(100% - 1rem) center;
2216
+ height: 2.75em;
2217
+ padding-right: 2.75em;
2218
+ text-overflow: ellipsis;
2219
+ }
2220
+
2221
+ select option {
2222
+ color: #ffffff;
2223
+ background: #2e3141;
2224
+ }
2225
+
2226
+ select:focus::-ms-value {
2227
+ background-color: transparent;
2228
+ }
2229
+
2230
+ select::-ms-expand {
2231
+ display: none;
2232
+ }
2233
+
2234
+ input[type="text"],
2235
+ input[type="password"],
2236
+ input[type="email"],
2237
+ select {
2238
+ height: 2.75em;
2239
+ }
2240
+
2241
+ textarea {
2242
+ padding: 0.75em 1em;
2243
+ }
2244
+
2245
+ input[type="checkbox"],
2246
+ input[type="radio"] {
2247
+ -moz-appearance: none;
2248
+ -webkit-appearance: none;
2249
+ -ms-appearance: none;
2250
+ appearance: none;
2251
+ display: block;
2252
+ float: left;
2253
+ margin-right: -2em;
2254
+ opacity: 0;
2255
+ width: 1em;
2256
+ z-index: -1;
2257
+ }
2258
+
2259
+ input[type="checkbox"] + label,
2260
+ input[type="radio"] + label {
2261
+ text-decoration: none;
2262
+ color: #ffffff;
2263
+ cursor: pointer;
2264
+ display: inline-block;
2265
+ font-size: 1em;
2266
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
2267
+ text-transform: none;
2268
+ letter-spacing: 0;
2269
+ font-weight: 300;
2270
+ padding-left: 2.4em;
2271
+ padding-right: 0.75em;
2272
+ position: relative;
2273
+ }
2274
+
2275
+ input[type="checkbox"] + label:before,
2276
+ input[type="radio"] + label:before {
2277
+ -moz-osx-font-smoothing: grayscale;
2278
+ -webkit-font-smoothing: antialiased;
2279
+ font-family: FontAwesome;
2280
+ font-style: normal;
2281
+ font-weight: normal;
2282
+ text-transform: none !important;
2283
+ }
2284
+
2285
+ input[type="checkbox"] + label:before,
2286
+ input[type="radio"] + label:before {
2287
+ background: rgba(255, 255, 255, 0.025);
2288
+ border-radius: 5px;
2289
+ border: solid 2px rgba(255, 255, 255, 0.125);
2290
+ content: '';
2291
+ display: inline-block;
2292
+ height: 1.65em;
2293
+ left: 0;
2294
+ line-height: 1.58125em;
2295
+ position: absolute;
2296
+ text-align: center;
2297
+ top: 0;
2298
+ width: 1.65em;
2299
+ }
2300
+
2301
+ input[type="checkbox"]:checked + label:before,
2302
+ input[type="radio"]:checked + label:before {
2303
+ background: #ffffff;
2304
+ border-color: #ffffff;
2305
+ content: '\f00c';
2306
+ color: #2e3141;
2307
+ }
2308
+
2309
+ input[type="checkbox"]:focus + label:before,
2310
+ input[type="radio"]:focus + label:before {
2311
+ border-color: #4c5c96;
2312
+ }
2313
+
2314
+ input[type="checkbox"] + label:before {
2315
+ border-radius: 5px;
2316
+ }
2317
+
2318
+ input[type="radio"] + label:before {
2319
+ border-radius: 100%;
2320
+ }
2321
+
2322
+ ::-webkit-input-placeholder {
2323
+ color: rgba(255, 255, 255, 0.35) !important;
2324
+ opacity: 1.0;
2325
+ }
2326
+
2327
+ :-moz-placeholder {
2328
+ color: rgba(255, 255, 255, 0.35) !important;
2329
+ opacity: 1.0;
2330
+ }
2331
+
2332
+ ::-moz-placeholder {
2333
+ color: rgba(255, 255, 255, 0.35) !important;
2334
+ opacity: 1.0;
2335
+ }
2336
+
2337
+ :-ms-input-placeholder {
2338
+ color: rgba(255, 255, 255, 0.35) !important;
2339
+ opacity: 1.0;
2340
+ }
2341
+
2342
+ /* Box */
2343
+
2344
+ .box {
2345
+ border-radius: 5px;
2346
+ border: solid 2px rgba(255, 255, 255, 0.125);
2347
+ margin-bottom: 2em;
2348
+ padding: 1.5em;
2349
+ }
2350
+
2351
+ .box > :last-child,
2352
+ .box > :last-child > :last-child,
2353
+ .box > :last-child > :last-child > :last-child {
2354
+ margin-bottom: 0;
2355
+ }
2356
+
2357
+ .box.alt {
2358
+ border: 0;
2359
+ border-radius: 0;
2360
+ padding: 0;
2361
+ }
2362
+
2363
+ /* Icon */
2364
+
2365
+ .icon {
2366
+ text-decoration: none;
2367
+ border-bottom: none;
2368
+ position: relative;
2369
+ }
2370
+
2371
+ .icon:before {
2372
+ -moz-osx-font-smoothing: grayscale;
2373
+ -webkit-font-smoothing: antialiased;
2374
+ font-family: FontAwesome;
2375
+ font-style: normal;
2376
+ font-weight: normal;
2377
+ text-transform: none !important;
2378
+ }
2379
+
2380
+ .icon > .label {
2381
+ display: none;
2382
+ }
2383
+
2384
+ /* Image */
2385
+
2386
+ .image {
2387
+ border-radius: 5px;
2388
+ border: 0;
2389
+ display: inline-block;
2390
+ position: relative;
2391
+ }
2392
+
2393
+ .image img {
2394
+ border-radius: 5px;
2395
+ display: block;
2396
+ }
2397
+
2398
+ .image.left, .image.right {
2399
+ max-width: 40%;
2400
+ }
2401
+
2402
+ .image.left img, .image.right img {
2403
+ width: 100%;
2404
+ }
2405
+
2406
+ .image.left {
2407
+ float: left;
2408
+ padding: 0 1.5em 1em 0;
2409
+ top: 0.25em;
2410
+ }
2411
+
2412
+ .image.right {
2413
+ float: right;
2414
+ padding: 0 0 1em 1.5em;
2415
+ top: 0.25em;
2416
+ }
2417
+
2418
+ .image.fit {
2419
+ display: block;
2420
+ margin: 0 0 2em 0;
2421
+ width: 100%;
2422
+ }
2423
+
2424
+ .image.fit img {
2425
+ width: 100%;
2426
+ }
2427
+
2428
+ .image.main {
2429
+ display: block;
2430
+ margin: 0 0 3em 0;
2431
+ width: 100%;
2432
+ }
2433
+
2434
+ .image.main img {
2435
+ width: 100%;
2436
+ }
2437
+
2438
+ /* List */
2439
+
2440
+ ol {
2441
+ list-style: decimal;
2442
+ margin: 0 0 2em 0;
2443
+ padding-left: 1.25em;
2444
+ }
2445
+
2446
+ ol li {
2447
+ padding-left: 0.25em;
2448
+ }
2449
+
2450
+ ul {
2451
+ list-style: disc;
2452
+ margin: 0 0 2em 0;
2453
+ padding-left: 1em;
2454
+ }
2455
+
2456
+ ul li {
2457
+ padding-left: 0.5em;
2458
+ }
2459
+
2460
+ ul.alt {
2461
+ list-style: none;
2462
+ padding-left: 0;
2463
+ }
2464
+
2465
+ ul.alt li {
2466
+ border-top: solid 1px rgba(255, 255, 255, 0.125);
2467
+ padding: 0.5em 0;
2468
+ }
2469
+
2470
+ ul.alt li:first-child {
2471
+ border-top: 0;
2472
+ padding-top: 0;
2473
+ }
2474
+
2475
+ dl {
2476
+ margin: 0 0 2em 0;
2477
+ }
2478
+
2479
+ dl dt {
2480
+ display: block;
2481
+ font-weight: 600;
2482
+ margin: 0 0 1em 0;
2483
+ }
2484
+
2485
+ dl dd {
2486
+ margin-left: 2em;
2487
+ }
2488
+
2489
+ /* Actions */
2490
+
2491
+ ul.actions {
2492
+ display: -moz-flex;
2493
+ display: -webkit-flex;
2494
+ display: -ms-flex;
2495
+ display: flex;
2496
+ cursor: default;
2497
+ list-style: none;
2498
+ margin-left: -1em;
2499
+ padding-left: 0;
2500
+ }
2501
+
2502
+ ul.actions li {
2503
+ padding: 0 0 0 1em;
2504
+ vertical-align: middle;
2505
+ }
2506
+
2507
+ ul.actions.special {
2508
+ -moz-justify-content: center;
2509
+ -webkit-justify-content: center;
2510
+ -ms-justify-content: center;
2511
+ justify-content: center;
2512
+ width: 100%;
2513
+ margin-left: 0;
2514
+ }
2515
+
2516
+ ul.actions.special li:first-child {
2517
+ padding-left: 0;
2518
+ }
2519
+
2520
+ ul.actions.stacked {
2521
+ -moz-flex-direction: column;
2522
+ -webkit-flex-direction: column;
2523
+ -ms-flex-direction: column;
2524
+ flex-direction: column;
2525
+ margin-left: 0;
2526
+ }
2527
+
2528
+ ul.actions.stacked li {
2529
+ padding: 1.3em 0 0 0;
2530
+ }
2531
+
2532
+ ul.actions.stacked li:first-child {
2533
+ padding-top: 0;
2534
+ }
2535
+
2536
+ ul.actions.fit {
2537
+ width: calc(100% + 1em);
2538
+ }
2539
+
2540
+ ul.actions.fit li {
2541
+ -moz-flex-grow: 1;
2542
+ -webkit-flex-grow: 1;
2543
+ -ms-flex-grow: 1;
2544
+ flex-grow: 1;
2545
+ -moz-flex-shrink: 1;
2546
+ -webkit-flex-shrink: 1;
2547
+ -ms-flex-shrink: 1;
2548
+ flex-shrink: 1;
2549
+ width: 100%;
2550
+ }
2551
+
2552
+ ul.actions.fit li > * {
2553
+ width: 100%;
2554
+ }
2555
+
2556
+ ul.actions.fit.stacked {
2557
+ width: 100%;
2558
+ }
2559
+
2560
+ @media screen and (max-width: 480px) {
2561
+
2562
+ ul.actions:not(.fixed) {
2563
+ -moz-flex-direction: column;
2564
+ -webkit-flex-direction: column;
2565
+ -ms-flex-direction: column;
2566
+ flex-direction: column;
2567
+ margin-left: 0;
2568
+ width: 100% !important;
2569
+ }
2570
+
2571
+ ul.actions:not(.fixed) li {
2572
+ -moz-flex-grow: 1;
2573
+ -webkit-flex-grow: 1;
2574
+ -ms-flex-grow: 1;
2575
+ flex-grow: 1;
2576
+ -moz-flex-shrink: 1;
2577
+ -webkit-flex-shrink: 1;
2578
+ -ms-flex-shrink: 1;
2579
+ flex-shrink: 1;
2580
+ padding: 1em 0 0 0;
2581
+ text-align: center;
2582
+ width: 100%;
2583
+ }
2584
+
2585
+ ul.actions:not(.fixed) li > * {
2586
+ width: 100%;
2587
+ }
2588
+
2589
+ ul.actions:not(.fixed) li:first-child {
2590
+ padding-top: 0;
2591
+ }
2592
+
2593
+ ul.actions:not(.fixed) li input[type="submit"],
2594
+ ul.actions:not(.fixed) li input[type="reset"],
2595
+ ul.actions:not(.fixed) li input[type="button"],
2596
+ ul.actions:not(.fixed) li button,
2597
+ ul.actions:not(.fixed) li .button {
2598
+ width: 100%;
2599
+ }
2600
+
2601
+ ul.actions:not(.fixed) li input[type="submit"].icon:before,
2602
+ ul.actions:not(.fixed) li input[type="reset"].icon:before,
2603
+ ul.actions:not(.fixed) li input[type="button"].icon:before,
2604
+ ul.actions:not(.fixed) li button.icon:before,
2605
+ ul.actions:not(.fixed) li .button.icon:before {
2606
+ margin-left: -0.5rem;
2607
+ }
2608
+
2609
+ }
2610
+
2611
+ /* Icons */
2612
+
2613
+ ul.icons {
2614
+ cursor: default;
2615
+ list-style: none;
2616
+ padding-left: 0;
2617
+ }
2618
+
2619
+ ul.icons li {
2620
+ display: inline-block;
2621
+ padding: 0 1em 0 0;
2622
+ }
2623
+
2624
+ ul.icons li:last-child {
2625
+ padding-right: 0;
2626
+ }
2627
+
2628
+ ul.icons li .icon:before {
2629
+ font-size: 1.25em;
2630
+ }
2631
+
2632
+ /* Contact */
2633
+
2634
+ ul.contact {
2635
+ list-style: none;
2636
+ padding: 0;
2637
+ }
2638
+
2639
+ ul.contact li {
2640
+ text-decoration: none;
2641
+ margin: 2.5em 0 0 0;
2642
+ padding: 0 0 0 3.25em;
2643
+ position: relative;
2644
+ }
2645
+
2646
+ ul.contact li:before {
2647
+ -moz-osx-font-smoothing: grayscale;
2648
+ -webkit-font-smoothing: antialiased;
2649
+ font-family: FontAwesome;
2650
+ font-style: normal;
2651
+ font-weight: normal;
2652
+ text-transform: none !important;
2653
+ }
2654
+
2655
+ ul.contact li:before {
2656
+ border-radius: 100%;
2657
+ border: solid 2px rgba(255, 255, 255, 0.125);
2658
+ display: inline-block;
2659
+ font-size: 0.8em;
2660
+ height: 2.5em;
2661
+ left: 0;
2662
+ line-height: 2.35em;
2663
+ position: absolute;
2664
+ text-align: center;
2665
+ top: 0;
2666
+ width: 2.5em;
2667
+ }
2668
+
2669
+ ul.contact li:first-child {
2670
+ margin-top: 0;
2671
+ }
2672
+
2673
+ @media screen and (max-width: 736px) {
2674
+
2675
+ ul.contact li {
2676
+ margin: 1.5em 0 0 0;
2677
+ }
2678
+
2679
+ }
2680
+
2681
+ /* Pagination */
2682
+
2683
+ ul.pagination {
2684
+ cursor: default;
2685
+ list-style: none;
2686
+ padding-left: 0;
2687
+ }
2688
+
2689
+ ul.pagination li {
2690
+ display: inline-block;
2691
+ padding-left: 0;
2692
+ vertical-align: middle;
2693
+ }
2694
+
2695
+ ul.pagination li > .page {
2696
+ -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
2697
+ -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
2698
+ -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
2699
+ transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
2700
+ border-bottom: 0;
2701
+ border-radius: 5px;
2702
+ display: inline-block;
2703
+ height: 1.5em;
2704
+ line-height: 1.5em;
2705
+ margin: 0 0.125em;
2706
+ min-width: 1.5em;
2707
+ padding: 0 0.5em;
2708
+ text-align: center;
2709
+ }
2710
+
2711
+ ul.pagination li > .page:hover {
2712
+ background-color: rgba(255, 255, 255, 0.025);
2713
+ }
2714
+
2715
+ ul.pagination li > .page.active {
2716
+ background-color: #4c5c96;
2717
+ }
2718
+
2719
+ ul.pagination li:first-child {
2720
+ padding-right: 0.75em;
2721
+ }
2722
+
2723
+ ul.pagination li:last-child {
2724
+ padding-left: 0.75em;
2725
+ }
2726
+
2727
+ @media screen and (max-width: 480px) {
2728
+
2729
+ ul.pagination li:nth-child(n+2):nth-last-child(n+2) {
2730
+ display: none;
2731
+ }
2732
+
2733
+ ul.pagination li .button {
2734
+ width: 100%;
2735
+ }
2736
+
2737
+ ul.pagination li:first-child {
2738
+ width: calc(50% - 2px);
2739
+ text-align: left;
2740
+ padding-right: 0.325em;
2741
+ }
2742
+
2743
+ ul.pagination li:last-child {
2744
+ width: calc(50% - 2px);
2745
+ text-align: right;
2746
+ padding-left: 0.325em;
2747
+ }
2748
+
2749
+ }
2750
+
2751
+ /* Table */
2752
+
2753
+ .table-wrapper {
2754
+ -webkit-overflow-scrolling: touch;
2755
+ overflow-x: auto;
2756
+ }
2757
+
2758
+ table {
2759
+ margin: 0 0 2em 0;
2760
+ width: 100%;
2761
+ }
2762
+
2763
+ table tbody tr {
2764
+ border: solid 1px rgba(255, 255, 255, 0.125);
2765
+ border-left: 0;
2766
+ border-right: 0;
2767
+ }
2768
+
2769
+ table tbody tr:nth-child(2n + 1) {
2770
+ background-color: rgba(255, 255, 255, 0.025);
2771
+ }
2772
+
2773
+ table td {
2774
+ padding: 0.75em 0.75em;
2775
+ }
2776
+
2777
+ table th {
2778
+ color: #ffffff;
2779
+ font-size: 0.9em;
2780
+ font-weight: 600;
2781
+ padding: 0 0.75em 0.75em 0.75em;
2782
+ text-align: left;
2783
+ }
2784
+
2785
+ table thead {
2786
+ border-bottom: solid 2px rgba(255, 255, 255, 0.125);
2787
+ }
2788
+
2789
+ table tfoot {
2790
+ border-top: solid 2px rgba(255, 255, 255, 0.125);
2791
+ }
2792
+
2793
+ table.alt {
2794
+ border-collapse: separate;
2795
+ }
2796
+
2797
+ table.alt tbody tr td {
2798
+ border: solid 1px rgba(255, 255, 255, 0.125);
2799
+ border-left-width: 0;
2800
+ border-top-width: 0;
2801
+ }
2802
+
2803
+ table.alt tbody tr td:first-child {
2804
+ border-left-width: 1px;
2805
+ }
2806
+
2807
+ table.alt tbody tr:first-child td {
2808
+ border-top-width: 1px;
2809
+ }
2810
+
2811
+ table.alt thead {
2812
+ border-bottom: 0;
2813
+ }
2814
+
2815
+ table.alt tfoot {
2816
+ border-top: 0;
2817
+ }
2818
+
2819
+ /* Button */
2820
+
2821
+ input[type="submit"],
2822
+ input[type="reset"],
2823
+ input[type="button"],
2824
+ button,
2825
+ .button {
2826
+ -moz-appearance: none;
2827
+ -webkit-appearance: none;
2828
+ -ms-appearance: none;
2829
+ appearance: none;
2830
+ -moz-transition: background-color 0.2s ease-in-out;
2831
+ -webkit-transition: background-color 0.2s ease-in-out;
2832
+ -ms-transition: background-color 0.2s ease-in-out;
2833
+ transition: background-color 0.2s ease-in-out;
2834
+ background-color: transparent;
2835
+ border-radius: 5px;
2836
+ border: 0;
2837
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.125);
2838
+ color: #ffffff !important;
2839
+ cursor: pointer;
2840
+ display: inline-block;
2841
+ font-family: Raleway, Helvetica, sans-serif;
2842
+ font-size: 0.8em;
2843
+ font-weight: 700;
2844
+ height: 3.75em;
2845
+ letter-spacing: 0.1em;
2846
+ line-height: 3.75em;
2847
+ padding: 0 2.25em;
2848
+ text-align: center;
2849
+ text-decoration: none;
2850
+ text-transform: uppercase;
2851
+ white-space: nowrap;
2852
+ }
2853
+
2854
+ input[type="submit"]:hover,
2855
+ input[type="reset"]:hover,
2856
+ input[type="button"]:hover,
2857
+ button:hover,
2858
+ .button:hover {
2859
+ background-color: rgba(255, 255, 255, 0.025);
2860
+ }
2861
+
2862
+ input[type="submit"]:active,
2863
+ input[type="reset"]:active,
2864
+ input[type="button"]:active,
2865
+ button:active,
2866
+ .button:active {
2867
+ background-color: rgba(255, 255, 255, 0.075);
2868
+ }
2869
+
2870
+ input[type="submit"].icon:before,
2871
+ input[type="reset"].icon:before,
2872
+ input[type="button"].icon:before,
2873
+ button.icon:before,
2874
+ .button.icon:before {
2875
+ margin-right: 0.5em;
2876
+ color: rgba(255, 255, 255, 0.35);
2877
+ }
2878
+
2879
+ input[type="submit"].primary,
2880
+ input[type="reset"].primary,
2881
+ input[type="button"].primary,
2882
+ button.primary,
2883
+ .button.primary {
2884
+ background-color: #4c5c96;
2885
+ box-shadow: none;
2886
+ }
2887
+
2888
+ input[type="submit"].primary:hover,
2889
+ input[type="reset"].primary:hover,
2890
+ input[type="button"].primary:hover,
2891
+ button.primary:hover,
2892
+ .button.primary:hover {
2893
+ background-color: #53639e;
2894
+ }
2895
+
2896
+ input[type="submit"].primary:active,
2897
+ input[type="reset"].primary:active,
2898
+ input[type="button"].primary:active,
2899
+ button.primary:active,
2900
+ .button.primary:active {
2901
+ background-color: #45558d;
2902
+ }
2903
+
2904
+ input[type="submit"].primary.icon:before,
2905
+ input[type="reset"].primary.icon:before,
2906
+ input[type="button"].primary.icon:before,
2907
+ button.primary.icon:before,
2908
+ .button.primary.icon:before {
2909
+ color: #7985b0;
2910
+ }
2911
+
2912
+ input[type="submit"].fit,
2913
+ input[type="reset"].fit,
2914
+ input[type="button"].fit,
2915
+ button.fit,
2916
+ .button.fit {
2917
+ width: 100%;
2918
+ }
2919
+
2920
+ input[type="submit"].small,
2921
+ input[type="reset"].small,
2922
+ input[type="button"].small,
2923
+ button.small,
2924
+ .button.small {
2925
+ font-size: 0.6em;
2926
+ }
2927
+
2928
+ input[type="submit"].large,
2929
+ input[type="reset"].large,
2930
+ input[type="button"].large,
2931
+ button.large,
2932
+ .button.large {
2933
+ font-size: 1em;
2934
+ }
2935
+
2936
+ input[type="submit"].disabled, input[type="submit"]:disabled,
2937
+ input[type="reset"].disabled,
2938
+ input[type="reset"]:disabled,
2939
+ input[type="button"].disabled,
2940
+ input[type="button"]:disabled,
2941
+ button.disabled,
2942
+ button:disabled,
2943
+ .button.disabled,
2944
+ .button:disabled {
2945
+ opacity: 0.25;
2946
+ }
2947
+
2948
+ @media screen and (max-width: 480px) {
2949
+
2950
+ input[type="submit"],
2951
+ input[type="reset"],
2952
+ input[type="button"],
2953
+ button,
2954
+ .button {
2955
+ padding: 0;
2956
+ }
2957
+
2958
+ }
2959
+
2960
+ /* Features */
2961
+
2962
+ .features {
2963
+ display: -moz-flex;
2964
+ display: -webkit-flex;
2965
+ display: -ms-flex;
2966
+ display: flex;
2967
+ -moz-flex-wrap: wrap;
2968
+ -webkit-flex-wrap: wrap;
2969
+ -ms-flex-wrap: wrap;
2970
+ flex-wrap: wrap;
2971
+ margin: 0 0 2em 0;
2972
+ }
2973
+
2974
+ .features article {
2975
+ padding: 1.75em 1.75em 0.1em 1.75em ;
2976
+ background-color: #353849;
2977
+ border-radius: 5px;
2978
+ margin: 1.5em 3em 1.5em 0;
2979
+ width: calc(50% - 1.5em);
2980
+ }
2981
+
2982
+ .features article:nth-child(2n) {
2983
+ margin-right: 0;
2984
+ }
2985
+
2986
+ .features article .image {
2987
+ border-radius: 5px 5px 0 0;
2988
+ display: block;
2989
+ margin-bottom: 1.75em;
2990
+ margin-left: -1.75em;
2991
+ margin-top: -1.75em;
2992
+ position: relative;
2993
+ width: calc(100% + 3.5em);
2994
+ }
2995
+
2996
+ .features article .image img {
2997
+ border-radius: 5px 5px 0 0;
2998
+ width: 100%;
2999
+ }
3000
+
3001
+ @media screen and (max-width: 980px) {
3002
+
3003
+ .features article {
3004
+ margin: 1em 2em 1em 0;
3005
+ width: calc(50% - 1em);
3006
+ }
3007
+
3008
+ }
3009
+
3010
+ @media screen and (max-width: 736px) {
3011
+
3012
+ .features article {
3013
+ padding: 1.5em 1.5em 0.1em 1.5em ;
3014
+ margin: 0.875em 1.75em 0.875em 0;
3015
+ width: calc(50% - 0.875em - 1px);
3016
+ }
3017
+
3018
+ .features article .image {
3019
+ margin-bottom: 1.5em;
3020
+ margin-left: -1.5em;
3021
+ margin-top: -1.5em;
3022
+ width: calc(100% + 3em);
3023
+ }
3024
+
3025
+ }
3026
+
3027
+ @media screen and (max-width: 480px) {
3028
+
3029
+ .features {
3030
+ display: block;
3031
+ }
3032
+
3033
+ .features article {
3034
+ width: 100%;
3035
+ margin: 0 0 2em 0 !important;
3036
+ }
3037
+
3038
+ }
3039
+
3040
+ /* Header */
3041
+
3042
+ #header {
3043
+ -moz-transition: background-color 0.2s ease-in-out;
3044
+ -webkit-transition: background-color 0.2s ease-in-out;
3045
+ -ms-transition: background-color 0.2s ease-in-out;
3046
+ transition: background-color 0.2s ease-in-out;
3047
+ background-color: rgba(53, 56, 73, 0.95);
3048
+ height: 3.5em;
3049
+ left: 0;
3050
+ line-height: 3.5em;
3051
+ padding: 0 1.25em;
3052
+ position: fixed;
3053
+ top: 0;
3054
+ width: 100%;
3055
+ z-index: 10000;
3056
+ }
3057
+
3058
+ #header h1 {
3059
+ -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s;
3060
+ -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s;
3061
+ -ms-transition: opacity 0.2s ease-in-out, visibility 0.2s;
3062
+ transition: opacity 0.2s ease-in-out, visibility 0.2s;
3063
+ border-bottom: 0;
3064
+ font-size: 0.8em;
3065
+ margin-bottom: 0;
3066
+ opacity: 1;
3067
+ visibility: visible;
3068
+ }
3069
+
3070
+ #header h1 a {
3071
+ border: 0;
3072
+ }
3073
+
3074
+ #header nav {
3075
+ font-family: Raleway, Helvetica, sans-serif;
3076
+ font-size: 0.8em;
3077
+ font-weight: 700;
3078
+ height: 3em;
3079
+ letter-spacing: 0.1em;
3080
+ line-height: 3em;
3081
+ position: absolute;
3082
+ right: 0.7em;
3083
+ text-transform: uppercase;
3084
+ top: 0.7em;
3085
+ }
3086
+
3087
+ #header nav a {
3088
+ border: 0;
3089
+ display: inline-block;
3090
+ padding: 0 1em;
3091
+ }
3092
+
3093
+ #header nav a:before {
3094
+ float: right;
3095
+ margin-left: 0.75em;
3096
+ }
3097
+
3098
+ #header nav a[href="#menu"] {
3099
+ text-decoration: none;
3100
+ -moz-transition: background-color 0.2s ease-in-out;
3101
+ -webkit-transition: background-color 0.2s ease-in-out;
3102
+ -ms-transition: background-color 0.2s ease-in-out;
3103
+ transition: background-color 0.2s ease-in-out;
3104
+ border-radius: 5px;
3105
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.125);
3106
+ padding: 0 1.35em;
3107
+ }
3108
+
3109
+ #header nav a[href="#menu"]:before {
3110
+ -moz-osx-font-smoothing: grayscale;
3111
+ -webkit-font-smoothing: antialiased;
3112
+ font-family: FontAwesome;
3113
+ font-style: normal;
3114
+ font-weight: normal;
3115
+ text-transform: none !important;
3116
+ }
3117
+
3118
+ #header nav a[href="#menu"]:before {
3119
+ content: '\f0c9';
3120
+ }
3121
+
3122
+ #header nav a[href="#menu"]:hover {
3123
+ background-color: rgba(255, 255, 255, 0.025);
3124
+ }
3125
+
3126
+ #header nav a[href="#menu"]:active {
3127
+ background-color: rgba(255, 255, 255, 0.075);
3128
+ }
3129
+
3130
+ #header.alt {
3131
+ background-color: transparent;
3132
+ }
3133
+
3134
+ #header.alt h1 {
3135
+ opacity: 0;
3136
+ visibility: hidden;
3137
+ }
3138
+
3139
+ @media screen and (max-width: 736px) {
3140
+
3141
+ #header {
3142
+ height: 2.75em;
3143
+ line-height: 2.75em;
3144
+ }
3145
+
3146
+ #header nav {
3147
+ top: 0;
3148
+ right: 0;
3149
+ height: inherit;
3150
+ line-height: inherit;
3151
+ }
3152
+
3153
+ #header nav a {
3154
+ height: inherit;
3155
+ line-height: inherit;
3156
+ }
3157
+
3158
+ #header nav a[href="#menu"] {
3159
+ box-shadow: none;
3160
+ padding: 0 1em;
3161
+ border-radius: 0;
3162
+ }
3163
+
3164
+ #header nav a[href="#menu"]:hover, #header nav a[href="#menu"]:active {
3165
+ background-color: inherit;
3166
+ }
3167
+
3168
+ }
3169
+
3170
+ @media screen and (max-width: 480px) {
3171
+
3172
+ #header nav a[href="#menu"] {
3173
+ width: 4em;
3174
+ white-space: nowrap;
3175
+ text-indent: 4em;
3176
+ position: relative;
3177
+ }
3178
+
3179
+ #header nav a[href="#menu"]:before {
3180
+ width: inherit;
3181
+ position: absolute;
3182
+ top: 0;
3183
+ left: 0;
3184
+ text-indent: 0;
3185
+ text-align: right;
3186
+ margin-left: 0;
3187
+ padding-right: 1.25em;
3188
+ }
3189
+
3190
+ }
3191
+
3192
+ /* Menu */
3193
+
3194
+ #page-wrapper {
3195
+ -moz-transition: -moz-filter 0.25s ease;
3196
+ -webkit-transition: -webkit-filter 0.25s ease;
3197
+ -ms-transition: -ms-filter 0.25s ease;
3198
+ transition: filter 0.25s ease;
3199
+ }
3200
+
3201
+ #menu {
3202
+ -moz-align-items: center;
3203
+ -webkit-align-items: center;
3204
+ -ms-align-items: center;
3205
+ align-items: center;
3206
+ display: -moz-flex;
3207
+ display: -webkit-flex;
3208
+ display: -ms-flex;
3209
+ display: flex;
3210
+ -moz-justify-content: center;
3211
+ -webkit-justify-content: center;
3212
+ -ms-justify-content: center;
3213
+ justify-content: center;
3214
+ pointer-events: none;
3215
+ -moz-transition: opacity 0.35s ease, visibility 0.35s;
3216
+ -webkit-transition: opacity 0.35s ease, visibility 0.35s;
3217
+ -ms-transition: opacity 0.35s ease, visibility 0.35s;
3218
+ transition: opacity 0.35s ease, visibility 0.35s;
3219
+ -moz-user-select: none;
3220
+ -webkit-user-select: none;
3221
+ -ms-user-select: none;
3222
+ user-select: none;
3223
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
3224
+ background: rgba(46, 49, 65, 0.8);
3225
+ cursor: default;
3226
+ height: 100%;
3227
+ left: 0;
3228
+ opacity: 0;
3229
+ position: fixed;
3230
+ text-align: center;
3231
+ top: 0;
3232
+ visibility: hidden;
3233
+ width: 100%;
3234
+ }
3235
+
3236
+ #menu .inner {
3237
+ padding: 2.5em 1.5em 0.5em 1.5em ;
3238
+ -moz-transform: translateY(0.5em);
3239
+ -webkit-transform: translateY(0.5em);
3240
+ -ms-transform: translateY(0.5em);
3241
+ transform: translateY(0.5em);
3242
+ -moz-transition: opacity 0.35s ease, -moz-transform 0.35s ease;
3243
+ -webkit-transition: opacity 0.35s ease, -webkit-transform 0.35s ease;
3244
+ -ms-transition: opacity 0.35s ease, -ms-transform 0.35s ease;
3245
+ transition: opacity 0.35s ease, transform 0.35s ease;
3246
+ -webkit-overflow-scrolling: touch;
3247
+ background: #4c5c96;
3248
+ border-radius: 5px;
3249
+ display: block;
3250
+ max-width: 100%;
3251
+ opacity: 0;
3252
+ position: relative;
3253
+ width: 18em;
3254
+ }
3255
+
3256
+ #menu h2 {
3257
+ border-bottom: solid 2px rgba(255, 255, 255, 0.125);
3258
+ padding-bottom: 1em;
3259
+ }
3260
+
3261
+ #menu .close {
3262
+ background-image: url("../css/images/close.svg");
3263
+ background-position: 75% 25%;
3264
+ background-repeat: no-repeat;
3265
+ background-size: 2em 2em;
3266
+ border: 0;
3267
+ content: '';
3268
+ display: block;
3269
+ height: 4em;
3270
+ overflow: hidden;
3271
+ position: absolute;
3272
+ right: 0;
3273
+ text-align: center;
3274
+ text-indent: 4em;
3275
+ top: 0;
3276
+ width: 4em;
3277
+ }
3278
+
3279
+ #menu .links {
3280
+ list-style: none;
3281
+ margin-bottom: 1.5em;
3282
+ padding: 0;
3283
+ }
3284
+
3285
+ #menu .links li {
3286
+ padding: 0;
3287
+ }
3288
+
3289
+ #menu .links li a {
3290
+ border-radius: 5px;
3291
+ border: 0;
3292
+ display: block;
3293
+ font-family: Raleway, Helvetica, sans-serif;
3294
+ font-size: 0.8em;
3295
+ font-weight: 200;
3296
+ letter-spacing: 0.1em;
3297
+ line-height: 1.85em;
3298
+ padding: 0.75em 0;
3299
+ text-transform: uppercase;
3300
+ }
3301
+
3302
+ #menu .links li a:hover {
3303
+ background: #45558d;
3304
+ }
3305
+
3306
+ @media screen and (max-width: 736px) {
3307
+
3308
+ #menu .inner {
3309
+ max-height: 100%;
3310
+ overflow-y: auto;
3311
+ overflow-x: hidden;
3312
+ }
3313
+
3314
+ #menu .inner .close {
3315
+ background-size: 1.5em 1.5em;
3316
+ }
3317
+
3318
+ }
3319
+
3320
+ body.is-menu-visible #page-wrapper {
3321
+ -moz-filter: blur(1.5px);
3322
+ -webkit-filter: blur(1.5px);
3323
+ -ms-filter: blur(1.5px);
3324
+ filter: blur(1.5px);
3325
+ }
3326
+
3327
+ body.is-menu-visible #menu {
3328
+ pointer-events: auto;
3329
+ opacity: 1;
3330
+ visibility: visible;
3331
+ }
3332
+
3333
+ body.is-menu-visible #menu .inner {
3334
+ -moz-transform: translateY(0);
3335
+ -webkit-transform: translateY(0);
3336
+ -ms-transform: translateY(0);
3337
+ transform: translateY(0);
3338
+ opacity: 1;
3339
+ }
3340
+
3341
+ /* Banner */
3342
+
3343
+ #banner {
3344
+ padding: 10em 0 4.75em 0 ;
3345
+ }
3346
+
3347
+ #banner .inner {
3348
+ margin: 0 auto;
3349
+ width: 55em;
3350
+ }
3351
+
3352
+ #banner .logo {
3353
+ -moz-transition: opacity 2s ease, -moz-transform 1s ease;
3354
+ -webkit-transition: opacity 2s ease, -webkit-transform 1s ease;
3355
+ -ms-transition: opacity 2s ease, -ms-transform 1s ease;
3356
+ transition: opacity 2s ease, transform 1s ease;
3357
+ -moz-transform: translateY(0);
3358
+ -webkit-transform: translateY(0);
3359
+ -ms-transform: translateY(0);
3360
+ transform: translateY(0);
3361
+ opacity: 1;
3362
+ margin: 0 0 1.3em 0;
3363
+ }
3364
+
3365
+ #banner .logo .icon {
3366
+ border-radius: 100%;
3367
+ border: solid 2px rgba(255, 255, 255, 0.125);
3368
+ cursor: default;
3369
+ display: inline-block;
3370
+ font-size: 2em;
3371
+ height: 2.25em;
3372
+ line-height: 2.25em;
3373
+ text-align: center;
3374
+ width: 2.25em;
3375
+ }
3376
+
3377
+ #banner h2 {
3378
+ -moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease, -moz-filter 0.25s ease;
3379
+ -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease, -webkit-filter 0.25s ease;
3380
+ -ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease, -ms-filter 0.25s ease;
3381
+ transition: opacity 0.5s ease, transform 0.5s ease, filter 0.25s ease;
3382
+ -moz-transform: translateX(0);
3383
+ -webkit-transform: translateX(0);
3384
+ -ms-transform: translateX(0);
3385
+ transform: translateX(0);
3386
+ -moz-transition-delay: 0.65s;
3387
+ -webkit-transition-delay: 0.65s;
3388
+ -ms-transition-delay: 0.65s;
3389
+ transition-delay: 0.65s;
3390
+ -moz-filter: blur(0);
3391
+ -webkit-filter: blur(0);
3392
+ -ms-filter: blur(0);
3393
+ filter: blur(0);
3394
+ opacity: 1;
3395
+ border-bottom: solid 2px rgba(255, 255, 255, 0.125);
3396
+ font-size: 2.25em;
3397
+ margin-bottom: 0.8em;
3398
+ padding-bottom: 0.4em;
3399
+ }
3400
+
3401
+ #banner p {
3402
+ -moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease, -moz-filter 0.25s ease;
3403
+ -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease, -webkit-filter 0.25s ease;
3404
+ -ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease, -ms-filter 0.25s ease;
3405
+ transition: opacity 0.5s ease, transform 0.5s ease, filter 0.25s ease;
3406
+ -moz-transform: translateX(0);
3407
+ -webkit-transform: translateX(0);
3408
+ -ms-transform: translateX(0);
3409
+ transform: translateX(0);
3410
+ -moz-transition-delay: 0.8s;
3411
+ -webkit-transition-delay: 0.8s;
3412
+ -ms-transition-delay: 0.8s;
3413
+ transition-delay: 0.8s;
3414
+ -moz-filter: blur(0);
3415
+ -webkit-filter: blur(0);
3416
+ -ms-filter: blur(0);
3417
+ filter: blur(0);
3418
+ opacity: 1;
3419
+ font-family: Raleway, Helvetica, sans-serif;
3420
+ font-size: 1em;
3421
+ font-weight: 200;
3422
+ letter-spacing: 0.1em;
3423
+ line-height: 2;
3424
+ text-transform: uppercase;
3425
+ }
3426
+
3427
+ @media screen and (max-width: 1280px) {
3428
+
3429
+ #banner {
3430
+ padding: 7em 0 8.25em 0 ;
3431
+ background-color: #2e3141;
3432
+ background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../images/bg.jpg");
3433
+ background-size: auto, cover;
3434
+ background-position: center, center;
3435
+ margin-bottom: -6.5em;
3436
+ }
3437
+
3438
+ }
3439
+
3440
+ @media screen and (max-width: 980px) {
3441
+
3442
+ #banner {
3443
+ padding: 12em 3em 12.375em 3em ;
3444
+ margin-bottom: -4.75em;
3445
+ }
3446
+
3447
+ #banner .inner {
3448
+ width: 100%;
3449
+ }
3450
+
3451
+ }
3452
+
3453
+ @media screen and (max-width: 736px) {
3454
+
3455
+ #banner {
3456
+ padding: 5em 2em 4.25em 2em ;
3457
+ margin-bottom: -2.5em;
3458
+ }
3459
+
3460
+ #banner .logo {
3461
+ margin: 0 0 1em 0;
3462
+ }
3463
+
3464
+ #banner .logo .icon {
3465
+ font-size: 1.5em;
3466
+ }
3467
+
3468
+ #banner h2 {
3469
+ font-size: 1.5em;
3470
+ }
3471
+
3472
+ #banner p {
3473
+ font-size: 0.8em;
3474
+ }
3475
+
3476
+ }
3477
+
3478
+ body.is-preload #banner .logo {
3479
+ -moz-transform: translateY(0.5em);
3480
+ -webkit-transform: translateY(0.5em);
3481
+ -ms-transform: translateY(0.5em);
3482
+ transform: translateY(0.5em);
3483
+ opacity: 0;
3484
+ }
3485
+
3486
+ body.is-preload #banner h2 {
3487
+ opacity: 0;
3488
+ -moz-transform: translateX(0.25em);
3489
+ -webkit-transform: translateX(0.25em);
3490
+ -ms-transform: translateX(0.25em);
3491
+ transform: translateX(0.25em);
3492
+ -moz-filter: blur(2px);
3493
+ -webkit-filter: blur(2px);
3494
+ -ms-filter: blur(2px);
3495
+ filter: blur(2px);
3496
+ }
3497
+
3498
+ body.is-preload #banner p {
3499
+ opacity: 0;
3500
+ -moz-transform: translateX(0.5em);
3501
+ -webkit-transform: translateX(0.5em);
3502
+ -ms-transform: translateX(0.5em);
3503
+ transform: translateX(0.5em);
3504
+ -moz-filter: blur(2px);
3505
+ -webkit-filter: blur(2px);
3506
+ -ms-filter: blur(2px);
3507
+ filter: blur(2px);
3508
+ }
3509
+
3510
+ /* Wrapper */
3511
+
3512
+ #wrapper > header {
3513
+ padding: 11em 0 2.25em 0 ;
3514
+ }
3515
+
3516
+ #wrapper > header .inner {
3517
+ margin: 0 auto;
3518
+ width: 55em;
3519
+ }
3520
+
3521
+ #wrapper > header h2 {
3522
+ border-bottom: solid 2px rgba(255, 255, 255, 0.125);
3523
+ font-size: 2em;
3524
+ margin-bottom: 0.8em;
3525
+ padding-bottom: 0.4em;
3526
+ }
3527
+
3528
+ #wrapper > header p {
3529
+ font-family: Raleway, Helvetica, sans-serif;
3530
+ font-size: 1em;
3531
+ font-weight: 200;
3532
+ letter-spacing: 0.1em;
3533
+ line-height: 2;
3534
+ text-transform: uppercase;
3535
+ }
3536
+
3537
+ @media screen and (max-width: 1280px) {
3538
+
3539
+ #wrapper > header {
3540
+ padding: 9em 0 6.25em 0 ;
3541
+ background-color: #2e3141;
3542
+ background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../images/bg.jpg");
3543
+ background-size: auto, cover;
3544
+ background-position: center, 0% 30%;
3545
+ margin-bottom: -6.5em;
3546
+ }
3547
+
3548
+ }
3549
+
3550
+ @media screen and (max-width: 980px) {
3551
+
3552
+ #wrapper > header {
3553
+ padding: 11em 3em 7.375em 3em ;
3554
+ background-size: auto, cover;
3555
+ background-position: center, 0% 0%;
3556
+ margin-bottom: -4.75em;
3557
+ }
3558
+
3559
+ #wrapper > header .inner {
3560
+ width: 100%;
3561
+ }
3562
+
3563
+ }
3564
+
3565
+ @media screen and (max-width: 736px) {
3566
+
3567
+ #wrapper > header {
3568
+ padding: 6.5em 2em 3em 2em ;
3569
+ background-size: auto, 125%;
3570
+ margin-bottom: -2.5em;
3571
+ }
3572
+
3573
+ #wrapper > header h2 {
3574
+ font-size: 1.25em;
3575
+ }
3576
+
3577
+ #wrapper > header p {
3578
+ font-size: 0.8em;
3579
+ }
3580
+
3581
+ }
3582
+
3583
+ .wrapper {
3584
+ background-color: #2e3141;
3585
+ margin: 6.5em 0;
3586
+ position: relative;
3587
+ }
3588
+
3589
+ .wrapper:before, .wrapper:after {
3590
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232e3141%3B' /%3E%3C/svg%3E");
3591
+ }
3592
+
3593
+ .wrapper:before {
3594
+ box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141;
3595
+ }
3596
+
3597
+ .wrapper:after {
3598
+ box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141;
3599
+ }
3600
+
3601
+ .wrapper:before, .wrapper:after {
3602
+ background-repeat: no-repeat;
3603
+ background-size: 100% 100%;
3604
+ content: '';
3605
+ display: block;
3606
+ height: 6.5em;
3607
+ position: absolute;
3608
+ width: 100%;
3609
+ }
3610
+
3611
+ .wrapper:before {
3612
+ left: 0;
3613
+ top: -6.5em;
3614
+ }
3615
+
3616
+ .wrapper:after {
3617
+ -moz-transform: scaleY(-1);
3618
+ -webkit-transform: scaleY(-1);
3619
+ -ms-transform: scaleY(-1);
3620
+ transform: scaleY(-1);
3621
+ bottom: -6.5em;
3622
+ left: 0;
3623
+ }
3624
+
3625
+ .wrapper.alt:before {
3626
+ -moz-transform: scaleX(-1);
3627
+ -webkit-transform: scaleX(-1);
3628
+ -ms-transform: scaleX(-1);
3629
+ transform: scaleX(-1);
3630
+ }
3631
+
3632
+ .wrapper.alt:after {
3633
+ -moz-transform: scaleY(-1) scaleX(-1);
3634
+ -webkit-transform: scaleY(-1) scaleX(-1);
3635
+ -ms-transform: scaleY(-1) scaleX(-1);
3636
+ transform: scaleY(-1) scaleX(-1);
3637
+ }
3638
+
3639
+ .wrapper .inner {
3640
+ padding: 3em 0 1em 0 ;
3641
+ margin: 0 auto;
3642
+ width: 55em;
3643
+ }
3644
+
3645
+ .wrapper.style2 {
3646
+ background-color: #353849;
3647
+ }
3648
+
3649
+ .wrapper.style2:before, .wrapper.style2:after {
3650
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23353849%3B' /%3E%3C/svg%3E");
3651
+ }
3652
+
3653
+ .wrapper.style2:before {
3654
+ box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
3655
+ }
3656
+
3657
+ .wrapper.style2:after {
3658
+ box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
3659
+ }
3660
+
3661
+ .wrapper.style3 {
3662
+ background-color: #3d4051;
3663
+ }
3664
+
3665
+ .wrapper.style3:before, .wrapper.style3:after {
3666
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233d4051%3B' /%3E%3C/svg%3E");
3667
+ }
3668
+
3669
+ .wrapper.style3:before {
3670
+ box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
3671
+ }
3672
+
3673
+ .wrapper.style3:after {
3674
+ box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
3675
+ }
3676
+
3677
+ .wrapper.style4 {
3678
+ background-color: #454858;
3679
+ }
3680
+
3681
+ .wrapper.style4:before, .wrapper.style4:after {
3682
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23454858%3B' /%3E%3C/svg%3E");
3683
+ }
3684
+
3685
+ .wrapper.style4:before {
3686
+ box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858;
3687
+ }
3688
+
3689
+ .wrapper.style4:after {
3690
+ box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858;
3691
+ }
3692
+
3693
+ .wrapper.style5 {
3694
+ background-color: #4d5060;
3695
+ }
3696
+
3697
+ .wrapper.style5:before, .wrapper.style5:after {
3698
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234d5060%3B' /%3E%3C/svg%3E");
3699
+ }
3700
+
3701
+ .wrapper.style5:before {
3702
+ box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060;
3703
+ }
3704
+
3705
+ .wrapper.style5:after {
3706
+ box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060;
3707
+ }
3708
+
3709
+ .wrapper.style6 {
3710
+ background-color: #555867;
3711
+ }
3712
+
3713
+ .wrapper.style6:before, .wrapper.style6:after {
3714
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23555867%3B' /%3E%3C/svg%3E");
3715
+ }
3716
+
3717
+ .wrapper.style6:before {
3718
+ box-shadow: inset 0 -1px 0 0 #555867, 0 1px 0 0 #555867;
3719
+ }
3720
+
3721
+ .wrapper.style6:after {
3722
+ box-shadow: inset 0 -1px 0 0 #555867, 0 1px 0 0 #555867;
3723
+ }
3724
+
3725
+ .wrapper.spotlight {
3726
+ background-color: #4c5c96;
3727
+ }
3728
+
3729
+ .wrapper.spotlight:before, .wrapper.spotlight:after {
3730
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234c5c96%3B' /%3E%3C/svg%3E");
3731
+ }
3732
+
3733
+ .wrapper.spotlight:before {
3734
+ box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96;
3735
+ }
3736
+
3737
+ .wrapper.spotlight:after {
3738
+ box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96;
3739
+ }
3740
+
3741
+ .wrapper.spotlight .inner {
3742
+ display: -moz-flex;
3743
+ display: -webkit-flex;
3744
+ display: -ms-flex;
3745
+ display: flex;
3746
+ -moz-align-items: center;
3747
+ -webkit-align-items: center;
3748
+ -ms-align-items: center;
3749
+ align-items: center;
3750
+ -moz-flex-direction: row;
3751
+ -webkit-flex-direction: row;
3752
+ -ms-flex-direction: row;
3753
+ flex-direction: row;
3754
+ }
3755
+
3756
+ .wrapper.spotlight .image {
3757
+ border-radius: 100%;
3758
+ margin: 0 3em 2em 0;
3759
+ width: 22em;
3760
+ overflow: hidden;
3761
+ -ms-flex: 1;
3762
+ }
3763
+
3764
+ .wrapper.spotlight .image img {
3765
+ border-radius: 100%;
3766
+ width: 100%;
3767
+ }
3768
+
3769
+ .wrapper.spotlight .content {
3770
+ width: 100%;
3771
+ -ms-flex: 2;
3772
+ }
3773
+
3774
+ .wrapper.spotlight:nth-child(2n - 1) .inner {
3775
+ -moz-flex-direction: row-reverse;
3776
+ -webkit-flex-direction: row-reverse;
3777
+ -ms-flex-direction: row-reverse;
3778
+ flex-direction: row-reverse;
3779
+ text-align: right;
3780
+ }
3781
+
3782
+ .wrapper.spotlight:nth-child(2n - 1) .image {
3783
+ margin: 0 0 2em 3em;
3784
+ }
3785
+
3786
+ .wrapper.spotlight.style2 {
3787
+ background-color: #45558d;
3788
+ }
3789
+
3790
+ .wrapper.spotlight.style2:before, .wrapper.spotlight.style2:after {
3791
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%2345558d%3B' /%3E%3C/svg%3E");
3792
+ }
3793
+
3794
+ .wrapper.spotlight.style2:before {
3795
+ box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d;
3796
+ }
3797
+
3798
+ .wrapper.spotlight.style2:after {
3799
+ box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d;
3800
+ }
3801
+
3802
+ .wrapper.spotlight.style3 {
3803
+ background-color: #3f4e85;
3804
+ }
3805
+
3806
+ .wrapper.spotlight.style3:before, .wrapper.spotlight.style3:after {
3807
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233f4e85%3B' /%3E%3C/svg%3E");
3808
+ }
3809
+
3810
+ .wrapper.spotlight.style3:before {
3811
+ box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85;
3812
+ }
3813
+
3814
+ .wrapper.spotlight.style3:after {
3815
+ box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85;
3816
+ }
3817
+
3818
+ .wrapper.spotlight.style4 {
3819
+ background-color: #39477c;
3820
+ }
3821
+
3822
+ .wrapper.spotlight.style4:before, .wrapper.spotlight.style4:after {
3823
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%2339477c%3B' /%3E%3C/svg%3E");
3824
+ }
3825
+
3826
+ .wrapper.spotlight.style4:before {
3827
+ box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c;
3828
+ }
3829
+
3830
+ .wrapper.spotlight.style4:after {
3831
+ box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c;
3832
+ }
3833
+
3834
+ .wrapper.spotlight.style5 {
3835
+ background-color: #324072;
3836
+ }
3837
+
3838
+ .wrapper.spotlight.style5:before, .wrapper.spotlight.style5:after {
3839
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23324072%3B' /%3E%3C/svg%3E");
3840
+ }
3841
+
3842
+ .wrapper.spotlight.style5:before {
3843
+ box-shadow: inset 0 -1px 0 0 #324072, 0 1px 0 0 #324072;
3844
+ }
3845
+
3846
+ .wrapper.spotlight.style5:after {
3847
+ box-shadow: inset 0 -1px 0 0 #324072, 0 1px 0 0 #324072;
3848
+ }
3849
+
3850
+ .wrapper.spotlight.style6 {
3851
+ background-color: #2d3a69;
3852
+ }
3853
+
3854
+ .wrapper.spotlight.style6:before, .wrapper.spotlight.style6:after {
3855
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232d3a69%3B' /%3E%3C/svg%3E");
3856
+ }
3857
+
3858
+ .wrapper.spotlight.style6:before {
3859
+ box-shadow: inset 0 -1px 0 0 #2d3a69, 0 1px 0 0 #2d3a69;
3860
+ }
3861
+
3862
+ .wrapper.spotlight.style6:after {
3863
+ box-shadow: inset 0 -1px 0 0 #2d3a69, 0 1px 0 0 #2d3a69;
3864
+ }
3865
+
3866
+ @media screen and (max-width: 980px) {
3867
+
3868
+ .wrapper {
3869
+ margin: 4.75em 0;
3870
+ }
3871
+
3872
+ .wrapper:before, .wrapper:after {
3873
+ height: 4.75em;
3874
+ }
3875
+
3876
+ .wrapper:before {
3877
+ top: -4.75em;
3878
+ }
3879
+
3880
+ .wrapper:after {
3881
+ bottom: -4.75em;
3882
+ left: 0;
3883
+ }
3884
+
3885
+ .wrapper .inner {
3886
+ padding: 3em 3em 1em 3em ;
3887
+ width: 100%;
3888
+ }
3889
+
3890
+ .wrapper.spotlight .image {
3891
+ margin: 0 2em 2em 0;
3892
+ width: 32em;
3893
+ }
3894
+
3895
+ .wrapper.spotlight:nth-child(2n - 1) .image {
3896
+ margin: 0 0 2em 2em;
3897
+ }
3898
+
3899
+ }
3900
+
3901
+ @media screen and (max-width: 736px) {
3902
+
3903
+ .wrapper {
3904
+ margin: 2.5em 0;
3905
+ }
3906
+
3907
+ .wrapper:before, .wrapper:after {
3908
+ height: 2.5em;
3909
+ }
3910
+
3911
+ .wrapper:before {
3912
+ top: -2.5em;
3913
+ }
3914
+
3915
+ .wrapper:after {
3916
+ bottom: -2.5em;
3917
+ left: 0;
3918
+ }
3919
+
3920
+ .wrapper .inner {
3921
+ padding: 2em 2em 0.1em 2em ;
3922
+ }
3923
+
3924
+ .wrapper.spotlight .inner {
3925
+ -moz-align-items: -moz-flex-start;
3926
+ -webkit-align-items: -webkit-flex-start;
3927
+ -ms-align-items: -ms-flex-start;
3928
+ align-items: flex-start;
3929
+ }
3930
+
3931
+ .wrapper.spotlight .image {
3932
+ width: 19em;
3933
+ margin: 0 1.75em 2em 0;
3934
+ }
3935
+
3936
+ .wrapper.spotlight:nth-child(2n - 1) .image {
3937
+ margin: 0 0 2em 1.75em;
3938
+ }
3939
+
3940
+ }
3941
+
3942
+ @media screen and (max-width: 480px) {
3943
+
3944
+ .wrapper.spotlight .inner {
3945
+ display: block;
3946
+ }
3947
+
3948
+ .wrapper.spotlight .image {
3949
+ margin: 0 0 1em 0 !important;
3950
+ max-width: 85%;
3951
+ width: 12em;
3952
+ }
3953
+
3954
+ }
3955
+
3956
+ @media screen and (max-width: 360px) {
3957
+
3958
+ .wrapper .inner {
3959
+ padding: 2em 1.5em 0.1em 1.5em ;
3960
+ }
3961
+
3962
+ }
3963
+
3964
+ /* Footer */
3965
+
3966
+ #footer .inner {
3967
+ padding: 5em 0 3em 0 ;
3968
+ display: -moz-flex;
3969
+ display: -webkit-flex;
3970
+ display: -ms-flex;
3971
+ display: flex;
3972
+ -moz-flex-direction: row;
3973
+ -webkit-flex-direction: row;
3974
+ -ms-flex-direction: row;
3975
+ flex-direction: row;
3976
+ -moz-flex-wrap: wrap;
3977
+ -webkit-flex-wrap: wrap;
3978
+ -ms-flex-wrap: wrap;
3979
+ flex-wrap: wrap;
3980
+ margin: 0 auto;
3981
+ width: 55em;
3982
+ }
3983
+
3984
+ #footer .inner > * {
3985
+ width: 100%;
3986
+ }
3987
+
3988
+ #footer .inner form {
3989
+ margin: 0 3em 0 0;
3990
+ width: calc(50% - 1.5em);
3991
+ }
3992
+
3993
+ #footer .inner .contact {
3994
+ width: calc(50% - 1.5em);
3995
+ }
3996
+
3997
+ #footer .inner .copyright {
3998
+ border-top: solid 2px rgba(255, 255, 255, 0.125);
3999
+ list-style: none;
4000
+ margin: 4em 0 2em 0;
4001
+ padding: 2em 0 0 0;
4002
+ width: 100%;
4003
+ }
4004
+
4005
+ #footer .inner .copyright li {
4006
+ border-left: solid 2px rgba(255, 255, 255, 0.125);
4007
+ color: rgba(255, 255, 255, 0.35);
4008
+ display: inline-block;
4009
+ font-size: 0.9em;
4010
+ line-height: 1;
4011
+ margin-left: 1em;
4012
+ padding: 0;
4013
+ padding-left: 1em;
4014
+ }
4015
+
4016
+ #footer .inner .copyright li:first-child {
4017
+ border-left: 0;
4018
+ margin-left: 0;
4019
+ padding-left: 0;
4020
+ }
4021
+
4022
+ #footer .inner .copyright li a {
4023
+ color: inherit;
4024
+ }
4025
+
4026
+ @media screen and (max-width: 1280px) {
4027
+
4028
+ #footer {
4029
+ background-color: #2e3141;
4030
+ background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../images/bg.jpg");
4031
+ background-size: auto, cover;
4032
+ background-position: center, center;
4033
+ margin-top: -6.5em;
4034
+ padding-top: 6.5em;
4035
+ }
4036
+
4037
+ }
4038
+
4039
+ @media screen and (max-width: 980px) {
4040
+
4041
+ #footer {
4042
+ margin-top: -4.75em;
4043
+ padding-top: 4.75em;
4044
+ }
4045
+
4046
+ #footer .inner {
4047
+ padding: 3em 3em 1em 3em ;
4048
+ display: block;
4049
+ width: 100%;
4050
+ }
4051
+
4052
+ #footer .inner form {
4053
+ width: 100%;
4054
+ margin: 0 0 4em 0;
4055
+ }
4056
+
4057
+ #footer .inner .contact {
4058
+ width: 100%;
4059
+ margin: 0 0 4em 0;
4060
+ }
4061
+
4062
+ #footer .inner .copyright {
4063
+ margin: 4em 0 2em 0;
4064
+ }
4065
+
4066
+ }
4067
+
4068
+ @media screen and (max-width: 736px) {
4069
+
4070
+ #footer {
4071
+ margin-top: -2.5em;
4072
+ padding-top: 2.5em;
4073
+ }
4074
+
4075
+ #footer .inner {
4076
+ padding: 2em 2em 0.1em 2em ;
4077
+ }
4078
+
4079
+ #footer .inner form {
4080
+ margin: 0 0 3em 0;
4081
+ }
4082
+
4083
+ #footer .inner .contact {
4084
+ margin: 0 0 3em 0;
4085
+ }
4086
+
4087
+ }
4088
+
4089
+ @media screen and (max-width: 480px) {
4090
+
4091
+ #footer .inner .copyright li {
4092
+ border-left: 0;
4093
+ display: block;
4094
+ margin: 1em 0 0 0;
4095
+ padding-left: 0;
4096
+ }
4097
+
4098
+ #footer .inner .copyright li:first-child {
4099
+ margin-top: 0;
4100
+ }
4101
+
4102
+ }
4103
+
4104
+ @media screen and (max-width: 360px) {
4105
+
4106
+ #footer .inner {
4107
+ padding: 2em 1.5em 0.1em 1.5em ;
4108
+ }
4109
+
4110
+ }