This repository has been archived by the owner on Jun 19, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 2
/
tv.earth.css
executable file
·139 lines (139 loc) · 21.7 KB
/
tv.earth.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,iframe,nav,section,audio,canvas,video{display:block;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{font-size:100%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
b,strong{font-weight:bold;}
abbr[title]{border-bottom:1px dotted;}
table{border-collapse:collapse;border-spacing:0;}
a img,img{-ms-interpolation-mode:bicubic;border:0;}
input,textarea,button,select{margin:0;font-size:100%;line-height:normal;vertical-align:baseline;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
textarea{overflow:auto;}
.clear-fix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.backface-hidden{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
*{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
html{height:100%;}
body{background-image:-webkit-gradient(linear, left top, left bottom, from(#873612), to(#3a1708));background-image:-webkit-linear-gradient(#873612, #3a1708);background-image:-moz-linear-gradient(#873612, #3a1708);background-image:-ms-linear-gradient(#873612, #3a1708);background-image:-o-linear-gradient(#873612, #3a1708);background-attachment:fixed;background-repeat:no-repeat;color:#ffffff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;height:100%;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;}
.detail ul,.single ul,.detail ol,.single ol{margin:1em;}
.detail ul,.single ul{list-style:square;}
.detail ol,.single ol{list-style:decimal;}
.detail div,.single div{max-width:100%;}
.detail p,.single p{margin-top:0.5em;margin-bottom:0.5em;}
.detail h1,.single h1{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.3em;padding-top:1em;}
.detail h2,.single h2{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.2em;padding-top:1em;}
.detail h3,.single h3{font-weight:normal;font-size:1.2em;}
.detail .article a{color:#be440e;font-weight:normal;font-style:normal;}
.nodata{padding:3em 0;text-align:center;font-size:1.2em;background:#ffffff;color:#333333;}
.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;}
.article h1{font-size:1.3em;font-weight:bold;padding-top:1.2em;}
.article h2{font-size:1.2em;font-weight:bold;padding-top:1em;}
.article h3{font-size:1.2em;font-weight:normal;}
.article h4{font-size:1.1em;text-decoration:underline;}
.article h5,.article h6{font-size:1em;font-style:italic;}
#container{display:block;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.center{text-align:center;}
.panel{width:100%;height:100%;}
#contact .body{padding:2em 1em;}
#contact .body p{margin-bottom:1em;}
#contact .body a{text-decoration:underline;}
#contact .body img{max-width:100%;height:auto;margin-bottom:1em;display:block;}
.google-map{height:100%;}
.google-map img{max-width:none;}
.map-overlay{color:#333333;}
figure,.figure,.content,.section,.left-panel{position:relative;display:block;}figure>.img,.figure>.img,.content>.img,.section>.img,.left-panel>.img{width:100%;height:100%;background-size:cover;background-position:center center;}
figure>.fadein,.figure>.fadein,.content>.fadein,.section>.fadein,.left-panel>.fadein{-webkit-transition:0.7s ease-in-out opacity;-moz-transition:0.7s ease-in-out opacity;-ms-transition:0.7s ease-in-out opacity;-o-transition:0.7s ease-in-out opacity;transition:0.7s ease-in-out opacity;-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);}
figure>.loader,.figure>.loader,.content>.loader,.section>.loader,.left-panel>.loader{background:transparent url(../images/image-spinner.gif) no-repeat center center;margin:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:none;}figure>.loader.inv,.figure>.loader.inv,.content>.loader.inv,.section>.loader.inv,.left-panel>.loader.inv{background-image:url(../images/image-spinner-inv.gif);}
figure>.loader.large,.figure>.loader.large,.content>.loader.large,.section>.loader.large,.left-panel>.loader.large{background-color:rgba(0, 0, 0, 0.9);background-image:url(../images/spinner.gif);-webkit-border-radius:0.5em;-moz-border-radius:0.5em;-ms-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;width:5em;height:5em;left:50%;top:50%;margin-top:-2.5em;margin-left:-2.5em;}
figure.loading>.loader,.figure.loading>.loader,.content.loading>.loader,.section.loading>.loader,.left-panel.loading>.loader,figure.dataloading>.loader,.figure.dataloading>.loader,.content.dataloading>.loader,.section.dataloading>.loader,.left-panel.dataloading>.loader{display:block;}
figure.loading>img,.figure.loading>img,.content.loading>img,.section.loading>img,.left-panel.loading>img,figure.dataloading>img,.figure.dataloading>img,.content.dataloading>img,.section.dataloading>img,.left-panel.dataloading>img,figure.loading>.img,.figure.loading>.img,.content.loading>.img,.section.loading>.img,.left-panel.loading>.img,figure.dataloading>.img,.figure.dataloading>.img,.content.dataloading>.img,.section.dataloading>.img,.left-panel.dataloading>.img{filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
.figure-img.fadein{-webkit-transition:0.7s ease-in-out opacity;-moz-transition:0.7s ease-in-out opacity;-ms-transition:0.7s ease-in-out opacity;-o-transition:0.7s ease-in-out opacity;transition:0.7s ease-in-out opacity;-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);}
.figure-img.loading,.figure-img.dataloading{filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
.joshfire-wrapper>div{height:100%;}
body.device-tv{font-size:36px;background-repeat:no-repeat;background-position:center center;background-size:cover;}
#container{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(135, 54, 18, 0.9)), to(rgba(58, 23, 8, 0.9)));background-image:-webkit-linear-gradient(rgba(135, 54, 18, 0.9), rgba(58, 23, 8, 0.9));background-image:-moz-linear-gradient(rgba(135, 54, 18, 0.9), rgba(58, 23, 8, 0.9));background-image:-ms-linear-gradient(rgba(135, 54, 18, 0.9), rgba(58, 23, 8, 0.9));background-image:-o-linear-gradient(rgba(135, 54, 18, 0.9), rgba(58, 23, 8, 0.9));}
ul{list-style:none;}
a{font:inherit;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal;}
#logo{position:absolute;width:275px;text-align:center;padding:40px 0;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, 0.08)), to(rgba(255, 255, 255, 0)));background-image:-webkit-linear-gradient(rgba(255, 255, 255, 0), color-stop(0.5, rgba(255, 255, 255, 0.08)), rgba(255, 255, 255, 0));background-image:-moz-linear-gradient(rgba(255, 255, 255, 0), color-stop(rgba(255, 255, 255, 0.08), 0.5), rgba(255, 255, 255, 0));background-image:-ms-linear-gradient(rgba(255, 255, 255, 0), color-stop(rgba(255, 255, 255, 0.08), 0.5), rgba(255, 255, 255, 0));background-image:-o-linear-gradient(rgba(255, 255, 255, 0), color-stop(rgba(255, 255, 255, 0.08), 0.5), rgba(255, 255, 255, 0));font-size:1.2em;}#logo img{max-width:100%;max-height:200px;}
.detail .nav-focused a{color:#be440e;font-weight:normal;font-style:normal;}
.nodata{padding:3em 0;text-align:center;font-size:1.2em;background:#873612;color:#ffffff;}
#toolbar{background:transparent url(../images/tv-shadow.png) no-repeat 275px center;background-size:auto 100%;position:relative;width:375px;height:100%;z-index:20;}#toolbar ul{background-image:-webkit-gradient(linear, left top, left bottom, from(#873612), to(#4d1f0a));background-image:-webkit-linear-gradient(#873612, #4d1f0a);background-image:-moz-linear-gradient(#873612, #4d1f0a);background-image:-ms-linear-gradient(#873612, #4d1f0a);background-image:-o-linear-gradient(#873612, #4d1f0a);width:275px;height:100%;padding-top:300px;-webkit-box-sizing:border-box;}
#toolbar a{width:100%;height:100%;display:block;text-indent:-30000px;background-repeat:no-repeat;background-position:center center;}#toolbar a.photo{background-image:url(../images/tv-photo.png);}
#toolbar a.status{background-image:url(../images/tv-status.png);}
#toolbar a.video{background-image:url(../images/tv-video.png);}
#toolbar a.event{background-image:url(../images/tv-event.png);}
#toolbar a.news{background-image:url(../images/tv-news.png);}
#toolbar a.sound{background-image:url(../images/tv-sound.png);}
#toolbar a.contact{background-image:url(../images/tv-contact.png);}
#toolbar a.map{background-image:url(../images/tv-map.png);}
#toolbar a.product{background-image:url(../images/tv-product.png);}
#toolbar a.other{background-image:url(../images/tv-news.png);}
#toolbar li{width:120px;height:60px;margin:0 auto 10px;background:#903a13;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;}#toolbar li.nav-active{background:transparent url(../images/tv-glow.png) no-repeat center center;}
#toolbar .highlight{position:absolute;left:137.5px;top:0;height:100%;width:137.5px;pointer-events:none;background-image:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.02)), to(rgba(255, 255, 255, 0.01)));background-image:-webkit-linear-gradient(right center, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.01));background-image:-moz-linear-gradient(right center, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.01));background-image:-ms-linear-gradient(right center, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.01));background-image:-o-linear-gradient(right center, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.01));}
#toolbar.nav-focused .nav-active{background-color:rgba(255, 255, 255, 0.1);-webkit-box-shadow:0 0 50px rgba(255, 255, 255, 0.3);-moz-box-shadow:0 0 50px rgba(255, 255, 255, 0.3);-ms-box-shadow:0 0 50px rgba(255, 255, 255, 0.3);-o-box-shadow:0 0 50px rgba(255, 255, 255, 0.3);box-shadow:0 0 50px rgba(255, 255, 255, 0.3);border:solid 3px rgba(255, 255, 255, 0.2);width:118px;height:58px;}
#top-gradient-overlay{position:absolute;z-index:10;top:0;right:0;left:275px;height:80px;pointer-events:none;background-image:-webkit-gradient(linear, left top, left bottom, from(#b44818), to(rgba(180, 72, 24, 0)));background-image:-webkit-linear-gradient(#b44818, rgba(180, 72, 24, 0));background-image:-moz-linear-gradient(#b44818, rgba(180, 72, 24, 0));background-image:-ms-linear-gradient(#b44818, rgba(180, 72, 24, 0));background-image:-o-linear-gradient(#b44818, rgba(180, 72, 24, 0));}
#bottom-gradient-overlay{position:absolute;z-index:10;bottom:0;right:0;left:275px;height:80px;pointer-events:none;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(108, 43, 14, 0)), to(#6c2b0e));background-image:-webkit-linear-gradient(rgba(108, 43, 14, 0), #6c2b0e);background-image:-moz-linear-gradient(rgba(108, 43, 14, 0), #6c2b0e);background-image:-ms-linear-gradient(rgba(108, 43, 14, 0), #6c2b0e);background-image:-o-linear-gradient(rgba(108, 43, 14, 0), #6c2b0e);}
#cards{position:absolute;top:0;right:0;bottom:0;left:275px;overflow:hidden;z-index:5;}#cards>div{height:100%;}
.content{position:relative;height:100%;overflow:hidden;}.content.loading .spinner{display:block;}
.content .spinner{background:rgba(0, 0, 0, 0.9) url(../images/spinner.gif) no-repeat center center;position:absolute;top:0;bottom:0;left:50%;top:50%;width:5em;height:5em;margin-top:-2.5em;margin-left:-2.5em;z-index:50;display:none;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;-ms-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;}
.slide-panel{width:100%;height:100%;}
.nav-focused{height:100%;}
.news-item .thumbnail{float:left;display:block;width:200px;height:130px;margin-right:30px;background-image:url('../images/noimage.png');background:no-repeat center center;background-size:cover;}
.list-container{margin-left:400px;height:100%;background-color:#5a240c;-webkit-box-shadow:-5px 5px 10px rgba(0, 0, 0, 0.3);-moz-box-shadow:-5px 5px 10px rgba(0, 0, 0, 0.3);-ms-box-shadow:-5px 5px 10px rgba(0, 0, 0, 0.3);-o-box-shadow:-5px 5px 10px rgba(0, 0, 0, 0.3);box-shadow:-5px 5px 10px rgba(0, 0, 0, 0.3);}
.list-indicator{filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;-webkit-transition:0.1s ease-in-out all;-moz-transition:0.1s ease-in-out all;-ms-transition:0.1s ease-in-out all;-o-transition:0.1s ease-in-out all;transition:0.1s ease-in-out all;position:absolute;left:300px;top:-200;right:0;height:170px;background:#ffffff url(../images/tv-more-black.png) no-repeat right center;-webkit-box-shadow:-5px 5px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow:-5px 5px 3px rgba(0, 0, 0, 0.2);-ms-box-shadow:-5px 5px 3px rgba(0, 0, 0, 0.2);-o-box-shadow:-5px 5px 3px rgba(0, 0, 0, 0.2);box-shadow:-5px 5px 3px rgba(0, 0, 0, 0.2);}
.list{-webkit-transition:0.2s ease-in-out all;-moz-transition:0.2s ease-in-out all;-ms-transition:0.2s ease-in-out all;-o-transition:0.2s ease-in-out all;transition:0.2s ease-in-out all;-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);}.list li{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.15)), to(rgba(255, 255, 255, 0.05)));background-image:-webkit-linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05));background-image:-moz-linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05));background-image:-ms-linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05));background-image:-o-linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05));-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
.list li:first-child{padding-top:40px;}
.list li:last-child{padding-bottom:40px;}
.list li:nth-child(2n){background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.01)));background-image:-webkit-linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));background-image:-moz-linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));background-image:-ms-linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));background-image:-o-linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));}
.list .image{width:130px;height:130px;background-size:cover;background-repeat:no-repeat;}
.list .left{float:left;}
.list .right{margin-left:160px;}
.list .far-left{position:absolute;top:0;left:-320px;width:230px;overflow:hidden;}
.list .far-left p{color:#ffffff;padding:20px 0;width:230px;height:130px;overflow:hidden;font-size:.8em;display:table-cell;vertical-align:middle;text-shadow:0 0 1px rgba(0, 0, 0, 0.9),0 0 10px rgba(0, 0, 0, 0.8);}
.list .item-content{height:130px;vertical-align:middle;overflow:hidden;}
.list a{display:block;height:130px;padding:20px 80px 20px 30px;font-weight:normal;font-size:1em;position:relative;word-wrap:break-word;}
#cards.nav-focused-ancestor .list-indicator{filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1;}
#cards.nav-focused-ancestor .list .nav-active{color:#333333;background:none;margin-left:-100px;-webkit-transition:0.1s ease-in-out margin-left 0.2s;-moz-transition:0.1s ease-in-out margin-left 0.2s;-ms-transition:0.1s ease-in-out margin-left 0.2s;-o-transition:0.1s ease-in-out margin-left 0.2s;transition:0.1s ease-in-out margin-left 0.2s;}#cards.nav-focused-ancestor .list .nav-active a{background:none;}
#cards.nav-focused-ancestor .list .nav-active .far-left{-webkit-transition:0.1s ease-in-out left 0.2s;-moz-transition:0.1s ease-in-out left 0.2s;-ms-transition:0.1s ease-in-out left 0.2s;-o-transition:0.1s ease-in-out left 0.2s;transition:0.1s ease-in-out left 0.2s;left:-260px;}
.detail>div{max-width:800px;margin:0 auto;padding:100px 180px;font-size:60px;text-shadow:0 0 1px rgba(0, 0, 0, 0.9),0 0 10px rgba(0, 0, 0, 0.8);}.detail>div h3{margin-bottom:.3em;font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;}
.detail>div p,.detail>div .body{font-size:40px;margin-bottom:1em;}
.detail>div h4{font-size:.9em;margin-bottom:1em;font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;}
.detail>div img{height:auto;margin:1em 0;}
.detail>div .media{margin:1em 0;}
.head{font-size:36px;padding:20px 30px 20px 100px;margin-bottom:40px;margin-left:-100px;text-shadow:none;background:#ffffff url(../images/tv-back.png) no-repeat 20px center;color:#333333;display:inline-block;-webkit-box-shadow:-5px 5px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow:-5px 5px 3px rgba(0, 0, 0, 0.2);-ms-box-shadow:-5px 5px 3px rgba(0, 0, 0, 0.2);-o-box-shadow:-5px 5px 3px rgba(0, 0, 0, 0.2);box-shadow:-5px 5px 3px rgba(0, 0, 0, 0.2);min-height:43px;}.head:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.head .image{width:130px;height:130px;background-size:cover;background-repeat:no-repeat;float:right;margin-left:30px;}
.head .title{margin-right:190px;}
.mosaic{background:#5a240c;padding:10px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}.mosaic:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.mosaic .photo-item,.mosaic .video-item{float:left;width:40%;}.mosaic .photo-item .caption,.mosaic .video-item .caption{display:none;padding:15px 20px;position:absolute;left:10px;right:10px;bottom:10px;background-color:rgba(135, 54, 18, 0.85);font-size:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mosaic .photo-item .image-link,.mosaic .video-item .image-link{display:block;position:absolute;width:84px;height:84px;top:50%;left:50%;margin-left:-42px;margin-top:-42px;background:#873612 url(../images/tv-zoom.png) no-repeat center center;-webkit-border-radius:42px;-moz-border-radius:42px;-ms-border-radius:42px;-o-border-radius:42px;border-radius:42px;display:none;}
.mosaic .photo-item .video-link,.mosaic .video-item .video-link{display:block;position:absolute;width:84px;height:84px;top:50%;left:50%;margin-left:-42px;margin-top:-42px;background:#873612 url(../images/tv-play.png) no-repeat center center;-webkit-border-radius:42px;-moz-border-radius:42px;-ms-border-radius:42px;-o-border-radius:42px;border-radius:42px;display:none;}
.mosaic .photo-item.nav-active .image-link,.mosaic .video-item.nav-active .image-link,.mosaic .photo-item.nav-active .video-link,.mosaic .video-item.nav-active .video-link,.mosaic .photo-item.nav-active .caption,.mosaic .video-item.nav-active .caption{display:block;}
.mosaic .photo-item.loading .spinner,.mosaic .video-item.loading .spinner{display:block !important;}
.mosaic .photo-item:nth-child(11n - 10),.mosaic .video-item:nth-child(11n - 10){clear:both;}
.mosaic .photo-item:nth-child(11n - 9),.mosaic .video-item:nth-child(11n - 9){float:right;}
.mosaic .photo-item:nth-child(11n - 8),.mosaic .video-item:nth-child(11n - 8){width:20%;}
.mosaic .photo-item:nth-child(11n - 7),.mosaic .video-item:nth-child(11n - 7){width:20%;}
.mosaic .photo-item:nth-child(11n - 6),.mosaic .video-item:nth-child(11n - 6){width:20%;clear:both;}
.mosaic .photo-item:nth-child(11n - 5),.mosaic .video-item:nth-child(11n - 5){width:20%;}
.mosaic .photo-item:nth-child(11n - 4),.mosaic .video-item:nth-child(11n - 4){width:20%;float:right;}
.mosaic .photo-item:nth-child(11n - 3),.mosaic .video-item:nth-child(11n - 3){float:right;}
.mosaic .photo-item:nth-child(11n - 2),.mosaic .video-item:nth-child(11n - 2){width:20%;}
.mosaic .photo-item:nth-child(11n - 1),.mosaic .video-item:nth-child(11n - 1){width:20%;}
.mosaic .photo-item:nth-child(11n),.mosaic .video-item:nth-child(11n){width:20%;float:right;margin-top:-20%;clear:both;}
.mosaic .container{width:100%;height:0;padding-top:100%;position:relative;}
.mosaic .image{background-position:center center;background-size:cover;background-repeat:no-repeat;background-color:#000;position:absolute;top:10px;right:10px;bottom:10px;left:10px;}
.mosaic .spinner{background:transparent url(../images/image-spinner.gif) no-repeat center center;margin:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:none;}
#photos-detail,#videos-detail{position:absolute;z-index:500;top:0;left:0;width:100%;height:100%;background-color:#000;}#photos-detail .image,#videos-detail .image{height:100%;background-position:center center;background-size:contain;background-repeat:no-repeat;}
#photos-detail .spinner,#videos-detail .spinner{background:transparent url(../images/spinner.gif) no-repeat center center;margin:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:none;}
#photos-detail.loading .image,#videos-detail.loading .image{display:none;}
#photos-detail.loading .spinner,#videos-detail.loading .spinner{display:block;}
.offer:before{content:'(';}
.offer:after{content:')';}
.single .head{padding:20px 30px;margin-bottom:40px;margin-left:0;background:#ffffff;}