html:not(.pc) body.init #splash{position:fixed;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:999;background-color:#000;background-image:url(https://radius-revolt.com/cab/v2/logo.png);background-position:center;background-repeat:no-repeat;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}
.nav-contact span{line-height:40px;padding-right:8px}
html.pc .nav-contact .icon{opacity:.72}
#tagline{padding:0 8px;height:24px;line-height:24px;background-color:#247397}
#tagline span{font-size:11px}
html.pc #content{width:100%}
section{margin-bottom:40px}
body > header{position:relative;overflow:hidden}
html:not(.pc) body > header{margin-bottom:40px}
html:not(.pc) body > header .inner{width:100%;height:100%}
.brand{position:absolute;top:50%;left:50%;opacity:0;z-index:50;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}
html.mobile .brand{margin-top:-40px}
body > header h1 span,
body > header h2 span{display:block}
h1 span{letter-spacing:.08em}
body > header h2{letter-spacing:.075em}
body > header h2 span{letter-spacing:.1em}
html.pc h1 > img{height:64px}
html.pc h1 span img{height:48px}
html.pc body h1 span{margin-bottom:16px}
html.pc body > header h2{font-size:24px}
html.pc body > header h2 span{margin-top:12px;font-size:14px}
html.mobile body > header{margin-bottom:24px}
html.mobile body h1 > img{height:40px}
html.mobile body h1 span img{height:32px}
html.mobile body h1 span{margin-bottom:10px}
html.mobile body > header h2{font-size:14px;white-space:nowrap}
html.mobile body > header h2 span{margin-top:12px;font-size:11px;white-space:nowrap}
html.tablet body h1 > img{height:56px}
html.tablet body h1 span img{height:40px}
html.tablet body h1 span{margin-bottom:10px}
html.tablet body > header h2{font-size:18px;white-space:nowrap}
html.tablet body > header h2 span{margin-top:13px;font-size:11px;white-space:nowrap}
html:not(.mobile) .news-ticker{bottom:-32px;left:16px;z-index:20;width:-webkit-calc( 50% - 88px );width:calc( 50% - 88px );-webkit-transition:bottom 1s;-moz-transition:bottom 1s;-o-transition:bottom 1s;transition:bottom 1s}
html:not(.mobile) .news-ticker dt{height:32px;line-height:32px;padding:0 16px;font-size:12px;display:block;background-color:#247397;-webkit-border-top-left-radius:16px;-webkit-border-bottom-left-radius:16px;-moz-border-radius-topleft:16px;-moz-border-radius-bottomleft:16px;border-top-left-radius:16px;border-bottom-left-radius:16px}
html:not(.mobile) .news-ticker dd{background-color:#fff;height:32px;line-height:32px;padding:0 16px;-webkit-border-top-right-radius:16px;-webkit-border-bottom-right-radius:16px;-moz-border-radius-topright:16px;-moz-border-radius-bottomright:16px;border-top-right-radius:16px;border-bottom-right-radius:16px}
html:not(.mobile) .news-ticker li{line-height:32px}
html:not(.mobile) .news-ticker a{line-height:32px;color:#000;-webkit-transition:color .5s;-moz-transition:color .5s;-o-transition:color .5s;transition:color .5s}
html:not(.mobile) .news-ticker a:hover{color:#85bbd2}
html:not(.mobile) .news-ticker time{color:#565656}
html:not(.mobile) .carousel-upper-layer .logo{position:absolute;top:16px;left:16px}
html.mobile .carousel-upper-layer .logo{display:none}
.carousel-upper-layer nav{position:absolute;top:16px;right:8px}
html:not(.pc) .carousel-upper-layer nav{-webkit-transition:top .5s;-moz-transition:top .5s;-o-transition:top .5s;transition:top .5s}
.carousel-upper-layer nav a{display:block;width:40px;height:40px}
.news-ticker{position:absolute}
.news-ticker dd{overflow:hidden}
.news-ticker a{display:block}
.news-ticker a time{margin-right:1em}
section > header h2{font-size:16px;letter-spacing:.4em;color:#85bbd2}
html.mobile header .group-link{margin-top:56px}

html:not(.pc) .nav-wrapper{display:none}
.nav-wrapper{position:relative;margin-bottom:40px}
.nav-wrapper .overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}
#site-nav li{padding:0 1px;width:160px}
#site-nav a{display:block;line-height:48px;text-align:center;color:#fff;border-bottom-width:2px;border-bottom-style:solid;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
#site-nav li:not(:last-child) a{font-size:11px;border-bottom-color:#455e67}
#site-nav li:not(:last-child) a:hover{background-color:#222;color:#aaa;border-bottom-color:#247397}
#site-nav li:last-child a{font-size:12px;font-weight:bold;background-color:#247397;border-bottom-color:#247397}
#site-nav li:last-child a:hover{color:#000;background-color:#82bad4;border-bottom-color:#82bad4}
#site-nav a span{font-size:8px;margin-left:4px}
.popup{position:absolute;z-index:100;background-color:#000;padding-bottom:8px;top:0;left:0}
.popup:not(.is-active){opacity:0}
.popup.is-active{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;opacity:1}
.popup p{font-size:11px;opacity:.5;line-height:32px;margin-bottom:8px;padding-left:16px}
.popup a{display:block;line-height:40px;font-size:12px;background-color:#1f1f1f;padding:0 16px;color:#fff;margin-bottom:2px;min-width:158px;opacity:.75;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.popup a:hover{color:#7fbad5;opacity:1;background-color:#2a2a2a}

#topics{padding-top:24px;border-top:1px dotted #555;margin-top:24px}
html:not(.mobile) #headline,html:not(.mobile) #blog{width:50%}
html:not(.mobile) #headline{padding-right:8px}
html:not(.mobile) #blog{padding-left:8px}
html:not(.mobile) #headline .content{max-height:296px;overflow:auto}
html.mobile #headline .content{max-height:320px;overflow:auto;padding:16px;background-color:#141414}
#blog .list a{color:#e0e0e0}
html.pc #blog .list a:hover{color:#85bbd2}
#blog .list time{margin-right:1em;color:#8f8f8f}
#headline .content p.title:not(:first-child){margin-top:32px}
#headline .content p:not(.title){font-size:11px}
#blog footer{margin-top:16px}
#blog footer > a{display:block;line-height:32px;color:#85bbd2;margin-bottom:16px}
html.pc #blog footer > a{-webkit-transition:color .5s;-moz-transition:color .5s;-o-transition:color .5s;transition:color .5s}
html.pc #blog footer > a:hover{color:#e0e0e0}
#blog footer > a .icon{margin-left:8px;margin-right:0 !important}
html.pc #blog footer div a{-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}
html.pc #blog footer div a:hover{opacity:.72}
#blog footer p{font-size:11px;padding:8px}
.coating.grid .primary{background-size:cover}
.coating.grid .revolt-pro .primary{background-image:url(https://radius-revolt.com/cab/bg_revolt_pro.png)}
.coating.grid .revolt .primary{background-image:url(https://radius-revolt.com/cab/bg_revolt.png)}
.coating.grid .revolt-light .primary,
.coating.grid .revolt-light-non-polish .primary{background-image:url(https://radius-revolt.com/cab/bg_revolt_light.png)}
.coating.grid .primary .inner{width:100%;height:100%}
.coating.grid .primary .inner span{display:block;text-indent:-9999px;overflow:hidden;height:100%;background-repeat:no-repeat;background-position:center}
html.mobile .coating.grid .primary span{background-size:50%}
.coating.grid .revolt-pro .inner span{background-image:url(https://radius-revolt.com/cab/icon_revolt_pro.png)}
.coating.grid .revolt .inner span{background-image:url(https://radius-revolt.com/cab/icon_revolt.png)}
.coating.grid .revolt-light .inner span{background-image:url(https://radius-revolt.com/cab/icon_revolt_light.png)}
.coating.grid .revolt-light-non-polish .inner span{background-image:url(https://radius-revolt.com/cab/icon_revolt_light_non_polish.png)}
.coating.grid .secondary{margin-top:16px}
.coating.grid .secondary p{font-size:11px}