diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..69665a3 Binary files /dev/null and b/.DS_Store differ diff --git a/homework/.DS_Store b/homework/.DS_Store new file mode 100644 index 0000000..485cdc0 Binary files /dev/null and b/homework/.DS_Store differ diff --git a/homework/week-1-project/.DS_Store b/homework/week-1-project/.DS_Store new file mode 100644 index 0000000..b666d59 Binary files /dev/null and b/homework/week-1-project/.DS_Store differ diff --git a/homework/week-1-project/1-head-and-header/index.html b/homework/week-1-project/1-head-and-header/index.html index e69de29..de3b443 100644 --- a/homework/week-1-project/1-head-and-header/index.html +++ b/homework/week-1-project/1-head-and-header/index.html @@ -0,0 +1,11 @@ +
+

Tic Tac Toe

+
+ +
+

Choose to play X or O

+
+ X Player + O Player +
+
\ No newline at end of file diff --git a/homework/week-1-project/1-head-and-header/style.css b/homework/week-1-project/1-head-and-header/style.css index e69de29..55ef0bf 100644 --- a/homework/week-1-project/1-head-and-header/style.css +++ b/homework/week-1-project/1-head-and-header/style.css @@ -0,0 +1,10 @@ +body { + font-family: Helvetica, Arial, sans-serif; + background-color: #EFD1C6; +} + +.header h1 { + color: black; + font-size: 5rem; + text-align: center; +} \ No newline at end of file diff --git a/homework/week-1-project/2-rules-of-the-game/index.html b/homework/week-1-project/2-rules-of-the-game/index.html index e69de29..3a0f945 100644 --- a/homework/week-1-project/2-rules-of-the-game/index.html +++ b/homework/week-1-project/2-rules-of-the-game/index.html @@ -0,0 +1,2 @@ + +

a paper-and-pencil game for two players, X and O. The player who succeeds in placing three of their marks in a horizontal, vertical, or diagonal row wins the game.

diff --git a/homework/week-1-project/2-rules-of-the-game/style.css b/homework/week-1-project/2-rules-of-the-game/style.css index e69de29..40e07cf 100644 --- a/homework/week-1-project/2-rules-of-the-game/style.css +++ b/homework/week-1-project/2-rules-of-the-game/style.css @@ -0,0 +1,6 @@ + +h2 { + text-align: center; + font-size:"6" + color: black; +} \ No newline at end of file diff --git a/homework/week-1-project/3-unplayable-board/index.html b/homework/week-1-project/3-unplayable-board/index.html index e69de29..627e693 100644 --- a/homework/week-1-project/3-unplayable-board/index.html +++ b/homework/week-1-project/3-unplayable-board/index.html @@ -0,0 +1,41 @@ + + + +
+

Please Choose Game Mode

+ +
+

Tic Tac Toe

+
+ + + + + + + + + +
+ + +
+ + +
+ + + +
+ + + \ No newline at end of file diff --git a/homework/week-1-project/3-unplayable-board/style.css b/homework/week-1-project/3-unplayable-board/style.css index e69de29..f5650d2 100644 --- a/homework/week-1-project/3-unplayable-board/style.css +++ b/homework/week-1-project/3-unplayable-board/style.css @@ -0,0 +1,122 @@ +body { + background-color:#000; +} +h1{ + color:#4CAF50; + text-align:center; + text-decoration:underline ; +} +.h1{ + position:fixed; + top:180px; + align:center; +} +#tt{ + position:fixed; + color:#4CAF50; + left:40%; + top:330px; +} +#screen{ + position:fixed; + width:100%; + height:1000px; + background-color:#0f0f0f; + z-index:1; + align:center; +} +select{ + background-color: #4CAF50; + border: none; + color: white; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + margin: 4px 2px; + cursor: pointer; + position:absolute; + top:300px; + left:30%; + height:40px; + width:40%; +} +input{ + width:80px; + height:80px; + background-color:#4CAF50; + color:#fff; + font-size:50px; +} +#reset{ + position:fixed; + width:100%; + opacity:0; + display:none; + background-color:#000; + height:1000px; +} +.vote{ + color:#fff; + position:fixed; + bottom:15px; + font-size:20px; + font-style: oblique; +} +.btn{ + border: none; + position:fixed; + color: white; + left:30%; + display:none; + padding: 15px 32px; + width:150px; + text-decoration: none; + margin: 4px 2px; + cursor: pointer; + height:40px; + font-size:20px; +} +.w1{ + top:350px; + background-color: #0cf; + color:#000; + width:200px; + left:20%; +} +.p1{ +position:fixed; + color:#4CAF50; + left:10px; + top:330px; + display:none; +} +.p2{ + position:fixed; + color:#4CAF50; + right:10px; + top:330px; +} +.r{ + z-index:1; + top:400px; + background-color: #4CAF50; +} +.l{ + top:350px; + background-color: red; +} +.w{ + top:350px; + background-color: #0cf; + color:#000; +} +.vote a{ + color:#4CAF50; +} +.d{ + z-index:1; + top:350px; + background-color: #fff; + color:#000; +} \ No newline at end of file diff --git a/homework/week-1-project/4-playable-board/index.html b/homework/week-1-project/4-playable-board/index.html index e69de29..93f1c22 100644 --- a/homework/week-1-project/4-playable-board/index.html +++ b/homework/week-1-project/4-playable-board/index.html @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + +
\ No newline at end of file diff --git a/homework/week-1-project/4-playable-board/style.css b/homework/week-1-project/4-playable-board/style.css index e69de29..e92954a 100644 --- a/homework/week-1-project/4-playable-board/style.css +++ b/homework/week-1-project/4-playable-board/style.css @@ -0,0 +1,15 @@ +td { + width: 100px; + height: 100px; + } + table { + margin: 5px auto; + } + .vert { + border-left: 2px solid black; + border-right: 2px solid black; + } + .hori { + border-top: 2px solid black; + border-bottom: 2px solid black; + } \ No newline at end of file diff --git a/homework/week-2-project/.DS_Store b/homework/week-2-project/.DS_Store new file mode 100644 index 0000000..a8f8682 Binary files /dev/null and b/homework/week-2-project/.DS_Store differ diff --git a/homework/week-2-project/0-blank-page-setup/index.html b/homework/week-2-project/0-blank-page-setup/index.html index 7ab86ff..9ec12b2 100644 --- a/homework/week-2-project/0-blank-page-setup/index.html +++ b/homework/week-2-project/0-blank-page-setup/index.html @@ -7,9 +7,4 @@ - - - - - diff --git a/homework/week-2-project/1-head and header/index.html b/homework/week-2-project/1-head and header/index.html new file mode 100644 index 0000000..bf66c0d --- /dev/null +++ b/homework/week-2-project/1-head and header/index.html @@ -0,0 +1,13 @@ + + + + + + + + + + + A Cup of Tea + + \ No newline at end of file diff --git a/homework/week-2-project/1-head and header/style.css b/homework/week-2-project/1-head and header/style.css new file mode 100644 index 0000000..cef689d --- /dev/null +++ b/homework/week-2-project/1-head and header/style.css @@ -0,0 +1,44 @@ +/* Header **/ +Header { + Background: #2F586D; + color: #ffffff; + padding-top : 30px; + min-height: 70px; + border-bottom: #E94181 3px solid ; + +} + +header a { + color: #ffffff; + text-decoration:none; + text-transform: uppercase; + font-size: 16px; +} + +header li{ + display: inline; + padding: 0 20px 0 20px; +} + +header #branding { + float:left; +} + +header #branding h1{ + margin: 0; +} + +header nav { + float:right; + margin-top: 10px; +} + +header .highlight, header .current a{ + color: #e8491d; + font-weight: bold; + +} + header a:hover{ + color: #cccccc; + font-weight:bold; + } \ No newline at end of file diff --git a/homework/week-2-project/2-showcase/index.html b/homework/week-2-project/2-showcase/index.html new file mode 100644 index 0000000..ae4be45 --- /dev/null +++ b/homework/week-2-project/2-showcase/index.html @@ -0,0 +1,21 @@ + + + + + + + + + + + A Cup of Tea + + +
+
+

Content Creator

+

Lorem ipsum coba dulu ah

+
+
+ + \ No newline at end of file diff --git a/homework/week-2-project/2-showcase/style.css b/homework/week-2-project/2-showcase/style.css new file mode 100644 index 0000000..36f2196 --- /dev/null +++ b/homework/week-2-project/2-showcase/style.css @@ -0,0 +1,31 @@ +body { + font: 15px/1.5 Arial, Helvetica, sans-serif; + padding: 0; + margin: 0; + background-color: #EBEDEE; + } + + /* Global */ + .container { + width: 80%; + margin: auto; + overflow:hidden; + } + + #showcase{ + min-height: 400px; + background: url('gambar.jpg') no repeat 0 -400px; + text-align: center; + color: #ffffff; + } + + #showcase h1{ + margin-top:100px; + font-size:55px; + margin-bottom:10px; + } + + #showcase p{ + font-size:20px; + } + \ No newline at end of file diff --git a/homework/week-2-project/3-newsletter/index.html b/homework/week-2-project/3-newsletter/index.html new file mode 100644 index 0000000..9a8918e --- /dev/null +++ b/homework/week-2-project/3-newsletter/index.html @@ -0,0 +1,26 @@ + + + + + + + + + + + A Cup of Tea + + + + +
+
+

Subscribe To My New Article

+
+ + +
+
+
+ + \ No newline at end of file diff --git a/homework/week-2-project/3-newsletter/style.css b/homework/week-2-project/3-newsletter/style.css new file mode 100644 index 0000000..0011857 --- /dev/null +++ b/homework/week-2-project/3-newsletter/style.css @@ -0,0 +1,48 @@ +body { + font: 15px/1.5 Arial, Helvetica, sans-serif; + padding: 0; + margin: 0; + background-color: #EBEDEE; + } + + /* Global */ + .container { + width: 80%; + margin: auto; + overflow:hidden; + } + + #newsletter{ + padding: 15px; + color:#ffffff; + background: #35424a; + } + + /* Newsletter */ + + #newsletter h1 { + float: left; + } + + #newsletter form{ + float: right; + margin-top:15px; + } + + #newsletter input [type="email"]{ + padding:4px; + height:25px; + width: 250px; + } + #newsletter button, .quote button{ + display:block; + width:100%; + } + + #newsletter form input [ type="email"], .quote input, .quote textarea{ + width: 100%; + margin-bottom:5px; + + } + + \ No newline at end of file diff --git a/homework/week-2-project/4-boxes/.DS_Store b/homework/week-2-project/4-boxes/.DS_Store new file mode 100644 index 0000000..e99d27e Binary files /dev/null and b/homework/week-2-project/4-boxes/.DS_Store differ diff --git a/homework/week-2-project/4-boxes/facebook.png b/homework/week-2-project/4-boxes/facebook.png new file mode 100644 index 0000000..14d5f18 Binary files /dev/null and b/homework/week-2-project/4-boxes/facebook.png differ diff --git a/homework/week-2-project/4-boxes/gambar.jpg b/homework/week-2-project/4-boxes/gambar.jpg new file mode 100644 index 0000000..4f751d4 Binary files /dev/null and b/homework/week-2-project/4-boxes/gambar.jpg differ diff --git a/homework/week-2-project/4-boxes/img/facebook.png b/homework/week-2-project/4-boxes/img/facebook.png new file mode 100644 index 0000000..14d5f18 Binary files /dev/null and b/homework/week-2-project/4-boxes/img/facebook.png differ diff --git a/homework/week-2-project/4-boxes/img/gambar.jpg b/homework/week-2-project/4-boxes/img/gambar.jpg new file mode 100644 index 0000000..4f751d4 Binary files /dev/null and b/homework/week-2-project/4-boxes/img/gambar.jpg differ diff --git a/homework/week-2-project/4-boxes/img/instagram.png b/homework/week-2-project/4-boxes/img/instagram.png new file mode 100644 index 0000000..020a2da Binary files /dev/null and b/homework/week-2-project/4-boxes/img/instagram.png differ diff --git a/homework/week-2-project/4-boxes/img/spotify.png b/homework/week-2-project/4-boxes/img/spotify.png new file mode 100644 index 0000000..e8aab70 Binary files /dev/null and b/homework/week-2-project/4-boxes/img/spotify.png differ diff --git a/homework/week-2-project/4-boxes/index.html b/homework/week-2-project/4-boxes/index.html new file mode 100644 index 0000000..8ce53ef --- /dev/null +++ b/homework/week-2-project/4-boxes/index.html @@ -0,0 +1,39 @@ + + + + + + + + + + + A Cup of Tea + + +
+
+
+ spotify logo +

Spotify

+

Lorem Ipsum SATU

+
+ +
+ facebook logo +

CSS Styling

+

Lorem Ipsum DUA

+
+ +
+ instagram logo +

Graphic Design

+

Lorem Ipsum TIGA

+
+
+
+ + + + + diff --git a/homework/week-2-project/4-boxes/instagram.png b/homework/week-2-project/4-boxes/instagram.png new file mode 100644 index 0000000..020a2da Binary files /dev/null and b/homework/week-2-project/4-boxes/instagram.png differ diff --git a/homework/week-2-project/4-boxes/spotify.png b/homework/week-2-project/4-boxes/spotify.png new file mode 100644 index 0000000..e8aab70 Binary files /dev/null and b/homework/week-2-project/4-boxes/spotify.png differ diff --git a/homework/week-2-project/4-boxes/style.css b/homework/week-2-project/4-boxes/style.css new file mode 100644 index 0000000..2e6fc13 --- /dev/null +++ b/homework/week-2-project/4-boxes/style.css @@ -0,0 +1,31 @@ +body { + font: 15px/1.5 Arial, Helvetica, sans-serif; + padding: 0; + margin: 0; + background-color: #EBEDEE; + } + + /* Global */ + .container { + width: 80%; + margin: auto; + overflow:hidden; + } + + /* Boxes */ +#boxes { + margin-top: 20px; +} + +#boxes .box{ + float:left; + width: 30%; + padding:10px; + text-align: center; +} + +#boxes .box img{ + width:90px; +} + +.boxes \ No newline at end of file diff --git a/homework/week-2-project/5-footer/index.html b/homework/week-2-project/5-footer/index.html new file mode 100644 index 0000000..4395c03 --- /dev/null +++ b/homework/week-2-project/5-footer/index.html @@ -0,0 +1,24 @@ + + + + + + + + + + + A Cup of Tea + + + + + + + + + + diff --git a/homework/week-2-project/5-footer/style.css b/homework/week-2-project/5-footer/style.css new file mode 100644 index 0000000..705725e --- /dev/null +++ b/homework/week-2-project/5-footer/style.css @@ -0,0 +1,21 @@ +body { + font: 15px/1.5 Arial, Helvetica, sans-serif; + padding: 0; + margin: 0; + background-color: #EBEDEE; + } + + /* Global */ + .container { + width: 80%; + margin: auto; + overflow:hidden;} + +footer{ + padding:20px; + margin-top:20px; + color: #ffffff; + background-color: #e8491d; + text-align: center; +} + diff --git a/homework/week-2-project/about.html b/homework/week-2-project/about.html new file mode 100644 index 0000000..e6ef9ec --- /dev/null +++ b/homework/week-2-project/about.html @@ -0,0 +1,69 @@ + + + + + + + + + + + About + + + + +
+
+
+

A Cup of Tea by Dena Cho

+
+ +
+
+ +
+
+

Subscribe To My New Article

+
+ + +
+
+
+ + +
+
+
+

about us

+

ini lagi coba dulu about us nya gimana

+

coba bikin paragraf kedua gatau gimana

+
+ + +
+
+ + + + + + + + + diff --git a/homework/week-2-project/header/.DS_Store b/homework/week-2-project/header/.DS_Store new file mode 100644 index 0000000..61f2062 Binary files /dev/null and b/homework/week-2-project/header/.DS_Store differ diff --git a/homework/week-2-project/header/about.html b/homework/week-2-project/header/about.html new file mode 100644 index 0000000..e6ef9ec --- /dev/null +++ b/homework/week-2-project/header/about.html @@ -0,0 +1,69 @@ + + + + + + + + + + + About + + + + +
+
+
+

A Cup of Tea by Dena Cho

+
+ +
+
+ +
+
+

Subscribe To My New Article

+
+ + +
+
+
+ + +
+
+
+

about us

+

ini lagi coba dulu about us nya gimana

+

coba bikin paragraf kedua gatau gimana

+
+ + +
+
+ + + + + + + + + diff --git a/homework/week-2-project/header/facebook.png b/homework/week-2-project/header/facebook.png new file mode 100644 index 0000000..14d5f18 Binary files /dev/null and b/homework/week-2-project/header/facebook.png differ diff --git a/homework/week-2-project/header/gambar.jpg b/homework/week-2-project/header/gambar.jpg new file mode 100644 index 0000000..4f751d4 Binary files /dev/null and b/homework/week-2-project/header/gambar.jpg differ diff --git a/homework/week-2-project/header/index.html b/homework/week-2-project/header/index.html new file mode 100644 index 0000000..7d73eb4 --- /dev/null +++ b/homework/week-2-project/header/index.html @@ -0,0 +1,81 @@ + + + + + + + + + + + A Cup of Tea + + + + +
+
+
+

A Cup of Tea by Dena Cho

+
+ +
+
+ +
+
+

Content Creator

+

Lorem ipsum coba dulu ah

+
+
+ +
+
+

Subscribe To My New Article

+
+ + +
+
+
+ + +
+
+
+ spotify logo +

Spotify

+

Lorem Ipsum SATU

+
+ +
+ facebook logo +

CSS Styling

+

Lorem Ipsum DUA

+
+ +
+ Instagram logo +

Graphic Design

+

Lorem Ipsum TIGA

+
+
+
+ + + + + + + + + diff --git a/homework/week-2-project/header/instagram.png b/homework/week-2-project/header/instagram.png new file mode 100644 index 0000000..020a2da Binary files /dev/null and b/homework/week-2-project/header/instagram.png differ diff --git a/homework/week-2-project/header/service.html b/homework/week-2-project/header/service.html new file mode 100644 index 0000000..c0c1901 --- /dev/null +++ b/homework/week-2-project/header/service.html @@ -0,0 +1,97 @@ + + + + + + + + + + + Services + + + + +
+
+
+

A Cup of Tea by Dena Cho

+
+ +
+
+ +
+
+

Subscribe To My New Article

+
+ + +
+
+
+ + +
+
+
+

Services

+
    +
  • +

    Website Design

    +

    dummy text satu

    +

    pricing nya 10jt per month

    +
    • + +
  • +

    Website Maintenance

    +

    dummy text satu

    +

    pricing nya 7jt per month

    +
    • + +
  • +

    Website Hosting

    +

    dummy text satu

    +

    pricing nya 15jt per month

    +
    • +
+
+ + +
+
+ + + + + + + + + + \ No newline at end of file diff --git a/homework/week-2-project/header/spotify.png b/homework/week-2-project/header/spotify.png new file mode 100644 index 0000000..e8aab70 Binary files /dev/null and b/homework/week-2-project/header/spotify.png differ diff --git a/homework/week-2-project/header/style.css b/homework/week-2-project/header/style.css new file mode 100644 index 0000000..004e261 --- /dev/null +++ b/homework/week-2-project/header/style.css @@ -0,0 +1,207 @@ +body { +font: 15px/1.5 Arial, Helvetica, sans-serif; +padding: 0; +margin: 0; +background-color: #EBEDEE; +} + +/* Global */ +.container { + width: 80%; + margin: auto; + overflow:hidden; +} +ul{ + margin: 0; + padding: 0; +} + +.button_1{ + height: 38px; + background: #e8491d; + border: 0; + padding-right: 20px; + padding-left: 20px; + color: #ffffff; +} + +.dark{ + padding:15px; + background: #35424a; + color: #ffffff; + margin-top:10px; + margin-bottom: 10px; +} + +/* Header **/ +Header { + Background: #2F586D; + color: #ffffff; + padding-top : 30px; + min-height: 70px; + border-bottom: #E94181 3px solid ; + +} + +header a { + color: #ffffff; + text-decoration:none; + text-transform: uppercase; + font-size: 16px; +} + +header li{ + float: left; + display: inline; + padding: 0 20px 0 20px; +} + +header #branding { + float:left; +} + +header #branding h1{ + margin: 0; +} + +header nav { + float:right; + margin-top: 10px; +} + +header .highlight, header .current a{ + color: #e8491d; + font-weight: bold; + +} + header a:hover{ + color: #cccccc; + font-weight:bold; + } + + /* Showcase */ + #showcase{ + min-height: 400px; + background: url('gambar.jpg') no repeat 0 -400px; + text-align: center; + color: #ffffff; + } + + #showcase h1{ + margin-top:100px; + font-size:55px; + margin-bottom:10px; + } + + #showcase p{ + font-size:20px; + } + + #newsletter{ + padding: 15px; + color:#ffffff; + background: #35424a; + } + + /* Newsletter */ + + #newsletter h1 { + float: left; + } + + #newsletter form{ + float: right; + margin-top:15px; + } + + #newsletter input [type="email"]{ + padding:4px; + height:25px; + width: 250px; + } + +/* Boxes */ +#boxes { + margin-top: 20px; +} + +#boxes .box{ + float:left; + width: 30%; + padding:10px; + text-align: center; +} + +#boxes .box img{ + width:90px; +} + +/* Sidebar */ +aside#sidebar { + float: right; + width: 30%; + margin-top:10px; +} + +aside#sidebar .quote input, aside#sidebar .quote textarea{ +width:90%; +padding: 5px; +} + +/* Mai-col*/ +article#main-col { + float:left; + width: 65%; +} + +/* Services*/ +ul#services li{ + list-style:none; + padding: 20px; + border: #cccccc solid 1px; + margin-bottom : 5px; + background : #e6e6e6; +} + +footer{ + padding:20px; + margin-top:20px; + color: #ffffff; + background-color: #e8491d; + text-align: center; +} + +/* Media Queries */ +@media(max-width:768px) { + header #branding, + header nav, + header nav li, + #newsletter h1, + #newsletter form, + #boxes .box, + article #main-col, + aside#sidebar{ + float: none; + text-align: center; + width:100%; + } + +header { + padding-bottom:20px; +} + +#showcase h1 { + margin-top:40px; +} + +#newsletter button, .quote button{ + display:block; + width:100%; +} + +#newsletter form input [ type="email"], .quote input, .quote textarea{ + width: 100%; + margin-bottom:5px; + +} +} \ No newline at end of file diff --git a/homework/week-2-project/index.html b/homework/week-2-project/index.html index 879ec9b..b2b9b1e 100644 --- a/homework/week-2-project/index.html +++ b/homework/week-2-project/index.html @@ -1,40 +1,78 @@ - - - - - - - - HTML/CSS Week 2 Project Table - - - -

Traversy Media: Build An HTML5 Website With A Responsive Layout

-

- -

- - - - - - - - - - - - - - - - - - - - - -
a user can ...index.htmlabout.htmlservices.htmlCSS
... open a website empty HTML template, requiring CSS file, title tag(doesn't exist yet!)(doesn't exist yet!)empty CSS file
- + + + + + + + + + + + A Cup of Tea + + + + +
+
+
+

A Cup of Tea by Dena Cho

+
+ +
+
+ +
+
+

Content Creator

+

Lorem ipsum coba dulu ah

+
+
+ +
+
+

Subscribe To My New Article

+
+ + +
+
+
+ + +
+
+
+ spotify logo +

Spotify

+

Lorem Ipsum SATU

+
+ +
+ facebook logo +

CSS Styling

+

Lorem Ipsum DUA

+
+ +
+ Instagram logo +

Graphic Design

+

Lorem coba Ipsum TIGA

+
+
+
+ + + + diff --git a/homework/week-2-project/service.html b/homework/week-2-project/service.html new file mode 100644 index 0000000..a5b61f8 --- /dev/null +++ b/homework/week-2-project/service.html @@ -0,0 +1,88 @@ + + + + + + + + + + + Services + + + +
+
+
+

A Cup of Tea by Dena Cho

+
+ +
+
+ +
+
+

Subscribe To My New Article

+
+ + +
+
+
+ +
+
+
+

Services

+
    +
  • +

    Website Design

    +

    dummy text satu

    +

    pricing nya 10jt per month

    +
    • + +
  • +

    Website Maintenance

    +

    dummy text satu

    +

    pricing nya 7jt per month

    +
    • + +
  • +

    Website Hosting

    +

    dummy text satu

    +

    pricing nya 15jt per month

    +
    • +
+
+ + +
+
+ + + + diff --git a/homework/week-2-project/style.css b/homework/week-2-project/style.css new file mode 100644 index 0000000..f170d28 --- /dev/null +++ b/homework/week-2-project/style.css @@ -0,0 +1,205 @@ +body { + font: 15px/1.5 Arial, Helvetica, sans-serif; + padding: 0; + margin: 0; + background-color: #EBEDEE; + } + + /* Global */ + .container { + width: 80%; + margin: auto; + overflow:hidden; + } + ul{ + margin: 0; + padding: 0; + } + + .button_1{ + height: 38px; + background: #e8491d; + border: 0; + padding-right: 20px; + padding-left: 20px; + color: #ffffff; + } + + .dark{ + padding:15px; + background: #35424a; + color: #ffffff; + margin-top:10px; + margin-bottom: 10px; + } + + /* Header **/ + Header { + Background: #2F586D; + color: #ffffff; + padding-top : 30px; + min-height: 70px; + border-bottom: #E94181 3px solid ; + + } + + header a { + color: #ffffff; + text-decoration:none; + text-transform: uppercase; + font-size: 16px; + } + + header li{ + float: left; + display: inline; + padding: 0 20px 0 20px; + } + + header #branding { + float:left; + } + + header #branding h1{ + margin: 0; + } + + header nav { + float:right; + margin-top: 10px; + } + + header .highlight, header .current a{ + color: #e8491d; + font-weight: bold; + + } + header a:hover{ + color: #cccccc; + font-weight:bold; + } + + /* Showcase */ + #showcase{ + min-height: 400px; + background: url('gambar.jpg') no repeat 0 -400px; + text-align: center; + color: #ffffff; + } + + #showcase h1{ + margin-top:100px; + font-size:55px; + margin-bottom:10px; + } + + #showcase p{ + font-size:20px; + } + + #newsletter{ + padding: 15px; + color:#ffffff; + background: #35424a; + } + + /* Newsletter */ + + #newsletter h1 { + float: left; + } + + #newsletter form{ + float: right; + margin-top:15px; + } + + #newsletter input [type="email"]{ + padding:4px; + height:25px; + width: 250px; + } + + /* Boxes */ + #boxes { + margin-top: 20px; + } + + #boxes .box{ + float:left; + width: 30%; + padding:10px; + text-align: center; + } + + #boxes .box img{ + width:90px; + } + + /* Sidebar */ + aside#sidebar { + float: right; + width: 30%; + margin-top:10px; + } + + aside#sidebar .quote input, aside#sidebar .quote textarea{ + width:90%; + padding: 5px; + } + + /* Mai-col*/ + article#main-col { + float:left; + width: 65%; + } + + /* Services*/ + ul#services li{ + list-style:none; + padding: 20px; + border: #cccccc solid 1px; + margin-bottom : 5px; + background : #e6e6e6; + } + + footer{ + padding:20px; + margin-top:20px; + color: #ffffff; + background-color: #e8491d; + text-align: center; + } + + /* Media Queries */ + @media(max-width:768px) { + header #branding, + header nav, + header nav li, + #newsletter h1, + #newsletter form, + #boxes .box, + article #main-col, + aside#sidebar{ + float: none; + text-align: center; + width:100%; + } + + header { + padding-bottom:20px; + } + + #showcase h1 { + margin-top:40px; + } + + #newsletter button, .quote button{ + display:block; + width:100%; + } + + #newsletter form input [ type="email"], .quote input, .quote textarea{ + width: 100%; + margin-bottom:5px;} + } \ No newline at end of file diff --git a/homework/week-3-project/.DS_Store b/homework/week-3-project/.DS_Store new file mode 100644 index 0000000..3b979d0 Binary files /dev/null and b/homework/week-3-project/.DS_Store differ diff --git a/homework/week-3-project/README.md b/homework/week-3-project/README.md deleted file mode 100644 index 7588cfe..0000000 --- a/homework/week-3-project/README.md +++ /dev/null @@ -1 +0,0 @@ -See the assignment [live on GitHub Pages](https://be-hacking-hyf.github.io/html-css-github/week-3-project) diff --git a/homework/week-3-project/images/1-monster-v2--pre-animation.svg b/homework/week-3-project/images/1-monster-v2--pre-animation.svg new file mode 100644 index 0000000..b70818d --- /dev/null +++ b/homework/week-3-project/images/1-monster-v2--pre-animation.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/homework/week-3-project/images/2-ghost-v2.svg b/homework/week-3-project/images/2-ghost-v2.svg new file mode 100644 index 0000000..7273ffc --- /dev/null +++ b/homework/week-3-project/images/2-ghost-v2.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/homework/week-3-project/images/3-bathtub-v2--pre-animation.svg b/homework/week-3-project/images/3-bathtub-v2--pre-animation.svg new file mode 100644 index 0000000..f70896e --- /dev/null +++ b/homework/week-3-project/images/3-bathtub-v2--pre-animation.svg @@ -0,0 +1,3 @@ + + + diff --git a/homework/week-3-project/images/4-alpinist-v2.svg b/homework/week-3-project/images/4-alpinist-v2.svg new file mode 100644 index 0000000..0f27493 --- /dev/null +++ b/homework/week-3-project/images/4-alpinist-v2.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/homework/week-3-project/images/arrow.svg b/homework/week-3-project/images/arrow.svg new file mode 100644 index 0000000..3dee7ad --- /dev/null +++ b/homework/week-3-project/images/arrow.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/homework/week-3-project/images/logo.png b/homework/week-3-project/images/logo.png new file mode 100644 index 0000000..6505b21 Binary files /dev/null and b/homework/week-3-project/images/logo.png differ diff --git a/homework/week-3-project/images/menu.png b/homework/week-3-project/images/menu.png new file mode 100644 index 0000000..bc39fc2 Binary files /dev/null and b/homework/week-3-project/images/menu.png differ diff --git a/homework/week-3-project/images/menu_hover.png b/homework/week-3-project/images/menu_hover.png new file mode 100644 index 0000000..a0d9b10 Binary files /dev/null and b/homework/week-3-project/images/menu_hover.png differ diff --git a/homework/week-3-project/images/search_hover.png b/homework/week-3-project/images/search_hover.png new file mode 100644 index 0000000..271eb27 Binary files /dev/null and b/homework/week-3-project/images/search_hover.png differ diff --git a/homework/week-3-project/images/search_icon.png b/homework/week-3-project/images/search_icon.png new file mode 100644 index 0000000..b2a8f9a Binary files /dev/null and b/homework/week-3-project/images/search_icon.png differ diff --git a/homework/week-3-project/images/teaser-2@2x.png b/homework/week-3-project/images/teaser-2@2x.png new file mode 100644 index 0000000..424c2c6 Binary files /dev/null and b/homework/week-3-project/images/teaser-2@2x.png differ diff --git a/homework/week-3-project/images/tweet.png b/homework/week-3-project/images/tweet.png new file mode 100644 index 0000000..36b22e6 Binary files /dev/null and b/homework/week-3-project/images/tweet.png differ diff --git a/homework/week-3-project/images/tweet_hover.png b/homework/week-3-project/images/tweet_hover.png new file mode 100644 index 0000000..e31bcaf Binary files /dev/null and b/homework/week-3-project/images/tweet_hover.png differ diff --git a/homework/week-3-project/index.html b/homework/week-3-project/index.html index 8c60329..41e09f5 100644 --- a/homework/week-3-project/index.html +++ b/homework/week-3-project/index.html @@ -1,70 +1,135 @@ - - - - - - - - HTML/CSS Week 3 Project Table - - - -

DuckDuckGo

-

- Replicate DuckDuckGo using just HTML & CSS. Users should be - able to type into the search bar, but nothing needs to happen when they hit "enter".

-

- -

Be sure to use the same colors, the same images, and the same - font as DuckDuckGo. -

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
a user can ...HTMLCSS
... open a website empty HTML template, requiring CSS file, title tagempty CSS file
... type into the search bara section structured like the top of DuckDuckGosome styling to make it visually match DuckDuckGo
... know DuckDuckGo doesn't store personal dataa section based off the second section of DuckDuckGosome styling to make it visually match DuckDuckGo
... be assured they won't be targeted for adsa section based off the third section of DuckDuckGosome styling to make it visually match DuckDuckGo
... be assured they won't be trackeda section based off the fourth section of DuckDuckGosome styling to make it visually match DuckDuckGo
... read the call to actiona section based off the fifth section of DuckDuckGosome styling to make it visually match DuckDuckGo
- + + + + + + + + + + + + + + + + + + + + + + DuckDuckGo — Privacy, simplified. + + + + + + + + + + + + + + + + + + + - + +
+ + +
+
⇶
Privacy, simplified.
+ +
+
+
+
+
+ + About DuckDuckGo + Learn More + +
+ +
+
+ + + +
+
+ +
+ + + + + +
The search engine that doesn't track you. Help Spread DuckDuckGo!
+
+ + + + +
+
+
+
+ + + + + +

We don’t store your
personal information. Ever.

Our privacy policy is simple: we don’t collect
or share any of your personal information.

We don’t follow you
around with ads.

We don’t store your search history. We therefore have nothing
to sell to advertisers that track you across the Internet.

We don’t track you in or out
of private browsing mode.

Other search engines track your searches even when you’re
in private browsing mode. We don’t track you — period.

Dismiss forever| Back to search

Already a fan?
Invite friends to the Duck Side!

Share DuckDuckGo and help
friends take their privacy back!

Tweet #ComeToTheDuckSide
+ + + + + + \ No newline at end of file diff --git a/homework/week-3-project/o1824.css b/homework/week-3-project/o1824.css new file mode 100644 index 0000000..9102352 --- /dev/null +++ b/homework/week-3-project/o1824.css @@ -0,0 +1,932 @@ +.body--home, +.site-wrapper--home { + background:#f7f7f7 +} +.site-wrapper--home { + height:100% +} +.site-wrapper--home:before { + display:none !important +} +.content-wrap--home { + position:absolute; + margin:auto; + width:100%; + top:24%; + left:0; + right:0; + z-index:12 +} +.logo-wrap--home { + position:relative; + display:block; + max-width:300px; + margin:auto; + margin-bottom:.8em; + margin-top:-1.25em +} +@media only screen and (max-width: 425px) { + .logo-wrap--home { + margin-bottom:1.25em; + margin-top:0 + } +} +@media only screen and (max-height: 425px) { + .logo-wrap--home { + margin-bottom:0; + margin-top:0 + } +} +.search-wrap--home { + padding:1.3em .8em 1em; + max-width:590px; + margin-left:auto; + margin-right:auto; + display:block; + float:none; + width:70% +} +@media only screen and (max-width: 590px) { + .search-wrap--home { + width:80% + } + .has-search-focus .search-wrap--home { + width:auto + } +} +@media only screen and (max-width: 425px) { + .search-wrap--home { + width:auto + } +} +.tag-home { + position:relative; + line-height:1.4; + font-size:1.25em; + padding:0; + margin:.5em auto; + text-align:center; + color:#9a9a9a +} +@media only screen and (max-width: 590px) { + .tag-home { + font-size:1em + } +} +.tag-home__link, +.tag-home__link:hover, +.tag-home__link:visited, +.tag-home__link:active { + color:#4495d4 +} +.foot-home { + position:absolute; + bottom:14%; + left:0; + right:0; + width:100%; + padding:1em 0; + text-align:center +} +.lt-ie9 .foot-home { + display:none +} +.foot-home.show-on-small-screens { + display:block +} +.foot-home.fix-to-bottom { + display:block; + bottom:0; + padding:0; + height:auto !important; + right:0 +} +@media only screen and (max-width: 590px) { + .foot-home { + font-size:.9176em + } +} +@media only screen and (max-height: 425px) { + .foot-home { + display:none + } +} +@media only screen and (max-height: 425px) { + .foot-home, + .foot-home.show-on-small-screens { + display:none + } +} +.blurred-animation .header--aside, +.blurred-animation .header-wrap--hero, +.blurred-animation .content-wrap--home, +.blurred-animation .onboarding-ed, +.blurred-animation .onboarding-scroll-teaser, +.blurred-animation .foot-home { + -webkit-transition:all .3s ease-in-out; + -webkit-transition-delay:0s; + -moz-transition:all .3s ease-in-out 0s; + -o-transition:all .3s ease-in-out 0s; + transition:all .3s ease-in-out 0s; + -webkit-transform:translate3d(0, 0, 0); + -moz-transform:translate3d(0, 0, 0); + -ms-transform:translate3d(0, 0, 0); + -o-transform:translate3d(0, 0, 0); + transform:translate3d(0, 0, 0); + opacity:1 +} +.is-blurred .header--aside, +.is-blurred .header-wrap--hero, +.is-blurred .content-wrap--home, +.is-blurred .onboarding-ed, +.is-blurred .onboarding-scroll-teaser, +.is-blurred .foot-home { + opacity:0.5 +} +.is-blurred.cssfilters .header--aside, +.is-blurred.cssfilters .header-wrap--hero, +.is-blurred.cssfilters .content-wrap--home, +.is-blurred.cssfilters .onboarding-ed, +.is-blurred.cssfilters .onboarding-scroll-teaser, +.is-blurred.cssfilters .foot-home { + -webkit-filter:blur(5px); + -moz-filter:blur(5px); + filter:blur(5px); + opacity:1 +} +@media only screen and (max-height: 361.25px) and (min-width: 864px) { + .content-wrap--home { + margin-bottom:3em; + text-align:center + } + .content--home { + padding-bottom:2em; + display:inline-table + } + .content--home .cw--c { + display:table-row + } + .logo-wrap--home, + .search-wrap--home { + display:table-cell; + vertical-align:middle + } + .search-wrap--home { + text-align:left + } + .search--home { + margin-left:1em; + margin-top:-.25em + } + .logo_homepage { + margin-left:-22px; + margin-right:-22px + } + .tag-home { + display:none + } +} +@media only screen and (max-height: 590px) { + .content-wrap--home { + top:20% + } +} +@media only screen and (min-height: 700px) { + .foot-home { + bottom:20% + } +} +@media only screen and (max-height: 520px) { + .tag-home { + display:none + } +} +@media only screen and (max-height: 650px) { + .is-firefox-focus .tag-home { + display:none + } +} +@media only screen and (max-height: 560px) and (min-width: 320px) { + .is-firefox-focus .fix-to-bottom { + display:none !important + } +} +@media only screen and (max-height: 455px) { + .fix-to-bottom { + display:none !important + } +} +@media only screen and (max-height: 480px) and (min-width: 360px) { + .fix-to-bottom { + display:none !important + } +} +@media only screen and (max-height: 540px) { + .foot-home { + display:none + } + .fix-to-bottom { + top:auto !important + } +} +@media only screen and (max-height: 540px) and (min-width: 590px) { + .foot-home { + padding-top:21px; + right:90px + } +} +@media only screen and (max-height: 595px) and (min-width: 590px) { + .content-wrap--home { + top:7em; + padding-bottom:4em; + margin-bottom:0 + } +} +@media only screen and (max-height: 318.75px) and (min-width: 590px) { + .content-wrap--home { + top:4em + } +} +@media only screen and (max-height: 276.25px) and (min-width: 590px) { + .content-wrap--home { + position:absolute; + top:30% + } +} +@media only screen and (max-width: 799px) { + .is-vsplit-landing-page .badge-link.badge-link--half, + .is-vsplit-landing-page .badge-link.badge-link--full, + .is-vsplit-landing-page .badge-link-background, + .is-vsplit-landing-page .content-info, + .is-fullbleed-landing-page .badge-link.badge-link--half, + .is-fullbleed-landing-page .badge-link.badge-link--full, + .is-fullbleed-landing-page .badge-link-background, + .is-fullbleed-landing-page .content-info { + display:none !important + } +} +@media only screen and (max-height: 599px) { + .is-vsplit-landing-page .badge-link.badge-link--half, + .is-vsplit-landing-page .badge-link.badge-link--full, + .is-vsplit-landing-page .badge-link-background, + .is-vsplit-landing-page .content-info, + .is-fullbleed-landing-page .badge-link.badge-link--half, + .is-fullbleed-landing-page .badge-link.badge-link--full, + .is-fullbleed-landing-page .badge-link-background, + .is-fullbleed-landing-page .content-info { + display:none !important + } +} +.is-vsplit-landing-page .badge-link__btn-wrap, +.is-vsplit-landing-page .badge-link__btn-wrap:hover, +.is-fullbleed-landing-page .badge-link__btn-wrap, +.is-fullbleed-landing-page .badge-link__btn-wrap:hover { + text-decoration:none +} +@media only screen and (min-width: 800px) and (min-height: 600px) { + .is-vsplit-landing-page .content-wrap--home, + .is-fullbleed-landing-page .content-wrap--home { + display:flex; + top:0; + bottom:0; + width:auto; + padding:0 2.5% + } +} +.is-vsplit-landing-page .badge-link__wrap, +.is-fullbleed-landing-page .badge-link__wrap { + box-sizing:border-box; + display:flex; + max-width:none; + justify-content:center; + align-items:center; + padding:30px +} +.is-vsplit-landing-page .badge-link, +.is-fullbleed-landing-page .badge-link { + color:#333; + cursor:initial +} +.is-vsplit-landing-page .badge-link__wrap.badge-link__wrap--hidden, +.is-fullbleed-landing-page .badge-link__wrap.badge-link__wrap--hidden { + display:none +} +.is-vsplit-landing-page .badge-link__wrap--flex, +.is-fullbleed-landing-page .badge-link__wrap--flex { + width:100%; + max-width:100%; + padding:60px 64px +} +.is-vsplit-landing-page .badge-link__wrap-inner, +.is-fullbleed-landing-page .badge-link__wrap-inner { + display:flex; + text-align:center; + margin:0 auto +} +.is-vsplit-landing-page .badge-link__img-wrap, +.is-fullbleed-landing-page .badge-link__img-wrap { + flex:1 1 auto; + height:calc(95vh - 215px); + min-width:0; + min-height:0 +} +.is-vsplit-landing-page .badge-link__img, +.is-fullbleed-landing-page .badge-link__img { + max-width:100%; + height:100% +} +.is-vsplit-landing-page .badge-link__title, +.is-fullbleed-landing-page .badge-link__title { + font-size:36px; + font-weight:bold; + margin-bottom:30px; + padding:0 +} +.is-vsplit-landing-page .badge-link__subtitle, +.is-fullbleed-landing-page .badge-link__subtitle { + font-size:16px; + margin-bottom:50px; + padding:0 +} +.is-vsplit-landing-page .badge-link__btn-wrap, +.is-fullbleed-landing-page .badge-link__btn-wrap { + margin-top:auto; + width:100% +} +.is-vsplit-landing-page .badge-link__btn, +.is-fullbleed-landing-page .badge-link__btn { + display:flex; + align-items:center; + justify-content:center; + height:56px; + font-size:16px; + background-color:#678fff; + box-sizing:border-box; + margin:auto auto 0; + font-weight:600 +} +@media only screen and (min-width: 800px) and (min-height: 600px) { + .is-vsplit-landing-page .content--home { + flex:1 1 auto; + width:50%; + margin:0; + height:100% + } + .is-vsplit-landing-page .content--home .cw--c { + top:24% + } +} +.is-vsplit-landing-page .badge-link.badge-link--half { + flex:0 1 auto; + box-sizing:border-box; + width:50%; + max-width:700px; + margin:auto; + top:2.5vh +} +.is-vsplit-landing-page .badge-link__wrap--flex { + height:90vh +} +.is-vsplit-landing-page .badge-link__wrap-inner { + flex-direction:column; + max-width:643px; + max-height:820px; + height:100% +} +.is-vsplit-landing-page .badge-link__img-wrap { + margin-bottom:5vh +} +.is-vsplit-landing-page .badge-link__img { + max-height:505px +} +.is-vsplit-landing-page .badge-link__content { + display:flex; + flex-direction:column; + flex:1 0 auto +} +@media only screen and (max-height: 800px) { + .is-vsplit-landing-page .badge-link.badge-link--half { + top:5vh + } + .is-vsplit-landing-page .badge-link__wrap--flex { + height:85vh + } +} +@media only screen and (max-width: 1440px) { + .is-vsplit-landing-page .badge-link__title { + font-size:2vw + } +} +@media only screen and (min-width: 800px) and (min-height: 600px) { + .is-fullbleed-landing-page .site-wrapper--home { + display:flex; + flex-direction:column; + height:auto + } + .is-fullbleed-landing-page .header-wrap--home { + display:block; + width:100%; + max-width:1400px; + box-sizing:border-box; + padding:23px; + margin:0 auto; + height:auto + } + .is-fullbleed-landing-page .header-wrap--home__search { + display:flex !important; + flex-direction:column; + align-items:center; + margin:0 auto + } + .is-fullbleed-landing-page .header-wrap--home__search .logo-wrap--home { + display:flex; + align-items:center; + flex:1; + margin:0 0 20px + } + .is-fullbleed-landing-page .header-wrap--home__search .logo_homepage { + margin:0; + width:200px; + height:56px; + background-image:url(assets/logo_homepage_mobile.normal.v108.unoptimized.svg); + background-size:contain + } + .is-fullbleed-landing-page .header-wrap--home__search .search--home { + width:100%; + flex:1; + max-width:665px; + margin:0 auto + } + .is-fullbleed-landing-page .header-wrap--home__search .search--adv:hover, + .is-fullbleed-landing-page .header-wrap--home__search .search--adv.search--header.has-text.search--hover, + .is-fullbleed-landing-page .header-wrap--home__search .search--adv.search--header.has-text.search--focus, + .is-fullbleed-landing-page .header-wrap--home__search .search--adv.search--home.has-text { + padding-right:3.5em + } + .is-fullbleed-landing-page .header--aside { + display:flex; + align-items:center; + line-height:normal; + height:auto + } + .is-fullbleed-landing-page .header--aside { + margin:0; + justify-content:flex-end; + position:static + } + .is-fullbleed-landing-page .header--aside .header--aside__item { + display:flex; + align-items:center; + line-height:normal; + height:auto + } + .is-fullbleed-landing-page .header--aside .header--aside__item.showcase { + display:none + } + .is-fullbleed-landing-page .header--aside .header__button--menu { + order:1; + position:static; + top:0; + height:auto; + width:auto; + padding:8px; + line-height:normal; + margin-right:-8px + } + .is-fullbleed-landing-page .content-wrap--home { + position:relative; + flex-direction:column; + flex:1; + width:100%; + padding:0; + min-height:700px + } + .is-fullbleed-landing-page .content--home { + flex:0 1 auto; + height:auto + } + .is-fullbleed-landing-page .content--home .cw--c { + position:static + } + .is-fullbleed-landing-page .content--home .logo-wrap--home, + .is-fullbleed-landing-page .content--home .search-wrap--home, + .is-fullbleed-landing-page .content--home .tag-home { + display:none + } + .is-fullbleed-landing-page .onboarding-ed { + position:static; + height:400vh; + top:100vh + } + .is-fullbleed-landing-page .onboarding-ed__slide { + height:100vh + } +} +.is-fullbleed-landing-page .badge-link-background { + position:absolute; + min-height:750px; + max-height:1200px; + width:100%; + min-width:100vw; + background:url("/assets/home/landing/background.svg") no-repeat; + background-size:auto; + background-position:center -25px +} +.is-fullbleed-landing-page .badge-link.badge-link--full { + display:flex; + flex:none; + margin:150px auto 0; + border:none; + background:none; + width:100%; + max-width:950px; + height:520px; + align-items:start +} +.is-fullbleed-landing-page .badge-link__wrap--flex { + margin:0; + padding:0 +} +.is-fullbleed-landing-page .badge-link__wrap { + margin:0; + justify-content:flex-start +} +.is-fullbleed-landing-page .badge-link__content { + flex:none; + max-width:470px; + text-align:left +} +.is-fullbleed-landing-page .badge-link__title { + font-size:40px; + text-align:left; + line-height:1.1; + margin-bottom:auto; + padding-bottom:2vh; + color:#353748 +} +.is-fullbleed-landing-page .badge-link__subtitle { + font-size:20px; + line-height:1.5; + margin-bottom:auto; + padding-bottom:2vh; + color:#353748 +} +.is-fullbleed-landing-page .badge-link__btn { + height:50px; + font-size:14px; + margin-top:0px; + max-width:270px; + font-weight:normal; + margin:0 +} +.is-fullbleed-landing-page .badge-link__rating { + font-size:13px; + margin-top:15px; + color:#65676a +} +.is-fullbleed-landing-page .badge-link__rating p { + padding:0 +} +.is-fullbleed-landing-page .badge-link__rating-wrap { + display:flex +} +.is-fullbleed-landing-page .badge-link__rating__star, +.is-fullbleed-landing-page .badge-link__rating__star--empty { + margin-right:2px; + font-family:sans-serif +} +.is-fullbleed-landing-page .badge-link__rating__star--empty { + color:#d7d7d7; + position:relative +} +.is-fullbleed-landing-page .badge-link__rating__star--third::before, +.is-fullbleed-landing-page .badge-link__rating__star--half::before { + content:'★'; + color:#65676a; + position:absolute; + overflow:hidden; + font-family:sans-serif +} +.is-fullbleed-landing-page .badge-link__rating__star--third::before { + width:40% +} +.is-fullbleed-landing-page .badge-link__rating__star--half::before { + width:50% +} +@media only screen and (min-width: 800px) and (max-width: 1100px) { + .is-fullbleed-landing-page .site-wrapper--home { + min-height:100vh; + height:auto + } + .is-fullbleed-landing-page .badge-link-background { + order:2; + position:static; + background-position:calc(50% - 320px) top + } + .is-fullbleed-landing-page .badge-link.badge-link--full { + margin:0 auto; + justify-content:center; + order:1; + transform:none; + height:auto + } + .is-fullbleed-landing-page .badge-link__wrap { + justify-content:center + } + .is-fullbleed-landing-page .badge-link__title, + .is-fullbleed-landing-page .badge-link__content { + text-align:center + } + .is-fullbleed-landing-page .badge-link__title { + margin-top:44px + } + .is-fullbleed-landing-page .badge-link__content { + max-width:410px + } + .is-fullbleed-landing-page .badge-link__rating-wrap { + justify-content:center + } + .is-fullbleed-landing-page .badge-link__btn { + margin:0 auto + } +} +.is-fullbleed-landing-page.fb-iso .header-wrap--home, +.is-fullbleed-landing-page.fb-hero .header-wrap--home { + padding-bottom:0 +} +.is-fullbleed-landing-page.fb-iso .badge-link.badge-link--full, +.is-fullbleed-landing-page.fb-hero .badge-link.badge-link--full { + margin:0px 0 0 auto; + max-width:none; + min-height:585px; + border-radius:0 +} +.is-fullbleed-landing-page.fb-iso .badge-link-background, +.is-fullbleed-landing-page.fb-hero .badge-link-background { + min-height:unset; + max-height:unset; + height:585px; + background-position:bottom +} +.is-fullbleed-landing-page.fb-iso .badge-link-background__browser, +.is-fullbleed-landing-page.fb-hero .badge-link-background__browser { + display:block; + position:relative; + max-width:none +} +.is-fullbleed-landing-page.fb-iso .badge-link__wrap, +.is-fullbleed-landing-page.fb-hero .badge-link__wrap { + margin-left:50%; + margin-top:100px +} +.is-fullbleed-landing-page.fb-iso .badge-link__content, +.is-fullbleed-landing-page.fb-hero .badge-link__content { + box-sizing:border-box; + padding-left:100px +} +.is-fullbleed-landing-page.fb-iso .badge-link__title, +.is-fullbleed-landing-page.fb-hero .badge-link__title { + padding-bottom:21px +} +.is-fullbleed-landing-page.fb-iso .badge-link__subtitle, +.is-fullbleed-landing-page.fb-hero .badge-link__subtitle { + padding-bottom:30px +} +.is-fullbleed-landing-page.fb-iso .content-info, +.is-fullbleed-landing-page.fb-hero .content-info { + text-align:center; + padding:100px 0 120px; + order:4; + background-color:#f4f5f9 +} +.is-fullbleed-landing-page.fb-iso .content-info__title, +.is-fullbleed-landing-page.fb-hero .content-info__title { + font-weight:bold; + font-size:36px +} +.is-fullbleed-landing-page.fb-iso .content-info__items, +.is-fullbleed-landing-page.fb-hero .content-info__items { + display:flex; + justify-content:center; + align-items:center; + max-width:1440px; + margin:55px auto 0 +} +.is-fullbleed-landing-page.fb-iso .content-info__item, +.is-fullbleed-landing-page.fb-hero .content-info__item { + display:flex; + flex-direction:column; + align-items:center; + margin:0 45px auto +} +.is-fullbleed-landing-page.fb-iso .content-info__item__icon, +.is-fullbleed-landing-page.fb-hero .content-info__item__icon { + width:150px; + height:150px; + display:block +} +.is-fullbleed-landing-page.fb-iso .content-info__item__title, +.is-fullbleed-landing-page.fb-hero .content-info__item__title { + font-weight:bold; + font-size:24px; + margin-bottom:10px +} +.is-fullbleed-landing-page.fb-iso .content-info__item__subtitle, +.is-fullbleed-landing-page.fb-hero .content-info__item__subtitle { + font-size:17px; + line-height:1.5 +} +@media only screen and (min-width: 800px) and (max-width: 1100px) { + .is-fullbleed-landing-page.fb-iso .badge-link.badge-link--full, + .is-fullbleed-landing-page.fb-hero .badge-link.badge-link--full { + flex-direction:column + } + .is-fullbleed-landing-page.fb-iso .badge-link-background, + .is-fullbleed-landing-page.fb-hero .badge-link-background { + min-height:unset; + height:610px + } + .is-fullbleed-landing-page.fb-iso .badge-link__content, + .is-fullbleed-landing-page.fb-hero .badge-link__content { + padding-left:0px + } + .is-fullbleed-landing-page.fb-iso .badge-link__wrap, + .is-fullbleed-landing-page.fb-hero .badge-link__wrap { + margin-left:0; + margin-top:60px + } + .is-fullbleed-landing-page.fb-iso .badge-link__title, + .is-fullbleed-landing-page.fb-hero .badge-link__title { + margin-top:0 + } + .is-fullbleed-landing-page.fb-iso .content-info__items, + .is-fullbleed-landing-page.fb-hero .content-info__items { + flex-direction:column + } + .is-fullbleed-landing-page.fb-iso .content-info__item, + .is-fullbleed-landing-page.fb-hero .content-info__item { + margin:40px 0 + } + .is-fullbleed-landing-page.fb-iso .content-info__item:first-of-type, + .is-fullbleed-landing-page.fb-hero .content-info__item:first-of-type { + margin-top:0 + } + .is-fullbleed-landing-page.fb-iso .content-info__item:last-of-type, + .is-fullbleed-landing-page.fb-hero .content-info__item:last-of-type { + margin-bottom:0 + } +} +.is-fullbleed-landing-page.fb-iso .badge-link.badge-link--full { + overflow:hidden +} +.is-fullbleed-landing-page.fb-iso .badge-link-background { + background-image:url("/assets/home/landing/iso-background.svg") +} +.is-fullbleed-landing-page.fb-iso .badge-link-background__browser { + height:850px; + transform:translate(-89%, 0%); + left:33% +} +@media only screen and (min-width: 800px) and (max-width: 1100px) { + .is-fullbleed-landing-page.fb-iso .badge-link-background { + background-image:url("/assets/home/landing/iso-background-small.svg"); + order:2; + position:static + } + .is-fullbleed-landing-page.fb-iso .badge-link-background__browser { + height:760px; + transform:translate(-74%, 0%) + } +} +.is-fullbleed-landing-page.fb-hero .header-wrap--home { + z-index:20 +} +.is-fullbleed-landing-page.fb-hero .badge-link-background { + height:610px; + margin-top:-25px; + background-image:url("/assets/home/landing/hero-background.svg"); + display:flex; + justify-content:center; + align-items:flex-end +} +.is-fullbleed-landing-page.fb-hero .badge-link-background__browser { + transform:translateX(-48%) +} +@media only screen and (min-width: 800px) and (max-width: 1100px) { + .is-fullbleed-landing-page.fb-hero .badge-link-background { + position:static; + margin-top:-200px; + order:2; + background-image:url("/assets/home/landing/hero-background-small.svg") + } + .is-fullbleed-landing-page.fb-hero .badge-link-background__browser { + transform:translateX(0); + height:414px + } +} +.modal--duck-dot-com { + display:flex; + padding:1em 0; + overflow:scroll; + box-sizing:border-box +} +.modal--duck-dot-com.is-showing { + background-color:#808080 +} +.modal--duck-dot-com .modal__overlay { + cursor:pointer +} +.modal--duck-dot-com .modal__box { + width:374px +} +@media only screen and (max-width: 590px) { + .modal--duck-dot-com .modal__box { + width:304px + } +} +.modal--duck-dot-com .modal__close { + color:#fff; + background:rgba(0,0,0,0.6); + padding:6px; + border-radius:15px; + font-size:12px; + font-weight:bold !important; + cursor:pointer +} +.modal--duck-dot-com .duck-dot-com__image-header { + height:145px; + position:relative; + background-image:url(assets/home/landing/duckdotcom-header.jpg); + background-size:cover; + background-repeat:no-repeat +} +.modal--duck-dot-com .duck-dot-com__logo { + position:absolute; + bottom:-22px; + left:0; + right:0; + height:62px; + width:62px; + margin:0 auto +} +.modal--duck-dot-com .duck-dot-com__modal-content { + padding:42px 54px 34px +} +@media only screen and (max-width: 590px) { + .modal--duck-dot-com .duck-dot-com__modal-content { + padding:42px 29px 34px + } +} +.modal--duck-dot-com .duck-dot-com__title { + font-size:17px; + font-weight:bold +} +@media only screen and (max-width: 590px) { + .modal--duck-dot-com .duck-dot-com__title { + font-size:16px + } +} +.modal--duck-dot-com .badge-link__bullets { + text-align:left; + padding:20px 0 16px; + line-height:1.3; + color:#333 +} +@media only screen and (max-width: 590px) { + .modal--duck-dot-com .badge-link__bullets { + font-size:13px + } +} +.modal--duck-dot-com .badge-link__bullets .badge-link__bullet { + padding-left:15px +} +.modal--duck-dot-com .badge-link__btn { + margin:10px 0 22px; + padding:6px 0 5px; + background:#66abff +} +@media only screen and (max-width: 590px) { + .modal--duck-dot-com .badge-link__btn { + font-size:13px + } +} +.modal--duck-dot-com .badge-link__skip { + font-weight:bold; + font-size:13px; + color:#66abff; + cursor:pointer +} +.is-aggressive-landing-page .duck-dot-com__image-header { + height:135px; + background:url("/assets/about/hiker.svg") no-repeat center; + background-size:cover; + background-size:239%; + background-position:47% 42% +} +.is-aggressive-landing-page .badge-link__bullet { + color:#666666 +} +.is-aggressive-landing-page .badge-link__skip { + color:#888888; + font-weight:normal +} \ No newline at end of file diff --git a/homework/week-3-project/s1824.css b/homework/week-3-project/s1824.css new file mode 100644 index 0000000..b714eb2 --- /dev/null +++ b/homework/week-3-project/s1824.css @@ -0,0 +1,8749 @@ +@font-face { + font-family:'DDG_ProximaNova'; + src:url("font/ProximaNova-Sbold-webfont.eot"); + src:url("font/ProximaNova-Sbold-webfont.eot?#iefix") format("embedded-opentype"), + url("font/ProximaNova-Sbold-webfont.woff") format("woff"), + url("font/ProximaNova-Sbold-webfont.ttf") format("truetype"), + url("font/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold") format("svg"); + font-weight:600; + font-style:normal + } + @font-face { + font-family:'DDG_ProximaNova'; + src:url("font/ProximaNova-Reg-webfont.eot"); + src:url("font/ProximaNova-Reg-webfont.eot?#iefix") format("embedded-opentype"), + url("font/ProximaNova-Reg-webfont.woff") format("woff"), + url("font/ProximaNova-Reg-webfont.ttf") format("truetype"), + url("font/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular") format("svg"); + font-weight:normal; + font-style:normal + } + @font-face { + font-family:'DDG_ProximaNova'; + src:url("font/ProximaNova-RegIt-webfont.eot"); + src:url("font/ProximaNova-RegIt-webfont.eot?#iefix") format("embedded-opentype"), + url("font/ProximaNova-RegIt-webfont.woff") format("woff"), + url("font/ProximaNova-RegIt-webfont.ttf") format("truetype"), + url("font/ProximaNova-RegIt-webfont.svg#proxima_novaregular_italic") format("svg"); + font-weight:normal; + font-style:italic + } + @font-face { + font-family:'DDG_ProximaNova'; + src:url("font/ProximaNova-Light-webfont.eot"); + src:url("font/ProximaNova-Light-webfont.eot?#iefix") format("embedded-opentype"), + url("font/ProximaNova-Light-webfont.woff") format("woff"), + url("font/ProximaNova-Light-webfont.ttf") format("truetype"), + url("font/ProximaNova-Light-webfont.svg#proxima_nova_ltlight") format("svg"); + font-weight:300; + font-style:normal + } + html, + body, + div, + span, + applet, + object, + iframe, + h1, + h2, + h3, + h4, + h5, + h6, + p, + blockquote, + pre, + a, + abbr, + acronym, + address, + big, + cite, + code, + del, + dfn, + em, + img, + ins, + kbd, + q, + s, + samp, + small, + strike, + strong, + sub, + sup, + tt, + var, + b, + u, + i, + center, + dl, + dt, + dd, + ol, + ul, + li, + fieldset, + form, + label, + legend, + table, + caption, + tbody, + tfoot, + thead, + tr, + th, + td, + article, + aside, + canvas, + details, + embed, + figure, + figcaption, + footer, + header, + hgroup, + menu, + nav, + output, + ruby, + section, + summary, + time, + mark, + audio, + video { + margin:0; + padding:0; + border:0; + font:inherit; + font-size:100%; + vertical-align:baseline + } + html { + line-height:1 + } + ol, + ul { + list-style:none + } + table { + border-collapse:collapse; + border-spacing:0 + } + caption, + th, + td { + text-align:left; + font-weight:normal; + vertical-align:middle + } + q, + blockquote { + quotes:none + } + q:before, + q:after, + blockquote:before, + blockquote:after { + content:""; + content:none + } + a img { + border:none + } + article, + aside, + details, + figcaption, + figure, + footer, + header, + hgroup, + main, + menu, + nav, + section, + summary { + display:block + } + .msg--box, + .msg--info, + .msg--help, + .msg--untranslated, + .msg--warning, + #error_homepage, + .msg, + .content__text, + .header__search-wrap { + max-width:590px + } + .header__logo-wrap:after, + .acp-wrap:after, + .cw:after, + .cw--c:after { + content:""; + display:block; + clear:both + } + .header__search-wrap, + .content__internal { + padding-left:150px + } + .header__search-wrap, + .content__internal { + padding-right:150px + } + .header__logo-wrap { + display:block; + width:150px; + position:absolute; + top:0 + } + .header__logo-wrap { + left:0 + } + @media only screen and (max-width: 1350px) { + .header__search-wrap, + .content__internal { + padding-left:94px + } + .header__logo-wrap { + width:94px + } + .header__search-wrap, + .content__internal { + padding-right:94px + } + } + @media only screen and (max-width: 1079px) { + .header__search-wrap, + .content__internal { + padding-left:58px + } + .header__logo-wrap { + width:58px; + left:0 + } + .header__search-wrap, + .content__internal { + padding-right:58px + } + } + @media only screen and (max-width: 590px) { + .header__search-wrap, + .content__internal { + padding-left:58px + } + .header__logo-wrap { + width:58px; + left:0 + } + .header__search-wrap, + .content__internal { + padding-right:58px + } + .content__internal { + padding-left:0 !important + } + .content__internal { + padding-right:0 !important + } + } + @media only screen and (max-width: 425px) { + .header__search-wrap, + .content__internal { + padding-left:58px + } + .header__logo-wrap { + width:58px; + left:0 + } + .header__search-wrap, + .content__internal { + padding-right:58px + } + } + .logo_homepage__tt { + -webkit-transition:opacity .3s ease-in-out; + -webkit-transition-delay:0s; + -moz-transition:opacity .3s ease-in-out 0s; + -o-transition:opacity .3s ease-in-out 0s; + transition:opacity .3s ease-in-out 0s; + -webkit-border-radius:4px; + -moz-border-radius:4px; + -ms-border-radius:4px; + -o-border-radius:4px; + border-radius:4px; + visibility:hidden; + opacity:0; + display:inline-block; + vertical-align:middle; + position:absolute; + margin:auto; + background-color:#a3a3a3; + background-color:rgba(138,138,138,0.9); + text-indent:0px; + padding:0 1em; + white-space:nowrap; + line-height:1.6; + height:1.6em; + font-weight:400; + font-style:normal; + color:white; + z-index:200 + } + .logo_homepage__tt { + top:0; + bottom:0; + left:100%; + height:1.6em + } + .logo_homepage__tt:before { + content:""; + display:block; + position:absolute; + margin-top:-4px; + left:-4px; + top:50%; + border:4px solid transparent; + border-left-width:0; + border-right-color:#a3a3a3; + border-right-color:rgba(138,138,138,0.9) + } + .rotate { + -webkit-transform:rotate(90deg); + -moz-transform:rotate(90deg); + -ms-transform:rotate(90deg); + -o-transform:rotate(90deg); + transform:rotate(90deg) + } + .ie8 .rotate, + .lt-ie9 .rotate { + filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1) + } + .rotate--45 { + -ms-transform:rotate(45deg); + -moz-transform:rotate(45deg); + -o-transform:rotate(45deg); + -webkit-transform:rotate(45deg); + transform:rotate(45deg) + } + .ie8 .rotate--45, + .lt-ie9 .rotate--45 { + -ms-filter:"progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)" + } + .rotate--ccw, + .rotate--270 { + -webkit-transform:rotate(-90deg); + -moz-transform:rotate(-90deg); + -ms-transform:rotate(-90deg); + -o-transform:rotate(-90deg); + transform:rotate(-90deg) + } + .ie8 .rotate--ccw, + .lt-ie9 .rotate--ccw, + .ie8 .rotate--270, + .lt-ie9 .rotate--270 { + filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3) + } + .rotate--180 { + -webkit-transform:rotate(180deg); + -moz-transform:rotate(180deg); + -ms-transform:rotate(180deg); + -o-transform:rotate(180deg); + transform:rotate(180deg) + } + .ie8 .rotate--180, + .lt-ie9 .rotate--180 { + filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2) + } + .mg { + margin-top:1em; + margin-bottom:1em + } + .mg--half { + margin-top:.5em; + margin-bottom:.5em + } + .mg--big { + margin-top:1.25em; + margin-bottom:1.25em + } + .mg--double { + margin-top:2em; + margin-bottom:2em + } + .mg--small { + margin-top:.8em; + margin-bottom:.8em + } + .mg--quarter { + margin-top:.25em; + margin-bottom:.25em + } + .mg--none { + margin-top:0; + margin-bottom:0 + } + .mg-top { + margin-top:1em + } + .mg-top--half { + margin-top:.5em + } + .mg-top--big { + margin-top:1.25em + } + .mg-top--double { + margin-top:2em + } + .mg-top--small { + margin-top:.8em + } + .mg-top--quarter { + margin-top:.25em + } + .mg-top--none { + margin-top:0 + } + .mg-bottom { + margin-bottom:1em + } + .mg-bottom--half { + margin-bottom:.5em + } + .mg-bottom--big { + margin-bottom:1.25em + } + .mg-bottom--double { + margin-bottom:2em + } + .mg-bottom--small { + margin-bottom:.8em + } + .mg-bottom--quarter { + margin-bottom:.25em + } + .mg-bottom--none { + margin-bottom:0 + } + .pd { + padding-top:1em; + padding-bottom:1em + } + .pd--big { + padding-top:1.25em; + padding-bottom:1.25em + } + .pd--double { + padding-top:2em; + padding-bottom:2em + } + .pd--small { + padding-top:.8em; + padding-bottom:.8em + } + .pd--quarter { + padding-top:.25em; + padding-bottom:.25em + } + .pd-top { + padding-top:1em + } + .pd-top--half { + padding-top:.5em + } + .pd-top--big { + padding-top:1.25em + } + .pd-top--double { + padding-top:2em + } + .pd-top--small { + padding-top:.8em + } + .pd-top--quarter { + padding-top:.25em + } + .pd-top--none { + padding-top:0 + } + .pd-bottom { + padding-bottom:1em + } + .pd-bottom--half { + padding-bottom:.5em + } + .pd-bottom--big { + padding-bottom:1.25em + } + .pd-bottom--double { + padding-bottom:2em + } + .pd-bottom--small { + padding-bottom:.8em + } + .pd-bottom--quarter { + padding-bottom:.25em + } + .pd-bottom--none { + padding-bottom:0 + } + h1, + h2, + h3, + h4, + h5, + h6, + p, + ul, + ol, + blockquote { + padding-top:.5em; + padding-bottom:.5em + } + h1, + .h-xxl, + .hd-lg, + .t-xxxxl, + .t-triple { + font-size:3em + } + h2, + .h-xl, + .t-xxxl, + .t-double { + font-size:2em + } + h3, + .h-l, + .t-xxl { + font-size:1.75em + } + h4, + .h-m, + .hd-md, + .t-xl { + font-size:1.5em + } + h5, + .h-s, + .t-l { + font-size:1.33em + } + h6, + .h-xs, + .t-m { + font-size:1.1667em + } + small, + .t-s, + .acp--bang__body { + font-size:.9176em + } + .t-xs { + font-size:.8333em + } + .t-xxs { + font-size:.75em + } + .t-xxxs { + font-size:.66em + } + .t-xxxxs { + font-size:.5833em + } + .t-xxxxxs, + .t-half { + font-size:.5em + } + .t-n { + font-size:1em + } + .t-nat { + font-size:1rem + } + .text-center, + .text-mid, + .t-mid, + .t-center { + text-align:center + } + .t-left, + .text-left { + text-align:left + } + .t-right, + .text-right { + text-align:right + } + .t-bold { + font-weight:bold + } + .t-normal { + font-weight:normal + } + @media only screen and (min-width: 1079px) { + .h-xxl--screen-l, + .t-xxxxl--screen-l, + .t-triple--screen-l { + font-size:3em + } + .h-xl--screen-l, + .t-xxxl--screen-l, + .t-double--screen-l { + font-size:2em + } + .h-l--screen-l, + .t-xxl--screen-l { + font-size:1.75em + } + .h-m--screen-l, + .t-xl--screen-l, + .t-xl--screen-l { + font-size:1.5em + } + .h-s--screen-l, + .t-l--screen-l { + font-size:1.33em + } + .h-xs--screen-l, + .t-m--screen-l { + font-size:1.1667em + } + .t-s--screen-l { + font-size:.9176em + } + .t-xs--screen-l { + font-size:.8333em + } + .t-nat--screen-l { + font-size:1rem + } + .t-half--screen-l { + font-size:.5em + } + .t-n--screen-l { + font-size:1em + } + .t-mid--screen-l, + .t-center--screen-l { + text-align:center + } + .t-left--screen-l { + text-align:left + } + .t-right--screen-l { + text-align:right + } + } + @media only screen and (min-width: 1440px) { + .h-xxl--screen-xl, + .t-xxxxl--screen-xl, + .t-triple--screen-xl { + font-size:3em + } + .h-xl--screen-xl, + .t-xxxl--screen-xl, + .t-double--screen-xl { + font-size:2em + } + .h-l--screen-xl, + .t-xxl--screen-xl { + font-size:1.75em + } + .h-m--screen-xl, + .t-xl--screen-xl, + .t-xl--screen-xl { + font-size:1.5em + } + .h-s--screen-xl, + .t-l--screen-xl { + font-size:1.33em + } + .h-xs--screen-xl, + .t-m--screen-xl { + font-size:1.1667em + } + .t-s--screen-xl { + font-size:.9176em + } + .t-xs--screen-xl { + font-size:.8333em + } + .t-nat--screen-xl { + font-size:1rem + } + .t-half--screen-xl { + font-size:.5em + } + .t-n--screen-xl { + font-size:1em + } + .t-mid--screen-xl, + .t-center--screen-xl { + text-align:center + } + .t-left--screen-xl { + text-align:left + } + .t-right--screen-xl { + text-align:right + } + } + @media only screen and (max-width: 864px) { + .h-xxl--screen-m, + .t-xxxxl--screen-m, + .t-triple--screen-m { + font-size:3em + } + .h-xl--screen-m, + .t-xxxl--screen-m, + .t-double--screen-m { + font-size:2em + } + .h-l--screen-m, + .t-xxl--screen-m { + font-size:1.75em + } + .h-m--screen-m, + .t-xl--screen-m, + .t-xl--screen-m { + font-size:1.5em + } + .h-s--screen-m, + .t-l--screen-m { + font-size:1.33em + } + .h-xs--screen-m, + .t-m--screen-m { + font-size:1.1667em + } + .t-s--screen-m { + font-size:.9176em + } + .t-xs--screen-m { + font-size:.8333em + } + .t-nat--screen-m { + font-size:1rem + } + .t-half--screen-m { + font-size:.5em + } + .t-n--screen-m { + font-size:1em + } + .t-mid--screen-m, + .t-center--screen-m { + text-align:center + } + .t-left--screen-m { + text-align:left + } + .t-right--screen-m { + text-align:right + } + } + @media only screen and (max-width: 590px) { + .h-xxl--screen-s, + .t-xxxxl--screen-s, + .t-triple--screen-s { + font-size:3em + } + .h-xl--screen-s, + .t-xxxl--screen-s, + .t-double--screen-s { + font-size:2em + } + .h-l--screen-s, + .t-xxl--screen-s { + font-size:1.75em + } + .h-m--screen-s, + .t-xl--screen-s, + .t-xl--screen-s { + font-size:1.5em + } + .h-s--screen-s, + .t-l--screen-s { + font-size:1.33em + } + .h-xs--screen-s, + .t-m--screen-s { + font-size:1.1667em + } + .t-s--screen-s { + font-size:.9176em + } + .t-xs--screen-s { + font-size:.8333em + } + .t-nat--screen-s { + font-size:1rem + } + .t-half--screen-s { + font-size:.5em + } + .t-n--screen-s { + font-size:1em + } + .t-mid--screen-s, + .t-center--screen-s { + text-align:center + } + .t-left--screen-s { + text-align:left + } + .t-right--screen-s { + text-align:right + } + } + @media only screen and (max-width: 425px) { + .h-xxl--screen-xs, + .t-xxxxl--screen-xs, + .t-triple--screen-xs { + font-size:3em + } + .h-xl--screen-xs, + .t-xxxl--screen-xs, + .t-double--screen-xs { + font-size:2em + } + .h-l--screen-xs, + .t-xxl--screen-xs { + font-size:1.75em + } + .h-m--screen-xs, + .t-xl--screen-xs, + .t-xl--screen-xs { + font-size:1.5em + } + .h-s--screen-xs, + .t-l--screen-xs { + font-size:1.33em + } + .h-xs--screen-xs, + .t-m--screen-xs { + font-size:1.1667em + } + .t-s--screen-xs { + font-size:.9176em + } + .t-xs--screen-xs { + font-size:.8333em + } + .t-nat--screen-xs { + font-size:1rem + } + .t-half--screen-xs { + font-size:.5em + } + .t-n--screen-xs { + font-size:1em + } + .t-mid--screen-xs, + .t-center--screen-xs { + text-align:center + } + .t-left--screen-xs { + text-align:left + } + .t-right--screen-xs { + text-align:right + } + } + .button, + .butt, + .btn, + .btn, + .button, + .btn--icon, + .btn--top, + .header__button, + .header__button--menu { + display:inline-block; + vertical-align:middle; + white-space:nowrap; + text-align:center; + position:relative; + text-decoration:none; + margin-top:0; + margin-bottom:0; + padding:0 1em; + line-height:2.5; + border:1px solid #babec9; + text-shadow:0 1px 1px rgba(255,255,255,0.1); + background-color:#f8f8f8; + color:#474747; + cursor:pointer; + -moz-border-radius:4px; + -webkit-border-radius:4px; + border-radius:4px; + -webkit-box-sizing:content-box; + -moz-box-sizing:content-box; + -ms-box-sizing:content-box; + -o-box-sizing:content-box; + box-sizing:content-box; + -webkit-user-select:none; + -khtml-user-select:none; + -moz-user-select:-moz-none; + -ms-user-select:none; + user-select:none + } + .button:hover, + .butt:hover, + .btn:hover, + .btn:hover, + .button:hover { + text-decoration:none; + background-color:#fff + } + .button:active, + .butt:active, + .btn:active, + .btn:active, + .button:active { + background-color:#eee + } + .button:active, + .button:focus { + outline:none + } + .btn--full, + .btn--fill { + display:block + } + .btn--pill { + -moz-border-radius:5em; + -webkit-border-radius:5em; + border-radius:5em + } + .btn--xxl { + font-size:5em + } + .btn--xl { + font-size:3em + } + .btn--l { + font-size:2em + } + .btn--m { + font-size:1.5em + } + .btn--s { + font-size:0.75em + } + .btn--xs { + font-size:0.5em + } + .btn--xtall { + line-height:4 + } + .btn--tall { + line-height:3 + } + .btn--short { + line-height:1.5 + } + .btn--nat { + line-height:inherit + } + .btn--dark { + border-color:#242424; + text-shadow:0 -1px 1px rgba(0,0,0,0.9); + background-color:#474747; + color:#f8f8f8 + } + .btn--dark:hover { + background-color:#383838 + } + .btn--dark:active { + background-color:#292929 + } + .btn--grp, + .btn-grp>.btn { + margin-left:-0.35em + } + .btn--grp, + .btn-grp>.btn { + -webkit-border-radius:0; + -moz-border-radius:0; + border-radius:0 + } + .btn--grp:first-child, + .btn-grp>.btn:first-child, + .btn--grp--first { + margin-left:0; + -moz-border-radius-bottomleft:0.25em; + -webkit-border-bottom-left-radius:0.25em; + border-bottom-left-radius:0.25em; + -moz-border-radius-topleft:0.25em; + -webkit-border-top-left-radius:0.25em; + border-top-left-radius:0.25em + } + .btn--grp:last-child, + .btn-grp>.btn:last-child, + .btn--grp--last { + -moz-border-radius-topright:0.25em; + -webkit-border-top-right-radius:0.25em; + border-top-right-radius:0.25em; + -moz-border-radius-bottomright:0.25em; + -webkit-border-bottom-right-radius:0.25em; + border-bottom-right-radius:0.25em + } + .btn--grp.btn--grp--fakefirst { + -webkit-border-radius:0; + -moz-border-radius:0; + border-radius:0 + } + .circle { + -moz-border-radius:50%; + -webkit-border-radius:50%; + border-radius:50% + } + .round { + -moz-border-radius:0.25em; + -webkit-border-radius:0.25em; + border-radius:0.25em + } + pre, + tt, + code { + font-family:Consolas, Menlo, Monaco, monospace; + color:#fafafa; + background:#333; + -moz-border-radius:0.25em; + -webkit-border-radius:0.25em; + border-radius:0.25em; + background-clip:padding-box + } + tt { + padding:0 3px 1px + } + pre { + margin:0 0.5em 1em 0; + overflow:auto; + padding:1em; + -moz-tab-size:1; + -o-tab-size:1; + tab-size:1; + -ms-word-break:normal; + word-break:normal; + -webkit-hyphens:none; + -moz-hyphens:none; + -ms-hyphens:none; + hyphens:none; + position:relative; + display:block; + max-width:100%; + white-space:pre-wrap; + white-space:-moz-pre-wrap; + white-space:-pre-wrap; + white-space:-o-pre-wrap + } + pre code { + background:none; + white-space:pre; + overflow:hidden + } + .media, + .acp--bang { + display:block + } + .media__img { + float:left; + margin-right:0.5em + } + .media__img--rev { + float:right; + margin-left:0.5em + } + .media__img img, + .media__img--rev img { + display:block + } + .media__body, + .acp--bang__body { + overflow:hidden + } + table { + display:table + } + html, + body { + height:100%; + min-height:100%; + padding:0; + margin:0 + } + html { + overflow:hidden; + overflow-y:auto; + background-color:#f7f7f7; + font-size:90%; + -webkit-text-size-adjust:100% + } + body { + overflow:hidden; + position:relative; + height:auto + } + .site-wrapper { + overflow:hidden + } + .is-mobile-device.has-search-focus .site-wrapper:before { + display:none + } + body { + background-color:#fff; + line-height:1.6 + } + body, + input, + select, + textarea { + font-family:"DDG_ProximaNova","DDG_ProximaNova_UI_0","DDG_ProximaNova_UI_1","DDG_ProximaNova_UI_2","DDG_ProximaNova_UI_3","DDG_ProximaNova_UI_4","DDG_ProximaNova_UI_5","DDG_ProximaNova_UI_6","Proxima Nova","Helvetica Neue","Helvetica","Segoe UI","Nimbus Sans L","Liberation Sans","Open Sans",FreeSans,Arial,sans-serif; + color:#222 + } + h1, + h2, + h3, + h4, + h5, + h6 { + font-weight:normal + } + p { + line-height:1.35; + padding-top:.25em; + padding-bottom:.25em + } + strong, + b { + font-weight:600 + } + em, + i { + font-style:italic + } + pre, + tt, + code { + color:#282828; + background-color:#eaeaea; + text-shadow:none + } + pre { + padding:.55em 0; + padding-left:.5em; + margin:.5em 0 + } + pre code { + padding-left:0 + } + sup, + sub { + vertical-align:baseline; + font-size:0.6em; + position:relative; + line-height:0 + } + sup { + top:-.5em + } + sub { + top:0 + } + .no-select, + .nav, + .nav-menu__icon, + .nav-menu__close { + -webkit-user-select:none; + -khtml-user-select:none; + -moz-user-select:-moz-none; + -ms-user-select:none; + user-select:none + } + .absolute-center { + position:absolute; + margin:auto; + bottom:0; + right:0; + left:0; + top:0 + } + .one-line { + white-space:nowrap; + overflow:hidden; + -ms-text-overflow:ellipsis; + -o-text-overflow:ellipsis; + text-overflow:ellipsis + } + a { + font-family:inherit; + text-decoration:none; + color:#4495d4 + } + a:hover, + a:focus { + color:#00278e + } + a:hover { + text-decoration:underline + } + a:focus { + text-decoration:none; + outline:none + } + a.is-disabled { + color:#999; + cursor:default + } + a.is-disabled:focus, + a.is-disabled:hover { + text-decoration:none; + color:#999 + } + :visited { + color:#6d59a3 + } + .no-visited { + color:#4495d4 + } + .anchor, + .anchor--inline--first, + .anchor--inline { + position:relative; + display:inline-block; + height:0; + width:0; + margin:0 + } + .anchor { + float:left + } + .anchor--inline--first, + .anchor--inline { + margin-left:-0.5ex; + vertical-align:top + } + .anchor--inline--first { + margin-left:0 + } + .btn, + .button, + .btn--icon, + .btn--top, + .header__button, + .header__button--menu { + -webkit-appearance:none; + -moz-appearance:none; + -ms-appearance:none; + -o-appearance:none; + appearance:none; + -webkit-transition:none .3s ease-in-out; + -webkit-transition-delay:0s; + -moz-transition:none .3s ease-in-out 0s; + -o-transition:none .3s ease-in-out 0s; + transition:none .3s ease-in-out 0s; + outline:none !important; + background-color:#fafafa; + border-color:#ddd; + line-height:2; + font-weight:normal; + font-size:1em; + padding-top:2px; + padding-bottom:2px; + color:#333 + } + .btn:hover, + .button:hover, + .btn:focus, + .button:focus, + .btn--icon:hover, + .btn--top:hover, + .header__button:hover, + .header__button--menu:hover, + .btn--icon:focus, + .btn--top:focus, + .header__button:focus, + .header__button--menu:focus { + text-decoration:none !important; + color:#333 + } + .btn:active, + .button:active { + background-color:#fafafa; + border-color:#fafafa + } + .btn.is-disabled, + .btn.is-disabled:hover, + .btn.is-disabled:active, + .btn.is-disabled:focus, + .button.is-disabled, + .button.is-disabled:hover, + .button.is-disabled:active, + .button.is-disabled:focus { + cursor:default; + border-color:#c3c3c3; + background-color:#c3c3c3; + color:#eee + } + .btn.is-active, + .button.is-active { + border-color:transparent; + background:#666; + color:#fff; + font-weight:300 + } + .btn--primary, + .is-checked .frm__switch__label { + background-color:#66abff; + border-color:#66abff; + color:#fff; + font-weight:600 + } + .btn--primary:hover, + .is-checked .frm__switch__label:hover, + .btn--primary:focus, + .is-checked .frm__switch__label:focus { + color:#fff; + background-color:#4495d4; + border-color:#4495d4 + } + .btn--primary:active, + .is-checked .frm__switch__label:active { + background-color:#00278e; + border-color:#00278e + } + .btn--primary--alt { + background-color:#4495d4; + border-color:#4495d4; + color:#fff; + font-weight:600 + } + .btn--primary--alt:hover, + .btn--primary--alt:focus, + .btn--primary--alt:active { + color:#fff; + background-color:#00278e; + border-color:#00278e + } + .btn--critical { + background-color:#e37151; + border-color:#e37151; + color:#fff; + font-weight:600 + } + .btn--critical:hover, + .btn--critical:focus { + color:#fff; + background-color:#de5833; + border-color:#de5833 + } + .btn--critical:active { + background-color:#bd4b2b; + border-color:#bd4b2b + } + .btn--secondary { + border-color:#ddd; + background-color:#f2f2f2; + color:#666; + font-weight:600 + } + .btn--secondary:hover, + .btn--secondary:focus { + background-color:#e5e5e5 + } + .btn--secondary:active { + background-color:#d0d0d0; + border-color:#d0d0d0 + } + .btn--alt { + border-color:#c3c3c3; + background-color:#e5e5e5; + color:#666 + } + .btn--alt:hover, + .btn--alt:focus { + color:#666; + background-color:#d8d8d8 + } + .btn--alt:active { + background-color:#e5e5e5; + border-color:#e5e5e5 + } + .btn--wire { + border-radius:4px; + background:none; + background-color:transparent; + font-weight:normal; + border:1px solid #ddd; + color:#aaa + } + .btn--wire:hover, + .btn--wire:focus { + border-color:#aaa; + background-color:#aaa; + color:#fff + } + .btn--wire--hero { + border-radius:4px; + background:none; + background-color:transparent; + border:2px solid #fff; + color:#fff + } + .btn--wire--hero:hover, + .btn--wire--hero:focus { + border-color:#fff; + background:none; + background-color:transparent; + color:#fff + } + .btn--wire--dark { + border-color:#222; + color:#222 + } + .btn--wire--dark:hover { + border-color:#222; + background-color:#222 + } + .btn--icon, + .btn--top, + .header__button, + .header__button--menu { + font-family:'ddg-serp-icons' !important; + speak:none; + font-style:normal; + font-weight:normal !important; + font-variant:normal; + text-transform:none; + text-decoration:none !important; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + -webkit-transition:background-color .1s,color .1s; + -moz-transition:background-color .1s,color .1s; + -o-transition:background-color .1s,color .1s; + transition:background-color .1s,color .1s; + border-radius:4px; + -webkit-tap-highlight-color:rgba(0,0,0,0); + padding:0; + border:none; + background:none; + text-align:center; + text-shadow:none; + vertical-align:middle; + position:relative; + width:33px; + height:33px; + line-height:34px; + text-indent:1px; + font-size:16px + } + .no-touch .btn--icon:hover, + .no-touch .btn--top:hover, + .no-touch .header__button:hover, + .no-touch .header__button--menu:hover, + .no-touch .btn--icon:focus, + .no-touch .btn--top:focus, + .no-touch .header__button:focus, + .no-touch .header__button--menu:focus, + .no-js .btn--icon:hover, + .no-js .btn--top:hover, + .no-js .header__button:hover, + .no-js .header__button--menu:hover, + .no-js .btn--icon:focus, + .no-js .btn--top:focus, + .no-js .header__button:focus, + .no-js .header__button--menu:focus { + color:white; + background-color:#6d6d6d + } + .no-touch .btn--icon:active, + .no-touch .btn--top:active, + .no-touch .header__button:active, + .no-touch .header__button--menu:active, + .no-js .btn--icon:active, + .no-js .btn--top:active, + .no-js .header__button:active, + .no-js .header__button--menu:active { + -webkit-transition:none .3s ease-in-out; + -webkit-transition-delay:0s; + -moz-transition:none .3s ease-in-out 0s; + -o-transition:none .3s ease-in-out 0s; + transition:none .3s ease-in-out 0s; + color:white; + background-color:#555 + } + .btn__icon, + .btn__icon--sm { + margin-right:.125em; + vertical-align:middle; + margin-top:-.125em; + max-height:1em; + max-width:1em + } + .btn__icon { + margin-left:-.25em; + font-size:1.5em + } + .btn__icon--sm { + font-size:16px; + margin-left:-.25em; + margin-right:.5em; + position:relative; + top:-0.05em + } + .btn--inline { + display:inline; + line-height:inherit; + padding-left:0.75em; + padding-right:0.75em; + top:-1px + } + .btn-stack { + margin-bottom:-.5em; + padding:0 + } + .btn-stack .btn { + display:block; + margin-bottom:.5em + } + .colorpicker { + -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2); + -moz-box-shadow:0 1px 4px rgba(0,0,0,0.2); + box-shadow:0 1px 4px rgba(0,0,0,0.2); + -webkit-border-radius:2px; + -moz-border-radius:2px; + -ms-border-radius:2px; + -o-border-radius:2px; + border-radius:2px; + position:absolute; + display:none; + top:0; + left:0; + background:#fff; + padding:15px; + height:120px; + width:145px + } + .lt-ie9 .colorpicker { + border:1px solid #eee + } + .colorpicker__nub { + -webkit-transform:rotate(45deg); + -moz-transform:rotate(45deg); + -ms-transform:rotate(45deg); + -o-transform:rotate(45deg); + transform:rotate(45deg); + position:absolute; + width:10px; + height:10px; + top:50%; + margin-top:-5px; + right:-6px; + background:#fff; + border-top:1px solid #eee; + border-right:1px solid #eee + } + .lt-ie9 .colorpicker__nub { + display:none + } + .colorpicker__2d { + -webkit-border-radius:4px; + -moz-border-radius:4px; + -ms-border-radius:4px; + -o-border-radius:4px; + border-radius:4px; + position:relative; + display:block; + float:left; + width:120px; + height:120px; + cursor:pointer + } + .colorpicker__2d-white, + .colorpicker__2d-black { + -webkit-border-radius:2px; + -moz-border-radius:2px; + -ms-border-radius:2px; + -o-border-radius:2px; + border-radius:2px; + position:absolute; + width:120px; + height:120px + } + .colorpicker__2d-white { + z-index:0; + background:-moz-linear-gradient(left, #fff 0%, rgba(255,255,255,0) 100%); + background:-webkit-gradient(linear, left top, right top, color-stop(0%, #fff), color-stop(100%, rgba(255,255,255,0))); + background:-webkit-linear-gradient(left, #fff 0%, rgba(255,255,255,0) 100%); + background:-o-linear-gradient(left, #fff 0%, rgba(255,255,255,0) 100%); + background:linear-gradient(left, #fff 0%, rgba(255,255,255,0) 100%); + -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00FFFFFF)"; + filter:progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00FFFFFF') + } + .colorpicker__2d-black { + -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.2); + -moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.2); + box-shadow:inset 0 0 2px rgba(0,0,0,0.2); + z-index:1; + background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, #000 100%); + background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, #000)); + background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, #000 100%); + background:-o-linear-gradient(top, rgba(0,0,0,0) 0%, #000 100%); + background:linear-gradient(top, rgba(0,0,0,0) 0%, #000 100%); + -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr=#00000000, endColorstr=#FF000000)"; + filter:progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr='#00000000', endColorstr='#FF000000') + } + .colorpicker__2d-marker { + -webkit-border-radius:6px; + -moz-border-radius:6px; + -ms-border-radius:6px; + -o-border-radius:6px; + border-radius:6px; + -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3); + -moz-box-shadow:0 1px 2px rgba(0,0,0,0.3); + box-shadow:0 1px 2px rgba(0,0,0,0.3); + background:#fff; + border:1px solid #ddd; + position:absolute; + margin:-6px 0 0 -6px; + width:10px; + height:10px; + z-index:2 + } + .colorpicker__1d { + -webkit-border-radius:2px; + -moz-border-radius:2px; + -ms-border-radius:2px; + -o-border-radius:2px; + border-radius:2px; + -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.2); + -moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.2); + box-shadow:inset 0 0 2px rgba(0,0,0,0.2); + position:relative; + display:block; + margin-left:10px; + width:15px; + float:left; + height:120px; + cursor:pointer; + background:-moz-linear-gradient(top, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 66%, #f0f 83%, red 100%); + background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, red), color-stop(17%, #ff0), color-stop(33%, lime), color-stop(50%, cyan), color-stop(66%, blue), color-stop(83%, #f0f), color-stop(100%, red)); + background:-webkit-linear-gradient(top, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 66%, #f0f 83%, red 100%); + background:-o-linear-gradient(top, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 66%, #f0f 83%, red 100%); + background:linear-gradient(top, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 66%, #f0f 83%, red 100%) + } + .lt-ie10 .colorpicker__1d { + background:url("/assets/settings/colorpicker-1d.100.png") no-repeat + } + .colorpicker__1d-marker { + -webkit-border-radius:2px; + -moz-border-radius:2px; + -ms-border-radius:2px; + -o-border-radius:2px; + border-radius:2px; + -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3); + -moz-box-shadow:0 1px 2px rgba(0,0,0,0.3); + box-shadow:0 1px 2px rgba(0,0,0,0.3); + border:1px solid #ddd; + position:absolute; + background:#fff; + width:16px; + height:4px; + margin:-2px 0 0 -1px; + z-index:2 + } + .disc { + -webkit-border-radius:100%; + -moz-border-radius:100%; + -ms-border-radius:100%; + -o-border-radius:100%; + border-radius:100%; + overflow:hidden; + position:relative; + vertical-align:middle; + display:inline-block; + text-align:center + } + .disc:before { + content:''; + top:0; + right:0; + bottom:0; + left:0; + border:2px solid #000; + position:absolute; + opacity:.15; + border-radius:100%; + z-index:1 + } + .disc--xs { + width:16px; + height:16px; + line-height:16px + } + .disc--xs .disc__wrap__img { + height:16px + } + .disc--s { + width:30px; + height:30px; + line-height:30px + } + .disc--s .disc__wrap__img { + height:30px + } + .disc--m { + width:40px; + height:40px; + line-height:40px + } + .disc--m .disc__wrap__img { + height:40px + } + .disc--l { + width:50px; + height:50px; + line-height:50px + } + .disc--l .disc__wrap__img { + height:50px + } + .disc--xl { + width:60px; + height:60px; + line-height:60px + } + .disc--xl .disc__wrap__img { + height:60px + } + .disc__wrap { + float:left; + display:block; + position:relative; + text-align:center; + left:50% + } + .disc__wrap__img { + vertical-align:middle; + position:relative; + display:inline; + max-width:none; + min-width:1px; + right:50% + } + .disc__img { + -webkit-border-radius:50%; + -moz-border-radius:50%; + -ms-border-radius:50%; + -o-border-radius:50%; + border-radius:50%; + vertical-align:middle; + display:inline-block; + max-height:100%; + max-width:100%; + height:auto; + width:auto + } + .disc__obj { + position:absolute; + margin:auto; + bottom:0; + right:0; + left:0; + top:0 + } + .frm { + display:block + } + .frm__label { + font-size:0.9em; + font-weight:600; + color:#222 + } + .frm__label__chk { + margin-top:0.4em; + margin-right:.5em; + display:inline-block; + vertical-align:top + } + .frm__label__txt { + display:inline-block; + overflow:hidden + } + .frm__text, + .frm__input { + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + margin:0; + font-size:1em; + background-color:#f7f7f7; + border:1px solid #e6e6e6; + color:#222; + outline:none + } + .frm__input--disabled { + background-color:#e6e6e6 + } + .frm__input { + border-radius:4px; + height:2em; + line-height:2em; + padding-left:.8em; + padding-top:0; + padding-bottom:0; + -webkit-appearance:none + } + .frm__input--clearable { + position:relative + } + .frm__input--clearable .frm__input { + padding-right:2em + } + .frm__input--clearable .frm__input__clear { + position:absolute; + top:0; + right:0; + font-size:.8em; + line-height:2.6em; + padding:0 1em; + color:#888; + cursor:pointer + } + .frm__input--clearable .frm__input__clear:hover { + color:#222 + } + .frm__text { + padding:.8em; + border-radius:4px + } + .frm__select { + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + border-radius:4px; + display:inline-block; + position:relative; + overflow:hidden; + line-height:2.2; + height:2.35em; + border:1px solid #ddd; + background-color:#fafafa; + color:#333; + padding:0; + vertical-align:middle; + margin-bottom:0; + cursor:pointer + } + .frm__select:hover { + background-color:#fff + } + .frm__select select { + -webkit-appearance:none; + -moz-appearance:none; + -ms-appearance:none; + -o-appearance:none; + appearance:none; + background:none; + cursor:pointer; + margin:0; + padding:0 28px 0 .75em; + position:relative; + display:block; + font-size:1em; + line-height:inherit; + min-width:10em; + width:140% !important; + height:2.2em !important; + outline:none !important; + border:none !important + } + .lt-ie9 .frm__select select { + padding-bottom:0.4em + } + .frm__select:after { + font-family:'ddg-serp-icons' !important; + speak:none; + font-style:normal; + font-weight:normal !important; + font-variant:normal; + text-transform:none; + text-decoration:none !important; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + content:"\76"; + margin-top:-5px; + font-size:12px; + line-height:1; + pointer-events:none; + vertical-align:middle; + display:inline-block; + position:absolute; + right:10px; + top:50% + } + .frm__select--no-first select option:first-child { + display:none + } + .frm__buttons { + clear:both; + padding-top:1em + } + .frm__buttons .frm__btn { + margin-left:.5em + } + .frm__btn { + min-width:7em; + height:2em + } + .frm__switch { + position:relative + } + .frm__switch__inp { + border:0; + clip:rect(0 0 0 0); + height:1px; + margin:-1px; + overflow:hidden; + padding:0; + position:absolute; + width:1px + } + .frm__switch-on { + display:none + } + .is-checked .frm__switch-on { + display:block + } + .frm__switch-off { + display:block + } + .is-checked .frm__switch-off { + display:none + } + .frm__color__swatch { + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + border-radius:4px; + cursor:pointer; + display:block; + width:50px; + height:2em; + border:1px solid #e6e6e6 + } + .frm__hr { + width:100%; + margin:1em 0; + border-bottom:1px solid #eaeaea + } + .frm--newsletter .frm__input { + border-radius:4px; + vertical-align:top; + width:60%; + max-width:24em; + height:2.5em; + line-height:2; + font-weight:600 + } + .frm--newsletter .frm__btn { + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + vertical-align:top; + height:2.5em + } + .frm--newsletter__chks { + text-align:center; + margin:1.25em auto 0; + font-size:1em; + min-width:20em; + width:70% + } + .frm--newsletter__chks .frm__label { + display:inline-block; + margin:0 1.25em; + text-align:left; + min-width:8em + } + .frm--newsletter__frq { + color:#888; + display:block; + font-size:0.9em; + font-weight:normal + } + .frm--vrt .frm__label, + .frm--vrt .frm__input, + .frm--vrt .frm__text { + display:block; + width:100% + } + .frm--vrt .frm__label { + margin-top:1.25em; + margin-bottom:.5em + } + .loader { + display:none; + width:32px; + height:32px; + background-size:1600%; + background-repeat:no-repeat + } + .is-loading .loader { + display:block; + animation:loader-animate 0.5s steps(15) infinite + } + @keyframes loader-animate { + 0% { + background-position:left + } + 100% { + background-position:right + } + } + .msg--box, + .msg--info, + .msg--help, + .msg--untranslated, + .msg--warning, + #error_homepage, + .msg { + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + -webkit-border-radius:4px; + -moz-border-radius:4px; + -ms-border-radius:4px; + -o-border-radius:4px; + border-radius:4px; + display:block; + position:relative; + margin:.5em auto 1.25em; + padding:1em; + color:#333 + } + .msg--box { + background:#f7f7f7 + } + .msg--info { + color:#a97022; + background:#ffe7c9 + } + .msg--help, + .msg--untranslated { + color:#002179; + background:#d0e5f4 + } + .msg--warning, + #error_homepage { + color:#de5833; + background:#f7d5cc + } + .modal-trig { + max-height:100%; + position:relative; + display:inline-block + } + .modal { + pointer-events:none; + text-align:center; + font-weight:400; + line-height:1.2 + } + .modal.is-showing { + pointer-events:auto + } + .modal h1, + .modal h2, + .modal h3, + .modal h4, + .modal h5 { + padding:0 + } + .modal p { + padding:.5em 0 0 + } + .modal__overlay { + position:absolute; + margin:auto; + bottom:0; + right:0; + left:0; + top:0; + display:none; + height:100%; + width:100%; + z-index:0 + } + .modal__box { + -webkit-border-radius:4px; + -moz-border-radius:4px; + -ms-border-radius:4px; + -o-border-radius:4px; + border-radius:4px; + overflow:hidden; + background-color:#fff; + color:#222; + min-width:160px; + white-space:normal + } + .modal__close { + font-family:'ddg-serp-icons' !important; + speak:none; + font-style:normal; + font-weight:normal !important; + font-variant:normal; + text-transform:none; + text-decoration:none !important; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + z-index:1; + line-height:1; + display:block; + text-align:center; + position:absolute; + right:1em; + top:1em; + font-size:14px; + color:#8f8f8f + } + .modal__close:hover { + color:#000; + text-decoration:none + } + .modal__header, + .modal__footer { + padding:1em; + background:#f7f7f7; + border-bottom:1px solid #e0e0e0 + } + .modal__header { + border-top-right-radius:4px; + border-top-left-radius:4px + } + .modal__footer { + border-bottom-right-radius:4px; + border-bottom-left-radius:4px + } + .modal__header__title { + font-weight:600 + } + .modal__body { + padding:1em; + position:relative; + display:block + } + .modal__list { + padding:0 + } + .modal__list__link { + display:block; + color:#666; + text-decoration:none; + cursor:pointer + } + .modal__list__link:visited, + .modal__list__link:focus { + color:#666 + } + .modal__list__link:active, + .modal__list__link:hover, + .modal__list__link.is-highlighted { + color:#666; + background-color:#f7f7f7; + text-decoration:none + } + .modal__list__link.is-selected { + font-weight:600 + } + .modal__list__link.is-selected:before { + font-family:'ddg-serp-icons' !important; + speak:none; + font-style:normal; + font-weight:normal !important; + font-variant:normal; + text-transform:none; + text-decoration:none !important; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + content:"\2713"; + position:relative; + float:right; + margin-left:1em; + top:-1px + } + .modal__list__link.is-selected:hover, + .modal__list__link.is-selected:active { + font-weight:600 + } + .modal__list__link.is-disabled { + color:#aaa; + background-color:inherit + } + .modal--popout { + position:absolute; + margin:auto; + bottom:0; + right:0; + left:0; + top:0; + display:block; + height:0; + width:0 + } + .modal--popout .modal__box { + -webkit-transition:opacity .15s ease-out,-webkit-transform .15s ease-out; + -webkit-transition-delay:0s,0s; + -moz-transition:opacity .15s ease-out,-moz-transform .15s ease-out; + -o-transition:opacity .15s ease-out,-o-transform .15s ease-out; + transition:opacity .15s ease-out false,transform .15s ease-out false; + -webkit-box-shadow:0 0 0.2px 1px rgba(0,0,0,0.1); + -moz-box-shadow:0 0 0.2px 1px rgba(0,0,0,0.1); + box-shadow:0 0 0.2px 1px rgba(0,0,0,0.1); + -webkit-transform:scale(0.85); + -moz-transform:scale(0.85); + -ms-transform:scale(0.85); + -o-transform:scale(0.85); + transform:scale(0.85); + font-size:14.4px; + font-size:1rem; + width:200px; + position:absolute; + display:block; + bottom:auto; + right:auto; + left:auto; + top:auto; + visibility:hidden; + opacity:0 + } + .modal--popout .modal__box:before, + .modal--popout .modal__box:after { + font-family:'ddg-serp-icons' !important; + speak:none; + font-style:normal; + font-weight:normal !important; + font-variant:normal; + text-transform:none; + text-decoration:none !important; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + position:absolute; + display:block; + line-height:24px; + font-size:24px; + height:24px; + width:24px + } + .modal--popout .modal__box:before { + color:#e0e0e0 + } + .modal--popout .modal__box:after { + color:#fff + } + .modal--popout.is-showing .modal__box { + -webkit-transform:scale(1); + -moz-transform:scale(1); + -ms-transform:scale(1); + -o-transform:scale(1); + transform:scale(1); + visibility:visible; + z-index:250; + opacity:1 + } + .modal--popout--top, + .modal--popout--bottom, + .modal--popout--bottom-left, + .modal--popout--bottom-right { + height:100% + } + .modal--popout--left, + .modal--popout--right { + width:100% + } + .modal--popout--sm .modal__box { + width:160px + } + .modal--popout--lg .modal__box { + width:230px + } + .modal--popout--top .modal__box, + .modal--popout--bottom .modal__box { + left:-100px + } + .modal--popout--top.modal--popout--sm .modal__box, + .modal--popout--bottom.modal--popout--sm .modal__box { + left:-80px + } + .modal--popout--top.modal--popout--lg .modal__box, + .modal--popout--bottom.modal--popout--lg .modal__box { + left:-115px + } + .modal--popout--top .modal__box { + margin-bottom:8px; + bottom:100% + } + .modal--popout--top .modal__box:before, + .modal--popout--top .modal__box:after { + content:"\25bc"; + bottom:-17px; + margin-left:-12px; + left:50% + } + .modal--popout--top .modal__box:after { + margin-bottom:1px + } + .modal--popout--left .modal__box { + margin-right:12px; + right:100%; + top:-14px + } + .modal--popout--left .modal__box:before, + .modal--popout--left .modal__box:after { + content:"\25b6"; + right:-17px; + top:4px + } + .modal--popout--left .modal__box:after { + margin-right:1px + } + .modal--popout--right .modal__box { + margin-left:12px; + left:100%; + top:-14px + } + .modal--popout--right .modal__box:before, + .modal--popout--right .modal__box:after { + content:"\25c0"; + left:-17px; + top:4px + } + .modal--popout--right .modal__box:after { + margin-left:1px + } + .modal--popout--bottom .modal__box, + .modal--popout--bottom-right .modal__box, + .modal--popout--bottom-left .modal__box { + margin-top:8px; + top:100% + } + .modal--popout--bottom .modal__box:before, + .modal--popout--bottom .modal__box:after, + .modal--popout--bottom-right .modal__box:before, + .modal--popout--bottom-right .modal__box:after, + .modal--popout--bottom-left .modal__box:before, + .modal--popout--bottom-left .modal__box:after { + content:"\25b2"; + top:-17px; + margin-left:-12px; + left:50% + } + .modal--popout--bottom .modal__box:after, + .modal--popout--bottom-right .modal__box:after, + .modal--popout--bottom-left .modal__box:after { + margin-top:1px + } + .modal--popout--bottom.has-header .modal__box:after, + .modal--popout--bottom-right.has-header .modal__box:after, + .modal--popout--bottom-left.has-header .modal__box:after { + color:#f7f7f7 + } + .modal--popout--bottom-left .modal__box { + right:-23px; + left:auto + } + .modal--popout--bottom-left .modal__box:before, + .modal--popout--bottom-left .modal__box:after { + left:auto; + margin-left:0; + right:10px + } + .modal--popout--bottom-right .modal__box { + left:-23px + } + .modal--popout--bottom-right .modal__box:before, + .modal--popout--bottom-right .modal__box:after { + left:10px; + margin-left:0 + } + .modal--popover { + -webkit-transition:background .15s ease-out,visibility .15s linear; + -moz-transition:background .15s ease-out,visibility .15s linear; + -o-transition:background .15s ease-out,visibility .15s linear; + transition:background .15s ease-out,visibility .15s linear; + display:table; + overflow:hidden; + visibility:hidden; + background:rgba(255,255,255,0); + position:fixed; + height:100%; + width:100%; + bottom:0; + right:0; + left:0; + top:0; + z-index:300 + } + .modal--popover.is-showing { + background:#ddd; + background:rgba(255,255,255,0.7); + visibility:visible + } + .modal--popover.is-showing .modal__box { + -webkit-transform:scale(1); + -moz-transform:scale(1); + -ms-transform:scale(1); + -o-transform:scale(1); + transform:scale(1); + opacity:1 + } + .modal--popover.is-showing .modal__overlay { + display:block + } + .modal--popover .modal__wrap, + .modal--popover .modal__box { + z-index:5; + position:relative; + overflow:hidden; + margin:auto + } + .modal--popover .modal__wrap { + pointer-events:none; + display:table-cell; + vertical-align:middle + } + .modal--popover .modal__box { + -webkit-transition:opacity .15s ease-out,-webkit-transform .15s ease-out; + -moz-transition:opacity .15s ease-out,-moz-transform .15s ease-out; + -o-transition:opacity .15s ease-out,-o-transform .15s ease-out; + transition:opacity .15s ease-out,transform .15s ease-out; + -webkit-transform:scale(0.85); + -moz-transform:scale(0.85); + -ms-transform:scale(0.85); + -o-transform:scale(0.85); + transform:scale(0.85); + -webkit-box-shadow:0 0 15px -3px rgba(0,0,0,0.35); + -moz-box-shadow:0 0 15px -3px rgba(0,0,0,0.35); + box-shadow:0 0 15px -3px rgba(0,0,0,0.35); + -webkit-overflow-scrolling:touch; + pointer-events:auto; + display:table; + opacity:0 + } + .modal--popover .modal__body { + max-height:100%; + overflow:auto; + height:100% + } + .modal--popover--scroll { + display:block + } + .modal--popover--scroll .modal__wrap, + .modal--popover--scroll .modal__box { + position:absolute; + margin:auto; + bottom:0; + right:0; + left:0; + top:0; + display:block + } + .modal--popover--scroll .modal__box { + overflow:auto + } + .modal--popover--notransition { + -webkit-transition:none .3s ease-in-out; + -webkit-transition-delay:0s; + -moz-transition:none .3s ease-in-out 0s; + -o-transition:none .3s ease-in-out 0s; + transition:none .3s ease-in-out 0s + } + .modal--popover--notransition .modal__box { + -webkit-transition:none .3s ease-in-out; + -webkit-transition-delay:0s; + -moz-transition:none .3s ease-in-out 0s; + -o-transition:none .3s ease-in-out 0s; + transition:none .3s ease-in-out 0s; + -webkit-transform:none; + -moz-transform:none; + -ms-transform:none; + -o-transform:none; + transform:none; + opacity:1 + } + .modal--popover--gray.is-showing { + background:rgba(210,210,210,0.6) + } + .modal--popover--dark.is-showing { + background:rgba(85,85,85,0.9) + } + .nav { + font-family:'ddg-serp-icons' !important; + speak:none; + font-style:normal; + font-weight:normal !important; + font-variant:normal; + text-transform:none; + text-decoration:none !important; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + -webkit-border-radius:50%; + -moz-border-radius:50%; + -ms-border-radius:50%; + -o-border-radius:50%; + border-radius:50%; + background:#e6e6e6; + background:rgba(0,0,0,0.1); + color:#f8f8f8; + position:absolute; + top:50%; + margin-top:-21.333333px; + width:64px; + height:64px; + line-height:64px; + font-size:28px; + vertical-align:middle; + text-align:center; + display:block; + z-index:2; + cursor:pointer + } + .nav:hover { + background:rgba(0,0,0,0.25) + } + .nav:active { + background:rgba(0,0,0,0.5) + } + .is-mobile .nav, + .touch .nav, + .no-js .nav { + display:none + } + .nav--hero { + -webkit-box-shadow:inset 0 0 0 2px white; + -moz-box-shadow:inset 0 0 0 2px white; + box-shadow:inset 0 0 0 2px white; + background:none; + border:2px solid #fff; + border-color:rgba(0,0,0,0) + } + .nav--hero:hover { + background:none + } + .nav--prev { + text-indent:-4px; + left:24px + } + .nav--prev:before { + content:"\2039"; + line-height:1 + } + .nav--next { + text-indent:4px; + right:24px + } + .nav--next:before { + content:"\203a"; + line-height:1 + } + .nav-menu, + .nav-menu--slideout { + background-color:#fff + } + .nav-menu ul, + .nav-menu--slideout ul { + padding-top:0; + padding-bottom:0; + list-style:none + } + .nav-menu li, + .nav-menu--slideout li { + list-style:none + } + .nav-menu__icon, + .nav-menu__close { + text-align:center; + color:#bfbfbf; + font-size:1.2em; + line-height:1; + background-color:transparent + } + .nav-menu__icon--top-right, + .nav-menu__close { + position:absolute; + top:0; + right:0 + } + .nav-menu__icon--clickable, + .nav-menu__close { + -webkit-transition:all .15s ease-in-out; + -webkit-transition-delay:0s; + -moz-transition:all .15s ease-in-out 0s; + -o-transition:all .15s ease-in-out 0s; + transition:all .15s ease-in-out 0s; + cursor:pointer; + -webkit-tap-highlight-color:rgba(0,0,0,0); + z-index:2 + } + .nav-menu__icon--clickable:hover, + .nav-menu__close:hover, + .nav-menu__icon--clickable:focus, + .nav-menu__close:focus { + color:#575757 + } + .nav-menu__icon--clickable:active, + .nav-menu__close:active { + color:#bfbfbf + } + .nav-menu__icon--clickable:visited, + .nav-menu__close:visited { + color:#bfbfbf + } + .nav-menu__close { + font-family:'ddg-serp-icons' !important; + speak:none; + font-style:normal; + font-weight:normal !important; + font-variant:normal; + text-transform:none; + text-decoration:none !important; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + line-height:1; + padding:1.6em 1em 1em + } + .nav-menu__list { + display:block; + position:relative; + list-style:none; + padding:0; + margin:0 + } + .nav-menu__list li { + position:relative; + top:-0.45em + } + .nav-menu__heading { + padding-top:2.2em; + padding-bottom:1.6em; + margin-bottom:-1.25em; + color:#888 + } + .nav-menu__heading span { + text-transform:uppercase; + font-size:0.75em + } + .is-mobile .nav-menu__heading { + margin-bottom:-1.5em + } + .nav-menu__heading--primary { + padding-top:2em; + margin-bottom:-.75em + } + .nav-menu__item { + position:relative; + font-size:1em + } + .is-mobile .nav-menu__item { + padding:.125em 0; + top:-.25em + } + .nav-menu__item>a { + padding:0; + display:block + } + .nav-menu__item, + .nav-menu__item>a, + .nav-menu__item>a:visited { + color:#333 + } + .nav-menu__item>a:hover { + color:#333; + text-decoration:underline + } + .nav-menu__item.only--mob { + display:none + } + .is-mobile .nav-menu__item.only--mob { + display:inline-block + } + .nav-menu__item--primary { + padding-top:2.05em; + margin-bottom:-0.75em + } + .nav-menu__item--icon { + margin-top:5px; + margin-bottom:5px + } + .nav-menu__item--icon:first-child { + margin-top:0 + } + .nav-menu__item--icon:last-child { + margin-bottom:0 + } + .nav-menu__item__icon { + margin-right:5px + } + .nav-menu__themes { + height:17px; + padding:12px 0 12px !important + } + .nav-menu__theme { + -webkit-border-radius:13px; + -moz-border-radius:13px; + -ms-border-radius:13px; + -o-border-radius:13px; + border-radius:13px; + display:block; + width:18px; + height:18px; + padding:3px; + float:left; + margin-right:5px; + cursor:pointer + } + .nav-menu__theme.theme-is-selected { + padding:2px; + border:1px solid #333 + } + .nav-menu__theme-color { + -webkit-border-radius:10px; + -moz-border-radius:10px; + -ms-border-radius:10px; + -o-border-radius:10px; + border-radius:10px; + display:block; + position:relative; + width:18px; + height:18px; + overflow:hidden; + z-index:1 + } + .nav-menu__theme-color-top, + .nav-menu__theme-color-bot { + -webkit-transform:rotate(45deg); + -moz-transform:rotate(45deg); + -ms-transform:rotate(45deg); + -o-transform:rotate(45deg); + transform:rotate(45deg); + position:absolute; + display:block; + width:18px; + height:18px + } + .nav-menu__theme-color-top { + left:-5px; + top:-5px + } + .nav-menu__theme-color-bot { + right:-6px; + bottom:-6px + } + .nav-menu--slideout { + -webkit-transition:-webkit-transform .3s ease-in-out; + -webkit-transition-delay:0s; + -moz-transition:-moz-transform .3s ease-in-out 0s; + -o-transition:-o-transform .3s ease-in-out 0s; + transition:transform .3s ease-in-out 0s; + -webkit-transform:translate3d(14.25em, 0, 0); + -moz-transform:translate3d(14.25em, 0, 0); + -ms-transform:translate3d(14.25em, 0, 0); + -o-transform:translate3d(14.25em, 0, 0); + transform:translate3d(14.25em, 0, 0); + -webkit-backface-visibility:hidden; + -moz-backface-visibility:hidden; + -ms-backface-visibility:hidden; + -o-backface-visibility:hidden; + backface-visibility:hidden; + -webkit-transform-style:preserve-3d; + -moz-transform-style:preserve-3d; + -ms-transform-style:preserve-3d; + -o-transform-style:preserve-3d; + transform-style:preserve-3d; + -webkit-box-shadow:-1px 0 1px rgba(0,0,0,0.2); + -moz-box-shadow:-1px 0 1px rgba(0,0,0,0.2); + box-shadow:-1px 0 1px rgba(0,0,0,0.2); + width:14em; + display:block; + height:100%; + position:fixed; + top:0; + bottom:0; + right:-14.25em; + left:auto; + z-index:200 + } + .nav-menu--slideout .nav-menu__list { + padding-left:1.5em; + position:absolute; + overflow:auto; + overflow-x:hidden; + bottom:0; + right:0; + left:0; + top:0 + } + .nav-menu--slideout.is-open { + right:0; + -webkit-transform:translate3d(0, 0, 0); + -moz-transform:translate3d(0, 0, 0); + -ms-transform:translate3d(0, 0, 0); + -o-transform:translate3d(0, 0, 0); + transform:translate3d(0, 0, 0) + } + .csstransforms3d .nav-menu--slideout { + right:0 + } + .is-legacy-android .nav-menu--slideout { + position:absolute + } + .notification { + -webkit-transition:all .2s ease-out; + -moz-transition:all .2s ease-out; + -o-transition:all .2s ease-out; + transition:all .2s ease-out; + display:table; + left:0; + opacity:0; + position:fixed; + top:-64px; + width:100%; + z-index:500 + } + .notification.is-showing { + opacity:0.8; + top:40px + } + .notification__wrap { + display:table-cell; + width:100% + } + .notification__text { + -webkit-border-radius:5px; + -moz-border-radius:5px; + -ms-border-radius:5px; + -o-border-radius:5px; + border-radius:5px; + background:#333; + color:#fff; + display:table; + margin:0 auto; + max-width:300px; + padding:10px 45px; + text-align:center + } + .sep--before:before, + .sep--after:after, + .sep--small, + .sep, + .zcm__sep { + border-left:1px solid #d0d0d0; + margin:0 1em; + display:inline-block; + vertical-align:baseline; + position:relative; + top:0.15em; + float:none; + height:1em; + width:0 + } + .sep--before:before, + .sep--after:after { + content:"" + } + .sep--small { + border-color:#e5e5e5; + height:.75em; + margin:0 0.35em; + top:0 + } + .switch { + -webkit-border-radius:10px; + -moz-border-radius:10px; + -ms-border-radius:10px; + -o-border-radius:10px; + border-radius:10px; + position:relative; + height:16px; + width:26px; + background:#aaa; + cursor:pointer + } + .switch.is-on { + background:#4495d4 + } + .switch__knob { + -webkit-border-radius:50%; + -moz-border-radius:50%; + -ms-border-radius:50%; + -o-border-radius:50%; + border-radius:50%; + -webkit-transition:.1s,linear,left .3s ease-in-out; + -webkit-transition-delay:0s; + -moz-transition:.1s,linear,left .3s ease-in-out 0s; + -o-transition:.1s,linear,left .3s ease-in-out 0s; + transition:.1s linear left .3s ease-in-out 0s; + position:absolute; + display:block; + left:2px; + top:2px; + height:12px; + width:12px; + background-color:#fff + } + .is-on .switch__knob { + left:12px + } + .switch--checkmark { + width:32px + } + .switch--checkmark::before { + font-family:'ddg-serp-icons' !important; + speak:none; + font-style:normal; + font-weight:normal !important; + font-variant:normal; + text-transform:none; + text-decoration:none !important; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + content:"\2713"; + position:absolute; + top:2px; + left:5px; + color:#fff; + font-size:12px; + line-height:1; + opacity:0; + transition:opacity 300ms ease-in + } + .switch--checkmark.switch--large::before { + top:6px; + left:7px + } + .switch--checkmark.is-on::before { + opacity:1 + } + .switch--checkmark.is-on .switch__knob { + left:18px + } + .switch--large { + -webkit-border-radius:30px; + -moz-border-radius:30px; + -ms-border-radius:30px; + -o-border-radius:30px; + border-radius:30px; + height:24px; + width:44px + } + .switch--large .switch__knob { + height:20px; + width:20px + } + .switch--large.is-on .switch__knob { + left:22px + } + @font-face { + font-family:'ddg-serp-icons'; + src:url("/font/ddg-serp-icons.eot?v=0.9250390538945794"); + src:url("/font/ddg-serp-icons.eot?v=0.9250390538945794#iefix") format("embedded-opentype"), + url("/font/ddg-serp-icons.svg?v=0.9250390538945794#ddg-serp-icons") format("svg"), + url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), + url("/font/ddg-serp-icons.ttf?v=0.9250390538945794") format("truetype"); + font-weight:normal; + font-style:normal + } + .frm__input__clear, + .ddgsi, + .ddgsi-b:before, + .ddgsi-a:after { + font-family:'ddg-serp-icons' !important; + speak:none; + font-style:normal; + font-weight:normal !important; + font-variant:normal; + text-transform:none; + text-decoration:none !important; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale + } + .ddgsi-alert:before { + content:"\21" + } + .ddgsi-arrow-down:before { + content:"\2193" + } + .ddgsi-arrow-left:before { + content:"\2190" + } + .ddgsi-arrow-right:before { + content:"\2192" + } + .ddgsi-arrow-top:before { + content:"\2b06" + } + .ddgsi-arrow-up:before { + content:"\2191" + } + .ddgsi-check-sign:before { + content:"\2611" + } + .ddgsi-check:before { + content:"\2713" + } + .ddgsi-circle:before { + content:"\25cf" + } + .ddgsi-clock:before { + content:"\43" + } + .ddgsi-close-bold:before { + content:"\d7" + } + .ddgsi-close:before { + content:"\58" + } + .ddgsi-cloudsave:before { + content:"\63" + } + .ddgsi-collapse:before { + content:"\21f1" + } + .ddgsi-comment:before { + content:"\4f" + } + .ddgsi-cry:before { + content:"\2639" + } + .ddgsi-directions:before { + content:"\64" + } + .ddgsi-down:before { + content:"\76" + } + .ddgsi-download:before { + content:"\2913" + } + .ddgsi-expand:before { + content:"\21f2" + } + .ddgsi-eye:before { + content:"\69" + } + .ddgsi-football:before { + content:"\61" + } + .ddgsi-frown:before { + content:"\28" + } + .ddgsi-grid:before { + content:"\47" + } + .ddgsi-heart:before { + content:"\2665" + } + .ddgsi-home:before { + content:"\2302" + } + .ddgsi-info:before { + content:"\49" + } + .ddgsi-left-big:before { + content:"\2039" + } + .ddgsi-left-sign:before { + content:"\25c1" + } + .ddgsi-left:before { + content:"\3c" + } + .ddgsi-less-sign:before { + content:"\229d" + } + .ddgsi-lock:before { + content:"\6c" + } + .ddgsi-loupe:before { + content:"\53" + } + .ddgsi-marker:before { + content:"\40" + } + .ddgsi-menu:before { + content:"\21f6" + } + .ddgsi-minus:before { + content:"\2d" + } + .ddgsi-more-sign:before { + content:"\2295" + } + .ddgsi-more:before { + content:"\2026" + } + .ddgsi-move:before { + content:"\2629" + } + .ddgsi-music-note:before { + content:"\266b" + } + .ddgsi-news:before { + content:"\6e" + } + .ddgsi-next:before { + content:"\bb" + } + .ddgsi-pause:before { + content:"\2551" + } + .ddgsi-play:before { + content:"\25ba" + } + .ddgsi-plus:before { + content:"\2b" + } + .ddgsi-prev:before { + content:"\ab" + } + .ddgsi-region:before { + content:"\2637" + } + .ddgsi-right-big:before { + content:"\203a" + } + .ddgsi-right-sign:before { + content:"\25b7" + } + .ddgsi-right:before { + content:"\3e" + } + .ddgsi-smile:before { + content:"\29" + } + .ddgsi-star:before { + content:"\2605" + } + .ddgsi-swap:before { + content:"\21a9" + } + .ddgsi-t-down:before { + content:"\25bc" + } + .ddgsi-t-left:before { + content:"\25c0" + } + .ddgsi-t-right:before { + content:"\25b6" + } + .ddgsi-t-up:before { + content:"\25b2" + } + .ddgsi-twitter:before { + content:"\74" + } + .ddgsi-up:before { + content:"\5e" + } + .ddgsi-upload:before { + content:"\2912" + } + .ddgsi-uploaded:before { + content:"\21d1" + } + .ddgsi-user:before { + content:"\75" + } + .ddgsi-users:before { + content:"\55" + } + .sticky { + position:-webkit-sticky; + position:-moz-sticky; + position:-ms-sticky; + position:-o-sticky; + position:sticky + } + .sticky--dummy { + display:none + } + .is-stuck+.sticky--dummy { + display:block + } + .browser--chrome, + .browser--firefox, + .browser--safari, + .browser--opera, + .browser--ie, + .browser--edge, + .browser--arora, + .browser--maxthon, + .browser--seamonkey, + .browser--palemoon, + .browser--vivaldi, + .browser--ddg, + .logo_modal, + .browser--brave { + width:64px; + height:64px; + text-indent:-999999px; + display:inline-block; + vertical-align:middle; + position:relative; + background-position:50% 50%; + background-repeat:no-repeat + } + .browser--chrome { + background-image:url("/assets/icons/browsers/small/chrome.png") + } + .svg .browser--chrome { + background-image:url("/assets/icons/browsers/small/chrome.svg") + } + .browser--firefox { + background-image:url("/assets/icons/browsers/small/firefox.png") + } + .svg .browser--firefox { + background-image:url("/assets/icons/browsers/small/firefox.svg") + } + .browser--safari { + background-image:url("/assets/icons/browsers/small/safari.png") + } + .svg .browser--safari { + background-image:url("/assets/icons/browsers/small/safari.svg") + } + .browser--opera { + background-image:url("/assets/icons/browsers/small/opera.png") + } + .svg .browser--opera { + background-image:url("/assets/icons/browsers/small/opera.svg") + } + .browser--ie { + background-image:url("/assets/icons/browsers/small/ie.png") + } + .svg .browser--ie { + background-image:url("/assets/icons/browsers/small/ie.svg") + } + .browser--edge { + background-image:url("/assets/icons/browsers/small/edge.png") + } + .svg .browser--edge { + background-image:url("/assets/icons/browsers/small/edge.svg") + } + .browser--arora { + background-image:url("/assets/icons/browsers/small/arora.png") + } + .svg .browser--arora { + background-image:url("/assets/icons/browsers/small/arora.svg") + } + .browser--maxthon { + background-image:url("/assets/icons/browsers/small/maxthon.png") + } + .svg .browser--maxthon { + background-image:url("/assets/icons/browsers/small/maxthon.svg") + } + .browser--seamonkey { + background-image:url("/assets/icons/browsers/small/seamonkey.png") + } + .svg .browser--seamonkey { + background-image:url("/assets/icons/browsers/small/seamonkey.svg") + } + .browser--palemoon { + background-image:url("/assets/icons/browsers/small/palemoon.png") + } + .svg .browser--palemoon { + background-image:url("/assets/icons/browsers/small/palemoon.svg") + } + .browser--vivaldi { + background-image:url("/assets/icons/browsers/small/vivaldi.png") + } + .svg .browser--vivaldi { + background-image:url("/assets/icons/browsers/small/vivaldi.svg") + } + .browser--ddg, + .logo_modal, + .browser--brave { + background-image:url("/assets/icons/browsers/small/ddg.png") + } + .svg .browser--ddg, + .svg .logo_modal, + .svg .browser--brave { + background-image:url("/assets/icons/browsers/small/ddg.svg") + } + .logo_homepage, + .header__logo, + .logo--dax { + background-position:50% 50%; + background-repeat:no-repeat; + background-size:100%; + color:transparent; + text-indent:-9999px; + font-size:0px + } + .logo_homepage { + width:205px; + height:200px; + display:block; + position:relative; + margin:0 auto; + background-image:url("images/logo.png") + } + .dark-bg .logo_homepage { + background-image:url("assets/logo_homepage.alt.v108.svg") + } + @media only screen and (max-width: 425px) { + .logo_homepage { + width:166px; + height:134px + } + } + @media only screen and (max-height: 425px) { + .logo_homepage { + width:221px; + height:62px; + background-image:url("assets/logo_homepage_mobile.normal.v107.svg") + } + .dark-bg .logo_homepage { + background-image:url("assets/logo_homepage_mobile.alt.v106.svg") + } + } + .body--html .logo_homepage { + background:no-repeat center url("assets/logo_homepage.normal.v108.png"); + background:no-repeat center/100% url("assets/logo_homepage.normal.v108.svg"),linear-gradient(transparent, transparent) + } + @media only screen and (max-height: 425px) { + .body--html .logo_homepage { + background:no-repeat center url("assets/logo_homepage_mobile.normal.v107.png"); + background:no-repeat center/100% url("assets/logo_homepage_mobile.normal.v107.svg"),linear-gradient(transparent, transparent) + } + } + .header__logo { + background-size:36px 36px; + background-image:url("assets/logo_header.v108.svg") + } + .header--html .header__logo { + display:block; + background:no-repeat center url("assets/logo_header.v108.png"); + background:no-repeat center/auto 36px url("assets/logo_header.v108.svg"),linear-gradient(transparent, transparent) + } + .dark-header .header__logo { + background-image:url("assets/logo_header.alt.v108.svg") + } + .logo--dax { + background-image:url("assets/dax.svg"); + width:90px; + height:90px; + background-size:90px 90px; + margin:auto + } + html:not(.svg) .logo--dax { + background-image:url("assets/dax.png") + } + .logo_homepage__tt { + padding:0 12px; + font-weight:600; + font-size:16px; + bottom:auto; + right:auto; + left:90%; + top:35% + } + @media only screen and (max-height: 425px) { + .logo_homepage__tt { + bottom:0; + left:95%; + top:0 + } + } + .no-touch .logo_homepage:hover .logo_homepage__tt { + -webkit-transition-delay:.5s; + -moz-transition-delay:.5s; + -o-transition-delay:.5s; + transition-delay:.5s; + visibility:visible; + opacity:1 + } + .search, + .search__input, + .search__clear, + .search__button, + .search--adv, + .search__input--adv { + font-size:1em + } + .search, + .search--adv { + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + border-radius:4px; + display:block; + position:relative; + height:2.8em; + background-color:#fff; + border:1px solid rgba(0,0,0,0.15); + box-shadow:0 2px 3px rgba(0,0,0,0.06); + padding-left:.75em; + padding-right:6.5em + } + .search.has-suggestions, + .search--adv.has-suggestions { + border-radius:4px 4px 0 0 + } + .search--adv { + padding-right:3.5em + } + .search--adv:hover, + .search--adv.search--header.has-text.search--hover, + .search--adv.search--header.has-text.search--focus, + .search--adv.search--home.has-text { + padding-right:6.5em + } + .search--no-clear { + padding-right:3.5em + } + .search--header { + background-color:#fff; + height:44px; + padding-left:11px + } + .search--header .search__input, + .search--header .search__input--adv { + height:44px + } + .vertical--map__sidebar__header__search .search--header { + width:338px; + margin-right:-4px + } + @media only screen and (max-width: 864px) { + .vertical--map__sidebar__header__search .search--header { + width:238px + } + } + .search--header .search__clear { + font-size:14.4px + } + .search--header .search__button { + font-size:18px + } + .lt-ie9 .search--header .search__input, + .lt-ie9 .search--header .search__input--adv { + line-height:44px + } + .search--home { + font-size:1.14em + } + .search--home .search__clear { + margin-right:3.2em + } + .lt-ie9 .search--home .search__button { + right:7px + } + .search--iframe .search--home { + margin:0 + } + .search--hero { + border-radius:4px; + border-color:white; + background-color:#e37151 + } + .search--hero .search__clear, + .search--hero .search__button, + .search--hero .search__button--hero { + color:white + } + .search--hero .search__input, + .search--hero .search__input--adv { + font-weight:300; + color:white + } + .search--hero .search__input::-moz-placeholder, + .search--hero .search__input--adv::-moz-placeholder { + color:white; + opacity:1 + } + .search--hero .search__input::-webkit-input-placeholder, + .search--hero .search__input--adv::-webkit-input-placeholder { + color:white + } + .search__input, + .search__input--adv { + -webkit-appearance:none; + -moz-appearance:none; + -ms-appearance:none; + -o-appearance:none; + appearance:none; + -webkit-tap-highlight-color:rgba(0,0,0,0); + font-size:1.1em; + font-weight:normal; + display:block; + width:100%; + background:none; + outline:none; + border:none; + padding:0; + height:2.545455em; + z-index:1; + position:relative; + top:-1px + } + .search--header .search__input, + .search--header .search__input--adv { + font-size:16px + } + .search__input:focus, + .search__input--adv:focus { + outline:none + } + .search__input::-ms-clear, + .search__input--adv::-ms-clear { + display:none + } + .search__input::-moz-placeholder, + .search__input--adv::-moz-placeholder { + color:#aaa + } + .search__input::-webkit-input-placeholder, + .search__input--adv::-webkit-input-placeholder { + color:#aaa + } + .search--focus .search__input--adv { + opacity:1 + } + .search__hidden { + display:none + } + .search__clear, + .search__button, + .search__button--hero { + -webkit-appearance:none; + -moz-appearance:none; + -ms-appearance:none; + -o-appearance:none; + appearance:none; + -webkit-box-sizing:content-box; + -moz-box-sizing:content-box; + box-sizing:content-box; + font-family:'ddg-serp-icons' !important; + speak:none; + font-style:normal; + font-weight:normal !important; + font-variant:normal; + text-transform:none; + text-decoration:none !important; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + -webkit-tap-highlight-color:rgba(0,0,0,0); + width:1em; + display:block; + cursor:pointer; + background:transparent; + text-align:center; + border:none; + height:2.45em; + line-height:2.45em; + position:absolute; + top:0; + bottom:0; + right:2px; + left:auto; + margin:auto; + z-index:2; + outline:none + } + .search__clear:active, + .search__button:active, + .search__button--hero:active { + -webkit-transition:none .3s ease-in-out; + -webkit-transition-delay:0s; + -moz-transition:none .3s ease-in-out 0s; + -o-transition:none .3s ease-in-out 0s; + transition:none .3s ease-in-out 0s + } + .lt-ie9 .search__clear, + .lt-ie9 .search__button, + .lt-ie9 .search__button--hero { + right:10px + } + .lt-ie8 .search__clear, + .lt-ie8 .search__button, + .lt-ie8 .search__button--hero { + height:auto; + border:none !important + } + .search__dropdown { + display:none + } + .search__clear { + padding:0 .5em; + line-height:1; + min-width:21px; + margin-right:3.6em; + color:#aaa; + visibility:hidden; + opacity:0 + } + .search__clear:focus, + .search__clear:hover { + outline:none; + color:#222; + visibility:visible + } + .search__clear:active:focus, + .search__clear:active:hover { + color:#de5833 + } + .search__clear.empty, + .search--no-clear .search__clear { + display:none + } + .search:hover .search__clear, + .search__input:focus ~ .search__clear, + .search--header.has-text.search--hover .search__clear, + .search--header.has-text.search--focus .search__clear, + .search--home.has-text .search__clear { + visibility:visible; + opacity:0.9 + } + .lt-ie8 .search__clear { + margin-right:4.6em + } + .is-mobile .search__clear { + text-align:right + } + .search__button, + .search__button--hero { + border-radius:0 4px 4px 0; + min-width:26px; + color:#999; + font-size:1.25em; + padding:0 .64em; + height:auto; + min-height:1.8em; + margin-top:-1px; + margin-bottom:-1px; + margin-right:-3px; + line-height:1.5; + background-color:transparent; + background-position:50% 50%; + background-repeat:no-repeat; + -webkit-font-smoothing:subpixel-antialiased + } + .search__button:hover, + .search__button--hero:hover, + .search__button:focus, + .search__button--hero:focus { + outline:none + } + .lt-ie8 .search__button, + .lt-ie8 .search__button--hero { + height:1.96em; + min-width:3em + } + .has-suggestions .search__button, + .has-suggestions .search__button--hero { + border-radius:0 4px 0 0 + } + .search:hover .search__button, + .search__input:focus ~ .search__button, + .search--header.has-text.search--hover .search__button, + .search--header.has-text.search--focus .search__button, + .search--home.has-text .search__button { + background-color:#5b9e4d; + color:white + } + .search__button:hover, + .search__button:focus, + .search:hover .search__button:focus, + .search--header.has-text.search--hover .search__button:hover, + .search--header.has-text.search--focus .search__button:hover, + .search--home.has-text .search__button:focus, + .search--home.has-text .search__button:hover { + background-color:#66ad57; + color:white + } + .search__button:active, + .search:hover .search__button:active, + .search--header.has-text.search--hover .search__button:active, + .search--home.has-text .search__button:active { + background-color:#222 + } + .search__button--active { + background-color:#5b9e4d; + color:#fff + } + .search__button--hero { + background-color:#e37151; + color:white + } + .badge-link { + -webkit-border-radius:4px; + -moz-border-radius:4px; + -ms-border-radius:4px; + -o-border-radius:4px; + border-radius:4px; + background-color:#fff; + border:1px solid #d2d2d2; + cursor:pointer; + display:table; + margin:0 auto; + position:relative; + text-align:left + } + .nav-menu--slideout .badge-link { + display:block; + text-align:center; + position:absolute; + bottom:0; + left:0; + margin:0 8px 8px; + padding:5px + } + .badge-link--home, + .badge-link--top, + .badge-link--serp { + z-index:200; + border:1px solid rgba(0,0,0,0.15) + } + .badge-link--top, + .badge-link--serp { + position:absolute; + top:64px; + width:280px; + box-shadow:0 4px 10px rgba(0,0,0,0.1) + } + .badge-link__background { + position:absolute; + height:100vh; + width:100vw; + z-index:20; + background:#e5e5e5; + opacity:.6 + } + .badge-link__background--dark { + transition:opacity .6s; + background:#7b7b7b; + opacity:1 + } + .badge-link__background--dark.fade-out { + opacity:0 + } + .badge-link__image--narrow { + height:135px; + background:url("/assets/about/hiker.svg") no-repeat center; + background-size:cover; + background-size:239%; + background-position:47% 42% + } + .badge-link--top.badge-link--experiment, + .badge-link--home.badge-link--experiment { + transition:all .3s; + left:0; + right:0; + margin-left:auto; + margin-right:auto; + box-shadow:0 12px 24px -8px rgba(0,0,0,0.15); + transition:opacity .6s + } + .badge-link--top.badge-link--experiment.fade-out, + .badge-link--home.badge-link--experiment.fade-out { + opacity:0 + } + .badge-link--top.badge-link--experiment .badge-link__wrap, + .badge-link--home.badge-link--experiment .badge-link__wrap { + max-width:initial + } + .badge-link--top.badge-link--experiment .badge-link__close, + .badge-link--home.badge-link--experiment .badge-link__close { + line-height:1; + padding:20px + } + .badge-link--top.badge-link--experiment .badge-link__bullets, + .badge-link--home.badge-link--experiment .badge-link__bullets { + padding:25px 75px 0 75px + } + .badge-link--top.badge-link--experiment .badge-link__title, + .badge-link--home.badge-link--experiment .badge-link__title { + padding-top:10px + } + .badge-link--top.badge-link--experiment .badge-link__btn-group, + .badge-link--home.badge-link--experiment .badge-link__btn-group { + margin-top:22px; + width:88%; + margin-left:auto; + margin-right:auto + } + .badge-link--top.badge-link--experiment .badge-link__btn-group .badge-link__btn, + .badge-link--home.badge-link--experiment .badge-link__btn-group .badge-link__btn { + display:flex; + justify-content:center; + align-items:center; + height:42px; + box-sizing:border-box; + padding:0; + background-color:#4495D4; + border:none + } + .badge-link--top.badge-link--experiment .badge-link__btn-group .badge-link__btn:hover, + .badge-link--home.badge-link--experiment .badge-link__btn-group .badge-link__btn:hover { + background-color:#7CB5E0; + border-color:#6C9BC1 + } + .badge-link--top.badge-link--experiment .badge-link__skip, + .badge-link--home.badge-link--experiment .badge-link__skip { + text-align:center; + padding-bottom:35px; + padding-top:18px + } + .badge-link--top.badge-link--experiment .badge-link__skip button, + .badge-link--home.badge-link--experiment .badge-link__skip button { + background:none; + padding:0; + cursor:pointer; + color:#888; + font-size:14px; + border:none + } + .badge-link--top.badge-link--experiment .badge-link__skip span, + .badge-link--home.badge-link--experiment .badge-link__skip span { + text-decoration:underline + } + .badge-link--top.badge-link--experiment .badge-link__skip span:hover, + .badge-link--home.badge-link--experiment .badge-link__skip span:hover { + color:#333 + } + .badge-link--top.badge-link--experiment--nodismiss, + .badge-link--top.badge-link--experiment--center, + .badge-link--home.badge-link--experiment--nodismiss, + .badge-link--home.badge-link--experiment--center { + z-index:20 + } + .badge-link--top.badge-link--experiment--nodismiss .badge-link__bullets, + .badge-link--top.badge-link--experiment--center .badge-link__bullets, + .badge-link--home.badge-link--experiment--nodismiss .badge-link__bullets, + .badge-link--home.badge-link--experiment--center .badge-link__bullets { + display:flex; + justify-content:center; + align-items:center; + padding:0 + } + .badge-link--top.badge-link--experiment--nodismiss .badge-link__bullet, + .badge-link--top.badge-link--experiment--center .badge-link__bullet, + .badge-link--home.badge-link--experiment--nodismiss .badge-link__bullet, + .badge-link--home.badge-link--experiment--center .badge-link__bullet { + display:inline-flex; + align-items:center; + margin:0; + padding:0; + font-size:13px; + color:#666; + margin-right:24px + } + .badge-link--top.badge-link--experiment--nodismiss .badge-link__bullet:last-of-type, + .badge-link--top.badge-link--experiment--center .badge-link__bullet:last-of-type, + .badge-link--home.badge-link--experiment--nodismiss .badge-link__bullet:last-of-type, + .badge-link--home.badge-link--experiment--center .badge-link__bullet:last-of-type { + margin-right:0 + } + .dark-bg .badge-link--top.badge-link--experiment--nodismiss .badge-link__bullet, + .dark-bg .badge-link--top.badge-link--experiment--center .badge-link__bullet, + .dark-bg .badge-link--home.badge-link--experiment--nodismiss .badge-link__bullet, + .dark-bg .badge-link--home.badge-link--experiment--center .badge-link__bullet { + color:#fff + } + .badge-link--top.badge-link--experiment--nodismiss .badge-link__bullet__icon, + .badge-link--top.badge-link--experiment--center .badge-link__bullet__icon, + .badge-link--home.badge-link--experiment--nodismiss .badge-link__bullet__icon, + .badge-link--home.badge-link--experiment--center .badge-link__bullet__icon { + margin-right:7px + } + .badge-link--top.badge-link--experiment--nodismiss .badge-link__btn-group, + .badge-link--top.badge-link--experiment--center .badge-link__btn-group, + .badge-link--home.badge-link--experiment--nodismiss .badge-link__btn-group, + .badge-link--home.badge-link--experiment--center .badge-link__btn-group { + margin:0; + padding:0 + } + .badge-link--top.badge-link--experiment--nodismiss .badge-link__btn-group .badge-link__btn, + .badge-link--top.badge-link--experiment--center .badge-link__btn-group .badge-link__btn, + .badge-link--home.badge-link--experiment--nodismiss .badge-link__btn-group .badge-link__btn, + .badge-link--home.badge-link--experiment--center .badge-link__btn-group .badge-link__btn { + height:50px; + margin:0; + padding:0; + background-color:#678fff; + color:white; + font-size:14px; + font-weight:600 + } + .dark-bg .badge-link--top.badge-link--experiment--nodismiss .badge-link__btn-group .badge-link__btn:hover, + .dark-bg .badge-link--top.badge-link--experiment--center .badge-link__btn-group .badge-link__btn:hover, + .dark-bg .badge-link--home.badge-link--experiment--nodismiss .badge-link__btn-group .badge-link__btn:hover, + .dark-bg .badge-link--home.badge-link--experiment--center .badge-link__btn-group .badge-link__btn:hover { + background-color:#fff; + color:#678fff + } + .dark-bg .badge-link--top.badge-link--experiment--nodismiss .badge-link__btn-group .badge-link__btn:hover .badge-link__btn__icon, + .dark-bg .badge-link--top.badge-link--experiment--center .badge-link__btn-group .badge-link__btn:hover .badge-link__btn__icon, + .dark-bg .badge-link--home.badge-link--experiment--nodismiss .badge-link__btn-group .badge-link__btn:hover .badge-link__btn__icon, + .dark-bg .badge-link--home.badge-link--experiment--center .badge-link__btn-group .badge-link__btn:hover .badge-link__btn__icon { + display:none + } + .dark-bg .badge-link--top.badge-link--experiment--nodismiss .badge-link__btn-group .badge-link__btn:hover .badge-link__btn__icon--dark, + .dark-bg .badge-link--top.badge-link--experiment--center .badge-link__btn-group .badge-link__btn:hover .badge-link__btn__icon--dark, + .dark-bg .badge-link--home.badge-link--experiment--nodismiss .badge-link__btn-group .badge-link__btn:hover .badge-link__btn__icon--dark, + .dark-bg .badge-link--home.badge-link--experiment--center .badge-link__btn-group .badge-link__btn:hover .badge-link__btn__icon--dark { + display:block + } + .badge-link--top.badge-link--experiment--nodismiss .badge-link__btn__icon, + .badge-link--top.badge-link--experiment--center .badge-link__btn__icon, + .badge-link--home.badge-link--experiment--nodismiss .badge-link__btn__icon, + .badge-link--home.badge-link--experiment--center .badge-link__btn__icon { + margin-right:7.5px + } + .badge-link--top.badge-link--experiment--nodismiss .badge-link__btn__icon--dark, + .badge-link--top.badge-link--experiment--center .badge-link__btn__icon--dark, + .badge-link--home.badge-link--experiment--nodismiss .badge-link__btn__icon--dark, + .badge-link--home.badge-link--experiment--center .badge-link__btn__icon--dark { + display:none + } + @media only screen and (max-width: 599px) { + .badge-link--top.badge-link--experiment--nodismiss, + .badge-link--top.badge-link--experiment--center, + .badge-link--home.badge-link--experiment--nodismiss, + .badge-link--home.badge-link--experiment--center { + display:none !important + } + } + .badge-link--top.badge-link--experiment--center, + .badge-link--home.badge-link--experiment--center { + position:absolute; + bottom:10%; + width:600px; + overflow:hidden + } + .badge-link--top.badge-link--experiment--center .badge-link__wrap, + .badge-link--home.badge-link--experiment--center .badge-link__wrap { + position:static + } + .badge-link--top.badge-link--experiment--center .badge-link__close, + .badge-link--home.badge-link--experiment--center .badge-link__close { + padding:10px + } + .badge-link--top.badge-link--experiment--center .badge-link__title, + .badge-link--home.badge-link--experiment--center .badge-link__title { + font-size:20px; + text-align:center; + margin-bottom:0 + } + .badge-link--top.badge-link--experiment--center .badge-link__bullets, + .badge-link--home.badge-link--experiment--center .badge-link__bullets { + margin:11px 20px 22px + } + .badge-link--top.badge-link--experiment--center .badge-link__btn-group, + .badge-link--home.badge-link--experiment--center .badge-link__btn-group { + width:100% + } + .badge-link--top.badge-link--experiment--center .badge-link__btn-group .badge-link__btn, + .badge-link--home.badge-link--experiment--center .badge-link__btn-group .badge-link__btn { + width:100%; + height:50px; + border-radius:0 + } + @media only screen and (max-height: 700px) { + .badge-link--top.badge-link--experiment--center, + .badge-link--home.badge-link--experiment--center { + display:none !important + } + } + @media only screen and (min-height: 700px) and (max-height: 850px) { + .badge-link--top.badge-link--experiment--center, + .badge-link--home.badge-link--experiment--center { + bottom:5% + } + } + .badge-link--top.badge-link--experiment--nodismiss, + .badge-link--home.badge-link--experiment--nodismiss { + max-width:920px; + width:90%; + height:70px; + position:absolute; + top:100%; + margin-top:-86px; + padding:16px 23px 14px; + display:flex; + box-sizing:border-box; + border-radius:2px + } + .badge-link--top.badge-link--experiment--nodismiss .badge-link__wrap, + .badge-link--home.badge-link--experiment--nodismiss .badge-link__wrap { + display:flex; + width:100%; + justify-content:space-between; + align-items:center + } + .badge-link--top.badge-link--experiment--nodismiss .badge-link__bullets, + .badge-link--home.badge-link--experiment--nodismiss .badge-link__bullets { + width:100%; + margin:0 + } + .badge-link--top.badge-link--experiment--nodismiss .badge-link__bullet, + .badge-link--home.badge-link--experiment--nodismiss .badge-link__bullet { + font-size:14px; + color:#aaa; + font-weight:bold + } + .badge-link--top.badge-link--experiment--nodismiss .badge-link__bullet__icon, + .badge-link--home.badge-link--experiment--nodismiss .badge-link__bullet__icon { + max-height:20px; + width:auto + } + .badge-link--top.badge-link--experiment--nodismiss .badge-link__btn-group, + .badge-link--home.badge-link--experiment--nodismiss .badge-link__btn-group { + display:inline-block; + width:auto + } + .badge-link--top.badge-link--experiment--nodismiss .badge-link__btn-group .badge-link__btn, + .badge-link--home.badge-link--experiment--nodismiss .badge-link__btn-group .badge-link__btn { + height:40px; + width:240px; + border-radius:2px + } + .badge-link--top.badge-link--experiment--nodismiss+.onboarding-ed, + .badge-link--home.badge-link--experiment--nodismiss+.onboarding-ed { + margin-top:-30px + } + .badge-link--top.badge-link--experiment--nodismiss+.onboarding-ed .onboarding-ed__slide-1, + .badge-link--home.badge-link--experiment--nodismiss+.onboarding-ed .onboarding-ed__slide-1 { + background-color:#678fff + } + @media only screen and (min-width: 600px) and (max-width: 750px) { + .badge-link--top.badge-link--experiment--nodismiss .badge-link__bullet:nth-child(-n+2), + .badge-link--home.badge-link--experiment--nodismiss .badge-link__bullet:nth-child(-n+2) { + display:none + } + } + @media only screen and (min-width: 751px) and (max-width: 950px) { + .badge-link--top.badge-link--experiment--nodismiss .badge-link__bullet:nth-child(2), + .badge-link--home.badge-link--experiment--nodismiss .badge-link__bullet:nth-child(2) { + display:none + } + } + .badge-link--top.badge-link--experiment--narrow, + .badge-link--top.badge-link--experiment--wide, + .badge-link--home.badge-link--experiment--narrow, + .badge-link--home.badge-link--experiment--wide { + border:none; + overflow:hidden + } + .badge-link--top.badge-link--experiment--narrow, + .badge-link--home.badge-link--experiment--narrow { + width:374px + } + .badge-link--top.badge-link--experiment--narrow .badge-link__wrap__title, + .badge-link--home.badge-link--experiment--narrow .badge-link__wrap__title { + text-align:center + } + .badge-link--top.badge-link--experiment--narrow .badge-link__wrap__message, + .badge-link--home.badge-link--experiment--narrow .badge-link__wrap__message { + padding-left:4em; + padding-right:4em + } + .badge-link--top.badge-link--experiment--narrow .badge-link__thumb__img, + .badge-link--home.badge-link--experiment--narrow .badge-link__thumb__img { + height:60px; + width:60px; + top:-44px + } + .badge-link--top.badge-link--experiment--narrow .badge-link__title, + .badge-link--home.badge-link--experiment--narrow .badge-link__title { + padding-top:27px + } + .badge-link--top.badge-link--experiment--narrow .badge-link__bullets, + .badge-link--home.badge-link--experiment--narrow .badge-link__bullets { + padding:25px 48px 0 48px + } + .badge-link--top.badge-link--experiment--wide, + .badge-link--home.badge-link--experiment--wide { + display:flex; + width:680px; + height:auto + } + .badge-link--top.badge-link--experiment--wide.smallify .badge-link__wrap, + .badge-link--home.badge-link--experiment--wide.smallify .badge-link__wrap { + padding:0 + } + .badge-link--top.badge-link--experiment--wide.smallify .badge-link__img, + .badge-link--home.badge-link--experiment--wide.smallify .badge-link__img { + display:none + } + .badge-link--top.badge-link--experiment--wide .badge-link__wrap, + .badge-link--home.badge-link--experiment--wide .badge-link__wrap { + flex:1; + box-sizing:border-box; + padding:65px 40px 40px + } + .badge-link--top.badge-link--experiment--wide .badge-link__img, + .badge-link--home.badge-link--experiment--wide .badge-link__img { + width:50%; + max-width:50%; + background:center/auto 100% no-repeat #ccc url("/assets/about/hiker.svg"); + background-position:-455px center + } + .badge-link--top.badge-link--experiment--wide .badge-link__thumb__img, + .badge-link--home.badge-link--experiment--wide .badge-link__thumb__img { + display:block; + position:initial; + height:48px; + width:48px; + margin:0 0 28px; + padding:0 + } + .badge-link--top.badge-link--experiment--wide .badge-link__title, + .badge-link--home.badge-link--experiment--wide .badge-link__title { + text-align:left; + padding:0; + margin:0 0 15px + } + .badge-link--top.badge-link--experiment--wide .badge-link__bullets, + .badge-link--home.badge-link--experiment--wide .badge-link__bullets { + margin:0 0 28px; + padding:0 + } + .badge-link--top.badge-link--experiment--wide .badge-link__bullet, + .badge-link--home.badge-link--experiment--wide .badge-link__bullet { + font-size:14px + } + .badge-link--top.badge-link--experiment--wide .badge-link__btn-group, + .badge-link--home.badge-link--experiment--wide .badge-link__btn-group { + width:100%; + margin:0 0 65px; + padding:0 + } + .badge-link--top.badge-link--experiment--wide .badge-link__btn, + .badge-link--home.badge-link--experiment--wide .badge-link__btn { + margin:0 + } + .badge-link--top.badge-link--experiment--wide .badge-link__skip, + .badge-link--home.badge-link--experiment--wide .badge-link__skip { + display:block; + margin:0; + padding:0; + text-align:left; + text-decoration:underline + } + .badge-link--top.badge-link--experiment.smallify, + .badge-link--home.badge-link--experiment.smallify { + transition:all .6s; + height:160px; + width:374px; + transform:translateY(calc(100vh - 183px)); + top:0 + } + .badge-link--top.badge-link--experiment .badge-link__cookie-msg .badge-link__wrap__title, + .badge-link--home.badge-link--experiment .badge-link__cookie-msg .badge-link__wrap__title { + text-align:center; + font-size:17px; + font-weight:600 + } + .badge-link--top.badge-link--experiment .badge-link__cookie-msg .badge-link__wrap__message, + .badge-link--home.badge-link--experiment .badge-link__cookie-msg .badge-link__wrap__message { + text-align:center + } + .badge-link--top.badge-link--experiment .badge-link__cookie-msg .badge-link__wrap__link, + .badge-link--home.badge-link--experiment .badge-link__cookie-msg .badge-link__wrap__link { + text-align:center; + width:100%; + display:block; + border:1px solid #ddd; + border-radius:4px; + padding-top:1em; + padding-bottom:1em; + color:#333; + margin-top:1em + } + .dark-bg .badge-link--top.badge-link--experiment .badge-link__cookie-msg .badge-link__wrap__link, + .dark-bg .badge-link--home.badge-link--experiment .badge-link__cookie-msg .badge-link__wrap__link { + color:#fff + } + .badge-link--settings .badge-link__bullets { + padding:25px 70px 0 70px + } + .badge-link--settings .badge-link__title { + padding-left:45px; + padding-right:45px + } + .badge-link__thumb { + text-align:center + } + .badge-link__thumb__img { + position:relative; + width:156px; + height:129px; + top:-60px; + margin:0 auto -56px + } + .badge-link__thumb__img--newsletter { + width:88px; + height:88px; + top:-44px; + margin-bottom:-52px + } + .badge-link__thumb__img--survey { + width:120px; + height:120px; + top:-40px; + margin-bottom:-34px + } + .badge-link__form .badge-link__email { + margin:1em; + position:relative + } + .badge-link__form .badge-link__email .frm__input { + height:2.4em; + margin-bottom:-.5em + } + .badge-link__form .badge-link__email .frm__input::-ms-clear { + display:none + } + .badge-link__form .badge-link__email .badge-link__lock-icon { + position:absolute; + bottom:21.5%; + right:3%; + cursor:initial + } + .badge-link__form .badge-link__submit { + width:80.5%; + margin:0 1em + } + .badge-link__form .badge-link__disclaimer { + margin:1em; + text-align:center + } + .badge-link--success { + padding-top:1em + } + .badge-link--success .badge-link--newsletter__text { + margin:1em; + padding:0 + } + .badge-link--top { + right:7px + } + .badge-link--serp { + right:14px + } + @media only screen and (max-width: 979px) { + .badge-link--serp { + display:none !important + } + } + .badge-link__wrap { + display:block; + position:relative; + max-width:300px + } + .badge-link__wrap, + .badge-link__wrap:hover { + text-decoration:none + } + .badge-link__wrap--hidden { + display:none + } + .badge-link__top { + display:table; + padding-right:30px + } + .badge-link__icon { + position:relative; + display:table-cell; + vertical-align:middle; + padding:0 5px + } + .nav-menu--slideout .badge-link__icon { + display:inline-block + } + .badge-link__title { + display:block; + font-size:17px; + font-weight:600; + color:#333; + padding:0px 20px 0; + text-align:center; + margin-bottom:-5px + } + .badge-link__text { + color:#666; + display:table-cell; + vertical-align:middle; + font-size:14px; + line-height:20px; + padding:10px 0 + } + .nav-menu--slideout .badge-link__text { + padding:8px + } + .badge-link__bullets { + display:block; + clear:both; + font-size:14px; + background:none; + border:none; + color:#666; + padding:15px 15px 0px; + line-height:1.4 + } + .badge-link__bullets .badge-link__bullet { + margin-bottom:10px; + position:relative; + padding-left:20px + } + .badge-link__bullets .badge-link__bullet-num { + position:absolute; + top:0; + left:0; + display:block; + height:24px; + width:10px; + text-align:center + } + .badge-link__btn { + display:block; + margin:1em + } + .badge-link__cookie-msg { + color:#666; + padding:10px 15px; + cursor:default + } + .badge-link__close { + color:#888; + cursor:pointer; + display:block; + font-size:14px; + padding:8px; + position:absolute; + right:0; + top:0 + } + .badge-link__close--white { + color:white + } + .badge-link--newsletter { + cursor:initial; + box-shadow:0 4px 10px rgba(0,0,0,0.1); + border:1px solid rgba(0,0,0,0.15); + width:300px + } + .badge-link--newsletter .transparent { + opacity:0 + } + .badge-link--newsletter.reset-height { + height:auto; + min-height:initial + } + .badge-link--newsletter .badge-link-illustration__text-wrapper { + color:#888; + padding:14px 10px 0 14px; + text-align:center + } + .badge-link--newsletter .badge-link__close--dark { + color:#888 + } + .badge-link--survey { + width:280px; + height:240px + } + .badge-link--survey .badge-link__text { + font-size:15px; + padding:12px 20px 8px; + text-align:center; + line-height:1.33 + } + .badge-link--survey .badge-link__close--dark { + color:#888 + } + .badge-link-illustration__img-wrapper { + background:#5F63BD; + overflow:hidden; + height:130px; + border-top-left-radius:4px; + border-top-right-radius:4px + } + .onboarding-bottom-bathroomguy-img { + display:block; + width:180px; + margin:0 auto; + position:relative; + top:27px + } + .modal__box.modal__box--add-to-browser { + display:block; + max-width:316px; + padding:1.5em + } + .add-to-browser__title { + font-size:1.3em + } + .add-to-browser__directions { + text-align:left; + counter-reset:li; + list-style:none + } + .add-to-browser__directions>li { + padding:.25em .25em .5em 1.75em; + position:relative; + display:block; + line-height:1.2 + } + .add-to-browser__directions>li:before { + -webkit-border-radius:50%; + -moz-border-radius:50%; + -ms-border-radius:50%; + -o-border-radius:50%; + border-radius:50%; + content:counter(li); + counter-increment:li; + background-color:#666; + color:#fff; + display:block; + padding:3px; + position:absolute; + margin-right:.5em; + top:3px; + left:0; + text-align:center; + font-size:12px; + line-height:13px; + height:12px; + width:12px + } + .add-to-browser__directions>li.has-btn { + line-height:24px + } + .add-to-browser__directions>li.has-btn:before { + top:7px + } + .add-to-browser__directions .btn--inline { + padding-left:.5em; + padding-right:.5em + } + .add-to-browser__image { + display:block; + margin-top:.5em; + max-width:none + } + .add-to-browser__footer { + display:block; + margin-top:1.75em + } + .add-to-browser__footer a:visited { + color:#4495d4 + } + .add-to-browser-badge--lite { + -webkit-transition:opacity .3s ease-in-out; + -webkit-transition-delay:0s; + -moz-transition:opacity .3s ease-in-out 0s; + -o-transition:opacity .3s ease-in-out 0s; + transition:opacity .3s ease-in-out 0s; + opacity:1 + } + .add-to-browser-badge--lite, + .add-to-browser-badge--lite:hover { + background:none; + color:#666; + border-color:#888 + } + .is-blurred .add-to-browser-badge--lite { + opacity:0.5 + } + .has-search-focus .add-to-browser-badge--lite { + opacity:0 + } + .add-to-browser--blurred, + .add-to-browser--blurred-dark { + -webkit-transition:all .3s ease-in-out; + -webkit-transition-delay:0s; + -moz-transition:all .3s ease-in-out 0s; + -o-transition:all .3s ease-in-out 0s; + transition:all .3s ease-in-out 0s; + -webkit-transform:translate3d(0px, 0px, 0px); + -moz-transform:translate3d(0px, 0px, 0px); + -ms-transform:translate3d(0px, 0px, 0px); + -o-transform:translate3d(0px, 0px, 0px); + transform:translate3d(0px, 0px, 0px); + position:fixed; + top:100%; + left:0; + width:60%; + text-align:center; + padding:15px 20% 140px; + z-index:300; + font-size:1.7em + } + @media only screen and (max-height: 590px) { + .add-to-browser--blurred, + .add-to-browser--blurred-dark { + width:96%; + font-size:1.2em; + padding:30px 2% + } + } + .has-search-focus .add-to-browser--blurred, + .has-search-focus .add-to-browser--blurred-dark { + display:none + } + .add-to-browser--blurred-dark { + width:90%; + padding:0 5% + } + .add-to-browser--blurred__backdrop, + .add-to-browser--blurred__backdrop-dark { + display:none; + position:fixed; + top:0; + left:0; + width:0; + height:0 + } + .add-to-browser--blurred__backdrop.is-showing, + .is-showing.add-to-browser--blurred__backdrop-dark { + z-index:299; + display:block; + width:100%; + height:100%; + background:rgba(255,255,255,0.3) + } + .add-to-browser--blurred__backdrop-dark.is-showing { + background:rgba(41,41,41,0.95) + } + .atb-overlay { + padding-top:30%; + font-size:1.0em + } + .atb-overlay__close { + font-size:1.0em; + padding-top:15px + } + .atb-overlay__panel { + background-color:#434343; + color:#FFFFFF; + font-size:15px; + border-radius:20px; + padding-bottom:20px + } + .atb-overlay__image { + margin-top:-60px + } + @media only screen and (max-height: 475px) { + .atb-overlay__image { + margin-top:-36px; + height:70px + } + } + .atb-overlay__title { + padding:15px 0 5px 0; + font-weight:bold; + font-size:1.375em + } + @media only screen and (max-height: 475px) { + .atb-overlay__title { + font-size:3vh; + padding:2vh 0 0.5vh 0 + } + } + .atb-overlay__copy { + width:250px; + margin:0 auto; + padding-bottom:25px + } + @media only screen and (max-height: 475px) { + .atb-overlay__copy { + padding-bottom:3vh; + font-size:2vh + } + } + .atb-overlay__steps { + display:table; + width:250px; + margin:0 auto + } + .atb-overlay__step { + display:table-row; + height:60px + } + .atb-overlay__step-cell { + display:table-cell; + vertical-align:middle + } + .atb-overlay__step-cell img { + vertical-align:middle + } + .atb-overlay__step-cell--bg { + background-color:#fff; + border-radius:10px + } + .atb-overlay__step-cell--bg-dark { + background-color:#292D30; + border-radius:10px + } + .atb-overlay__step-cell--bg-gray { + background-color:#E6E6EC; + border-radius:10px + } + .atb-overlay__step-cell--bg-dax { + background-color:#D44227; + border-radius:10px + } + .atb-overlay__step-number { + background-color:#1E1E1E; + border-radius:30px; + line-height:26px; + text-align:center; + height:26px; + width:26px; + font-size:0.794em; + font-weight:bold + } + .atb-overlay__step-copy, + .atb-overlay__step-copy-only { + width:150px; + text-align:left; + display:table-cell; + vertical-align:middle; + font-size:1.062em + } + @media only screen and (max-height: 475px) { + .atb-overlay__step-copy, + .atb-overlay__step-copy-only { + font-size:2.3vh + } + } + .atb-overlay__step-copy-only { + padding-left:25px; + width:unset + } + .blurred-animation .header-wrap, + .blurred-animation .zci-wrap, + .blurred-animation .content-wrap { + -webkit-transition:all .3s ease-in-out; + -webkit-transition-delay:0s; + -moz-transition:all .3s ease-in-out 0s; + -o-transition:all .3s ease-in-out 0s; + transition:all .3s ease-in-out 0s; + -webkit-transform:translate3d(0, 0, 0); + -moz-transform:translate3d(0, 0, 0); + -ms-transform:translate3d(0, 0, 0); + -o-transform:translate3d(0, 0, 0); + transform:translate3d(0, 0, 0); + opacity:1 + } + .is-blurred .header-wrap, + .is-blurred .zci-wrap, + .is-blurred .content-wrap { + opacity:0.5 + } + .is-blurred.cssfilters .header-wrap, + .is-blurred.cssfilters .zci-wrap, + .is-blurred.cssfilters .content-wrap { + -webkit-filter:blur(5px); + -moz-filter:blur(5px); + filter:blur(5px); + opacity:1 + } + .atb-banner { + position:fixed; + bottom:0; + width:100%; + text-align:center; + z-index:200 + } + .atb-banner--hidden { + display:none + } + .atb-banner--inline { + position:absolute; + left:0; + right:0; + bottom:25px; + margin:0 auto; + width:90%; + text-align:center + } + .atb-banner--inline div { + position:relative; + font-size:4.2vw; + padding-left:4.75vw; + padding-right:4.75vw + } + @media only screen and (min-width: 500px) { + .atb-banner--inline div { + font-size:2.5vw + } + } + .atb-banner--inline .atb-banner__btn--install { + margin-right:5px + } + @media only screen and (min-width: 500px) { + .atb-banner--inline .atb-banner__btn--install { + margin-right:10px + } + } + .atb-banner--inline .atb-banner__learn-more { + background-color:#aaa; + border-color:#aaa; + margin-left:5px; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis + } + @media only screen and (min-width: 320px) and (max-width: 359px) { + .atb-banner--inline .atb-banner__learn-more { + max-width:90px + } + } + @media only screen and (min-width: 360px) and (max-width: 399px) { + .atb-banner--inline .atb-banner__learn-more { + max-width:106px + } + } + @media only screen and (min-width: 400px) and (max-width: 499px) { + .atb-banner--inline .atb-banner__learn-more { + max-width:112px + } + } + @media only screen and (min-width: 500px) { + .atb-banner--inline .atb-banner__learn-more { + margin-left:10px + } + } + .is-firefox-focus .atb-banner { + bottom:55px + } + .is-firefox-focus .atb-banner--inline { + bottom:75px + } + .atb-banner__bottom { + box-shadow:0 -2px 3px rgba(0,0,0,0.06); + background-color:#fff; + color:#666; + border-top:1px solid #d2d2d2; + padding:18px 8vw 7px; + font-size:initial + } + @media only screen and (max-width: 767px) { + .atb-banner__bottom .atb-banner__content { + width:56vw; + float:left + } + } + @media only screen and (max-width: 310px) { + .atb-banner__bottom .atb-banner__content { + width:100% + } + } + .atb-banner__bottom .atb-banner__start .atb-banner__title { + margin-bottom:5px + } + .atb-banner__bottom .atb-banner__start .atb-banner__copy { + line-height:1.6 + } + .atb-banner__bottom .atb-banner__start .atb-banner__link { + font-size:inherit; + display:inline; + margin:0 0 0 6px + } + @media only screen and (max-width: 360px) { + .atb-banner__bottom { + padding-top:2.75vmax + } + } + @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { + .atb-banner__bottom { + padding:30px 0 + } + } + @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { + .atb-banner__bottom { + padding:30px 0 + } + } + .atb-banner__bottom .atb-banner__title { + text-align:left; + font-size:2.6vmax; + font-weight:600; + color:#333 + } + @media only screen and (max-width: 360px) { + .atb-banner__bottom .atb-banner__title { + margin-bottom:2px; + line-height:1.22em + } + } + @media only screen and (min-width: 768px) { + .atb-banner__bottom .atb-banner__title { + text-align:center; + font-size:1.125em + } + } + @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { + .atb-banner__bottom .atb-banner__title { + font-size:22px; + margin-top:10px + } + } + @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { + .atb-banner__bottom .atb-banner__title { + font-size:22px; + margin-top:10px + } + } + .atb-banner__bottom .atb-banner__title .atb-banner__title--blue { + color:#5190C1; + display:block; + position:relative; + top:-5px; + margin-bottom:5px + } + .atb-banner__bottom .atb-banner__title--two-line { + padding-top:5px; + font-weight:bold + } + @media only screen and (min-width: 768px) { + .atb-banner__bottom .atb-banner__title--two-line { + padding-top:0px; + font-size:2.5vmax + } + } + .atb-banner__bottom .atb-banner__title--small { + font-size:2.4vmax + } + .atb-banner__bottom .atb-banner__copy { + text-align:left; + font-size:2.2vmax; + margin-bottom:2vmax; + line-height:1.4 + } + @media only screen and (min-width: 768px) { + .atb-banner__bottom .atb-banner__copy { + width:auto; + text-align:center; + margin-bottom:15px; + font-size:0.875em + } + } + @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { + .atb-banner__bottom .atb-banner__copy { + font-size:20px + } + } + @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { + .atb-banner__bottom .atb-banner__copy { + font-size:20px + } + } + .atb-banner__bottom .atb-banner__thumbnail { + margin-top:-60px + } + @media only screen and (max-width: 767px) { + .atb-banner__bottom .atb-banner__thumbnail { + float:left; + padding-right:5px; + margin-bottom:2.5vmax; + margin-top:0 + } + } + @media only screen and (min-width: 400px) and (max-width: 767px) { + .atb-banner__bottom .atb-banner__thumbnail { + height:75px + } + } + @media only screen and (max-height: 475px) { + .atb-banner__bottom .atb-banner__thumbnail { + height:45px + } + } + @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { + .atb-banner__bottom .atb-banner__thumbnail { + height:90px !important; + margin-top:-80px + } + } + @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { + .atb-banner__bottom .atb-banner__thumbnail { + height:90px !important; + margin-top:-80px + } + } + @media only screen and (max-width: 310px) { + .atb-banner__bottom .atb-banner__thumbnail { + display:none + } + } + .atb-banner__bottom .atb-banner__thumbnail--round { + margin-right:12px + } + .atb-banner__bottom .atb-banner__btn { + margin:0; + clear:both; + font-size:2.3vmax; + display:block + } + @media only screen and (min-width: 768px) { + .atb-banner__bottom .atb-banner__btn { + width:220px; + margin:0 auto; + font-size:1em + } + } + @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { + .atb-banner__bottom .atb-banner__btn { + width:300px; + margin-top:20px; + font-size:20px + } + } + @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { + .atb-banner__bottom .atb-banner__btn { + width:300px; + margin-top:20px; + font-size:20px + } + } + .atb-banner__bottom .atb-banner__link { + color:#66abff; + display:block; + margin:6px 0 0; + font-weight:bold; + font-size:2.3vmax + } + @media only screen and (min-width: 768px) { + .atb-banner__bottom .atb-banner__link { + font-size:1em + } + } + @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { + .atb-banner__bottom .atb-banner__link { + font-size:20px + } + } + @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { + .atb-banner__bottom .atb-banner__link { + font-size:20px + } + } + .atb-banner__bottom .atb-banner__close { + color:#aaa; + cursor:pointer; + display:block; + padding:10px; + position:absolute; + right:0; + top:0; + font-size:1.15em + } + .atb-banner__bottom--less-padding { + padding:18px 5vw 7px + } + .atb-banner__bottom--survey { + padding-bottom:20px + } + .atb-banner__bottom--survey .atb-banner__thumbnail { + box-sizing:border-box; + height:21vw; + max-height:95px + } + .atb-banner__btn--standalone { + -webkit-transform:translate3d(-50%, 200%, 0); + -moz-transform:translate3d(-50%, 200%, 0); + -ms-transform:translate3d(-50%, 200%, 0); + -o-transform:translate3d(-50%, 200%, 0); + transform:translate3d(-50%, 200%, 0); + -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2); + -moz-box-shadow:0 1px 3px rgba(0,0,0,0.2); + box-shadow:0 1px 3px rgba(0,0,0,0.2); + position:fixed; + bottom:15px; + left:50%; + background:#66abff; + color:white; + font-weight:bold; + font-size:16px; + padding-right:0.5em; + padding-top:2px; + padding-bottom:2px; + opacity:0; + border:1px solid #66abff; + z-index:200 + } + @media only screen and (min-width: 425px) { + .atb-banner__btn--standalone { + font-size:18px + } + } + .atb-banner__btn--standalone:hover, + .atb-banner__btn--standalone:focus, + .atb-banner__btn--standalone:active { + background:#66abff; + color:white + } + .atb-banner__btn--standalone span { + padding-left:5px; + color:rgba(255,255,255,0.6) + } + .atb-banner__btn--standalone.atb-loaded { + -webkit-transition:all .25s ease-out; + -moz-transition:all .25s ease-out; + -o-transition:all .25s ease-out; + transition:all .25s ease-out; + -webkit-transform:translate3d(-50%, 0, 0); + -moz-transform:translate3d(-50%, 0, 0); + -ms-transform:translate3d(-50%, 0, 0); + -o-transform:translate3d(-50%, 0, 0); + transform:translate3d(-50%, 0, 0); + opacity:1 + } + .atb-extension-overlay { + -webkit-transition:opacity .3s ease-in-out; + -webkit-transition-delay:0s; + -moz-transition:opacity .3s ease-in-out 0s; + -o-transition:opacity .3s ease-in-out 0s; + transition:opacity .3s ease-in-out 0s; + position:fixed; + top:0; + left:0; + width:100%; + height:100%; + z-index:3000; + background:rgba(0,0,0,0.85); + color:#fff; + opacity:0 + } + .atb-extension-overlay.is-showing { + opacity:1 + } + .dark-bg .atb-extension-overlay { + background:rgba(51,51,51,0.75) + } + .atb-extension-overlay__content { + -webkit-transition:opacity .1s ease-out; + -webkit-transition-delay:.5s; + -moz-transition:opacity .1s ease-out .5s; + -o-transition:opacity .1s ease-out .5s; + transition:opacity .1s ease-out .5s; + position:absolute; + top:0; + left:0; + bottom:0; + right:0; + width:100%; + opacity:0 + } + .is-showing .atb-extension-overlay__content { + opacity:1 + } + .atb-extension-overlay--safari .atb-extension-overlay__content { + position:absolute; + margin:auto; + bottom:0; + right:0; + left:0; + top:0; + width:100%; + height:400px; + text-align:center + } + .badge-link__wrap:before { + content:''; + background-image:url("/assets/install_arrow.svg"); + position:absolute; + visibility:hidden + } + .atb-extension-overlay__dynamic-instructions { + position:relative; + margin:0 auto; + width:480px; + top:200px; + text-align:center; + padding-top:50px + } + .atb-extension-overlay__instructions { + position:relative; + margin:0 auto; + width:400px; + top:220px; + text-align:center; + padding-top:50px + } + .atb-extension-overlay__instructions--chrome { + top:280px + } + .atb-extension-overlay__instructions--chrome:before { + -webkit-transform:scale(-1, 1) rotate(0deg); + -moz-transform:scale(-1, 1) rotate(0deg); + -ms-transform:scale(-1, 1) rotate(0deg); + -o-transform:scale(-1, 1) rotate(0deg); + transform:scale(-1, 1) rotate(0deg); + left:380px + } + .atb-extension-overlay__directions { + font-size:32px + } + .atb-extension-overlay__dynamic-directions { + font-size:32px; + text-align:left; + font-weight:300 + } + .atb-extension-overlay__dynamic-directions>li { + list-style-type:none; + counter-increment:item + } + .atb-extension-overlay__dynamic-directions>li:before { + content:counter(item) "."; + width:1.5em; + display:inline-block; + text-align:center + } + .atb-extension-overlay__permissions { + display:block; + margin-top:0.8em; + font-size:1.1em; + font-weight:300; + line-height:1.8em; + letter-spacing:0.5px + } + .atb-extension-overlay__header { + font-size:2.8em; + font-weight:bold; + padding:5px 0 + } + .atb-extension-overlay__left-col { + display:inline-block; + text-align:right; + width:50% + } + .atb-extension-overlay__right-col { + display:inline-block; + text-align:left; + width:45%; + margin-left:5% + } + .atb-extension-overlay__col-inner { + display:inline-block; + width:400px; + text-align:left + } + .atb-extension-overlay__icn { + font-size:2em; + padding-right:10px; + vertical-align:middle + } + .atb-extension-overlay__img { + width:280px + } + .atb-extension-overlay__text { + font-size:1.4em; + vertical-align:middle; + padding:0 + } + .atb-extension-overlay--safari .atb-extension-overlay__text { + margin-bottom:10px + } + .atb-extension-overlay__subtext { + color:#aaa + } + .atb-extension-overlay__link, + .atb-extension-overlay__link:active, + .atb-extension-overlay__link:hover, + .atb-extension-overlay__link:visited { + color:#aaa; + text-decoration:underline + } + .atb-extension-overlay__confetti { + position:absolute; + top:0; + left:0; + width:100%; + height:100% + } + .atb-extension-overlay__success { + -webkit-transition:all .2s ease-out; + -moz-transition:all .2s ease-out; + -o-transition:all .2s ease-out; + transition:all .2s ease-out; + padding-top:20vh; + width:430px; + height:100%; + text-align:center; + margin:0 auto; + -webkit-transform:scale(.85, .85); + -moz-transform:scale(.85, .85); + -ms-transform:scale(.85, .85); + -o-transform:scale(.85, .85); + transform:scale(.85, .85); + opacity:0; + display:none; + position:absolute; + left:-webkit-calc((100% - 430px) / 2); + left:calc((100% - 430px) / 2) + } + .atb-extension-overlay__success.is-showing { + opacity:1; + -webkit-transform:scale(1, 1); + -moz-transform:scale(1, 1); + -ms-transform:scale(1, 1); + -o-transform:scale(1, 1); + transform:scale(1, 1) + } + .atb-extension-overlay__headline { + margin:10px 0; + padding:0; + line-height:1.2; + font-size:3em; + font-weight:bold + } + .atb-extension-overlay__image { + height:140px; + width:140px; + margin:0 auto + } + .atb-extension-overlay__newsletter-form { + display:none + } + .frm--newsletter--dialog { + margin-top:2em + } + .frm--newsletter--dialog .frm--newsletter--dialog--email { + background:#ddd; + border:none + } + .dark-bg .frm--newsletter--dialog .frm--newsletter--dialog--email { + background:#4b4b4b + } + .frm--newsletter--dialog .frm--newsletter--dialog--submit { + margin-left:10px + } + .atb-extension-overlay__nav, + .atb-extension-overlay__lower-loupe { + padding-top:1.25em; + color:#4495d4; + position:absolute; + -webkit-transform:translateY(-10em); + -moz-transform:translateY(-10em); + -ms-transform:translateY(-10em); + -o-transform:translateY(-10em); + transform:translateY(-10em); + -webkit-transition:translate .5s ease-in; + -moz-transition:translate .5s ease-in; + -o-transition:translate .5s ease-in; + transition:translate .5s ease-in; + width:100%; + min-width:100% + } + .atb-extension-overlay__nav>span, + .atb-extension-overlay__lower-loupe>span { + cursor:pointer + } + .atb-extension-overlay__nav .ddgsi-loupe, + .atb-extension-overlay__nav .ddgsi-close-bold, + .atb-extension-overlay__lower-loupe .ddgsi-loupe, + .atb-extension-overlay__lower-loupe .ddgsi-close-bold { + font-size:1.5em; + vertical-align:middle; + margin-left:1.1em; + margin-right:0.5em + } + .atb-extension-overlay__nav .ddgsi-close-bold, + .atb-extension-overlay__lower-loupe .ddgsi-close-bold { + margin-right:1.1em + } + .atb-extension-overlay__nav.is-showing, + .atb-extension-overlay__lower-loupe.is-showing { + -webkit-transform:translateY(0); + -moz-transform:translateY(0); + -ms-transform:translateY(0); + -o-transform:translateY(0); + transform:translateY(0) + } + .atb-extension-overlay__nav-text, + .atb-extension-overlay__nav-text:visited, + .atb-extension-overlay__nav-text:hover { + vertical-align:middle; + font-weight:bold; + color:#4495d4; + text-decoration:none + } + .atb-extension-overlay__lower-loupe { + position:initial; + -webkit-transform:translateY(0); + -moz-transform:translateY(0); + -ms-transform:translateY(0); + -o-transform:translateY(0); + transform:translateY(0); + padding-top:0 + } + .atb-extension-overlay__lower-loupe .ddgsi-loupe { + margin-left:0; + font-size:1.2em + } + .atb-extension-overlay__disclaimer { + margin:2em 0 + } + .atb-extension-overlay__disclaimer .atb-extension-overlay__disclaimer__link { + color:#888 + } + .atb-extension-overlay__nope { + color:#4495d4; + cursor:pointer; + margin-top:2em + } + .atb-extension-overlay__fade-out { + -webkit-transition:opacity .5s; + -moz-transition:opacity .5s; + -o-transition:opacity .5s; + transition:opacity .5s + } + .atb-extension-overlay__fade-out.is-faded { + height:0; + opacity:0 + } + .atb-extension-overlay__success-message { + opacity:0; + -webkit-transition:opacity .2s; + -webkit-transition-delay:.5s; + -moz-transition:opacity .2s .5s; + -o-transition:opacity .2s .5s; + transition:opacity .2s .5s + } + .atb-extension-overlay__success-message.is-shown { + opacity:1 + } + .atb-extension-overlay__thanks { + width:71%; + margin:0 auto 1em + } + .atb-extension-overlay__search-btn { + margin-top:1.2em; + font-weight:bold + } + .tx-bld { + font-weight:600 + } + .tx-lt, + .hd-hr, + .hd-lg { + font-weight:300 + } + .tx-it { + font-weight:normal; + font-style:italic + } + .tx-up, + .hd-lg, + .hd-md { + text-transform:uppercase + } + .hd-hr { + line-height:1.1; + text-align:center + } + .hd-hr+.hd-hr { + padding-top:0 + } + .hd-lg { + padding-top:1em; + padding-bottom:0 + } + .hd-md .anchor--link { + float:right; + font-size:0.5em; + margin-top:1em + } + .dropdown { + display:inline-block; + position:relative; + cursor:pointer; + height:35px; + line-height:35px; + margin-bottom:.5em; + margin-right:20px + } + .dropdown.is-open { + display:inline-block + } + .dropdown:last-child { + margin-right:.75em + } + .dropdown__button { + color:#666; + height:100%; + line-height:36px; + padding-right:25px; + display:inline-block + } + .dropdown.is-active .dropdown__button { + font-weight:600; + color:#222 + } + .dropdown__button:hover, + .dropdown__button:focus, + .dropdown__button:visited, + .dropdown.is-open .dropdown__button { + text-decoration:none; + color:#333 + } + .dropdown__button:after { + font-family:'ddg-serp-icons' !important; + speak:none; + font-style:normal; + font-weight:normal !important; + font-variant:normal; + text-transform:none; + text-decoration:none !important; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + content:"\25bc"; + margin-top:-6px; + margin-left:7px; + font-size:12px; + line-height:1; + pointer-events:none; + vertical-align:middle; + display:inline-block; + position:absolute; + top:50% + } + .modal--dropdown.modal--popout { + width:100%; + height:0; + position:absolute; + left:auto; + right:auto; + bottom:auto; + top:40px + } + .modal--dropdown.modal--popout .modal__box { + -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.15); + -moz-box-shadow:0 1px 4px rgba(0,0,0,0.15); + box-shadow:0 1px 4px rgba(0,0,0,0.15); + border:1px solid rgba(0,0,0,0.12); + left:-1em; + box-sizing:border-box + } + .modal--dropdown.modal--popover .modal__box { + max-height:400px; + display:block; + overflow-y:auto + } + @media only screen and (max-height: 425px) { + .modal--dropdown.modal--popover .modal__box { + max-height:300px + } + } + .modal--dropdown .modal__box { + margin-top:0; + width:220px; + min-width:auto; + text-align:left; + left:0 + } + .modal--dropdown .modal__box:before, + .modal--dropdown .modal__box:after { + content:none + } + .is-showing .modal--dropdown .modal__box { + z-index:99 + } + .modal--dropdown .modal__header { + padding:.75em 1em + } + .modal--dropdown .modal__close { + top:0.9em + } + .modal--dropdown .modal__body { + padding:.5em + } + .modal--dropdown .modal__list__link { + white-space:nowrap; + padding:.5em; + height:19px; + line-height:20px + } + .modal--dropdown .modal__list__link.is-selected, + .modal--dropdown .modal__list__link.is-selected:hover, + .modal--dropdown .modal__list__link.is-selected:visited { + color:#222 + } + .modal--dropdown .modal__list__link.has-description { + min-height:34px; + height:auto; + line-height:17px; + position:relative; + padding-right:2em + } + .modal--dropdown .modal__list__link.has-description:before { + position:absolute; + right:.5em; + top:50%; + margin-top:-10px + } + .modal--dropdown .modal__list__link__description { + display:block; + font-weight:400; + color:#999; + white-space:normal + } + .modal--dropdown--directions .modal__header { + padding:.75em 1em + } + .modal--dropdown--directions.modal--popout .modal__box { + width:160px; + left:-80px + } + .modal--dropdown--directions .modal__list__link { + padding-left:.5em + } + .modal--dropdown--directions.modal--popout--bottom, + .modal--dropdown--directions.modal--popout--bottom-right, + .modal--dropdown--directions.modal--popout--bottom-left { + margin-top:10px + } + .modal--dropdown--directions.modal--popout--bottom .modal__box:before, + .modal--dropdown--directions.modal--popout--bottom .modal__box:after, + .modal--dropdown--directions.modal--popout--bottom-right .modal__box:before, + .modal--dropdown--directions.modal--popout--bottom-right .modal__box:after, + .modal--dropdown--directions.modal--popout--bottom-left .modal__box:before, + .modal--dropdown--directions.modal--popout--bottom-left .modal__box:after { + content:"\25b2" + } + .modal--dropdown--directions.modal--popout--top { + margin-bottom:5px + } + .modal--dropdown--directions.modal--popout--top .modal__box:before, + .modal--dropdown--directions.modal--popout--top .modal__box:after { + content:"\25bc" + } + .body--onboarding { + overflow-y:visible !important; + position:static !important + } + .onboarding-ed { + height:400%; + width:100%; + position:absolute; + top:100% + } + .onboarding-ed__arrow { + height:56px; + width:56px; + bottom:-25px; + left:50%; + margin:0 0 50px -28px; + background:rgba(34,34,34,0.35); + visibility:visible; + position:fixed; + z-index:10; + cursor:pointer; + background-size:24px; + border-radius:100%; + -webkit-transition:all .15s ease-out; + -moz-transition:all .15s ease-out; + transition:all .15s ease-out + } + .onboarding-ed__arrow:hover { + height:70px; + width:70px; + margin:0 0 38px -35px; + background:rgba(34,34,34,0.5) + } + .onboarding-ed__arrow img { + height:24px; + width:24px; + top:50%; + left:50%; + margin:-12px; + position:absolute + } + .onboarding-ed__arrow-teaser { + height:64px; + width:80px; + top:-110px; + left:50%; + margin:0 0 50px -40px; + position:absolute; + z-index:11; + cursor:pointer; + display:none + } + .onboarding-ed__arrow-teaser .onboarding-ed__arrow-teaser__alpinist { + height:64px; + width:80px; + opacity:0.85; + transition:opacity .25s ease + } + .onboarding-ed__arrow-teaser .onboarding-ed__arrow-teaser__arrow-wrapper { + background:#222; + background-size:24px; + border-radius:100%; + height:32px; + width:32px; + bottom:-3px; + left:50%; + margin:-16px; + position:absolute + } + .onboarding-ed__arrow-teaser .onboarding-ed__arrow-teaser__arrow-wrapper .onboarding-ed__arrow-teaser__arrow { + height:16px; + width:16px; + top:50%; + left:50%; + margin:-8px; + position:absolute + } + .onboarding-ed__arrow-teaser:hover .onboarding-ed__arrow-teaser__alpinist { + opacity:1 + } + .onboarding-ed__close { + float:right; + position:absolute; + top:20px; + right:30px; + z-index:99; + font-size:16px; + cursor:auto + } + .onboarding-ed__close-dismiss { + color:rgba(0,0,0,0.5); + cursor:pointer + } + .onboarding-ed__close-back { + cursor:pointer; + color:rgba(0,0,0,0.7); + font-weight:bold + } + .onboarding-ed__close-divider { + font-size:14px; + color:rgba(0,0,0,0.4); + padding:0 15px + } + .onboarding-ed__slide { + text-align:center; + background:#222; + position:relative; + height:25% + } + .onboarding-ed__slide:before { + content:''; + height:45%; + display:inline-block; + vertical-align:middle + } + .onboarding-ed__slide .onboarding-ed__content { + width:80%; + max-width:700px; + margin:0 auto; + color:#fff; + text-shadow:0 1px 4px rgba(0,0,0,0.1); + display:inline-block; + vertical-align:middle; + position:relative + } + .onboarding-ed__slide .onboarding-ed__title { + margin-top:16px; + margin-bottom:15px; + font-size:44px; + line-height:48px; + font-weight:bold; + padding:0 + } + .onboarding-ed__slide .onboarding-ed__subtitle { + font-size:20px; + line-height:28px + } + .onboarding-ed__slide .onboarding-ed__image-container { + overflow:hidden; + position:absolute; + bottom:0; + left:0; + right:0; + width:100%; + height:45% + } + .onboarding-ed__slide .onboarding-ed__image--placeholder, + .onboarding-ed__slide .onboarding-ed__image--animated { + position:absolute; + bottom:0; + left:0; + right:0; + margin-left:auto; + margin-right:auto; + max-width:100%; + max-height:100% + } + .onboarding-ed__slide .onboarding-ed__image--animated { + will-change:transform + } + .onboarding-ed__slide-1 { + background:#58b792 + } + .onboarding-ed__slide-1 .onboarding-ed__image--animated { + background:#58b792 + } + .onboarding-ed__slide-2 { + background:#f5a339 + } + .onboarding-ed__slide-2 .onboarding-ed__content--more-shadow { + text-shadow:0 1px 4px rgba(0,0,0,0.25) + } + .onboarding-ed__slide-2 .onboarding-ed__image--animated { + background:#f5a339 + } + .onboarding-ed__slide-3 { + background:#5f63bd + } + .onboarding-ed__slide-3 .onboarding-ed__image--animated { + background:#5f63ba + } + .onboarding-ed__slide-4 { + background:#87cef5 + } + .onboarding-ed__slide-4 .onboarding-ed__content { + color:#365374; + text-shadow:none + } + .onboarding-ed__slide-4 .onboarding-ed__subtitle { + max-width:480px; + margin:auto + } + .onboarding-ed__slide-4 .onboarding-ed__image--animated { + background:#87cef5 + } + .onboarding-ed__button { + margin-top:28px; + padding:17px 24px 15px; + text-decoration:none; + font-weight:700; + line-height:100%; + color:#fff !important; + background:#365374 !important; + border-color:#365374; + font-size:21px; + display:inline-block; + border-radius:4px; + z-index:10; + -webkit-transition:background-color .15s ease-out; + -moz-transition:background-color .15s ease-out; + -o-transition:background-color .15s ease-out; + transition:background-color .15s ease-out + } + .onboarding-ed__button:hover { + background:#41658d !important; + color:#fff !important + } + .onboarding-ed__button-small { + margin-top:25px; + padding:12px 16px; + text-decoration:none; + font-weight:600; + line-height:100%; + color:#fff; + background:rgba(0,0,0,0.4) !important; + border:none; + font-size:18px; + display:inline-block; + border-radius:4px; + z-index:10; + -webkit-transition:background-color .15s ease-out; + -moz-transition:background-color .15s ease-out; + -o-transition:background-color .15s ease-out; + transition:background-color .15s ease-out + } + .onboarding-ed__button-small:hover { + background:rgba(0,0,0,0.5) !important; + color:#fff + } + @media (max-width: 1079px) { + .onboarding-ed__slide:before { + height:60% + } + } + @media (max-width: 864px) { + .onboarding-ed__arrow, + .onboarding-ed__arrow:hover { + height:50px; + width:50px; + margin:0 0 25px -25px; + bottom:0 + } + .is-firefox-focus .onboarding-ed__arrow, + .is-firefox-focus .onboarding-ed__arrow:hover { + bottom:45px + } + } + @media (max-height: 864px) { + .onboarding-ed__slide .onboarding-ed__content .onboarding-ed__title { + margin-top:0 + } + } + @media (max-height: 864px) and (min-width: 700px) { + .onboarding-ed__slide:before { + height:60% + } + } + @media (max-height: 864px) and (min-width: 864px) { + .onboarding-ed__slide:before { + height:60% + } + .onboarding-ed__slide .onboarding-ed__image-container { + height:42% + } + } + @media (max-height: 864px) and (min-width: 1079px) { + .onboarding-ed__slide:before { + height:50% + } + } + @media (max-height: 590px) and (min-width: 590px) { + .onboarding-ed__slide .onboarding-ed-image-container { + height:40% + } + } + @media (max-height: 590px), (max-width: 700px) { + .onboarding-ed__slide:before { + height:70% + } + .onboarding-ed__close { + right:0; + left:0; + float:none + } + .onboarding-ed__slide .onboarding-ed__content .onboarding-ed__title { + font-size:24px; + line-height:27px + } + .onboarding-ed__slide .onboarding-ed__content .onboarding-ed__title { + margin-top:16px + } + .onboarding-ed__slide-4 .onboarding-ed__content .onboarding-ed__title { + margin-top:30px + } + .onboarding-ed__slide .onboarding-ed__content .onboarding-ed__subtitle { + font-size:17px; + line-height:20px + } + .onboarding-ed__slide .onboarding-ed__image-container { + height:39% + } + .onboarding-ed__button { + font-size:19px + } + } + @media (max-height: 510px) and (min-width: 425px) { + .onboarding-ed__arrow, + .onboarding-ed__arrow-teaser { + display:none !important + } + } + @media (min-height: 510px) and (max-width: 425px) { + .onboarding-ed__slide .onboarding-ed__image { + left:-12.5%; + max-width:125% + } + .onboarding-ed__slide-1 .onboarding-ed__image { + left:-7% + } + } + @media (max-height: 425px) { + .onboarding-ed__close { + font-size:14px; + top:5px; + right:0; + left:0; + float:none + } + .onboarding-ed__slide .onboarding-ed__content .onboarding-ed__title { + font-size:24px; + line-height:27px + } + .onboarding-ed__slide .onboarding-ed__content .onboarding-ed__title { + margin-top:16px + } + .onboarding-ed__slide-4 .onboarding-ed__content .onboarding-ed__title { + margin-top:24px; + margin-bottom:7px + } + .onboarding-ed__slide .onboarding-ed__content .onboarding-ed__subtitle { + font-size:17px; + line-height:20px + } + .onboarding-ed__button-small { + margin-top:15px; + font-size:16px + } + .onboarding-ed__button { + margin-top:12px; + font-size:18px; + padding:14px 24px 12px + } + .onboarding-ed__slide .onboarding-ed__image-container { + height:30% + } + } + @media (max-width: 425px) and (max-height: 590px) { + .onboarding-ed__close { + font-size:14px; + top:5px; + right:0; + left:0; + float:none + } + .onboarding-ed__close-divider { + padding:0 7px + } + .onboarding-ed__slide .onboarding-ed__content .onboarding-ed__title { + font-size:20px; + line-height:24px + } + .onboarding-ed__slide .onboarding-ed__content .onboarding-ed__subtitle { + font-size:15px; + line-height:19px + } + .onboarding-ed__button-small, + .onboarding-ed__button { + font-size:14px; + padding:12px 20px 10px + } + } + @media (max-height: 340px) { + .onboarding-ed__arrow, + .onboarding-ed__arrow-teaser { + display:none !important + } + } + @media (max-height: 300px) and (max-width: 425px) { + .onboarding-ed__close { + font-size:12px; + top:3px + } + .onboarding-ed__slide .onboarding-ed__content { + margin-top:16px + } + .onboarding-ed__slide .onboarding-ed__content .onboarding-ed__title { + font-size:18px; + line-height:21px + } + .onboarding-ed__slide .onboarding-ed__content .onboarding-ed__subtitle { + font-size:14px; + line-height:17px + } + .onboarding-ed__button-small, + .onboarding-ed__button { + font-size:14px; + padding:12px 20px 10px + } + .onboarding-ed__slide .onboarding-ed__image-container { + height:25% + } + } + @media (max-height: 260px) { + .onboarding-ed { + display:none + } + } + @keyframes generic-blink-animation { + 45% { + transform:scale(1, 1) + } + 50%, + 55% { + transform:scale(1, 0.1) + } + 60% { + transform:scale(1, 1) + } + } + .onboarding-ed-anim-monster-eye--left { + transform-origin:720px 212px + } + .onboarding-ed-anim-monster-eye--right { + transform-origin:850px 229px + } + @keyframes monster-blink-animation { + 0% { + transform:scale(1, 1) + } + 5%, + 12.5% { + transform:scale(1, 0.1) + } + 50% { + transform:scale(1, 1) + } + } + .is-animated .js-onboarding-ed-anim-monster-eye { + animation-name:monster-blink-animation; + animation-duration:1s; + animation-delay:.15s; + animation-iteration-count:3 + } + @keyframes burning-flames { + 0%, + 100% { + transform:matrix(1, 0, 0, 0.97, 0, 0) + } + 50% { + transform:matrix(1.01, 0.025, 0.025, 1.02, 0, 0); + fill:#ff9c00 + } + } + .is-animated .js-onboarding-ed-anim-flame { + animation-name:burning-flames; + animation-duration:0.2s; + animation-iteration-count:4; + animation-timing-function:ease-out + } + @keyframes monster-glowing-mouth { + 0% { + fill:#d5e000 + } + 100% { + fill:#dfea02; + fill:#e7f300 + } + } + .is-animated .js-onboarding-ed-anim-monster-mouth { + animation-name:monster-glowing-mouth; + animation-duration:0.2s; + animation-iteration-count:4; + animation-timing-function:ease-out + } + @keyframes glowing-shadow { + 0%, + 100% { + fill:#c3c7c9 + } + 25%, + 75% { + fill:#cccfd1 + } + 50% { + fill:#d0d3d5 + } + } + .js-onboarding-ed-anim-shadow { + fill:#c3c7c9 + } + .is-animated .js-onboarding-ed-anim-shadow { + animation-name:glowing-shadow; + animation-duration:0.2s; + animation-iteration-count:4; + animation-timing-function:ease-out + } + @keyframes glowing-scientist { + 0%, + 100% { + fill:#ffec57 + } + 50% { + fill:#fef5ad + } + } + .is-animated .js-onboarding-ed-anim-glow { + animation-name:glowing-scientist; + animation-duration:0.2s; + animation-iteration-count:4; + animation-timing-function:ease-out + } + @keyframes scientist-blink-animation { + 0% { + transform:scale(1, 1) + } + 5%, + 10% { + transform:scale(1, 0.1) + } + 15% { + transform:scale(1, 1) + } + } + .js-onboarding-ed-anim-scientist-eye { + transform-origin:276px 70px + } + .is-animated .js-onboarding-ed-anim-scientist-eye { + animation-name:scientist-blink-animation; + animation-duration:1.5s; + animation-iteration-count:2 + } + @keyframes cloud-drifting { + 0% { + transform:scale(0.2, 0.2) + } + 50% { + opacity:1 + } + 100% { + transform:scale(1.3, 1.3); + opacity:0 + } + } + .js-onboarding-ed-anim-cloud { + opacity:0; + transform-origin:530px 290px + } + .is-animated .js-onboarding-ed-anim-cloud { + animation-name:cloud-drifting; + animation-duration:1.5s; + animation-delay:0.2s; + animation-iteration-count:1; + animation-timing-function:ease-out + } + @keyframes ghost-floating { + 0%, + 85% { + transform:skew(0deg, 0deg) + } + 45% { + transform:skew(-6deg, 0deg) + } + } + .js-onboarding-ed-anim-ghost-float { + transform-origin:right top + } + .is-animated .js-onboarding-ed-anim-ghost-float { + animation-name:ghost-floating; + animation-duration:4s; + animation-iteration-count:1; + animation-timing-function:ease-in-out + } + @keyframes ghost-mouth-boo { + 0%, + 30%, + 80% { + transform:scale(1, 1) + } + 20%, + 40% { + transform:scale(1.1, 1.2) + } + } + .js-onboarding-ed-anim-ghost-mouth { + transform-origin:433px 166px + } + .is-animated .js-onboarding-ed-anim-ghost-mouth { + animation-name:ghost-mouth-boo; + animation-duration:3s; + animation-iteration-count:1; + animation-delay:0.5s; + animation-timing-function:ease-in-out + } + .onboarding-ed-anim-ghost-eye--left { + transform-origin:474px 87px + } + .onboarding-ed-anim-ghost-eye--right { + transform-origin:409px 80px + } + .is-animated .js-onboarding-ed-anim-ghost-eye { + animation-name:generic-blink-animation; + animation-duration:3.5s; + animation-iteration-count:infinite + } + @keyframes ghost-left-hand-shaking { + 0%, + 25%, + 45%, + 65% { + transform:translate(0, 0) + } + 35%, + 55% { + transform:translate(-15px, 0) + } + } + .is-animated .js-onboarding-ed-anim-ghost-left-hand-shaking { + animation-name:ghost-left-hand-shaking; + animation-duration:1.5s; + animation-iteration-count:2; + animation-delay:0.5s; + animation-timing-function:ease-in-out + } + @keyframes ghost-left-hand-shaking2 { + 0%, + 100% { + transform:rotate(3deg) + } + 50% { + transform:rotate(-10deg) translate(-10px, 0) + } + } + .js-onboarding-ed-anim-ghost-left-hand { + transform-origin:491px 129px + } + .is-animated .js-onboarding-ed-anim-ghost-left-hand { + animation-name:ghost-left-hand-shaking2; + animation-duration:2s; + animation-iteration-count:1; + animation-delay:0.5s; + animation-timing-function:ease-in-out + } + @keyframes ghost-right-hand-shaking { + 0%, + 100% { + transform:rotate(-3deg) + } + 50% { + transform:rotate(7deg) + } + } + .js-onboarding-ed-anim-ghost-right-hand { + transform-origin:340px 113px + } + .is-animated .js-onboarding-ed-anim-ghost-right-hand { + animation-name:ghost-right-hand-shaking; + animation-duration:2s; + animation-iteration-count:1; + animation-delay:0.5s; + animation-timing-function:ease-in-out + } + @keyframes ghost-girl-face { + 26%, + 73% { + transform:rotate(0deg) translate(0, 0) + } + 33%, + 66% { + transform:rotate(5deg) translate(4px, 4px) + } + } + .js-onboarding-ed-anim-ghost-girl-face { + transform-origin:780px 50px + } + .is-animated .js-onboarding-ed-anim-ghost-girl-face { + animation-name:ghost-girl-face; + animation-duration:5s; + animation-iteration-count:1 + } + .onboarding-ed-anim-ghost-girl-eye--left { + transform-origin:811px 71px + } + .onboarding-ed-anim-ghost-girl-eye--right { + transform-origin:775px 68px + } + .is-animated .js-onboarding-ed-anim-ghost-girl-eye { + animation-name:generic-blink-animation; + animation-duration:2s; + animation-iteration-count:2 + } + @keyframes bathtub-periscope-anim { + 0%, + 50%, + 100% { + transform:translate(0, 0) + } + 25%, + 75% { + transform:translate(0, 8px) + } + } + .js-onboarding-ed-anim-bathtub-periscope { + transform-origin:751px 297px + } + .is-animated .js-onboarding-ed-anim-bathtub-periscope { + animation-name:bathtub-periscope-anim; + animation-duration:6s; + animation-iteration-count:1; + animation-timing-function:ease-in-out + } + @keyframes bathtub-periscope-eye-blink { + 45% { + transform:rotate(18deg) scale(1, 1) + } + 50%, + 55% { + transform:rotate(18deg) scale(1, 0.1) + } + 60% { + transform:rotate(18deg) scale(1, 1) + } + } + .js-onboarding-ed-anim-bathtub-periscope-eye { + transform:rotate(18deg); + transform-origin:740px 190px + } + .is-animated .js-onboarding-ed-anim-bathtub-periscope-eye { + animation-name:bathtub-periscope-eye-blink; + animation-duration:3s; + animation-iteration-count:2 + } + @keyframes bathtub-drip { + to { + transform:translate(0, 120px) + } + } + .is-animated .js-onboarding-ed-anim-bathtub-drip { + animation:bathtub-drip cubic-bezier(0.83, 0.01, 0.97, 0.23) 3s 1 + } + .onboarding-ed-anim-bathtub--drip1 { + animation-delay:0.5s + } + .onboarding-ed-anim-bathtub--drip2 { + transform:translate(0, -30px); + animation-delay:1s + } + @keyframes bathtub-water-anim { + 0%, + 85% { + transform:translate(0, 0) + } + 45% { + transform:translate(0, 6px) + } + } + .is-animated .js-onboarding-ed-anim-bathtub-water { + animation:bathtub-water-anim ease-in-out 1s infinite + } + .onboarding-ed-anim-bathtub-water--1 { + animation-delay:0.5s; + animation-iteration-count:2 + } + .onboarding-ed-anim-bathtub-water--2 { + animation-delay:0.75s; + animation-iteration-count:3 + } + .onboarding-ed-anim-bathtub-water--3 { + animation-duration:2s; + animation-delay:1s; + animation-iteration-count:1 + } + @keyframes bathtub-scrub-anim { + 0%, + 15%, + 29%, + 55%, + 100% { + transform:translate(0, 0px) + } + 7%, + 22%, + 36% { + transform:translate(0, 15px) + } + } + .is-animated .js-onboarding-ed-anim-bathtub-brush, + .is-animated .js-onboarding-ed-anim-bathtub-arm { + animation-name:bathtub-scrub-anim; + animation-duration:6s; + animation-iteration-count:1; + animation-timing-function:ease-out + } + @keyframes bathtub-bubbles { + 0% { + transform:scale(1, 1) translate(0, 30px); + filter:blur(0px) + } + 20%, + 65% { + opacity:1 + } + 100% { + opacity:0; + transform:scale(1.5, 1.5) translate(0, -30px) + } + } + .js-onboarding-ed-anim-bathtub-bubble { + opacity:0; + transform:scale(1, 1) translate(0, 30px) + } + .is-animated .js-onboarding-ed-anim-bathtub-bubble { + animation-name:bathtub-bubbles; + animation-duration:2.5s; + animation-iteration-count:1; + animation-timing-function:ease-in-out + } + .onboarding-ed-anim-bathtub-bubble--1 { + transform-origin:265px 242px + } + .onboarding-ed-anim-bathtub-bubble--2 { + transform-origin:312px 207px; + animation-delay:0.5s + } + .onboarding-ed-anim-bathtub-bubble--3 { + transform-origin:331px 224px + } + .onboarding-ed-anim-bathtub-bubble--4 { + transform-origin:857px 246px; + animation-delay:.75s + } + .onboarding-ed-anim-mountaineer-eye--right { + transform-origin:648px 58px + } + .onboarding-ed-anim-mountaineer-eye--left { + transform-origin:665px 59px + } + .is-animated .js-onboarding-ed-anim-mountaineer-eye { + animation-name:generic-blink-animation; + animation-duration:2s; + animation-iteration-count:2 + } + @keyframes flap-animation { + 0%, + 100% { + transform:skew(0deg, 6deg) scaleX(1) + } + 50% { + transform:skew(0deg, -10deg) scaleX(0.8) + } + } + .js-onboarding-ed-anim-flag, + .js-onboarding-ed-anim-scarf-front, + .js-onboarding-ed-anim-scarf-back { + transform-origin:547px 93px; + transform:skew(0deg, 6deg) scaleX(1) + } + .is-animated .js-onboarding-ed-anim-flag, + .is-animated .js-onboarding-ed-anim-scarf-front, + .is-animated .js-onboarding-ed-anim-scarf-back { + animation:flap-animation 2s ease-in-out 3 + } + .js-onboarding-ed-anim-scarf-front { + animation-duration:2s; + transform-origin:659px 147px + } + .js-onboarding-ed-anim-scarf-back { + animation-duration:2s; + transform-origin:665px 149px + } + @keyframes fold-animation { + 0%, + 100% { + transform:translate(0, 0) + } + 50% { + transform:translate(30px, 0) + } + } + .is-animated .js-onboarding-ed-anim-fold { + animation:fold-animation 2s ease-in-out 2 + } + .atb-extension-overlay--new-user-poll .atb-extension-overlay__success { + padding-top:50px; + width:490px; + left:-webkit-calc((100% - 490px) / 2); + left:calc((100% - 490px) / 2) + } + .atb-extension-overlay--new-user-poll .atb-extension-overlay__image { + width:96px; + height:96px; + margin:10px 0 + } + .atb-extension-overlay--new-user-poll .atb-extension-overlay__image--small .atb-extension-overlay__image { + width:72px; + height:72px; + margin:0 + } + .atb-extension-overlay--new-user-poll .atb-extension-overlay__div-welcome-back, + .atb-extension-overlay--new-user-poll .atb-extension-overlay__div-thank-you { + display:none; + margin-top:30px + } + .atb-extension-overlay--new-user-poll .atb-extension-overlay__div-welcome-back .atb-extension-overlay__search-btn-large, + .atb-extension-overlay--new-user-poll .atb-extension-overlay__div-thank-you .atb-extension-overlay__search-btn-large { + margin-top:40px + } + .atb-extension-overlay--new-user-poll .atb-extension-overlay__headline { + margin-top:20px; + margin-bottom:20px; + font-weight:normal; + line-height:1.4; + font-size:36px + } + .atb-extension-overlay--new-user-poll .atb-extension-overlay__headline .atb-extension-overlay__headline__secondary { + display:block + } + .atb-extension-overlay--new-user-poll .atb-extension-overlay__div-question-new-user { + margin-top:10px + } + .atb-extension-overlay--new-user-poll .atb-extension-overlay__div-question-new-user .atb-extension-overlay__div.atb-extension-overlay__div-left, + .atb-extension-overlay--new-user-poll .atb-extension-overlay__div-question-new-user .atb-extension-overlay__div.atb-extension-overlay__div-right { + float:left; + width:245px; + height:200px + } + .atb-extension-overlay--new-user-poll .atb-extension-overlay__div-question-referral { + display:none + } + .atb-extension-overlay--new-user-poll .atb-extension-overlay__div-question-referral .atb-extension-overlay__div-question-referral__error { + display:none; + color:#333; + background-color:#e37151; + padding:10px; + border-radius:5px; + margin-bottom:10px + } + .atb-extension-overlay--new-user-poll .atb-extension-overlay__div-question-referral .atb-extension-overlay__div-question-referral__prompt { + margin-bottom:10px + } + .atb-extension-overlay--new-user-poll .atb-extension-overlay__div-question-referral .atb-extension-overlay__div-question-referral__form .atb-extension-overlay__div-question-referral__label { + font-size:17px; + display:block; + text-align:left; + padding-left:140px + } + .atb-extension-overlay--new-user-poll .atb-extension-overlay__div-question-referral .atb-extension-overlay__div-question-referral__form .atb-extension-overlay__div-question-referral__radio { + margin-right:7px; + vertical-align:middle; + position:relative; + top:-1px + } + .atb-extension-overlay--new-user-poll .atb-extension-overlay__div-question-referral .atb-extension-overlay__div-question-referral__form .atb-extension-overlay__div-question-referral__text { + margin-left:10px; + font-size:13px; + padding:2px 4px + } + .atb-extension-overlay--new-user-poll .atb-extension-overlay__div-question-referral .atb-extension-overlay__div-question-referral__form .atb-extension-overlay__search-btn-large { + margin-top:30px + } + .atb-extension-overlay--new-user-poll .atb-extension-overlay__div-question-referral .atb-extension-overlay__div-question-referral__form .atb-extension-overlay__disclaimer { + color:#cccccc; + margin-top:20px + } + .atb-extension-overlay--new-user-poll .atb-extension-overlay__div-question-referral .atb-extension-overlay__nope { + color:#4495d4; + cursor:pointer; + margin-top:30px + } + .atb-extension-overlay--new-user-poll .atb-extension-overlay__search-btn-large { + width:50%; + padding-top:5px; + padding-bottom:5px + } + @media (max-height: 590px) { + .atb-extension-overlay--new-user-poll .atb-extension-overlay__success { + padding-top:20px + } + .atb-extension-overlay--new-user-poll .atb-extension-overlay__image--small .atb-extension-overlay__image { + width:60px; + height:60px + } + .atb-extension-overlay--new-user-poll .atb-extension-overlay__headline { + margin-top:10px + } + .atb-extension-overlay--new-user-poll .atb-extension-overlay__div-question-referral .atb-extension-overlay__nope { + margin-top:10px + } + } + @media (max-height: 550px) { + .atb-extension-overlay--new-user-poll .atb-extension-overlay__image--small .atb-extension-overlay__image { + display:none + } + .atb-extension-overlay--new-user-poll .atb-extension-overlay__headline { + margin-top:10px; + font-size:32px + } + } + .atb-extension-overlay--promote-mobile .atb-extension-overlay__success { + padding-top:40px; + width:550px; + left:-webkit-calc((100% - 550px) / 2); + left:calc((100% - 550px) / 2) + } + .atb-extension-overlay--promote-mobile .atb-extension-overlay__image { + width:72px; + height:72px; + margin:0 + } + .atb-extension-overlay--promote-mobile .atb-extension-overlay__headline { + margin-top:25px; + margin-bottom:10px; + font-weight:normal; + line-height:1.4; + font-size:34px + } + .atb-extension-overlay--promote-mobile .atb-extension-overlay__text { + color:#EBEBEB; + font-size:20px; + margin-bottom:20px + } + .atb-extension-overlay--promote-mobile .atb-extension-overlay__mobile-image { + width:179px; + height:360px; + display:block; + margin:30px auto; + background-image:url("/assets/onboarding/mobile/phone@2xl.png") + } + .atb-extension-overlay--promote-mobile .atb-extension-overlay__search-btn { + margin-top:0px; + padding:2px 20px + } + .atb-extension-overlay--promote-mobile .atb-extension-overlay__search-btn:visited { + color:#4495d4 + } + @media (max-height: 770px) { + .atb-extension-overlay--promote-mobile .atb-extension-overlay__mobile-image { + width:149px; + height:300px; + background-image:url("/assets/onboarding/mobile/phone@2xm.png") + } + } + @media (max-height: 750px) { + .atb-extension-overlay--promote-mobile .atb-extension-overlay__mobile-image { + width:99px; + height:200px; + background-image:url("/assets/onboarding/mobile/phone@2xs.png") + } + } + @media (max-height: 600px) { + .atb-extension-overlay--promote-mobile .atb-extension-overlay__mobile-image { + display:none + } + .atb-extension-overlay--promote-mobile .atb-extension-overlay__success { + padding-top:100px + } + } + .example-search { + display:inline-block; + height:34px; + background-color:white; + color:#222; + border-radius:17px; + box-sizing:border-box; + box-shadow:0 2px 4px 0 rgba(0,0,0,0.3); + font-size:14px; + padding:6px 14px 0 32px; + margin-right:10px; + position:relative; + white-space:nowrap + } + .example-search:hover, + .example-search:focus { + text-decoration:none; + color:#222; + background-color:#f9f9f9 + } + .example-search:before { + font-family:'ddg-serp-icons' !important; + speak:none; + font-style:normal; + font-weight:normal !important; + font-variant:normal; + text-transform:none; + text-decoration:none !important; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + content:"\53"; + position:absolute; + left:13px + } + .has-zcm .header { + width:98.5% + } + .header-wrap { + -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.15); + -moz-box-shadow:0 1px 0 rgba(0,0,0,0.15); + box-shadow:0 1px 0 rgba(0,0,0,0.15); + -webkit-tab-highlight-color:rgba(0,0,0,0); + background-color:#fafafa; + padding-top:16px; + position:relative; + z-index:15 + } + .header-wrap:after { + content:""; + width:100%; + display:block; + margin-top:-2px; + height:1px + } + .lt-ie9 .header-wrap { + border-bottom:1px solid #dbdbdb + } + .header-wrap--show { + display:block + } + .header-wrap--with-hero { + -webkit-transition:top .1s ease-in-out; + -webkit-transition-delay:0s; + -moz-transition:top .1s ease-in-out 0s; + -o-transition:top .1s ease-in-out 0s; + transition:top .1s ease-in-out 0s; + position:absolute; + width:100%; + right:0; + left:0; + padding-bottom:15px; + top:-102px + } + .has-search-focus .header-wrap--with-hero { + top:0 + } + .header-wrap--fixed { + position:fixed; + top:0 + } + .header { + min-height:58px + } + .header.cw, + .header.cw--c { + padding-left:0; + padding-right:0 + } + @media only screen and (max-width: 864px) { + .has-zcm .header { + margin-bottom:0; + width:98% + } + } + @media only screen and (max-width: 590px) { + .has-zcm .header { + float:none; + width:auto + } + } + .lt-ie9 .header { + float:none + } + .body--serp .header { + min-height:85px + } + .header__search-wrap { + position:relative; + margin-bottom:3px; + margin-top:1px + } + .header__logo-wrap { + margin:auto; + margin-left:3.5px; + height:100%; + display:-webkit-box; + display:-webkit-flex; + display:-moz-flex; + display:-ms-flexbox; + display:flex; + -webkit-box-align:center; + -ms-flex-align:center; + -webkit-align-items:center; + -moz-align-items:center; + align-items:center; + -webkit-box-pack:center; + -ms-flex-pack:center; + -webkit-justify-content:center; + -moz-justify-content:center; + justify-content:center + } + @media only screen and (min-width: 1350px) { + .header__logo-wrap { + -webkit-box-pack:end; + -ms-flex-pack:end; + -webkit-justify-content:flex-end; + -moz-justify-content:flex-end; + justify-content:flex-end + } + } + .header__logo-wrap:hover { + text-decoration:none + } + .header__logo, + .header__praise, + .header__avatar { + width:36px; + height:36px + } + @media only screen and (min-width: 1350px) { + .header__logo, + .header__praise, + .header__avatar { + margin-right:28px + } + } + .header__logo-wrap--flex:hover { + text-decoration:none + } + .header__logo--flex { + height:39px; + width:39px + } + .header__logo-wrap .header__praise, + .header__logo-wrap .header__avatar { + height:36px; + top:auto; + display:none + } + @media only screen and (min-width: 1350px) { + .header__logo-wrap .header__praise, + .header__logo-wrap .header__avatar { + left:auto; + right:0 + } + } + @media only screen and (min-width: 1350px) { + .header__praise, + .header__avatar { + top:-4px + } + } + .header__avatar { + -webkit-border-radius:100%; + -moz-border-radius:100%; + -ms-border-radius:100%; + -o-border-radius:100%; + border-radius:100% + } + .header__search { + position:relative; + left:5px + } + .header--aside { + display:block; + margin:22px auto auto 16px; + height:44px; + right:7px; + position:absolute; + bottom:0; + top:0; + z-index:199 + } + .header__button, + .header__button--menu { + display:block; + float:right; + top:1px; + z-index:10 + } + .header__button, + .header__button--menu, + .header__button:visited, + .header__button--menu:visited, + .header__button:focus, + .header__button--menu:focus, + .header__button:hover, + .header__button--menu:hover { + color:#a5a5a5 + } + .header__button--menu { + margin-left:20px + } + .header--aside__item { + height:39px; + display:inline-block; + vertical-align:middle; + position:relative; + white-space:nowrap; + z-index:1; + line-height:37px + } + .header--aside__item .popout-trig { + position:relative; + margin-left:5px; + vertical-align:top + } + .header--aside__twitter { + font-size:20px; + margin-left:25px + } + .header--aside__twitter:after { + font-family:'ddg-serp-icons' !important; + speak:none; + font-style:normal; + font-weight:normal !important; + font-variant:normal; + text-transform:none; + text-decoration:none !important; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + content:"\74"; + position:relative + } + .header--aside__twitter:hover { + text-decoration:none + } + .header__label, + .header__link { + color:#aaa + } + .header__clickable { + cursor:pointer + } + .header__clickable:hover, + .header__clickable:focus { + color:#6d6d6d + } + .header-wrap--hero { + background:#e37151; + color:#fff; + position:relative; + width:100%; + right:0; + left:0; + top:0; + padding-top:1.25em + } + .header-wrap--hero--alt { + border-top-color:#00278e; + background-color:#66abff + } + .header--hero { + cursor:pointer; + line-height:1.9; + z-index:5 + } + .header--hero__loupe { + position:relative; + vertical-align:middle; + margin-left:.8em; + margin-right:.5em; + top:0; + font-size:1.5em + } + .header--hero__loupe:before { + font-family:'ddg-serp-icons' !important; + speak:none; + font-style:normal; + font-weight:normal !important; + font-variant:normal; + text-transform:none; + text-decoration:none !important; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + content:"\53" + } + .header--hero__link { + padding-left:1em; + font-size:16px + } + .header--hero__link, + .header--hero__link:hover, + .header--hero__link:focus, + .header--hero__link:active { + color:#fff + } + .header-wrap--hero .header__button--menu, + .header-wrap--hero .header__button--menu:visited, + .header-wrap--hero .header__button--menu:focus, + .header-wrap--hero .header__button--menu:hover { + color:#fff + } + .no-touch .header-wrap--hero .header__button--menu:hover, + .no-touch .header-wrap--hero .header__button--menu:focus, + .no-js .header-wrap--hero .header__button--menu:hover, + .no-js .header-wrap--hero .header__button--menu:focus { + background-color:#bd4b2b; + background-color:rgba(0,0,0,0.15) + } + @media only screen and (max-width: 864px) { + .header__search-wrap { + padding-right:40px + } + } + @media only screen and (max-width: 590px) { + .header__search-wrap { + padding-right:40px + } + .header__logo-wrap { + margin-left:0 + } + .header__search { + left:0 + } + .header--aside { + right:3.5px + } + .has-search-focus .header__search-wrap { + margin-left:0; + padding-left:7px; + padding-right:7px + } + .has-search-focus .header-wrap .header--aside { + right:-40px + } + .has-search-focus .header__logo, + .has-search-focus .header__avatar { + margin-left:-36px; + opacity:0 + } + .header-wrap { + padding-top:9px + } + .header--aside { + margin-top:13.5px + } + .header-wrap--hero { + padding-top:11px + } + } + .search__autocomplete { + display:none; + position:absolute; + top:2.8em; + left:0; + width:100%; + max-height:208px; + border:1px solid #d0d0d0; + border-radius:0 0 4px 4px; + margin-top:-2px; + margin-left:-1px; + margin-right:-1px; + z-index:25; + box-shadow:0 2px 4px rgba(0,0,0,0.1); + overflow:hidden + } + .header__search .search__autocomplete { + top:44px + } + .lt-ie8 .search__autocomplete { + display:none !important + } + .search--home .search__autocomplete { + max-height:230px + } + .search__autocomplete.search__autocomplete--bang { + max-height:none; + overflow:initial + } + .is-mobile .search__autocomplete.search__autocomplete--bang { + overflow-y:hidden + } + .search__autocomplete.search__autocomplete--two-rows { + top:44px; + box-shadow:0 1px 3px 0 rgba(0,0,0,0.08); + max-height:318px + } + .is-mobile .search__autocomplete.search__autocomplete--two-rows { + max-height:218px + } + .acp-wrap { + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + display:block; + padding:4px 0; + max-height:208px; + background-color:#fff; + overflow:auto; + overflow-x:hidden; + position:static + } + .search--home .acp-wrap { + max-height:230px + } + .search__autocomplete--bang .acp-wrap { + padding:0; + max-height:256px + } + .search--home .search__autocomplete--bang .acp-wrap { + max-height:272px + } + .search__autocomplete--two-rows .acp-wrap { + max-height:318px; + padding:6px 0 + } + .lt-ie9 .acp-wrap { + max-height:200px + } + .acp-footer { + position:absolute; + width:100%; + box-shadow:0 0px 4px rgba(0,0,0,0.1); + border:1px solid #d0d0d0; + background-color:#fff; + margin-left:-1px; + padding:4px 0; + border-radius:0 0 4px 4px + } + .acp-footer .acp-footer__instructions { + margin-left:16px; + color:#666 + } + .acp-footer .acp-footer__link { + position:absolute; + right:0; + margin-right:16px + } + .acp, + .acp--bang { + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + white-space:nowrap; + overflow:hidden; + -ms-text-overflow:ellipsis; + -o-text-overflow:ellipsis; + text-overflow:ellipsis; + cursor:pointer; + line-height:1.1; + font-size:1.1em; + padding:4px .681818em; + margin:0 auto; + position:static; + color:#222; + font-weight:bold + } + .search__autocomplete--two-rows .acp, + .search__autocomplete--two-rows .acp--bang { + padding:6px 11px; + margin:0; + min-height:42px + } + .acp-wrap__column { + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + width:50%; + float:left; + padding:4px + } + .acp-wrap__column.acp-wrap__column--left { + border-right:1px solid #e0e0e0 + } + .acp--bang { + -webkit-border-radius:4px; + -moz-border-radius:4px; + -ms-border-radius:4px; + -o-border-radius:4px; + border-radius:4px; + padding:8px 16px; + position:relative; + z-index:1 + } + .acp--bang__img-wrap { + margin-right:4px; + background-color:#fff; + float:left; + width:16px; + height:16px + } + .acp--bang__img-wrap, + .acp--bang__img { + border-radius:4px + } + .acp--bang__body { + position:relative; + padding-left:12px + } + .acp--bang__phrase, + .acp--bang__snippet { + white-space:nowrap; + overflow:hidden; + -ms-text-overflow:ellipsis; + -o-text-overflow:ellipsis; + text-overflow:ellipsis + } + .acp--bang__phrase { + position:absolute; + right:0 + } + .acp--bang__snippet { + display:inline-block; + width:75%; + font-weight:normal + } + .acp--long-phrase .acp--bang__snippet { + width:50% + } + .acp--highlight { + background-color:#f2f2f2 + } + .acp--highlight.acp--bang { + margin-top:0; + margin-bottom:0 + } + .acp--highlight.acp--bang .acp--bang__snippet { + color:#111 + } + .acp__phrase { + overflow:hidden; + text-overflow:ellipsis; + font-size:1em; + line-height:1.1 + } + .acp__detail { + font-weight:normal; + font-size:13px; + overflow:hidden; + text-overflow:ellipsis; + margin-top:3px; + color:#666; + line-height:100% + } + .is-mobile .acp-wrap__column.acp-wrap__column--left { + float:none; + width:100%; + border-right:none + } + .is-mobile .acp-wrap__column.acp-wrap__column--right { + display:none + } + .is-mobile .acp-footer { + display:none + } + .is-mobile .search__autocomplete--bang .acp-wrap { + max-height:208px + } + @media only screen and (max-width: 864px) { + .acp--bang__snippet { + width:50% + } + .acp--long-phrase .acp--bang__snippet { + width:30% + } + } + @media only screen and (max-height: 800px) { + .search--home .search__autocomplete--bang .acp-wrap { + max-height:188px + } + } + .is-mobile .hide--mob { + display:none + } + .is-mobile .show--mob { + display:block + } + .feedback-btn__icon, + .nav-menu__feedback__icon { + -webkit-transition:opacity .2s,color .15s; + -moz-transition:opacity .2s,color .15s; + -o-transition:opacity .2s,color .15s; + transition:opacity .2s,color .15s; + -webkit-transition-delay:0s,0s; + -moz-transition-delay:0s,0s; + -o-transition-delay:0s,0s; + transition-delay:0s,0s; + font-size:22px; + color:#666 + } + .feedback-btn__icon:hover, + .nav-menu__feedback__icon:hover, + .feedback-btn__icon:focus, + .nav-menu__feedback__icon:focus { + color:#333; + text-decoration:none + } + .feedback-btn { + -webkit-transition:height .2s ease-in-out; + -webkit-transition-delay:.05s; + -moz-transition:height .2s ease-in-out .05s; + -o-transition:height .2s ease-in-out .05s; + transition:height .2s ease-in-out .05s; + border:none; + padding:0; + height:28px; + min-width:120px; + text-align:center; + margin:.5em; + box-sizing:border-box; + box-shadow:0 1px 3px 0 rgba(0,0,0,0.25) + } + .feedback-btn:hover { + background-color:#fafafa + } + .footer--mobile .feedback-btn { + box-shadow:none; + border:1px solid #d0d0d0; + border-radius:3px + } + @media only screen and (max-width: 1130px) { + .has-right-rail-ads .serp__top-right .feedback-btn { + display:none + } + } + @media only screen and (max-width: 1340px) { + .has-right-rail-module .serp__top-right .feedback-btn { + display:none + } + } + .feedback-btn--clicked { + -webkit-transition-delay:0s; + -moz-transition-delay:0s; + -o-transition-delay:0s; + transition-delay:0s; + height:42px + } + .feedback-btn__send { + -webkit-transition:opacity .2s ease-in-out; + -webkit-transition-delay:0s; + -moz-transition:opacity .2s ease-in-out 0s; + -o-transition:opacity .2s ease-in-out 0s; + transition:opacity .2s ease-in-out 0s; + width:100%; + display:block; + color:#999; + font-weight:600; + opacity:1; + padding:0 .75em; + box-sizing:border-box; + text-transform:capitalize + } + .feedback-btn__send:hover, + .feedback-btn__send:focus { + color:#666; + text-decoration:none + } + .feedback-btn--clicked .feedback-btn__send { + opacity:0 + } + .feedback-btn__icon-wrap { + position:absolute; + top:0; + left:0; + width:100% + } + .feedback-btn__icon { + opacity:0; + width:50%; + display:inline-block; + box-sizing:border-box + } + .feedback-btn__icon:first-child { + padding-right:.5em; + text-align:right + } + .feedback-btn__icon:last-child { + padding-left:.5em; + text-align:left + } + .feedback-btn--clicked .feedback-btn__icon { + -webkit-transition-delay:.1s,0s; + -moz-transition-delay:.1s,0s; + -o-transition-delay:.1s,0s; + transition-delay:.1s,0s; + opacity:1; + visibility:visible + } + .feedback-btn__icon--love:before { + font-family:'ddg-serp-icons' !important; + speak:none; + font-style:normal; + font-weight:normal !important; + font-variant:normal; + text-transform:none; + text-decoration:none !important; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + content:"\29" + } + .feedback-btn__icon--nolove:before { + font-family:'ddg-serp-icons' !important; + speak:none; + font-style:normal; + font-weight:normal !important; + font-variant:normal; + text-transform:none; + text-decoration:none !important; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + content:"\28" + } + .nav-menu__feedback { + top:-.25em; + height:28px + } + .nav-menu__feedback__icon { + display:inline-block; + height:28px + } + .nav-menu__feedback__icon--love { + margin-right:20px + } + .nav-menu__feedback__icon--love:before { + font-family:'ddg-serp-icons' !important; + speak:none; + font-style:normal; + font-weight:normal !important; + font-variant:normal; + text-transform:none; + text-decoration:none !important; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + content:"\29" + } + .nav-menu__feedback__icon--nolove:before { + font-family:'ddg-serp-icons' !important; + speak:none; + font-style:normal; + font-weight:normal !important; + font-variant:normal; + text-transform:none; + text-decoration:none !important; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + content:"\28" + } + .modal__box--feedback { + -webkit-transition:height .3s ease-in-out; + -webkit-transition-delay:0s; + -moz-transition:height .3s ease-in-out 0s; + -o-transition:height .3s ease-in-out 0s; + transition:height .3s ease-in-out 0s; + max-width:360px; + width:80%; + padding:20px; + overflow:visible; + height:auto; + box-sizing:border-box + } + .modal__wrap--feedback { + height:100% + } + .frm--feedback { + padding-top:20px + } + .feedback-modal__heading { + text-align:left; + position:relative + } + .feedback-modal__heading .feedback-modal__close { + right:0; + top:6px + } + .feedback-modal__heading__prompt { + font-size:0.8em; + display:block; + color:#666 + } + .feedback-modal__heading__prompt.has-category { + color:#111; + font-size:1em; + display:inline + } + .feedback-modal__heading__category { + text-transform:capitalize + } + .feedback-modal__heading__query { + font-weight:600 + } + .feedback-modal__heading__query:before { + content:open-quote + } + .feedback-modal__heading__query:after { + content:close-quote + } + .feedback-modal__heading__main { + font-size:16px; + font-weight:600 + } + .feedback-modal__heading--success { + text-align:center; + font-weight:600 + } + .feedback-modal__image { + background:#f7f7f7; + margin-bottom:10px; + padding:10px + } + .feedback-modal__image img { + display:block; + max-height:200px; + max-width:200px; + margin:0 auto + } + .dark-bg .feedback-modal__image { + background:#111 + } + .feedback-modal__label { + display:block; + text-align:left; + font-weight:normal; + font-size:1.1em; + margin-bottom:10px + } + .feedback-modal__input { + display:block; + width:100%; + margin-bottom:10px; + padding-left:.5em; + height:2.2em + } + .feedback-modal__input--dropdown { + padding-left:0 + } + .feedback-modal__input--dropdown select { + width:100% !important; + height:100% !important + } + .is-mobile-device .feedback-modal__input--dropdown select { + font-size:16px; + line-height:100% + } + .is-mobile-device .feedback-modal__input--text { + font-size:16px + } + .feedback-modal__issues { + margin-bottom:10px; + padding-left:0; + text-align:left; + overflow:hidden; + height:auto + } + .feedback-modal__radio { + display:block; + margin-bottom:10px + } + .feedback-modal__radio .feedback-modal__radio__input { + display:inline-block; + margin-right:5px; + margin-left:1px + } + .feedback-modal__input--text { + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + height:auto; + padding:.5em .5em .5em .75em; + overflow:auto; + resize:vertical; + max-height:210px + } + .feedback-modal__issues, + .feedback-modal__input--other, + .feedback-modal__input--ads { + -webkit-transition:border-width .3s,opacity .3s,height .3s,margin .3s; + -moz-transition:border-width .3s,opacity .3s,height .3s,margin .3s; + -o-transition:border-width .3s,opacity .3s,height .3s,margin .3s; + transition:border-width .3s,opacity .3s,height .3s,margin .3s + } + .feedback-modal__issues.is-invisible, + .feedback-modal__input--other.is-invisible, + .feedback-modal__input--ads.is-invisible { + height:0; + opacity:0; + margin:0; + padding:0; + border-width:0 + } + .feedback-modal__input--other { + opacity:1; + padding-left:.75em + } + .feedback-modal__input--other.frm__input { + background-color:#f7f7f7; + color:#333 + } + .feedback-modal__submit { + width:100%; + box-sizing:border-box; + text-align:center; + font-size:1.1em; + position:relative + } + .feedback-modal__submit.is-disabled:hover, + .feedback-modal__submit.is-disabled:active, + .feedback-modal__submit.is-disabled:focus { + background-color:#c3c3c3; + border-color:#c3c3c3; + color:#eee + } + .feedback-modal__message { + font-size:1.1em; + text-align:center; + color:#666 + } + .dark-bg .feedback-modal__message { + color:#f7f7f7 + } + .lt-ie10 .modal__box--feedback { + display:block + } + .report-ad { + color:#888; + display:inline-block; + white-space:nowrap; + line-height:1.45; + margin-left:0.7em + } + .result--ad--small .report-ad { + display:none + } + .report-ad__start { + cursor:pointer + } + .report-ad__start { + border-left:solid 1px #e5e5e5; + padding-left:0.7em + } + .report-ad__link, + .report-ad__link:hover, + .report-ad__link:visited, + .report-ad__link:visited:hover { + color:#888 + } + .report-ad__link:hover { + text-decoration:underline + } + .report-ad__link { + margin-left:0.4em + } + .modal .newsletter-modal__heading--success { + padding:0; + padding-bottom:.5em + } + .newsletter-modal__disclaimer { + padding-top:0.5em; + text-align:left + } + .newsletter-modal__disclaimer__link { + color:#aaa; + text-decoration:underline + } + .spread-icon, + .woman-icon, + .privacy-simplified-icon, + .mailbox-icon { + height:50px; + width:50px; + margin:0 auto + } + .donations-icon, + .traffic-icon, + .privacy-tips-icon { + height:35px; + width:35px; + margin:0 auto + } + .spread-icon { + background:url("assets/icons/spread.svg"); + background-size:50px + } + .woman-icon { + background:url("assets/icons/woman.svg"); + background-size:50px + } + .privacy-simplified-icon { + background:url("assets/icons/privacy-simplified.svg"); + background-size:50px + } + .mailbox-icon { + background:url("assets/icons/mailbox.svg"); + background-size:50px + } + .donations-icon { + background:url("assets/icons/donations.svg"); + background-size:35px + } + .traffic-icon { + background:url("assets/icons/traffic.svg"); + background-size:35px + } + .privacy-tips-icon { + background:url("assets/icons/privacy-tips.svg"); + background-size:35px + } + .showcase__dropdown__list { + display:none + } + .is-showing .showcase__dropdown__list { + display:block + } + .showcase .modal__box, + .social .modal__box { + -webkit-transition:opacity .4s; + -moz-transition:opacity .4s; + -o-transition:opacity .4s; + transition:opacity .4s; + -webkit-transform:scale(1); + -moz-transform:scale(1); + -ms-transform:scale(1); + -o-transform:scale(1); + transform:scale(1); + width:450px; + box-shadow:0 2.5px 20px 0 rgba(0,0,0,0.15); + right:-22px + } + .showcase .modal__body, + .social .modal__body { + padding:0 + } + @media only screen and (max-width: 1400px) { + .set-align-center .showcase { + display:none + } + } + @media only screen and (max-width: 1079px) { + .showcase { + display:none + } + } + .showcase .showcase__heading { + font-size:17px + } + .showcase .showcase__subheading { + font-size:14px + } + .showcase .eighteen { + width:18%; + float:left; + position:relative; + box-sizing:border-box + } + .showcase .showcase__dropdown-top { + padding:11px 19px + } + .showcase .showcase__dropdown-top .showcase__link, + .showcase .showcase__dropdown-top .showcase__link:hover, + .showcase .showcase__dropdown-top .showcase__link:focus { + color:currentColor; + text-decoration:none + } + .showcase .showcase__dropdown-top .showcase__heading:hover, + .showcase .showcase__dropdown-top .showcase__heading:focus { + text-decoration:underline currentColor + } + .showcase .showcase__dropdown-top .showcase__link:nth-child(2) { + padding-top:3px + } + .showcase .showcase__dropdown-top .showcase__dropdown__list { + padding:15px 0; + border-radius:4px; + margin-left:4px + } + .showcase .showcase__dropdown-top .showcase__dropdown__list:hover { + background:#f7f7f7 + } + .dark-bg .showcase .showcase__dropdown-top .showcase__dropdown__list:hover { + background:#434343 + } + .showcase .showcase__dropdown-top .showcase__dropdown__list:last-child { + margin-bottom:0 + } + .showcase .showcase__dropdown-top .showcase__subheading { + padding:3px 0 0 0; + color:#888 + } + .showcase .showcase__dropdown-bottom { + padding:30px 19px; + background:#fafafa; + border-top:solid 1px #eee + } + .showcase .showcase__dropdown-bottom .showcase__link, + .showcase .showcase__dropdown-bottom .showcase__link:hover, + .showcase .showcase__dropdown-bottom .showcase__link:focus { + color:currentColor + } + .showcase .showcase__dropdown-bottom .showcase__dropdown__list { + margin-left:4px; + padding-bottom:1em + } + .showcase .showcase__dropdown-bottom .showcase__dropdown__list:last-child { + padding-bottom:0 + } + .showcase .showcase__icon { + text-align:center + } + .showcase .showcase__text { + padding-top:.7em + } + @media only screen and (max-width: 864px) { + .social { + display:none + } + } + .social .modal__box { + width:102px; + min-width:unset; + box-sizing:border-box + } + .social .social__link { + color:#666; + margin:15px; + text-align:left; + height:16px; + font-size:14px + } + .social .social__link__text { + position:relative; + color:#666 + } + .dark-bg .social .social__link__text { + color:#ededed + } + .social .social__icon--light, + .social .social__icon--dark, + .social .social__icon { + display:inline-block; + margin-right:10px; + height:16px; + width:16px; + vertical-align:top + } + .dark-bg .social .social__icon--light { + display:none + } + .social .social__icon--dark { + display:none + } + .dark-bg .social .social__icon--dark { + display:inline-block + } + .body--home .social { + display:inline-block + } + .set-wide .header__search-wrap, + .set-wide .msg--box, + .set-wide .msg--info, + .set-wide .msg--help, + .set-wide .msg--untranslated, + .set-wide .msg--warning, + .set-wide #error_homepage, + .set-wide .msg, + .set-wide .content__text, + .set-wide .cw, + .set-wide .cw--c { + max-width:1352px + } + .set-wide .header--aside__msg { + display:none + } + .set-wide .header__search-wrap { + max-width:590px + } + .set-wide .results--main { + float:none + } + .set-super-wide .header__search-wrap, + .set-super-wide .msg--box, + .set-super-wide .msg--info, + .set-super-wide .msg--help, + .set-super-wide .msg--untranslated, + .set-super-wide .msg--warning, + .set-super-wide #error_homepage, + .set-super-wide .msg, + .set-super-wide .content__text, + .set-super-wide .cw, + .set-super-wide .cw--c { + max-width:1553px + } + .set-super-wide .header--aside__msg { + display:none + } + .set-super-wide .header__search-wrap { + max-width:590px + } + .set-super-wide .results--main { + float:none + } + .set-header--fixed body, + .set-header--floating body { + padding-top:68px + } + .set-header--fixed.has-zcm body, + .set-header--floating.has-zcm body { + padding-top:105px + } + .set-header--fixed.is-mobile.has-zcm body, + .set-header--floating.is-mobile.has-zcm body { + padding-top:98px + } + .set-header--fixed .site-wrapper, + .set-header--floating .site-wrapper { + margin-top:-3px + } + .set-header--fixed .header-wrap, + .set-header--floating .header-wrap { + position:fixed; + width:100%; + left:0; + right:0; + z-index:105; + padding-bottom:0 + } + .set-header--floating .header-wrap { + -webkit-transition:top .2s ease-in-out; + -webkit-transition-delay:.05s; + -moz-transition:top .2s ease-in-out .05s; + -o-transition:top .2s ease-in-out .05s; + transition:top .2s ease-in-out .05s + } + .set-header--fixed .metabar--fixed { + top:68px + } + .set-header--fixed.has-zcm .metabar--fixed { + top:101px + } + .set-header--fixed.is-mobile.has-zcm .metabar--fixed { + top:97px + } + .set-header--fixed .header-wrap { + top:0 + } + .set-header--menu.has-zcm .header { + min-height:0 + } + .set-header--menu.has-zcm .header-wrap { + padding-top:6px + } + .set-header--menu.has-zcm .header__search-wrap { + display:none + } + .set-header--menu.has-zcm .header--aside { + margin:4px auto + } + .set-header--menu.has-zcm.is-mobile .header--aside { + background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 40%, #fff 100%); + background:linear-gradient(to right, rgba(255,255,255,0) 0%, #fff 40%, #fff 100%); + width:4em; + right:0 + } + .set-header--menu.has-zcm.is-mobile .header__button--menu { + right:4px + } + .set-header--menu.has-zcm.is-app .header-wrap { + border-top:none; + border-bottom:0; + padding-top:0 + } + .set-header--menu.has-zcm.is-app .header--aside { + display:none + } + .set-header--menu.is-mobile-device .header-wrap { + border-top-color:transparent + } + .set-header--menu.is-mobile-device .site-wrapper:before { + display:none + } + .set-text--small { + font-size:72% + } + .set-text--medium { + font-size:81% + } + .set-text--larger { + font-size:99% + } + .set-text--largest { + font-size:112.5% + } + .set-align-center .cw, + .set-align-center .cw--c, + .set-align-center .cw--c { + margin-left:auto; + float:none + } + .set-align-center .cw .zci__main--detail, + .set-align-center .cw--c .zci__main--detail, + .set-align-center .cw--c .zci__main--detail { + padding-left:0; + margin:0 auto + } + @media only screen and (max-width: 864px) { + .set-align-center .cw.header, + .set-align-center .header.cw--c, + .set-align-center .cw--c.header { + margin-left:0 + } + } + .set-align-center .cw.has-aux, + .set-align-center .has-aux.cw--c { + margin-left:0 + } + @media only screen and (min-width: 864px) { + .set-align-center .cw.has-aux, + .set-align-center .has-aux.cw--c { + width:77% + } + } + @media only screen and (min-width: 971.1px) { + .set-align-center .cw.has-aux, + .set-align-center .has-aux.cw--c { + width:67% + } + } + .set-align-center .cw.has-aux .zci__main, + .set-align-center .has-aux.cw--c .zci__main { + padding-left:0 + } + .set-align-center .serp__results, + .set-align-center .metabar__in, + .set-align-center .zci__main.has-tiles { + padding-left:0 + } + .set-align-center .results--main { + float:none + } + .set-align-center .header__search-wrap, + .set-align-center .zcm-wrap--header, + .set-align-center .msg--result, + .set-align-center .msg--serp, + .set-align-center .welcome, + .set-align-center .results--main { + margin-left:auto; + margin-right:auto + } + .set-align-center.has-right-rail-ads .results { + padding-right:60px + } + .set-align-center .welcome, + .set-align-center .zcm-wrap { + padding-left:0 + } + .set-align-center .header--aside__msg { + display:none + } + .set-themes { + display:flex; + flex:1; + flex-direction:row; + justify-content:space-between; + flex-wrap:wrap; + padding:0 0 4px 0 + } + .set-themes .set-theme__check, + .set-themes .set-theme__inp { + display:none + } + .set-themes .set-themes__wrapper { + flex-basis:47%; + display:flex; + flex-direction:column; + text-align:center + } + .set-themes .set-themes__wrapper .set-theme__label { + cursor:pointer + } + .set-themes .set-theme { + width:70%; + padding:15%; + border:1px solid rgba(150,150,150,0.3); + border-radius:4px; + margin:5px 0; + position:relative; + cursor:pointer; + display:flex; + justify-content:center; + flex-direction:column; + background:#fff + } + .set-themes .set-theme:hover { + opacity:0.9 + } + .set-themes .set-theme.is-checked { + border:1px solid rgba(150,150,150,0.6) + } + .set-themes .set-theme.is-checked .set-theme__check { + display:flex; + position:absolute; + right:-3px; + bottom:-5px; + width:16px; + height:16px; + border-radius:8px; + color:#fff; + background:#66abff; + font-size:10px; + justify-content:center; + align-items:center; + pointer-events:none; + flex-direction:column; + z-index:10 + } + .set-themes .set-theme.is-checked+.set-theme__label { + font-weight:bold + } + .set-themes .set-theme [class^="set-theme__color-"] { + content:""; + height:4px; + overflow:hidden; + margin:2px 0; + border-radius:4px; + width:100% + } + .set-themes .set-theme .set-theme__color-2 { + width:75% + } + .logo_homepage--it { + background-image:url("/assets/logos/initech/logo_homepage.png") + } + .svg .logo_homepage--it { + background-image:url("/assets/logos/initech/logo_homepage.svg") + } + @media only screen and (max-height: 425px) { + .logo_homepage--it { + background-image:url("/assets/logos/initech/logo_homepage_mobile.png") + } + .svg .logo_homepage--it { + background-image:url("/assets/logos/initech/logo_homepage_mobile.svg") + } + } + @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-ms-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dppx) { + .logo_homepage--it { + background-image:url("/assets/logos/initech/logo_homepage.retina.png") + } + } + @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 425px), only screen and (-moz-min-device-pixel-ratio: 2) and (max-width: 425px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 425px), only screen and (-ms-min-device-pixel-ratio: 2) and (max-width: 425px), only screen and (min-device-pixel-ratio: 2) and (max-width: 425px), only screen and (min-resolution: 192dppx) and (max-width: 425px) { + .logo_homepage--it { + background-image:url("/assets/logos/initech/logo_homepage_small.retina.png") + } + } + @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-height: 425px), only screen and (-moz-min-device-pixel-ratio: 2) and (max-height: 425px), only screen and (min--moz-device-pixel-ratio: 2) and (max-height: 425px), only screen and (-ms-min-device-pixel-ratio: 2) and (max-height: 425px), only screen and (min-device-pixel-ratio: 2) and (max-height: 425px), only screen and (min-resolution: 192dppx) and (max-height: 425px) { + .logo_homepage--it { + background-image:url("/assets/logos/initech/logo_homepage_mobile.retina.png") + } + } + .logo_homepage--it.header__logo { + width:60px + } + .logo_homepage--resetthenet { + background-image:url("/assets/logos/resetthenet/logo_homepage.normal.png") + } + .svg .logo_homepage--resetthenet { + background-image:url("/assets/logos/resetthenet/logo_homepage.normal.svg") + } + .dark-bg .logo_homepage--resetthenet { + background-image:url("/assets/logos/resetthenet/logo_homepage.alt.png") + } + .svg.dark-bg .logo_homepage--resetthenet { + background-image:url("/assets/logos/resetthenet/logo_homepage.alt.svg") + } + @media only screen and (max-width: 425px) { + .logo_homepage--resetthenet { + background-image:url("/assets/logos/resetthenet/logo_homepage_small.normal.png") + } + .svg .logo_homepage--resetthenet { + background-image:url("/assets/logos/resetthenet/logo_homepage_small.normal.svg") + } + .dark-bg .logo_homepage--resetthenet { + background-image:url("/assets/logos/resetthenet/logo_homepage_small.alt.png") + } + .svg.dark-bg .logo_homepage--resetthenet { + background-image:url("/assets/logos/resetthenet/logo_homepage_small.alt.svg") + } + } + @media only screen and (max-height: 425px) { + .logo_homepage--resetthenet { + background-image:url("/assets/logos/resetthenet/logo_homepage_mobile.normal.png") + } + .svg .logo_homepage--resetthenet { + background-image:url("/assets/logos/resetthenet/logo_homepage_mobile.normal.svg") + } + .dark-bg .logo_homepage--resetthenet { + background-image:url("/assets/logos/resetthenet/logo_homepage_mobile.alt.png") + } + .svg.dark-bg .logo_homepage--resetthenet { + background-image:url("/assets/logos/resetthenet/logo_homepage_mobile.alt.svg") + } + } + @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-ms-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dppx) { + .logo_homepage--resetthenet { + background-image:url("/assets/logos/resetthenet/logo_homepage.normal.retina.png") + } + .dark-bg .logo_homepage--resetthenet { + background-image:url("/assets/logos/resetthenet/logo_homepage.alt.retina.png") + } + } + @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 425px), only screen and (-moz-min-device-pixel-ratio: 2) and (max-width: 425px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 425px), only screen and (-ms-min-device-pixel-ratio: 2) and (max-width: 425px), only screen and (min-device-pixel-ratio: 2) and (max-width: 425px), only screen and (min-resolution: 192dppx) and (max-width: 425px) { + .logo_homepage--resetthenet { + background-image:url("/assets/logos/resetthenet/logo_homepage_small.normal.retina.png") + } + .dark-bg .logo_homepage--resetthenet { + background-image:url("/assets/logos/resetthenet/logo_homepage_small.alt.retina.png") + } + } + @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-height: 425px), only screen and (-moz-min-device-pixel-ratio: 2) and (max-height: 425px), only screen and (min--moz-device-pixel-ratio: 2) and (max-height: 425px), only screen and (-ms-min-device-pixel-ratio: 2) and (max-height: 425px), only screen and (min-device-pixel-ratio: 2) and (max-height: 425px), only screen and (min-resolution: 192dppx) and (max-height: 425px) { + .logo_homepage--resetthenet { + background-image:url("/assets/logos/resetthenet/logo_homepage_mobile.normal.retina.png") + } + .dark-bg .logo_homepage--resetthenet { + background-image:url("/assets/logos/resetthenet/logo_homepage_mobile.alt.retina.png") + } + } + .is-open { + display:block + } + .is-closed, + .is-hidden { + display:none !important + } + .no-js .no-js__hide { + display:none !important + } + .cw, + .cw--c { + position:relative; + padding:0 7px; + max-width:1270px; + margin-left:0; + margin-right:auto + } + .cw--c { + margin-left:auto + } + .content__internal { + padding-top:1em + } + img { + max-width:100% + } + .site-wrapper { + width:100%; + overflow:hidden + } + .content-wrap { + margin:0 auto; + position:relative + } + .text-center, + .text-mid { + text-align:center + } + .text-left { + text-align:left + } + .text-right { + text-align:right + } + .r-block { + display:block + } + .r-inline { + display:inline + } + .r-inline-block, + .r-iblock { + display:inline-block + } + .r-valign--top { + vertical-align:top + } + .r-valign--mid { + vertical-align:middle + } + .r-valign--bottom { + vertical-align:bottom + } + .r-border-box, + html { + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + -ms-box-sizing:border-box; + -o-box-sizing:border-box; + box-sizing:border-box + } + .r-content-box, + .r-grid-pad { + -webkit-box-sizing:content-box; + -moz-box-sizing:content-box; + -ms-box-sizing:content-box; + -o-box-sizing:content-box; + box-sizing:content-box + } + .whole, + .half, + .third, + .twothird, + .twothirds, + .quarter, + .threequarter, + .threequarters, + .sixth, + .eighth, + .ninety, + .eighty, + .seventy, + .sixty, + .fifty, + .forty, + .thirty, + .twenty, + .ten { + float:left; + position:relative; + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + -ms-box-sizing:border-box; + -o-box-sizing:border-box; + box-sizing:border-box + } + .whole { + width:100% + } + .half, + .fifty { + width:50% + } + .third { + width:33.3% + } + .twothird, + .twothirds { + width:66.6% + } + .quarter { + width:25% + } + .threequarter, + .threequarters { + width:75% + } + .sixth { + width:16.6% + } + .eighth { + width:12.5% + } + .ninety { + width:90% + } + .eighty { + width:80% + } + .seventy { + width:70% + } + .sixty { + width:60% + } + .forty { + width:40% + } + .thirty { + width:30% + } + .twenty { + width:20% + } + .ten { + width:10% + } + .gw { + margin-left:-1em; + letter-spacing:-0.31em + } + .g { + padding-left:1em; + display:inline-block; + vertical-align:top; + letter-spacing:normal; + float:none; + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + -ms-box-sizing:border-box; + -o-box-sizing:border-box; + box-sizing:border-box + } + .gw--h { + margin-left:-0.5em + } + .gw--h .g { + padding-left:0.5em + } + .block-mid { + margin-left:auto; + margin-right:auto; + display:block; + float:none + } + .pull-left, + .fl, + .float--left { + float:left + } + .pull-right, + .fr, + .float--right { + float:right + } + .pull-none, + .killfloat { + float:none + } + .clear, + .r-clear { + clear:both + } + .hide, + .r-hide { + display:none + } + .hide--important, + #state_hidden, + #iframe_hidden { + display:none !important + } + .allcaps { + text-transform:uppercase + } + .clearfix:after, + .fix:after, + .group:after, + .row:after, + .gw:after, + .media:after, + .acp--bang:after { + content:""; + display:block; + clear:both + } + @media only screen and (min-width: 1079px) { + .hide--screen-l { + display:none + } + .show--screen-l, + .r-block--screen-l { + display:block + } + .block-mid--screen-l { + margin-left:auto; + margin-right:auto; + display:block; + float:none + } + .pull-left--screen-l, + .fl--screen-l { + float:left + } + .pull-right--screen-l, + .fr--screen-l { + float:right + } + .pull-none--screen-l, + .killfloat--screen-l { + float:none + } + .whole--screen-l { + width:100% + } + .ninety--screen-l { + width:90% + } + .eighty--screen-l { + width:80% + } + .seventy--screen-l { + width:70% + } + .sixty--screen-l { + width:60% + } + .half--screen-l, + .fifty--screen-l { + width:50% + } + .forty--screen-l { + width:40% + } + .thirty--screen-l { + width:30% + } + .quarter--screen-l { + width:25% + } + .twenty--screen-l { + width:20% + } + .ten--screen-l { + width:10% + } + } + @media only screen and (min-width: 1440px) { + .hide--screen-xl { + display:none + } + .show--screen-xl, + .r-block--screen-xl { + display:block + } + .block-mid--screen-xl { + margin-left:auto; + margin-right:auto; + display:block; + float:none + } + .pull-left--screen-xl, + .fl--screen-xl { + float:left + } + .pull-right--screen-xl, + .fr--screen-xl { + float:right + } + .pull-none--screen-xl, + .killfloat--screen-xl { + float:none + } + .whole--screen-xl { + width:100% + } + .ninety--screen-xl { + width:90% + } + .eighty--screen-xl { + width:80% + } + .seventy--screen-xl { + width:70% + } + .sixty--screen-xl { + width:60% + } + .half--screen-xl, + .fifty--screen-xl { + width:50% + } + .forty--screen-xl { + width:40% + } + .thirty--screen-xl { + width:30% + } + .quarter--screen-xl { + width:25% + } + .twenty--screen-xl { + width:20% + } + .ten--screen-xl { + width:10% + } + } + @media only screen and (max-width: 864px) { + .port-half, + .half--screen-m { + width:50%; + float:left; + clear:none + } + .block-mid--screen-m { + margin-left:auto; + margin-right:auto; + display:block; + float:none + } + .port-hide, + .hide--screen-m { + display:none + } + .port-block, + .show--screen-m, + .r-block--screen-m { + display:block + } + .port-clear, + .clear--screen-m, + .r-clear--screen-m { + clear:both + } + .port-killfloat, + .port-pull-none, + .port-float--none, + .pull-none--screen-m, + .killfloat--screen-m { + float:none + } + .whole--screen-m { + width:100% + } + .ninety--screen-m { + width:90% + } + .eighty--screen-m { + width:80% + } + .seventy--screen-m { + width:70% + } + .sixty--screen-m { + width:60% + } + .half--screen-m, + .fifty--screen-m { + width:50% + } + .forty--screen-m { + width:40% + } + .thirty--screen-m { + width:30% + } + .quarter--screen-m { + width:25% + } + .twenty--screen-m { + width:20% + } + .ten--screen-m { + width:10% + } + } + @media only screen and (max-width: 590px) { + html { + min-width:initial + } + .whole, + .half, + .third, + .twothird, + .twothirds, + .quarter, + .threequarter, + .threequarters, + .sixth, + .eighth, + .ninety, + .eighty, + .seventy, + .sixty, + .fifty, + .forty, + .thirty, + .twenty, + .ten { + width:100%; + margin:0 auto + } + img.half, + img.third, + img.twothird, + img.quarter, + img.threequarter, + img.sixth { + width:auto + } + .palm-half, + .half--screen-s { + width:50%; + float:left; + clear:none + } + .block-mid--screen-s { + margin-left:auto; + margin-right:auto; + display:block; + float:none + } + .palm-hide, + .hide--screen-s { + display:none + } + .palm-block, + .show--screen-s, + .r-block--screen-s { + display:block + } + .palm-clear, + .clear--screen-s, + .r-clear--screen-s { + clear:both + } + .palm-killfloat, + .palm-pull-none, + .palm-float--none, + .killfloat-s, + .pull-none--screen-s { + float:none + } + .whole--screen-s { + width:100% + } + .ninety--screen-s { + width:90% + } + .eighty--screen-s { + width:80% + } + .seventy--screen-s { + width:70% + } + .sixty--screen-s { + width:60% + } + .half--screen-s, + .fifty--screen-s { + width:50% + } + .forty--screen-s { + width:40% + } + .thirty--screen-s { + width:30% + } + .quarter--screen-s { + width:25% + } + .twenty--screen-s { + width:20% + } + .ten--screen-s { + width:10% + } + } + @media only screen and (max-width: 425px) { + .half--screen-xs { + width:50%; + float:left; + clear:none + } + .hide--screen-xs { + display:none + } + .show--screen-xs, + .r-block--screen-xs { + display:block + } + .clear--screen-xs, + .r-clear--screen-xs { + clear:both + } + .killfloat-xs, + .pull-none--screen-xs { + float:none + } + .whole--screen-xs { + width:100% + } + .ninety--screen-xs { + width:90% + } + .eighty--screen-xs { + width:80% + } + .seventy--screen-xs { + width:70% + } + .sixty--screen-xs { + width:60% + } + .half--screen-xs, + .fifty--screen-xs { + width:50% + } + .forty--screen-xs { + width:40% + } + .thirty--creen-xs { + width:30% + } + .quarter--screen-xs { + width:25% + } + .twenty--screen-xs { + width:20% + } + .ten--screen-xs { + width:10% + } + } + .tile--cat .tile__content a, + .tile--cat .tile__content br { + display:none + } + .zci-wrap { + padding:0 !important + } + #error_homepage { + text-align:center; + font-weight:bold; + display:none + } + #bottom_spacing2 { + padding-bottom:180px + } + .has-footer #bottom_spacing2 { + padding-bottom:0 + } \ No newline at end of file