/* @import "../icon/css/ridicorp-icon.css"; */
@import "../css/zoom.css";
@font-face {
  font-family: 'RIDIBatang';
  src: url('../fonts/RIDIBatang.woff');
}
@font-face {
  font-family: 'Calibre';
  src: url('../fonts/CalibreRegular.woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Calibre';
  src: url('../fonts/CalibreSemibold.woff');
  font-weight: 600;
}
@font-face {
  font-family: 'Calibre';
  src: url('../fonts/CalibreBold.woff');
  font-weight: 700;
}
@font-face {
  font-family: 'Acumin Bold';
  src: url('../fonts/Acumin-BdPro.woff');
}
.clear {
  clear: both;
}
* {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
body {
  font-family: 'Apple SD Gothic Neo', NanumGothic, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #555;
  letter-spacing: -0.01em;
  cursor: default;
  -webkit-font-smoothing: antialiased;
}
[class^="icon-"],
[class*=" icon-"] {
  vertical-align: -4%;
}
.clear-md {
  display: none;
}
@media only screen and (max-width : 1023px) {
  .clear-md {
    display: block;
  }
}
.clear-lg {
  display: block;
}
@media only screen and (max-width : 1023px) {
  .clear-lg {
    display: none;
  }
}
p a {
  color: #000;
  border-bottom: 2px solid #ccc;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  vertical-align: baseline;
}
p a:hover {
  color: #0282da;
  border-color: #0282da;
}
a:hover,
a:active,
a:focus {
  text-decoration: none;
}
ul,
ol {
  list-style: none;
}
::selection {
  background: #ccc;
}
.page-footer {
  background-color: #141517;
  padding: 36px 20px;
}
.page-footer .footer-brand {
  margin-top: 4px;
  color: #fff;
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20119%2048%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%23B8BFC4%3B%20%7D%3C/style%3E%3Cpath%20fill%3D%22%23B8BFC4%22%20d%3D%22M78.3,0H64.6c-1.1,0-1.6,0.4-1.6,1.6v44.9c0,1.1,0.4,1.6,1.6,1.6h13.8c7.1,0,12.3-1.8,15.5-5.4c3.2-3.6,4.8-9.9,4.8-18.6%0A%09c0-8.8-1.6-15-4.9-18.6C90.7,1.8,85.5,0,78.3,0z%20M84.5,34.3c-1.2,1.9-3.4,2.9-6.4,2.9h-2h-0.6v-0.6V11.3v-0.6h0.6H78%0A%09c3,0,5.2,1,6.4,2.9c1.2,1.8,1.8,5.2,1.8,10.3C86.2,29.1,85.6,32.5,84.5,34.3z%20M55,1.6v44.9c0,1.1-0.4,1.6-1.6,1.6h-9.3%0A%09c-1.1,0-1.6-0.4-1.6-1.6V1.6C42.6,0.4,43,0,44.1,0h9.3C54.6,0,55,0.4,55,1.6z%20M118.6,1.6v44.9c0,1.1-0.4,1.6-1.6,1.6h-9.3%0A%09c-1.1,0-1.6-0.4-1.6-1.6V1.6c0-1.1,0.4-1.6,1.6-1.6h9.3C118.2,0,118.6,0.4,118.6,1.6z%20M27.8,31.2c4.9-2.4,7.5-7.1,7.5-14.1%0A%09c0-6.3-1.4-10.8-4.3-13.3C28.1,1.3,23.3,0,16.8,0H1.6C0.4,0,0,0.4,0,1.6v44.9C0,47.6,0.4,48,1.6,48h9.3c1.1,0,1.6-0.4,1.6-1.6V33.9%0A%09v-0.6h0.6h2.6h0.3l0.2,0.3l6.2,12.8c0.5,1,1.3,1.5,2.6,1.5h9.4c0.8,0,0.9-0.3,1-0.4c0.1-0.3,0.1-0.8-0.2-1.3l-7.5-14.2l-0.3-0.5%0A%09l0.5-0.2L27.8,31.2z%20M21.4,22c-0.9,1.1-2.5,1.6-4.8,1.6h-3.7h-0.6V23V11v-0.6h0.6h3.7c2.3,0,3.8,0.5,4.8,1.5c0.9,1,1.3,2.6,1.3,5.1%0A%09C22.7,19.3,22.3,21,21.4,22z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
  width: 50px;
  height: 24px;
}
.page-footer .footer-brand:hover {
  color: #fff;
}
.page-footer .footer-info {
  max-width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  font-family: 'Calibre', sans-serif;
}
@media only screen and (max-width: 767px) {
  .page-footer .footer-info {
    display: block;
  }
}
.page-footer .footer-info .address {
  text-transform: uppercase;
  color: #B8BFC4;
  margin: 0;
}
.page-footer .footer-info .privacy_link {
  display: inline-block;
  color: #636C73;
  font-size: 0.8em;
  border-bottom: 1px solid #525A61;
  margin-top: 10px;
}
.page-footer .footer-info .copyright {
  text-transform: uppercase;
  text-align: right;
  color: #B8BFC4;
  margin: 50px 0 0 0;
}
@media only screen and (max-width: 767px) {
  .page-footer .footer-info .copyright {
    text-align: left;
  }
}
.page-footer .footer-wrap {
  margin-top: 48px;
}
.navbar {
  font-family: 'Calibre', sans-serif;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}
.navbar > .container-fluid .navbar-brand {
  margin-top: 4px;
  color: #fff;
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20119%2048%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%230077FF%3B%20%7D%3C/style%3E%3Cpath%20fill%3D%22%230077FF%22%20d%3D%22M78.3,0H64.6c-1.1,0-1.6,0.4-1.6,1.6v44.9c0,1.1,0.4,1.6,1.6,1.6h13.8c7.1,0,12.3-1.8,15.5-5.4c3.2-3.6,4.8-9.9,4.8-18.6%0A%09c0-8.8-1.6-15-4.9-18.6C90.7,1.8,85.5,0,78.3,0z%20M84.5,34.3c-1.2,1.9-3.4,2.9-6.4,2.9h-2h-0.6v-0.6V11.3v-0.6h0.6H78%0A%09c3,0,5.2,1,6.4,2.9c1.2,1.8,1.8,5.2,1.8,10.3C86.2,29.1,85.6,32.5,84.5,34.3z%20M55,1.6v44.9c0,1.1-0.4,1.6-1.6,1.6h-9.3%0A%09c-1.1,0-1.6-0.4-1.6-1.6V1.6C42.6,0.4,43,0,44.1,0h9.3C54.6,0,55,0.4,55,1.6z%20M118.6,1.6v44.9c0,1.1-0.4,1.6-1.6,1.6h-9.3%0A%09c-1.1,0-1.6-0.4-1.6-1.6V1.6c0-1.1,0.4-1.6,1.6-1.6h9.3C118.2,0,118.6,0.4,118.6,1.6z%20M27.8,31.2c4.9-2.4,7.5-7.1,7.5-14.1%0A%09c0-6.3-1.4-10.8-4.3-13.3C28.1,1.3,23.3,0,16.8,0H1.6C0.4,0,0,0.4,0,1.6v44.9C0,47.6,0.4,48,1.6,48h9.3c1.1,0,1.6-0.4,1.6-1.6V33.9%0A%09v-0.6h0.6h2.6h0.3l0.2,0.3l6.2,12.8c0.5,1,1.3,1.5,2.6,1.5h9.4c0.8,0,0.9-0.3,1-0.4c0.1-0.3,0.1-0.8-0.2-1.3l-7.5-14.2l-0.3-0.5%0A%09l0.5-0.2L27.8,31.2z%20M21.4,22c-0.9,1.1-2.5,1.6-4.8,1.6h-3.7h-0.6V23V11v-0.6h0.6h3.7c2.3,0,3.8,0.5,4.8,1.5c0.9,1,1.3,2.6,1.3,5.1%0A%09C22.7,19.3,22.3,21,21.4,22z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
  width: 50px;
}
.navbar > .container-fluid .navbar-brand:hover,
.navbar > .container-fluid .navbar-brand:focus {
  color: #fff;
}
.navbar .nav li a {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
}

/* Yellow Hover */
/* Remove default underline and set position */
.navbar-nav li a {
  position: relative;
  text-decoration: none;
  color: inherit;
  display: inline-block;
}

/* Create the underline */
.navbar-nav li a::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;             /* adjust if you want spacing from text */
  width: 0%;
  height: 2px;
  background-color: #ffbb1a;
  transition: width 0.3s ease, left 0.3s ease;
  transform: translateX(-50%);
}

/* On hover, animate from center out */
.navbar-nav li a:hover::after {
  width: 100%;
  left: 50%;
}

@media only screen and (min-width: 768px) {
  .navbar {
    background: transparent;
    border-bottom: 1px solid transparent;
  }
  .navbar .nav li a {
    color: #173660;
    opacity: 0.5;
    padding: 20px 0 2px;
    margin: 0 12px 10px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
  }
  .navbar .nav li a:hover,
  .navbar .nav li a:focus {
    opacity: 1;
  }
  .navbar .nav li a.active {
    opacity: 1;
  }
}
@media only screen and (min-width: 1170px) {
  .navbar {
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    /* Force Hardware Acceleration in WebKit */
    -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);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .navbar.is-fixed {
    /* when the user scrolls down, we hide the header right above the viewport */
    position: fixed;
    top: -55px;
    background-color: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid #f2f2f2;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  .navbar.is-fixed .navbar-brand {
    color: #404040;
    text-shadow: none;
  }
  .navbar.is-fixed .navbar-brand:hover,
  .navbar.is-fixed .navbar-brand:focus {
    color: #000;
  }
  .navbar.is-fixed .nav li a {
    color: #404040;
    opacity: 0.6;
  }
  .navbar.is-fixed .nav li a:hover,
  .navbar.is-fixed .nav li a:focus {
    color: #000;
    opacity: 1;
  }
  .navbar.is-fixed .nav li a.active {
    opacity: 1;
    border-color: transparent;
  }
  .navbar.is-visible {
    /* if the user changes the scrolling direction, we show the header */
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.navbar-default {
  max-width: 1200px;
  margin: auto;
  padding: 20px;
  border-color: transparent;
}
.navbar-default .navbar-toggle {
  border: 0 none;
  margin-right: 0;
  z-index: 5;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #525A61;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #F7F9FC;
}
.navbar-default .navbar-collapse {
  border-color: transparent;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .navbar-default .navbar-nav {
    margin: 0 -15px;
    margin-top: 80px;
    border-top: 1px solid hsl(214, 85%, 35%);
  }
  .navbar-default .navbar-nav > li {
    padding-right: 70px;
    border-bottom: 1px solid hsl(214, 85%, 35%);
  }
  .navbar-default .navbar-nav > li > a {
    color: #fff;
    opacity: 0.5;
    padding: 20px 20px 15px;
  }
  .navbar-default .navbar-nav > li > a:focus,
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a.active {
    color: #fff;
    opacity: 1;
  }
  .navbar-default .navbar-collapse {
    background-color: #105DC1;
    position: absolute;
    z-index: 2;
    width: 100%;
    max-height: none;
    top: 0;
    left: 0;
  }
}
.intro-header {
  background-repeat: no-repeat;
  background-position: center top;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.intro-header .site-heading,
.intro-header .page-heading {
  max-width: 1160px;
  margin: auto;
}
.intro-header .site-heading .back,
.intro-header .page-heading .back {
  display: inline-block;
  padding-bottom: 16px;
  color: #B8BFC4;
  font-family: 'Calibre', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 24px;
  transition: color 0.2s;
}
.intro-header .site-heading .back .arrow-back,
.intro-header .page-heading .back .arrow-back {
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%23B8BFC4%3B%20%7D%3C/style%3E%3Cpath%20d%3D%22M23.25%2012L21.4862%2010.2377L13.25%2018.474L13.25%200.749999L10.75%200.749999L10.75%2018.455L2.52177%2010.2267L0.75%2012L10.75%2021.9915V22L10.7585%2022L12.0095%2023.25L23.25%2012Z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  margin-top: -6px;
  transform: rotate(90deg);
}
.intro-header .site-heading .back:hover,
.intro-header .page-heading .back:hover {
  color: #9EA7AD;
}
.intro-header .site-heading .back:hover > .arrow-download,
.intro-header .page-heading .back:hover > .arrow-download {
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%239EA7AD%3B%20%7D%3C/style%3E%3Cpath%20d%3D%22M23.25%2012L21.4862%2010.2377L13.25%2018.474L13.25%200.749999L10.75%200.749999L10.75%2018.455L2.52177%2010.2267L0.75%2012L10.75%2021.9915V22L10.7585%2022L12.0095%2023.25L23.25%2012Z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
}
.intro-header .site-heading .main-caption,
.intro-header .page-heading .main-caption {
  font-family: 'Calibre', sans-serif;
  font-weight: 600;
  font-size: 30px;
  color: #fff;
  opacity: 0.5;
  display: block;
  padding-bottom: 12px;
}
@media only screen and (max-width: 767px) {
  .intro-header .site-heading .main-caption,
  .intro-header .page-heading .main-caption {
    font-size: 20px;
  }
}
.intro-header .site-heading h1,
.intro-header .page-heading h1 {
  margin: 0;
  text-align: left;
  font-size: 74px;
  font-weight: 700;
  color: #fff;
  line-height: 1.4em;
  text-rendering: optimizeLegibility;
  word-break: keep-all;
}
@media only screen and (max-width : 1023px) {
  .intro-header .site-heading h1,
  .intro-header .page-heading h1 {
    font-size: 55px;
  }
}
.intro-header .site-heading .oneline,
.intro-header .page-heading .oneline {
  font-family: 'Calibre', sans-serif;
  font-weight: 700;
  font-size: 110px;
  color: #173660;
}
@media only screen and (max-width : 1023px) {
  .intro-header .site-heading .oneline,
  .intro-header .page-heading .oneline {
    font-size: 80px;
    line-height: 1em;
  }
}
.intro-header .site-heading .page-dsc,
.intro-header .page-heading .page-dsc {
  font-size: 29px;
  line-height: 160%;
  color: #40474D;
  word-break: keep-all;
}
@media only screen and (max-width : 1023px) {
  .intro-header .site-heading .page-dsc,
  .intro-header .page-heading .page-dsc {
    font-size: 22px;
  }
}
.pager {
  padding-top: 20px;
  margin-bottom: 160px;
}
.pager .page-button {
  margin-right: 10px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 0.875em;
  padding: 12px 30px;
  display: inline-block;
  letter-spacing: -0.03em;
  font-weight: bold;
  background: transparent;
  border: 2px solid #1f8ee6;
  color: #1f8ee6;
}
.pager .page-button i {
  opacity: 0.5;
}
.pager .page-button:hover {
  background-color: #eef8ff;
}
.pager .page-button i {
  opacity: 1;
}
.post-heading {
  padding: 250px 0;
}
@media only screen and (max-width: 767px) {
  .post-heading {
    padding: 100px 25px;
  }
}
.post-heading h1 {
  font-size: 2.5em;
  color: #fff;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.03em;
}
@media only screen and (max-width: 767px) {
  .post-heading h1 {
    font-size: 2em;
  }
}
.post-heading h2 {
  font-size: 1.6em;
  color: #fff;
  opacity: 0.7;
  line-height: 1.4;
  font-weight: 400;
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .post-heading h2 {
    font-size: 1em;
  }
}
.post-heading .meta {
  color: #fff;
  opacity: 0.7;
  font-family: 'Calibre', sans-serif;
  font-size: 24px;
  margin-top: 40px;
  display: block;
}
article.post {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
  article.post .container {
    width: 700px;
  }
}
article.post h1 {
  margin-top: 3em;
  margin-bottom: 1em;
  padding-bottom: 10px;
  font-size: 1.8em;
  color: #000;
  margin-left: -0.05em;
}
article.post h2 {
  margin-top: 2em;
  margin-bottom: 1em;
  padding: 10px 0;
  font-size: 1.5em;
  color: #222;
  margin-left: -0.05em;
}
article.post h3 {
  margin-top: 2em;
  margin-bottom: 1em;
  font-size: 1.3em;
  color: #222;
  margin-left: -0.02em;
}
article.post h4 {
  margin-top: 2em;
  margin-bottom: 1em;
  font-size: 1.1em;
  color: #222;
}
article.post p {
  margin: 10px 0;
  padding-top: 5px;
  font-size: 1em;
  line-height: 1.6;
  color: #333;
}
article.post em {
  font-style: normal;
}
article.post a {
  color: inherit;
  border-bottom: 2px solid #ccc;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
article.post a:hover {
  color: #0282da;
  border-color: #0282da;
}
article.post details {
  line-height: 1.9;
  color: #333;
}
article.post details summary {
  outline: none;
}
article.post details summary:active {
  background: rgba(0, 0, 0, 0.05);
}
article.post details p {
  font-size: 0.95em;
  padding-left: 18px;
  color: #636C73;
}
article.post hr {
  border: none;
  height: auto;
  margin: 40px auto 80px;
  text-align: center;
}
article.post hr:before {
  content: "...";
  color: #555;
  display: inline-block;
  letter-spacing: 0.6em;
  font-size: 1.5em;
  font-family: serif;
}
article.post ul,
article.post ol {
  padding-left: 2em;
  line-height: 1.6;
}
article.post ul li,
article.post ol li {
  position: relative;
  font-size: 1em;
  color: #333;
}
article.post ul li:last-child,
article.post ol li:last-child {
  padding-bottom: 10px;
}
article.post ul > li:before {
  color: #555;
  content: "•";
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -16px;
  top: 1px;
  font-size: 0.9em;
  text-align: right;
}
article.post ol {
  counter-reset: ol-counter;
}
article.post ol > li:before {
  content: counter(ol-counter) ".";
  counter-increment: ol-counter;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -8px;
  font-size: 1em;
  color: #555;
  font-weight: bold;
  font-size: 0.875em;
  text-align: right;
}
article.post img {
  margin: 15px auto 0;
  position: relative;
  display: block;
  max-width: 100%;
}
article.post img.center {
  margin: 0 auto;
  display: block;
}
article.post img.box-shadow {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}
article.post figure {
  margin-top: 20px;
}
article.post figcaption {
  text-align: center;
  font-size: 1em;
  color: #999;
  padding: 15px 0 20px;
}
article.post blockquote {
  padding: 0 30px;
  margin: 20px 0;
}
article.post blockquote p {
  color: #888;
}
article.post code {
  color: #333;
}
article.post code td.code {
  width: 100%;
}
article.post .centered-text {
  text-align: center;
  font-size: 1.75em;
  line-height: 1.5;
  font-weight: 200;
  color: #aaa;
  padding: 20px 0;
  letter-spacing: -0.05em;
}
article.post .mini-img {
  max-width: 60%;
}
@media only screen and (max-width : 1023px) {
  article.post .mini-img {
    max-width: 75%;
  }
}
article.post .highlight {
  border: 1px solid #ccc;
  border-radius: 4px;
}
article.post .highlight pre {
  border: none;
  margin: 0;
}
article.post .highlight pre.lineno {
  color: #999;
}
article.post .post-table {
  line-height: 1.5em;
  margin: 20px auto;
}
article.post .post-table th,
article.post .post-table td {
  padding: 15px 20px;
}
article.post .post-table th {
  text-align: center;
  border-bottom: 1px solid #e3e3e3;
}
article.post .btn-apply {
  margin: 10px 0;
  font-size: 14px;
  padding: 16px 30px !important;
  border-bottom: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 0.875em;
  padding: 12px 30px;
  display: inline-block;
  letter-spacing: -0.03em;
  font-weight: bold;
  background: #0a1b39;
  color: #fff;
}
article.post .btn-apply i {
  opacity: 0.5;
}
article.post .btn-apply:hover {
  color: #fff;
  background: #050f22;
}
article.post .btn-apply i {
  color: #78caf3;
}
article.post .apply-area {
  padding-bottom: 20px;
}
article.post .apply-area strong {
  color: #555;
  font-family: "brandon-grotesque", sans-serif;
  font-size: 1.75em;
  font-weight: 400;
}
article.post .apply-area span {
  display: block;
  color: #999;
  font-size: 0.75em;
}
article.post .back {
  font-size: 14px;
  color: #777;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 0.875em;
  padding: 12px 30px;
  display: inline-block;
  letter-spacing: -0.03em;
  font-weight: bold;
  background: transparent;
  border: 2px solid #c9c9c9;
  margin: 10px 5px 10px;
  color: #484848;
  padding: 14px 30px;
}
article.post .back i {
  opacity: 0.5;
}
article.post .back:hover {
  border-color: #484848;
}
article.post .back:hover {
  color: #484848;
}
article.post .link-to-career {
  margin: 40px auto;
  max-width: 400px;
  background: #f3f3f3;
  border-radius: 10px;
  padding: 50px 40px;
  text-align: center;
  line-height: 1.5;
}
article.post .link-to-career .title {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 20px;
  color: #222;
}
article.post .link-to-career a {
  font-weight: bold;
}
article.post .post-footer .share {
  text-align: center;
  padding-top: 40px;
}
article.post .post-meta {
  text-align: center;
  color: #545f6f;
  font-size: 14px;
  vertical-align: top;
  padding: 30px 10px;
  margin: 50px auto 0;
  border-top: 2px solid #eee;
  max-width: 300px;
}
article.post .post-meta .profile-img {
  width: 40px;
  height: 40px;
  margin: 0 auto;
}
article.post .post-meta .profile-img img {
  margin: 0;
  border-radius: 4px;
  max-width: 100%;
}
article.post .post-meta .author {
  font-family: 'Calibre', sans-serif;
  font-weight: 400;
  font-size: 20px;
  padding: 14px 0 6px;
}
article.post .post-meta .author-desc:before,
article.post .post-meta .author-desc:after {
  text-align: center;
  display: block;
  font-family: Georgia, serif;
  font-size: 30px;
  color: #999;
}
article.post .post-meta .author-desc:before {
  content: '“';
  margin-bottom: -15px;
}
article.post .post-meta .author-desc:after {
  content: '”';
}
article.post .post-content {
  width: 700px;
  margin: 0 auto;
  font-size: 1.0625em;
}
@media only screen and (max-width: 767px) {
  article.post .post-content {
    width: 92%;
    font-size: 1em;
  }
}
article.post .button-area {
  text-align: center;
}
article.post .button-area a {
  display: inline-block;
}
article.post .footnotes ol {
  padding: 0 2em;
}
article.post .footnotes ol > li {
  display: flex;
  margin: 10px 0;
}
article.post .footnotes ol > li:before {
  left: -22px;
  max-width: 10px;
}
article.post .footnotes ol > li p {
  padding-top: 0;
  margin: 0;
  flex: 1;
}
.post-preview h2 {
  color: #333;
  font-family: "brandon-grotesque", sans-serif;
}
.post-preview h3 {
  font-size: 0.8em;
  color: #999;
  margin-top: 0;
}
.post-preview .post-meta {
  color: #999;
}
.link-to {
  display: block;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  text-align: center;
  padding: 60px 0 70px;
  width: 100%;
  float: left;
  transition: background 0.3s ease-out;
}
@media only screen and (max-width: 767px) {
  .link-to {
    width: auto;
    float: none;
  }
}
.link-to h4 {
  font-size: 1.8em;
  font-weight: 400;
  letter-spacing: -0.03em;
  padding-bottom: 10px;
  line-height: 1.3;
  color: #0282da;
}
.link-to.ltl {
  padding-left: 50px;
}
@media only screen and (max-width: 767px) {
  .link-to.ltl {
    padding-left: 0;
  }
}
.link-to.ltr {
  padding-right: 50px;
}
@media only screen and (max-width: 767px) {
  .link-to.ltr {
    padding-right: 0;
    border-top: none;
  }
}
.link-to .go-to {
  color: #0282da;
  font-weight: bold;
  border-bottom: 1px dotted #0282da;
}
.link-to:hover {
  background: #e6f5ff;
}
.site-content {
  max-width: 1160px;
  margin: auto;
  padding: 0 40px;
}
@media only screen and (max-width: 767px) {
  .site-content {
    padding: 0 20px;
  }
}
.site-content h2 {
  font-family: 'Calibre', sans-serif;
  font-weight: 600;
  font-size: 54px;
  text-align: left;
  line-height: 1.4em;
  color: #141517;
  margin: 0;
  letter-spacing: -0.03em;
}
@media only screen and (max-width: 767px) {
  .site-content h2 {
    font-size: 36px;
  }
}
.site-content .dsc {
  font-size: 24px;
  color: #40474D;
  line-height: 1.6em;
  word-break: keep-all;
}
@media only screen and (max-width : 1023px) {
  .site-content .dsc {
    font-size: 20px;
  }
}
.join-us-banner-blue {
  background-color: #105DC1;
}
.join-us-banner-blue .content-wrapper {
  padding: 80px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .join-us-banner-blue .content-wrapper {
    display: block;
  }
}
.join-us-banner-blue .content-wrapper div {
  max-width: 500px;
}
.join-us-banner-blue .content-wrapper div .banner-title {
  font-family: 'Calibre', sans-serif;
  font-weight: 700;
  font-size: 70px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .join-us-banner-blue .content-wrapper div .banner-title {
    font-size: 46px;
  }
}
.join-us-banner-blue .content-wrapper div p {
  font-size: 24px;
  line-height: 1.6em;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .join-us-banner-blue .content-wrapper div p {
    font-size: 20px;
  }
}
.join-us-banner-blue .content-wrapper a {
  display: block;
  width: 330px;
  height: 100px;
  border-radius: 50px;
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  line-height: 100px;
  color: #fff;
  background-color: #084ba2;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.join-us-banner-blue .content-wrapper a:hover {
  background-color: #013c88;
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
  .join-us-banner-blue .content-wrapper a {
    width: 300px;
    height: 90px;
    font-size: 32px;
    line-height: 94px;
    margin-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .join-us-banner-blue .content-wrapper a {
    width: 100%;
    height: 60px;
    font-size: 28px;
    line-height: 65px;
    margin-top: 24px;
  }
}
.join-us-banner-black {
  background-color: #141517;
}
.join-us-banner-black .content-wrapper {
  padding: 80px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .join-us-banner-black .content-wrapper {
    display: block;
  }
}
.join-us-banner-black .content-wrapper div {
  max-width: 500px;
}
.join-us-banner-black .content-wrapper div .banner-title {
  font-family: 'Calibre', sans-serif;
  font-weight: 700;
  font-size: 70px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .join-us-banner-black .content-wrapper div .banner-title {
    font-size: 46px;
  }
}
.join-us-banner-black .content-wrapper div p {
  font-size: 24px;
  line-height: 1.6em;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .join-us-banner-black .content-wrapper div p {
    font-size: 20px;
  }
}
.join-us-banner-black .content-wrapper a {
  display: block;
  width: 330px;
  height: 100px;
  border-radius: 50px;
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  line-height: 100px;
  color: #fff;
  background-color: #0077FF;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.join-us-banner-black .content-wrapper a:hover {
  background-color: #105DC1;
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
  .join-us-banner-black .content-wrapper a {
    width: 300px;
    height: 90px;
    font-size: 32px;
    line-height: 94px;
    margin-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .join-us-banner-black .content-wrapper a {
    width: 100%;
    height: 60px;
    font-size: 28px;
    line-height: 65px;
    margin-top: 24px;
  }
}
.ridibating-banner {
  background-image: url(../img/about/ridibatang-banner-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.ridibating-banner .content-wrapper {
  padding: 80px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .ridibating-banner .content-wrapper {
    display: block;
  }
}
.ridibating-banner .content-wrapper div {
  max-width: 600px;
}
.ridibating-banner .content-wrapper div .banner-title {
  display: block;
  margin-bottom: 12px;
  font-family: 'RIDIBatang';
  word-break: keep-all;
  font-size: 54px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .ridibating-banner .content-wrapper div .banner-title {
    font-size: 40px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
  .ridibating-banner .content-wrapper div {
    font-size: 44px;
  }
}
.ridibating-banner .content-wrapper div p {
  font-family: 'RIDIBatang';
  font-size: 24px;
  word-break: keep-all;
  line-height: 1.6em;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .ridibating-banner .content-wrapper div p {
    font-size: 20px;
  }
}
.ridibating-banner .content-wrapper a {
  display: block;
  width: 260px;
  height: 100px;
  border-radius: 50px;
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  line-height: 100px;
  color: #fff;
  background-color: #0077FF;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.ridibating-banner .content-wrapper a:hover {
  background-color: #105DC1;
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
  .ridibating-banner .content-wrapper a {
    width: 300px;
    height: 90px;
    font-size: 32px;
    line-height: 94px;
    margin-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .ridibating-banner .content-wrapper a {
    width: 100%;
    height: 60px;
    font-size: 28px;
    line-height: 65px;
    margin-top: 24px;
  }
}
.line-break {
  display: block;
}
@media only screen and (max-width: 767px) {
  .line-break {
    display: inline;
  }
}
html.page.about .navbar > .container-fluid .navbar-brand {
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20119%2048%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%23fff%3B%20%7D%3C/style%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M78.3,0H64.6c-1.1,0-1.6,0.4-1.6,1.6v44.9c0,1.1,0.4,1.6,1.6,1.6h13.8c7.1,0,12.3-1.8,15.5-5.4c3.2-3.6,4.8-9.9,4.8-18.6%0A%09c0-8.8-1.6-15-4.9-18.6C90.7,1.8,85.5,0,78.3,0z%20M84.5,34.3c-1.2,1.9-3.4,2.9-6.4,2.9h-2h-0.6v-0.6V11.3v-0.6h0.6H78%0A%09c3,0,5.2,1,6.4,2.9c1.2,1.8,1.8,5.2,1.8,10.3C86.2,29.1,85.6,32.5,84.5,34.3z%20M55,1.6v44.9c0,1.1-0.4,1.6-1.6,1.6h-9.3%0A%09c-1.1,0-1.6-0.4-1.6-1.6V1.6C42.6,0.4,43,0,44.1,0h9.3C54.6,0,55,0.4,55,1.6z%20M118.6,1.6v44.9c0,1.1-0.4,1.6-1.6,1.6h-9.3%0A%09c-1.1,0-1.6-0.4-1.6-1.6V1.6c0-1.1,0.4-1.6,1.6-1.6h9.3C118.2,0,118.6,0.4,118.6,1.6z%20M27.8,31.2c4.9-2.4,7.5-7.1,7.5-14.1%0A%09c0-6.3-1.4-10.8-4.3-13.3C28.1,1.3,23.3,0,16.8,0H1.6C0.4,0,0,0.4,0,1.6v44.9C0,47.6,0.4,48,1.6,48h9.3c1.1,0,1.6-0.4,1.6-1.6V33.9%0A%09v-0.6h0.6h2.6h0.3l0.2,0.3l6.2,12.8c0.5,1,1.3,1.5,2.6,1.5h9.4c0.8,0,0.9-0.3,1-0.4c0.1-0.3,0.1-0.8-0.2-1.3l-7.5-14.2l-0.3-0.5%0A%09l0.5-0.2L27.8,31.2z%20M21.4,22c-0.9,1.1-2.5,1.6-4.8,1.6h-3.7h-0.6V23V11v-0.6h0.6h3.7c2.3,0,3.8,0.5,4.8,1.5c0.9,1,1.3,2.6,1.3,5.1%0A%09C22.7,19.3,22.3,21,21.4,22z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
}
@media only screen and (min-width: 768px) {
  html.page.about .navbar .nav li a {
    color: #fff;
  }
}
html.page.about .navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
html.page.about .navbar-default .navbar-toggle:hover,
html.page.about .navbar-default .navbar-toggle:focus {
  background-color: #105DC1;
}
html.page.about .intro-header .ih-about {
  background-color: #0077FF;
  padding: 260px 0 250px;
}
@media only screen and (max-width: 767px) {
  html.page.about .intro-header .ih-about {
    padding: 200px 0;
  }
}
html.page.about .intro-header .about-sub-area .sub-heading {
  color: #fff;
}
html.page.about .philosophy-area {
  background: #fff;
  padding: 150px 0 130px;
}
html.page.about .philosophy-main {
  font-family: 'Calibre', sans-serif;
  font-weight: 600;
  font-size: 54px;
  text-align: left;
  line-height: 1.4em;
  letter-spacing: -0.03em;
  color: #141517;
  padding-bottom: 8px;
  margin: 0;
  z-index: 3;
}
@media only screen and (max-width: 767px) {
  html.page.about .philosophy-main {
    font-size: 44px;
    font-weight: 1.2em;
  }
}
html.page.about .philosophy-dsc {
  font-size: 24px;
  color: #40474D;
  line-height: 1.6em;
  word-break: keep-all;
}
@media only screen and (max-width: 767px) {
  html.page.about .philosophy-dsc {
    font-size: 20px;
  }
}
.ridi-code-area {
  background: #F7F9FC;
  padding: 140px 0;
}
@media only screen and (max-width: 767px) {
  .ridi-code-area {
    padding: 80px 0;
  }
}
.ridi-code-area .ridi-code-wrap {
  margin-top: 80px;
}
.ridi-code-area .ridi-code-wrap li {
  margin-top: 120px;
}
.ridi-code-area .ridi-code-wrap li div {
  word-break: keep-all;
}
.ridi-code-area .ridi-code-wrap li div .code-caption {
  font-family: 'Calibre', sans-serif;
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 24px;
  color: #0077FF;
}
@media only screen and (max-width: 767px) {
  .ridi-code-area .ridi-code-wrap li div .code-caption {
    font-size: 18px;
  }
}
.ridi-code-area .ridi-code-wrap li div h3 {
  font-family: 'Acumin Bold', sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.4em;
  color: #303538;
  margin: 8px 0 4px 0;
}
@media only screen and (max-width: 767px) {
  .ridi-code-area .ridi-code-wrap li div h3 {
    font-size: 24px;
  }
}
.ridi-code-area .ridi-code-wrap li div p {
  font-size: 24px;
  line-height: 1.6em;
  color: #40474D;
}
@media only screen and (max-width: 767px) {
  .ridi-code-area .ridi-code-wrap li div p {
    font-size: 20px;
  }
}
.products-area {
  padding: 140px 0 60px;
}
@media only screen and (max-width: 767px) {
  .products-area {
    padding: 80px 0;
  }
}
.products-area .products {
  margin-top: 50px;
}
.products-area .products li {
  overflow: hidden;
}
.products-area .products li figure {
  margin: 0 0 100px 0;
}
.products-area .products li figure img {
  float: left;
  display: block;
  margin: 0 auto;
  width: 50%;
  border-radius: 6px;
}
@media only screen and (max-width: 767px) {
  .products-area .products li figure img {
    margin-bottom: 16px;
    float: none;
    width: 100%;
  }
}
.products-area .products li figure figcaption {
  float: right;
  display: block;
  width: 46%;
}
@media only screen and (max-width: 767px) {
  .products-area .products li figure figcaption {
    float: none;
    width: 100%;
    margin-bottom: 100px;
  }
}
.products-area .products li figure figcaption strong {
  display: block;
  font-size: 22px;
  font-weight: 700;
  color: #303538;
  padding: 16px 0 12px;
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
  .products-area .products li figure figcaption strong {
    font-size: 18px;
  }
}
.products-area .products li figure figcaption .logo-ridibooks {
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20195%2030%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%23303538%3B%20%7D%3C/style%3E%3Cpath%20fill%3D%22%23303538%22%20d%3D%22M176.6,28.5c2.1,0.9,4.7,1.3,8,1.3c2.8,0,5.3-0.8,7.2-2.1c1.9-1.3,2.8-3.4,2.8-6.3c0-1.1-0.2-2.3-0.4-3.2%0A%09c-0.4-0.9-0.8-1.7-1.5-2.3c-0.8-0.8-1.5-1.3-2.1-1.7c-0.8-0.4-1.7-0.9-3-1.7c-2.7-1.3-4-2.7-4-4c0-0.9,0.6-1.5,0.9-1.7%0A%09c0.6-0.2,1.3-0.4,2.3-0.4c1.7,0,3.2,0.2,4.6,0.6c0.2,0,0.4,0,0.6,0c0.4,0,0.6-0.2,0.8-0.6l0.8-4c0-0.4,0-0.9-0.8-1.1%0A%09c-1.7-0.8-4-1.1-6.6-1.1c-3.4,0-5.9,0.6-7.4,1.9c-1.9,1.3-2.7,3.4-2.7,6.3c0,1.3,0.2,2.5,0.6,3.6c0.4,0.9,0.9,1.9,1.5,2.7%0A%09c0.8,0.8,1.5,1.3,2.1,1.7c0.8,0.4,1.5,0.9,2.7,1.5c1.5,0.8,2.5,1.5,3,1.9c0.6,0.6,0.9,1.1,0.9,1.9c0,1.5-1.5,2.3-4.4,2.3%0A%09c-1.7,0-3.4-0.4-4.9-0.9c-0.2,0-0.4-0.2-0.6-0.2s-0.4,0-0.6,0.8l-0.8,4c-0.2,0.6,0,0.8,0,0.8C175.8,28.1,176.2,28.3,176.6,28.5z%0A%09%20M102.8,26.8c0.9,1.1,2.1,1.9,3.4,2.3c1.3,0.6,3,0.8,4.7,0.8c1.9,0,3.4-0.2,4.7-0.8s2.5-1.3,3.4-2.3c0.9-1.1,1.7-2.7,2.3-4.6%0A%09c0.6-1.9,0.8-4.4,0.8-7.2s-0.2-5.3-0.8-7.2s-1.3-3.4-2.2-4.6s-2.1-1.9-3.4-2.3c-1.3-0.6-3-0.8-4.7-0.8c-1.9,0-3.4,0.2-4.7,0.8%0A%09c-1.3,0.4-2.5,1.3-3.4,2.3c-0.9,1.1-1.7,2.7-2.3,4.6s-0.8,4.4-0.8,7.2s0.2,5.3,0.8,7.2C101.1,24.1,101.8,25.6,102.8,26.8z%0A%09%20M108.1,8.5c0.6-1.3,1.5-1.9,2.8-1.9s2.5,0.8,3,1.9s0.8,3.4,0.8,6.6s-0.2,5.3-0.8,6.5c-0.6,1.3-1.5,1.9-3,1.9%0A%09c-1.3,0-2.5-0.8-2.8-1.9c-0.6-1.1-0.8-3.4-0.8-6.5C107.3,11.8,107.5,9.7,108.1,8.5z%20M128,26.8c0.9,1.1,2.1,1.9,3.4,2.3%0A%09c1.3,0.6,3,0.8,4.7,0.8c1.9,0,3.4-0.2,4.7-0.8c1.3-0.6,2.5-1.3,3.4-2.3c0.9-1.1,1.7-2.7,2.3-4.6s0.8-4.4,0.8-7.2s-0.2-5.3-0.8-7.2%0A%09s-1.3-3.4-2.3-4.6c-0.9-1.1-2.1-1.9-3.4-2.3c-1.3-0.6-3-0.8-4.7-0.8c-1.9,0-3.4,0.2-4.7,0.8c-1.3,0.4-2.4,1.4-3.4,2.3%0A%09c-0.9,1.1-1.7,2.7-2.3,4.6c-0.6,1.9-0.8,4.4-0.8,7.2s0.2,5.3,0.8,7.2C126.3,24.1,127.1,25.6,128,26.8z%20M133.3,8.5%0A%09c0.6-1.3,1.5-1.9,2.8-1.9s2.5,0.8,3,1.9s0.8,3.4,0.8,6.6s-0.2,5.3-0.8,6.5c-0.6,1.3-1.5,1.9-3,1.9c-1.3,0-2.5-0.8-2.8-1.9%0A%09c-0.6-1.1-0.8-3.4-0.8-6.5C132.6,11.8,132.9,9.7,133.3,8.5z%20M152.7,29.4h5.5c0.8,0,0.9-0.2,0.9-0.9V16.9v-1.5l0.6,1.3l5.5,11.6%0A%09c0.4,0.8,0.8,0.9,1.5,0.9h5.9c0.4,0,0.6-0.2,0.6-0.2c0-0.2,0.2-0.4-0.2-0.8l-7.2-14.6v-0.2v-0.2l6.8-11.8c0.4-0.2,0.4-0.4,0.2-0.6%0A%09c0,0-0.2-0.2-0.6-0.2h-5.9c-0.6,0-1.1,0.4-1.5,1.1l-5.1,8.9l-0.6,1.1v-1.3V1.5c0-0.8-0.2-0.9-0.9-0.9h-5.5c-0.8,0-0.9,0.2-0.9,0.9%0A%09v26.9C151.7,29.2,151.9,29.4,152.7,29.4z%20M38.3,29.4h8.3c4.2,0,7.4-1.1,9.3-3.2c1.9-2.1,2.8-5.9,2.8-11.2s-0.9-8.9-2.8-11.2%0A%09c-1.9-2.1-5.1-3.2-9.3-3.2h-8.3c-0.8,0-0.9,0.2-0.9,0.9v26.9C37.3,29.2,37.7,29.4,38.3,29.4z%20M44.9,22.6V7.4V7h0.4h1.1%0A%09c1.7,0,3,0.6,3.8,1.7s1.1,3,1.1,6.3c0,3-0.4,5.1-1.1,6.3S48.1,23,46.4,23h-1.1h-0.4V22.6z%20M76.4,29.4h10.2c6.8,0,10.1-2.7,10.1-8.3%0A%09c0-1.7-0.4-3.2-1.1-4.4c-0.8-1.1-1.7-1.9-2.8-2.3l-0.5-0.2L91.4,14l0.8-0.4l0.4-0.2c2.1-0.9,3.2-2.8,3.2-5.7c0-2.7-0.8-4.6-2.3-5.5%0A%09c-1.5-1.1-4.2-1.5-7.8-1.5h-9.5c-0.8,0-0.9,0.2-0.9,0.9v26.9C75.5,29.2,75.6,29.4,76.4,29.4z%20M82.7,11.8V6.7V6.5H83h2.7%0A%09c1.1,0,1.9,0.2,2.3,0.6c0.6,0.4,0.8,1.1,0.8,2.1c0,0.9-0.2,1.7-0.8,2.3c-0.6,0.4-1.3,0.8-2.3,0.8H83h-0.4%0A%09C82.7,12.2,82.7,11.8,82.7,11.8z%20M82.7,23.3v-5.7v-0.4H83h3c1.1,0,1.9,0.2,2.5,0.8c0.6,0.6,0.8,1.3,0.8,2.5c0,1.1-0.2,1.9-0.8,2.5%0A%09c-0.6,0.6-1.3,0.8-2.5,0.8h-3h-0.4L82.7,23.3L82.7,23.3z%20M0.5,29.4H6c0.8,0,1-0.2,1-0.9v-7.6v-0.4h0.4h1.5h0.2v0.2l3.6,7.8%0A%09c0.4,0.6,0.8,0.9,1.5,0.9h5.7c0.4,0,0.6-0.2,0.6-0.2c0-0.2,0-0.6-0.2-0.8l-4.6-8.5l-0.2-0.4l0.4-0.2h0.2c3-1.3,4.6-4.2,4.6-8.5%0A%09c0-3.8-0.9-6.5-2.7-8c-1.5-1.3-4.4-2.3-8.3-2.3H0.5c-0.6,0-0.9,0.4-0.9,0.9v26.9C-0.4,29.2-0.1,29.4,0.5,29.4z%20M7,14.4V7.2V7h0.4%0A%09h2.3C11,7,12,7.4,12.5,7.9c0.6,0.6,0.8,1.5,0.8,3c0,1.3-0.2,2.3-0.8,3c-0.6,0.4-1.5,0.8-2.8,0.8H7.3H7V14.4z%20M26.1,29.4h5.5%0A%09c0.8,0,0.9-0.2,0.9-0.9v-27c0-0.8-0.2-0.9-0.9-0.9h-5.5c-0.8,0-0.9,0.2-0.9,0.9v26.9C25.2,29.2,25.4,29.4,26.1,29.4z%20M64.1,29.4h5.5%0A%09c0.8,0,0.9-0.2,0.9-0.9v-27c0-0.8-0.2-0.9-0.9-0.9h-5.5c-0.8,0-0.9,0.2-0.9,0.9v26.9C63.1,29.2,63.5,29.4,64.1,29.4z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
  width: 200px;
  height: auto;
}
.products-area .products li figure figcaption .logo-ridiselect {
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20312%2048%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%23303538%3B%20%7D%3C/style%3E%3Cpath%20fill%3D%22%23303538%22%20d%3D%22M27.85%2031.178c4.947-2.365%207.456-7.115%207.456-14.123%200-6.312-1.45-10.774-4.309-13.263C28.103%201.276%2023.318%200%2016.775%200H1.555C.422%200%200%20.421%200%201.556v44.889C0%2047.579.422%2048%201.555%2048h9.257c1.135%200%201.557-.421%201.557-1.555V33.341H15.824l.15.313%206.176%2012.848C22.66%2047.521%2023.472%2048%2024.702%2048h9.399c.791%200%20.913-.276.959-.38.148-.338.074-.792-.22-1.348l-7.5-14.212-.267-.508.517-.249zm-6.451-9.195c-.907%201.051-2.51%201.584-4.765%201.584H12.37V10.475H16.635c2.278%200%203.832.491%204.75%201.499.901.984%201.34%202.647%201.34%205.082%200%202.285-.434%203.897-1.326%204.927zM53.481%200h-9.329c-1.135%200-1.557.422-1.557%201.556v44.888c0%201.134.422%201.556%201.557%201.556h9.329c1.133%200%201.554-.422%201.554-1.556V1.556C55.035.422%2054.614%200%2053.481%200zM78.315%200H64.639c-1.133%200-1.555.422-1.555%201.556v44.888c0%201.134.422%201.556%201.555%201.556h13.818c7.109%200%2012.327-1.807%2015.513-5.37%203.213-3.59%204.841-9.858%204.841-18.629%200-8.772-1.64-15.04-4.873-18.628C90.727%201.807%2085.472%200%2078.315%200zm6.171%2034.335c-1.233%201.93-3.38%202.908-6.379%202.908H75.524V10.755h2.444c2.993%200%205.158.975%206.44%202.896C85.635%2015.49%2086.23%2018.875%2086.23%2024c0%205.119-.572%208.5-1.744%2010.335zM117.061%200h-9.33c-1.135%200-1.556.422-1.556%201.556v44.888c0%201.134.421%201.556%201.556%201.556h9.33c1.133%200%201.553-.422%201.553-1.556V1.556c0-1.134-.42-1.556-1.553-1.556zM144.769%2047.805c-4.743%200-9.608-.855-12.108-2.127-.487-.238-1.313-.642-1.007-1.738l.965-2.922c.21-.97.784-1.116%201.109-1.116.22%200%20.453.063.712.191%202.637%201.149%206.437%201.84%2010.146%201.84%206.564%200%2010.329-2.496%2010.329-6.848%200-4.733-4.377-6.61-9.445-8.784l-.571-.245c-6.322-2.719-12.294-5.287-12.294-13.725%200-5.595%202.603-12.265%2015.005-12.265%204.12%200%207.898.683%2010.638%201.924.315.135%201.296.557.964%201.746l-.974%202.883c-.091.294-.312%201.008-1.112%201.008-.21%200-.447-.051-.723-.157-2.332-1.003-5.006-1.466-8.43-1.466-6.432%200-9.301%201.951-9.301%206.328%200%204.249%203.37%205.754%207.638%207.659.524.234%201.059.473%201.602.723l.471.215c6.479%202.962%2012.599%205.76%2012.599%2014.286.001%208.001-5.909%2012.59-16.213%2012.59zM182.436%2048c-10.27%200-16.65-6.967-16.65-18.182%200-11.466%205.637-18.311%2015.079-18.311%208.853%200%2014.354%206.244%2014.354%2016.296v3.251c0%201.092-.573%201.67-1.656%201.67H171.94c.662%205.8%204.857%209.534%2010.74%209.534%203.395%200%205.43-.764%207.61-1.998.27-.158.543-.239.811-.239.352%200%201.003.147%201.409%201.131l.927%202.456c.177.851-.153%201.473-.966%201.913-1.684.925-5.226%202.479-10.035%202.479zm6.806-20.891c-.094-6.27-3.14-9.859-8.378-9.859-5.443%200-8.452%203.316-8.945%209.859zM203.478%2047.22c-.7%200-1.535-.29-1.535-1.669V1.929c0-1.049.531-1.604%201.535-1.604h3.023c1.004%200%201.536.555%201.536%201.604v43.622c0%201.379-.836%201.669-1.536%201.669zM231.411%2048c-10.27%200-16.65-6.967-16.65-18.182%200-11.466%205.637-18.311%2015.079-18.311%208.853%200%2014.354%206.244%2014.354%2016.296v3.251c0%201.092-.573%201.67-1.657%201.67h-21.622c.661%205.8%204.855%209.534%2010.739%209.534%203.395%200%205.43-.764%207.61-1.998.27-.158.544-.239.812-.239.352%200%201.003.147%201.408%201.131l.927%202.456c.178.852-.152%201.475-.967%201.914-1.683.924-5.223%202.478-10.033%202.478zm6.806-20.891c-.094-6.27-3.14-9.859-8.378-9.859-5.442%200-8.452%203.316-8.946%209.859zM264.908%2047.87c-9.859%200-15.985-6.992-15.985-18.248%200-11.175%205.963-18.116%2015.562-18.116%205.18%200%208.176%201.561%208.97%202.04.516.308%201.176.841.957%201.901l-1.06%202.704c-.351.882-.987%201.013-1.335%201.013-.269%200-.557-.076-.859-.226-1.911-.989-3.781-1.429-6.069-1.429-6.472%200-9.892%204.188-9.892%2012.113%200%207.822%203.495%2012.309%209.589%2012.309%202.491%200%204.806-.606%206.881-1.8.334-.154.586-.215.824-.215.293%200%20.999.108%201.244%201.107l.963%202.652c.23%201.102-.416%201.517-.986%201.883-1.364.893-4.963%202.312-8.804%202.312zM292.255%2047.61c-6.892%200-9.577-3.111-9.577-11.095v-18.29h-3.663c-1.044%200-1.596-.555-1.596-1.603v-2.666c0-1.061.582-1.669%201.596-1.669h3.784V4.724c0-1.049.532-1.604%201.536-1.604h2.781c1.044%200%201.596.555%201.596%201.604v7.563h7.352c1.014%200%201.596.608%201.596%201.669v2.666c0%201.048-.552%201.603-1.596%201.603h-7.352v17.77c0%204.616.832%205.677%204.45%205.677.883%200%201.371-.131%201.842-.257a7.49%207.49%200%200%201%20.842-.19c.087-.02.205-.032.313-.032%201.023%200%201.228.996%201.307%201.371l.6%202.516c.237%201.145-.628%201.543-.954%201.692-1.08.543-3.31.838-4.857.838z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
  width: 200px;
  height: auto;
}
.products-area .products li figure figcaption .logo-paper {
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20212%2032%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%23303538%3B%20%7D%3C/style%3E%3Cpath%20fill%3D%22%23303538%22%20d%3D%22M205.682,20.542c4.016-1.382,5.87-4.475,5.87-9.81,0-7.67-3.8-10.731-12.308-10.731h-8.612c-.605,0-.951.382-.951,1.048V30.606a.92.92,0,0,0,.991,1.047H192.8a.946.946,0,0,0,.991-1.047V21.419h5.449c.731,0,1.424-.024,2.085-.071l5.608,9.62a1.43,1.43,0,0,0,1.253.685h2.5a.808.808,0,0,0,.77-.4,1.037,1.037,0,0,0-.13-1.05Zm-6.438-3.209H193.8V4.087h5.449c5.838,0,8.112,1.6,8.112,6.645C207.356,15.742,205.082,17.333,199.244,17.333ZM18.3,20.56c3.25-1.559,4.9-4.693,4.9-9.312,0-4.163-.953-7.106-2.831-8.747C18.465.841,15.32,0,11.022,0h-10C.276,0,0,.277,0,1.026v29.6c0,.748.277,1.026,1.021,1.026H7.1c.746,0,1.023-.278,1.023-1.026v-8.64H10.4l.1.205,4.058,8.473a1.692,1.692,0,0,0,1.676.988h6.175c.519,0,.6-.181.63-.251h0a1.054,1.054,0,0,0-.145-.889l-4.928-9.372-.175-.336.34-.163ZM14.06,14.5a3.98,3.98,0,0,1-3.13,1.043h-2.8V6.907h2.8a4.04,4.04,0,0,1,3.12.989,4.925,4.925,0,0,1,.88,3.352A4.89,4.89,0,0,1,14.06,14.5Zm22.1-13.47v29.6c0,.749-.276,1.027-1.02,1.027h-6.13c-.746,0-1.023-.278-1.023-1.027V1.027C27.988.278,28.265,0,29.01,0h6.13C35.885,0,36.16.278,36.161,1.027ZM51.457,0H42.47c-.744,0-1.021.278-1.021,1.027v29.6c0,.748.277,1.027,1.021,1.027h9.08c4.67,0,8.1-1.193,10.193-3.542,2.11-2.367,3.18-6.5,3.18-12.285s-1.078-9.917-3.2-12.283C59.612,1.191,56.158,0,51.457,0Zm4.055,22.642a4.6,4.6,0,0,1-4.192,1.917h-1.7V7.093h1.6A4.721,4.721,0,0,1,55.461,9c.8,1.213,1.2,3.445,1.2,6.824S56.282,21.431,55.512,22.642ZM123.321.953h0C123.14.413,122.937,0,122.141,0h-2.747c-.8,0-1,.412-1.18.949L106.842,30.518a.892.892,0,0,0,.107.8.848.848,0,0,0,.706.33h2.419c.7,0,.873-.475,1.016-.861L113.9,23.3h13.75l2.8,7.5a1.058,1.058,0,0,0,1.054.856h2.378a.845.845,0,0,0,.706-.33.9.9,0,0,0,.1-.815Zm-7.908,18.305,5.374-14.335,5.352,14.335Zm69.811,9.312v1.991c0,.949-.621,1.091-.991,1.091H165.4c-.658,0-.991-.352-.991-1.047V1a.882.882,0,0,1,.95-1H184.11a.908.908,0,0,1,.991,1V3.038a.947.947,0,0,1-.991,1.048H168.481V13.8h15.178c.6,0,.95.381.95,1.047V16.7c0,.667-.346,1.048-.95,1.048H168.481v9.818h15.752A.907.907,0,0,1,185.224,28.57ZM147.551,0h-8.613c-.6,0-.95.382-.95,1.048V30.606a.92.92,0,0,0,.991,1.047h2.132a.947.947,0,0,0,.991-1.047V21.419h5.449c8.512,0,12.307-3.047,12.307-10.687C159.858,3.062,156.063,0,147.551,0Zm0,17.332H142.1V4.087h5.449c5.837,0,8.111,1.6,8.111,6.645C155.662,15.742,153.388,17.333,147.551,17.333ZM95.87,0H87.258c-.6,0-.95.381-.95,1.048V30.606h0a.92.92,0,0,0,.991,1.047H89.43a.946.946,0,0,0,.991-1.047V21.419h5.45c8.511,0,12.307-3.047,12.307-10.687C108.178,3.061,104.382,0,95.87,0Zm0,17.332H90.421V4.087h5.45c5.837,0,8.111,1.6,8.111,6.645C103.982,15.742,101.708,17.333,95.87,17.333ZM77.934,1.027v29.6c0,.749-.276,1.027-1.02,1.027h-6.13c-.746,0-1.023-.278-1.023-1.027V1.027C69.761.278,70.038,0,70.784,0h6.13C77.658,0,77.934.278,77.934,1.027Z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
  width: 200px;
  height: auto;
}
.products-area .products li figure figcaption .logo-laftel {
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20108%2027%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%23303538%3B%20%7D%3C/style%3E%3Cpath%20fill%3D%22%23303538%22%20d%3D%22M8.1,26.8h4c1.4,0,2.6-1.2,2.6-2.6v-0.5c0-1.4-1.2-2.6-2.6-2.6h-4c-1.3,0-2.4-1.1-2.4-2.4V2.6%0A%09C5.7,1.2,4.5,0,3.1,0H2.6C1.2,0,0,1.2,0,2.6v16.1C0,23.2,3.7,26.8,8.1,26.8z%20M58.3,5.7H61v3v9.5v5.9c0,1.4,1.2,2.6,2.6,2.6h0.5%0A%09c1.4,0,2.6-1.2,2.6-2.6v-6V8.7v-3h2.7c1.4,0,2.6-1.2,2.6-2.6V2.6c0-1.4-1.2-2.6-2.6-2.6h-4.8h-0.8h-5.6c-1.4,0-2.6,1.2-2.6,2.6v0.5%0A%09C55.7,4.5,56.9,5.7,58.3,5.7z%20M76.8,26.8c0.2,0,0.3,0,0.5,0h0.5h5.1h0.8h4.1c1.4,0,2.6-1.2,2.6-2.6v-0.5c0-1.4-1.2-2.6-2.6-2.6h-4.1%0A%09h-0.8h-2.5v-2.9v-1.9h2.5h0.8h2.4c1.4,0,2.6-1.2,2.6-2.6v-0.5c0-1.4-1.2-2.6-2.6-2.6h-2.4h-0.8h-2.5V8.6V5.7h2.5h0.8h4.1%0A%09c1.4,0,2.6-1.2,2.6-2.6V2.6c0-1.4-1.2-2.6-2.6-2.6h-4.1h-0.8h-5.1h-0.5c-1.4,0-2.6,1.2-2.6,2.6v0.5v5.5v4.5v0.5v4.5v5.5v0.5%0A%09C74.7,25.5,75.6,26.5,76.8,26.8z%20M20.7,26.8h0.5c1.4,0,2.6-1.2,2.6-2.6v-4.5h4.8v4.5c0,1.4,1.2,2.6,2.6,2.6h0.5%0A%09c1.4,0,2.6-1.2,2.6-2.6V8.1c0-4.7-4-8.5-8.8-8.1c-4.2,0.3-7.5,4-7.5,8.2v15.9C18.1,25.6,19.2,26.8,20.7,26.8z%20M23.8,8.2%0A%09c0-1.2,0.8-2.3,2-2.4c1.5-0.2,2.8,0.9,2.8,2.4V14h-4.8V8.2z%20M46.4,5.7h4c1.4,0,2.6-1.2,2.6-2.6V2.6c0-1.4-1.2-2.6-2.6-2.6h-4%0A%09c-4.5,0-8.1,3.7-8.1,8.1v16.1c0,1.4,1.2,2.6,2.6,2.6h0.5c1.4,0,2.6-1.2,2.6-2.6V17h2.5h0.8h3.2c1.4,0,2.6-1.2,2.6-2.6v-0.5%0A%09c0-1.4-1.2-2.6-2.6-2.6h-3.2h-0.8H44V8.1C44,6.8,45.1,5.7,46.4,5.7z%20M101.8,26.8h4c1.4,0,2.6-1.2,2.6-2.6v-0.5%0A%09c0-1.4-1.2-2.6-2.6-2.6h-4c-1.3,0-2.4-1.1-2.4-2.4V2.6c0-1.4-1.2-2.6-2.6-2.6h-0.5c-1.4,0-2.6,1.2-2.6,2.6v16.1%0A%09C93.7,23.2,97.3,26.8,101.8,26.8z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
  width: 130px;
  height: 32px;
}
.products-area .products li figure figcaption .logo-outstanding {
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20168%2030%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%23303538%3B%20%7D%3C/style%3E%3Cg%3E%0A%20%20%3Cpath%20d%3D%22M42.2176166,21.9402985%20C40.4581876,21.9323251%2038.7756429,21.1974581%2037.5480029,19.9008015%20C36.3203629,18.6041449%2035.6505741,16.8544328%2035.6891192,15.0447761%20C35.6276835,12.5901706%2036.8654488,10.2944827%2038.922091,9.04857115%20C40.9787333,7.80265958%2043.5304895,7.80265958%2045.5871318,9.04857115%20C47.643774,10.2944827%2048.8815393,12.5901706%2048.8201036,15.0447761%20C48.854105,16.8662044%2048.1726786,18.6247724%2046.9299951,19.9226093%20C45.6873117,21.2204463%2043.9883938,21.9478684%2042.2176166,21.9402985%20Z%20M42.2524352,9.1119403%20C39.1405181,9.1119403%2036.7032124,11.6955224%2036.7032124,15.0447761%20C36.7032124,18.3940299%2039.1709845,20.9776119%2042.2611399,20.9776119%20C45.3512953,20.9776119%2047.7711917,18.3985075%2047.7711917,15.0492537%20C47.7711917,11.7%2045.373057,9.11641791%2042.2611399,9.11641791%20L42.2524352,9.1119403%20Z%22%20id%3D%22Shape%22%20fill-rule%3D%22nonzero%22%3E%3C/path%3E%0A%20%20%3Cpath%20d%3D%22M61.7465285,8.32835821%20L61.7465285,15.6716418%20C61.7465285,20.2835821%2059.0698446,21.9402985%2056.5237306,21.9402985%20C53.7425907,21.9402985%2051.357513,19.9343284%2051.357513,15.8955224%20L51.357513,8.32835821%20L52.3237306,8.32835821%20L52.3237306,15.8552239%20C52.3237306,19.3835821%2054.3258031,20.9776119%2056.5411399,20.9776119%20C58.6520207,20.9776119%2060.7803109,19.5402985%2060.7803109,15.7164179%20L60.7803109,8.32835821%20L61.7465285,8.32835821%20Z%22%20id%3D%22Path%22%3E%3C/path%3E%0A%20%20%3Cpolygon%20id%3D%22Path%22%20points%3D%2274.1550259%209.19701493%2069.4980311%209.19701493%2069.4980311%2021.7656716%2068.5318135%2021.7656716%2068.5318135%209.19701493%2063.8748187%209.19701493%2063.8748187%208.32835821%2074.1550259%208.32835821%22%3E%3C/polygon%3E%0A%20%20%3Cpath%20d%3D%22M82.411399,10.141791%20C81.1405181,9.35373134%2080.4833161,9.11641791%2079.6302591,9.11641791%20C78.950148,9.0859615%2078.2873251,9.34185732%2077.794599,9.8251107%20C77.3018728,10.3083641%2077.0217679,10.9772679%2077.0188601,11.6776119%20C77.0188601,15.2597015%2082.9293264,13.5492537%2082.9293264,18.2597015%20C82.9364802,19.2435514%2082.5576469,20.1887909%2081.8785448,20.8815414%20C81.1994427,21.5742919%2080.277471,21.9560006%2079.3212435,21.9402985%20C78.1661542,21.8939078%2077.0533042,21.4809992%2076.1353368,20.758209%20L76.1353368,19.5402985%20C77.5193782,20.6238806%2078.3115026,20.9776119%2079.2646632,20.9776119%20C79.9604682,20.9885985%2080.6309106,20.7090797%2081.1229769,20.2028494%20C81.6150433,19.6966191%2081.8867414,19.0068782%2081.8760622,18.2910448%20C81.8760622,14.4671642%2075.9655959,16.141791%2075.9655959,11.7089552%20C75.9724396,10.746296%2076.3528505,9.82634861%2077.0222446,9.15366257%20C77.6916387,8.48097653%2078.5945278,8.11131275%2079.5301554,8.12686567%20C80.5440795,8.1390516%2081.5361893,8.43133361%2082.4026943,8.97313433%20L82.411399,10.141791%20Z%22%20id%3D%22Path%22%3E%3C/path%3E%0A%20%20%3Cpolygon%20id%3D%22Path%22%20points%3D%2294.9287047%209.19701493%2090.2717098%209.19701493%2090.2717098%2021.7656716%2089.3098446%2021.7656716%2089.3098446%209.19701493%2084.6528497%209.19701493%2084.6528497%208.32835821%2094.9287047%208.32835821%22%3E%3C/polygon%3E%0A%20%20%3Cpolygon%20id%3D%22Path%22%20points%3D%2295.1680829%2021.7656716%2094.1670466%2021.7656716%2099.8990674%208.22985075%20100.425699%208.22985075%20106.15772%2021.7656716%20105.156684%2021.7656716%20100.151503%209.92686567%22%3E%3C/polygon%3E%0A%20%20%3Cpolygon%20id%3D%22Path%22%20points%3D%22119.745699%2021.7656716%20118.94487%2021.7656716%20109.522073%2010.0253731%20109.522073%2021.7656716%20108.560207%2021.7656716%20108.560207%208.33283582%20109.378446%208.33283582%20118.783834%2020.0776119%20118.783834%208.32835821%20119.745699%208.32835821%22%3E%3C/polygon%3E%0A%20%20%3Cpath%20d%3D%22M127.862798,8.32835821%20C133.137824,8.32835821%20134.626321,12.0940299%20134.626321,15.0447761%20C134.626321,18.1791045%20132.937617,21.761194%20128.023834,21.761194%20L123.514819,21.761194%20L123.514819,8.32835821%20L127.862798,8.32835821%20Z%20M124.476684,20.9014925%20L127.958549,20.9014925%20C130.939896,20.9014925%20133.577409,18.8328358%20133.577409,15.0492537%20C133.577409,11.6014925%20131.266321,9.19701493%20127.919378,9.19701493%20L124.476684,9.19701493%20L124.476684,20.9014925%20Z%22%20id%3D%22Shape%22%20fill-rule%3D%22nonzero%22%3E%3C/path%3E%0A%20%20%3Cpolygon%20id%3D%22Path%22%20points%3D%22138.839378%2021.7656716%20137.877513%2021.7656716%20137.877513%208.33283582%20138.839378%208.33283582%22%3E%3C/polygon%3E%0A%20%20%3Cpolygon%20id%3D%22Path%22%20points%3D%22153.746114%2021.7656716%20152.949637%2021.7656716%20143.526839%2010.0253731%20143.526839%2021.7656716%20142.560622%2021.7656716%20142.560622%208.33283582%20143.37886%208.33283582%20152.766839%2020.0731343%20152.766839%208.32835821%20153.728705%208.32835821%22%3E%3C/polygon%3E%0A%20%20%3Cpath%20d%3D%22M167.464663,10.4776119%20C166.148742,9.61566413%20164.624381,9.1503112%20163.064456,9.13432836%20C159.91772,9.13432836%20157.589223,11.6552239%20157.589223,15.0671642%20C157.589223,18.080597%20159.425907,20.9955224%20163.338653,20.9955224%20C164.52397,21.0223882%20165.695597,20.730696%20166.737824,20.1492537%20L166.737824,16.5223881%20L164.126425,16.5223881%20L164.126425,15.6716418%20L167.712746,15.6716418%20L167.712746,20.8029851%20C166.34902,21.5337458%20164.837021,21.9233932%20163.299482,21.9402985%20C161.497028,21.9887794%20159.754281,21.2737728%20158.478907,19.9625338%20C157.203533,18.6512948%20156.507407,16.8588455%20156.553368,15.0044776%20C156.499774,13.1711996%20157.184128,11.3964664%20158.444751,10.099557%20C159.705374,8.80264754%20161.430451,8.09859508%20163.212435,8.15373134%20C164.613886,8.15373134%20165.723731,8.44925373%20167.469016,9.29552239%20L167.464663,10.4776119%20Z%22%20id%3D%22Path%22%3E%3C/path%3E%0A%20%20%3Cpath%20d%3D%22M15.9948187,29.4402985%20L15.9948187,28.9925373%20C15.9925747,28.8408611%2016.0976961,28.709946%2016.2429016,28.6835821%20C21.0217617,27.6089552%2024.6733679,21.9402985%2024.6733679,15.0492537%20C24.6733679,8.15820896%2021,2.45373134%2016.1993782,1.41940299%20C16.0807731,1.39232824%2015.9959836,1.28468261%2015.9948187,1.15970149%20L15.9948187,0.640298507%20C15.9913268,0.584122723%2016.0130789,0.529403941%2016.053833,0.491844179%20C16.0945871,0.454284417%2016.1498378,0.438035869%2016.2037306,0.447761194%20C23.546114,1.2358209%2029.2607254,7.47313433%2029.2607254,15.0492537%20C29.2607254,22.6253731%2023.559171,28.8447761%2016.2298446,29.6462687%20C16.1705105,29.6606875%2016.1080485,29.6451795%2016.0616379,29.6045065%20C16.0152273,29.5638336%2015.9904146,29.5028564%2015.9948187,29.4402985%20Z%22%20id%3D%22Path%22%3E%3C/path%3E%0A%20%20%3Cpath%20d%3D%22M13.2702591,29.4402985%20L13.2702591,28.9925373%20C13.272503,28.8408611%2013.1673817,28.709946%2013.0221762,28.6835821%20C8.24331606,27.6089552%204.59170984,21.9402985%204.59170984,15.0492537%20C4.59170984,8.15820896%208.26943005,2.45373134%2013.0569948,1.41940299%20C13.1756,1.39232824%2013.2603894,1.28468261%2013.2615544,1.15970149%20L13.2615544,0.640298507%20C13.2647729,0.585039768%2013.243582,0.531237372%2013.2038815,0.493870077%20C13.1641809,0.456502782%2013.1102102,0.439560933%2013.0569948,0.447761194%20C5.71896373,1.2358209%20-7.10542736e-15,7.47313433%20-7.10542736e-15,15.0492537%20C-7.10542736e-15,22.6253731%205.70590674,28.8447761%2013.0569948,29.6462687%20C13.1129876,29.6529371%2013.1689923,29.6338888%2013.2100877,29.594199%20C13.2511831,29.5545091%2013.2731951,29.498209%2013.2702591,29.4402985%20Z%22%20id%3D%22Path%22%3E%3C/path%3E%0A%20%20%3C/g%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
  width: 150px;
  height: 32px;
}
.products-area .products li figure figcaption .dog-ear {
  font-size: 36px;
  font-weight: 800;
  color: #303538;
  padding: 0;
}
.products-area .products li figure figcaption .dog-ear img {
  float: none;
  display: inline;
  width: 40px;
  height: 40px;
  margin: -4px 0 0 12px;
  border-radius: 0;
}
.products-area .products li figure figcaption span {
  display: block;
  padding: 16px 0 20px;
  font-size: 24px;
  color: #40474D;
  font-weight: 400;
  letter-spacing: -0.03em;
  word-break: keep-all;
}
@media only screen and (max-width : 1023px) {
  .products-area .products li figure figcaption span {
    font-size: 20px;
  }
}
.products-area .products li figure figcaption .text-link {
  display: inline-block;
  margin-top: 16px;
  font-size: 24px;
  color: #0077FF;
  font-weight: 700;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
@media only screen and (max-width : 1023px) {
  .products-area .products li figure figcaption .text-link {
    font-size: 18px;
    margin-top: 24px;
  }
}
.products-area .products li figure figcaption .text-link .arrow-link {
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%230077FF%3B%20%7D%3C/style%3E%3Cpath%20d%3D%22M23.25%2012L21.4862%2010.2377L13.25%2018.474L13.25%200.749999L10.75%200.749999L10.75%2018.455L2.52177%2010.2267L0.75%2012L10.75%2021.9915V22L10.7585%2022L12.0095%2023.25L23.25%2012Z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  margin-top: -3px;
  transform: rotate(-90deg);
  transition: transform 0.3s;
}
@media only screen and (max-width : 1023px) {
  .products-area .products li figure figcaption .text-link .arrow-link {
    width: 18px;
    height: 18px;
    margin-top: -2px;
  }
}
.products-area .products li figure figcaption .text-link:hover {
  color: #105DC1;
}
.products-area .products li figure figcaption .text-link:hover > .arrow-link {
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%23105DC1%3B%20%7D%3C/style%3E%3Cpath%20d%3D%22M23.25%2012L21.4862%2010.2377L13.25%2018.474L13.25%200.749999L10.75%200.749999L10.75%2018.455L2.52177%2010.2267L0.75%2012L10.75%2021.9915V22L10.7585%2022L12.0095%2023.25L23.25%2012Z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
  transform: translateX(8px) rotate(-90deg);
}
.products-area .products li figure figcaption .icon-links {
  margin-top: 24px;
}
.products-area .products li figure figcaption .icon-links a {
  float: left;
  margin-right: 32px;
}
.products-area .products li figure figcaption .icon-links a img {
  width: auto;
  height: 36px;
}
@media only screen and (max-width : 1023px) {
  .products-area .products li figure figcaption .icon-links a img {
    height: 30px;
  }
}
@media only screen and (max-width : 1023px) {
  .products-area .products li figure figcaption .icon-links {
    margin-top: 24px;
  }
}
.branding-link-area {
  width: 768px;
  margin: 0 auto 0;
}
@media only screen and (max-width: 767px) {
  .branding-link-area {
    width: auto;
  }
}
.branding-link-area .go-to-branding {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 0.875em;
  padding: 12px 30px;
  display: inline-block;
  letter-spacing: -0.03em;
  font-weight: bold;
  padding: 16px 30px;
  background: #1f8ee6;
  color: #fff;
  margin-top: 20px;
}
.branding-link-area .go-to-branding i {
  opacity: 0.5;
}
.branding-link-area .go-to-branding:hover {
  color: #fff;
  background: #1477c5;
}
html.page.career .intro-header.ih-career {
  padding: 240px 0 200px;
  max-width: 1160px;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  html.page.career .intro-header.ih-career {
    padding: 200px 0 160px;
  }
}
html.page.career .intro-header .site-heading.career-heading,
html.page.career .intro-header .page-heading.career-heading {
  padding-bottom: 40px;
}
html.page.career .intro-header .site-heading.career-heading .now-hiring,
html.page.career .intro-header .page-heading.career-heading .now-hiring {
  display: inline-block;
  margin-top: 32px;
  font-size: 24px;
  font-weight: 700;
  color: #0077FF;
}
html.page.career .intro-header .site-heading.career-heading .now-hiring .arrow-link,
html.page.career .intro-header .page-heading.career-heading .now-hiring .arrow-link {
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%230077FF%3B%20%7D%3C/style%3E%3Cpath%20d%3D%22M23.25%2012L21.4862%2010.2377L13.25%2018.474L13.25%200.749999L10.75%200.749999L10.75%2018.455L2.52177%2010.2267L0.75%2012L10.75%2021.9915V22L10.7585%2022L12.0095%2023.25L23.25%2012Z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  margin-top: -6px;
}
html.page.career .intro-header .site-heading.career-heading .now-hiring:hover,
html.page.career .intro-header .page-heading.career-heading .now-hiring:hover {
  color: #105DC1;
}
html.page.career .intro-header .site-heading.career-heading .now-hiring:hover > .arrow-link,
html.page.career .intro-header .page-heading.career-heading .now-hiring:hover > .arrow-link {
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%23105DC1%3B%20%7D%3C/style%3E%3Cpath%20d%3D%22M23.25%2012L21.4862%2010.2377L13.25%2018.474L13.25%200.749999L10.75%200.749999L10.75%2018.455L2.52177%2010.2267L0.75%2012L10.75%2021.9915V22L10.7585%2022L12.0095%2023.25L23.25%2012Z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
}
html.page.career .ridi-life-area {
  padding: 0 0 140px;
  word-break: keep-all;
}
@media only screen and (max-width: 767px) {
  html.page.career .ridi-life-area {
    padding: 80px 0;
  }
}
html.page.career .ridi-life-area .benefits {
  margin-top: 50px;
}
html.page.career .ridi-life-area .benefits .benefits-list {
  height: 430px;
}
@media only screen and (max-width: 767px) {
  html.page.career .ridi-life-area .benefits .benefits-list {
    height: auto;
  }
}
html.page.career .ridi-life-area .benefits .benefits-list figure img {
  float: left;
  display: block;
  margin: 30px auto 0;
  width: 35%;
  border-radius: 6px;
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
  html.page.career .ridi-life-area .benefits .benefits-list figure img {
    margin: 50px auto 0;
  }
}
@media only screen and (max-width: 767px) {
  html.page.career .ridi-life-area .benefits .benefits-list figure img {
    float: none;
    width: 80%;
  }
}
html.page.career .ridi-life-area .benefits .benefits-list figure figcaption {
  float: right;
  display: block;
  width: 57%;
}
@media only screen and (max-width: 767px) {
  html.page.career .ridi-life-area .benefits .benefits-list figure figcaption {
    float: none;
    width: 100%;
    margin-bottom: 100px;
  }
}
html.page.career .ridi-life-area .benefits .benefits-list figure figcaption .benefit-title {
  display: block;
  font-size: 36px;
  font-weight: 700;
  color: #303538;
  padding: 16px 0 12px;
}
@media only screen and (max-width: 767px) {
  html.page.career .ridi-life-area .benefits .benefits-list figure figcaption .benefit-title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  html.page.career .ridi-life-area .benefits .benefits-list figure figcaption .benefit-list {
    padding-left: 20px;
  }
}
html.page.career .ridi-life-area .benefits .benefits-list figure figcaption .benefit-list li {
  margin: 8px 0;
  position: relative;
  font-size: 20px;
  line-height: 140%;
  color: #40474D;
  word-break: keep-all;
}
@media only screen and (max-width : 1023px) {
  html.page.career .ridi-life-area .benefits .benefits-list figure figcaption .benefit-list li {
    font-size: 18px;
  }
}
html.page.career .ridi-life-area .benefits .benefits-list figure figcaption .benefit-list li:before {
  content: '';
  position: absolute;
  top: 8px;
  left: -12px;
  width: 3px;
  height: 3px;
  border-radius: 2px;
  background: #D1D5D9;
}
html.page.career .job-openings-area {
  margin-bottom: 160px;
}
html.page.career .job-openings-area h3 {
  color: #333;
  margin-bottom: 10px;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
html.page.career .job-openings-area h3:after {
  content: '';
  background: #333;
}
html.page.career .job-openings-area h4 {
  color: #555;
}
@media only screen and (max-width: 767px) {
  html.page.career .job-openings-area h4 {
    font-size: 0.9em;
  }
}
html.page.career .job-openings-area h5 {
  color: #303538;
  font-size: 36px;
  margin: 60px 0 0 0;
  font-weight: 700;
  padding-bottom: 24px;
  border-bottom: 1px solid #D1D5D9;
  margin-bottom: 0;
}
@media only screen and (max-width : 1023px) {
  html.page.career .job-openings-area h5 {
    font-size: 26px;
  }
}
html.page.career .job-openings-area .jobs {
  width: 100%;
}
html.page.career .job-openings-area .jobs .job-item {
  background: #fff;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #D1D5D9;
  transition: all 0.25s ease-in-out;
}
html.page.career .job-openings-area .jobs .job-item:hover .job-title {
  padding-left: 20px;
  background-color: hsl(215, 30%, 99%);
}
html.page.career .job-openings-area .jobs .job-item .job-title {
  display: block;
  color: #303538;
  font-size: 28px;
  line-height: 34px;
  font-weight: 400;
  padding: 32px 16px;
  transition: all 0.15s ease-in-out;
}
@media only screen and (max-width : 1023px) {
  html.page.career .job-openings-area .jobs .job-item .job-title {
    font-size: 24px;
    padding: 24px 16px;
  }
}
html.page.career .job-openings-area .jobs .job-item .job-title .icon-arrow-right-1 {
  float: right;
  margin-top: 4px;
}
html.page.career .job-openings-area .jobs .job-item .job-desc {
  padding: 14px 24px;
  position: relative;
  overflow: hidden;
  max-height: 1000px;
  opacity: 1;
  transform: translate(0, 0);
  transition: all 0.25s ease-in-out;
  z-index: 2;
  margin: 0 0 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
html.page.career .job-openings-area .jobs .job-item .job-desc strong {
  display: block;
  color: #165097;
  padding: 15px 0 5px;
}
html.page.career .job-openings-area .jobs .job-item .job-desc p {
  line-height: 1.5;
  position: relative;
  margin: 0 0 0 18px;
}
html.page.career .job-openings-area .jobs .job-item .job-desc p:before {
  position: absolute;
  content: "•";
  left: -1em;
  top: 0;
  color: #ccc;
}
html.page.career .job-openings-area .jobs .job-item .job-desc p.heading {
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 5px;
}
html.page.career .job-openings-area .jobs .job-item .job-desc p.heading:before {
  content: "";
}
html.page.career .job-openings-area .jobs .job-item .job-desc .button-area {
  padding: 30px 0 20px;
  text-align: center;
}
html.page.career .job-openings-area .jobs .job-item .job-desc .button-area .learn-more {
  display: inline-block;
  color: #000;
  font-weight: 700;
  border-bottom: 1px dotted #000;
  margin: 0 0 30px 20px;
}
html.page.career .job-openings-area .jobs .job-item .job-desc .button-area .apply {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 0.875em;
  padding: 12px 30px;
  letter-spacing: -0.03em;
  font-weight: bold;
  background: #0a1b39;
  color: #fff;
  font-family: "brandon-grotesque", sans-serif;
  font-size: 1em;
  display: inline-block;
}
html.page.career .job-openings-area .jobs .job-item .job-desc .button-area .apply i {
  opacity: 0.5;
}
html.page.career .job-openings-area .jobs .job-item .job-desc .button-area .apply:hover {
  color: #fff;
  background: #050f22;
}
html.page.career .job-openings-area .jobs .apply-instruction h5 {
  border-bottom: 0px;
  padding-bottom: 0;
}
html.page.career .job-openings-area .jobs .apply-instruction .dsc {
  margin-top: 14px;
}
html.page.career .job-openings-area .jobs .apply-instruction .acc {
  margin: 8px 0 8px 0;
  padding: 0;
  overflow: hidden;
  border-bottom: 1px solid #D1D5D9;
}
html.page.career .job-openings-area .jobs .apply-instruction .acc li {
  position: relative;
}
html.page.career .job-openings-area .jobs .apply-instruction .acc li .acc_panel {
  display: none;
  overflow: hidden;
}
html.page.career .job-openings-area .jobs .apply-instruction .acc li .acc_panel .talent-pool-list .job-item {
  background: #fff;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #D1D5D9;
  transition: all 0.25s ease-in-out;
}
html.page.career .job-openings-area .jobs .apply-instruction .acc li .acc_panel .talent-pool-list .job-item:first-child .job-title {
  border-top: 0px;
}
html.page.career .job-openings-area .jobs .apply-instruction .acc li .acc_panel .talent-pool-list .job-item:hover {
  border-color: #aaa;
}
html.page.career .job-openings-area .jobs .apply-instruction .acc li .acc_panel .talent-pool-list .job-item:hover .job-title {
  padding-left: 20px;
}
html.page.career .job-openings-area .jobs .apply-instruction .acc li .acc_panel .talent-pool-list .job-item .job-title {
  display: block;
  color: #303538;
  font-size: 28px;
  line-height: 34px;
  font-weight: 400;
  padding: 32px 16px;
  transition: all 0.15s ease-in-out;
  border-top: 1px solid #D1D5D9;
}
html.page.career .job-openings-area .jobs .apply-instruction .acc li .acc_panel .talent-pool-list .job-item .icon-arrow-right-1 {
  float: right;
  margin-top: 4px;
  color: #303538;
  font-size: 28px;
}
html.page.career .job-openings-area .jobs .apply-instruction .acc li .acc_panel .detail-title {
  font-size: 24px;
  line-height: 160%;
  font-weight: 700;
  color: #40474D;
}
html.page.career .job-openings-area .jobs .apply-instruction .acc li .acc_panel ul {
  margin-bottom: 24px;
}
html.page.career .job-openings-area .jobs .apply-instruction .acc li .acc_panel ul .detail-list {
  position: relative;
  padding-left: 24px;
  font-size: 24px;
  line-height: 160%;
  color: #40474D;
  word-break: keep-all;
}
@media only screen and (max-width: 767px) {
  html.page.career .job-openings-area .jobs .apply-instruction .acc li .acc_panel ul .detail-list {
    font-size: 20px;
  }
}
html.page.career .job-openings-area .jobs .apply-instruction .acc li .acc_panel ul .detail-list:before {
  content: '';
  position: absolute;
  top: 14px;
  left: 8px;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: #B8BFC4;
}
html.page.career .job-openings-area .jobs .apply-instruction .acc .acc_ctrl {
  background: transparent;
  border: none;
  cursor: pointer;
  display: block;
  outline: none;
  position: relative;
  text-align: left;
  width: 100%;
  padding: 11px 0;
  margin: 0;
}
html.page.career .job-openings-area .jobs .apply-instruction .acc .acc_ctrl::before {
  content: '';
  height: 12px;
  width: 12px;
  border: 2px solid #303538;
  border-width: 2px 2px 0 0;
  float: right;
  margin-right: 5px;
  position: absolute;
  right: 16px;
  top: 46%;
  -webkit-transform: rotate(-225deg);
  -moz-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  -o-transform: rotate(-225deg);
  transform: rotate(-225deg);
}
html.page.career .job-openings-area .jobs .apply-instruction .acc .acc_ctrl.active {
  transition: all 0.15s ease-in-out;
}
html.page.career .job-openings-area .jobs .apply-instruction .acc .acc_ctrl.active::before {
  top: 46%;
  border-color: #9EA7AD;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
html.page.career .job-openings-area .jobs .apply-instruction .acc .acc_ctrl.active p {
  color: #9EA7AD;
}
html.page.career .job-openings-area .jobs .apply-instruction .acc .acc_ctrl p {
  display: block;
  color: #303538;
  font-size: 28px;
  line-height: 34px;
  font-weight: 400;
  padding: 32px 0 20px;
  margin: 0;
  border-top: 1px solid #D1D5D9;
}
@media only screen and (max-width : 1023px) {
  html.page.career .job-openings-area .jobs .apply-instruction .acc .acc_ctrl p {
    font-size: 24px;
    padding: 24px 16px 10px;
  }
}
html.page.blog .intro-header.ih-blog {
  padding: 240px 0 200px;
  max-width: 1160px;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  html.page.blog .intro-header.ih-blog {
    padding: 200px 0 160px;
  }
}
html.page.blog .tab-container {
  font-family: 'Calibre', sans-serif;
  font-weight: 600;
  background: #fff;
  padding: 28px 0;
  border-bottom: 1px solid #D1D5D9;
  text-align: left;
  font-weight: bold;
  font-size: 1.2em;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
html.page.blog .tab-container a {
  vertical-align: baseline;
}
html.page.blog .tab-container em,
html.page.blog .tab-container span {
  color: #D1D5D9;
  display: inline-block;
  padding: 0 2px;
}
html.page.blog .tab-container em {
  font-style: normal;
  transition: color 0.2s;
  cursor: pointer;
}
html.page.blog .tab-container em.active,
html.page.blog .tab-container em:hover {
  color: #0077FF;
}
html.page.blog.posts .blog-post-list {
  margin: 0 auto;
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
  html.page.blog.posts .blog-post-list {
    margin: 20px auto;
  }
}
@media only screen and (max-width: 767px) {
  html.page.blog.posts .blog-post-list {
    width: auto;
    margin: 0 auto;
  }
}
html.page.blog.posts .blog-post-list li {
  vertical-align: top;
  position: relative;
}
@media only screen and (max-width: 767px) {
  html.page.blog.posts .blog-post-list li {
    display: block;
  }
}
html.page.blog.posts .blog-post-list li .list-item {
  display: flex;
  justify-content: space-between;
  padding: 25px 16px 20px;
  position: relative;
  z-index: 1;
  transition: all 0.1s;
  border-bottom: 1px #eee solid;
}
@media only screen and (max-width: 767px) {
  html.page.blog.posts .blog-post-list li .list-item {
    display: block;
  }
}
html.page.blog.posts .blog-post-list li .list-item .post-content {
  vertical-align: top;
  max-width: 70%;
  word-break: keep-all;
}
@media only screen and (max-width: 767px) {
  html.page.blog.posts .blog-post-list li .list-item .post-content {
    max-width: 100%;
  }
}
html.page.blog.posts .blog-post-list li .list-item .type {
  display: inline-block;
  font-family: "brandon-grotesque", sans-serif;
  color: #284f8c;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 5px 0 10px 0;
}
html.page.blog.posts .blog-post-list li .list-item .type.type-design {
  color: #ed6d5e;
}
html.page.blog.posts .blog-post-list li .list-item .type.type-uiux {
  color: #469e03;
}
html.page.blog.posts .blog-post-list li .list-item .type.type-engineering {
  color: #1f8ce6;
}
html.page.blog.posts .blog-post-list li .list-item .type.type-culture {
  color: #16a8be;
}
html.page.blog.posts .blog-post-list li .list-item .type.type-pro-tip {
  color: #ffaa00;
}
html.page.blog.posts .blog-post-list li .list-item .type.type-release {
  color: #9000ff;
}

html.page.blog.posts .blog-post-list li .list-item .title {
  display: block;
  font-size: 26px;
  color: #373a3c;
  padding-bottom: 4px;
  letter-spacing: -0.03em;
  font-weight: bold;
  line-height: 1.3;
  margin-left: -0.05em;
}
html.page.blog.posts .blog-post-list li .list-item .desc {
  font-size: 16px;
  color: #6c8094;
  padding-bottom: 8px;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  html.page.blog.posts .blog-post-list li .list-item .desc {
    padding-bottom: 14px;
  }
}
html.page.blog.posts .blog-post-list li .list-item .post-meta {
  font-family: 'Calibre', sans-serif;
  color: #545f6f;
  font-size: 14px;
  width: 160px;
  padding: 25px 0 0 0;
}
@media only screen and (max-width: 767px) {
  html.page.blog.posts .blog-post-list li .list-item .post-meta {
    width: auto;
    display: block;
    padding: 20px 0 12px 0;
  }
}
html.page.blog.posts .blog-post-list li .list-item .post-meta .profile-img {
  width: 40px;
  height: 40px;
  float: left;
  margin: 0 8px 0 0;
  border-radius: 4px;
}
html.page.blog.posts .blog-post-list li .list-item .post-meta .author {
  font-weight: 600;
  font-size: 16px;
  /* margin-top: 12px; */
}
html.page.blog.posts .blog-post-list li figure {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.1s;
  transform-origin: 50% 50%;
  border-radius: 5px;
  border: 2px solid transparent;
}
html.page.blog.posts .blog-post-list li:hover a,
html.page.blog.posts .blog-post-list li:focus a {
  border-color: #D1D5D9;
  background-color: hsl(215, 30%, 99%);
}
html.page.blog.posts .blog-post-list li:hover figure,
html.page.blog.posts .blog-post-list li:focus figure {
  border: 1px solid #ddd;
  -webkit-transform: scale(1.1);
}
html.page.blog.slides .blog-slide-list {
  margin: 0 auto;
  padding-top: 60px;
  text-align: center;
  max-width: 1600px;
}
html.page.blog.slides .blog-slide-list li {
  display: inline-block;
  width: 320px;
  margin: 0 16px;
}
@media only screen and (max-width: 767px) {
  html.page.blog.slides .blog-slide-list li {
    margin: 0 auto;
  }
}
html.page.blog.slides .blog-slide-list li .preview-hover {
  opacity: 0;
  position: absolute;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #D1D5D9;
  border-radius: 4px;
  z-index: 1;
  width: 320px;
  min-height: 241px;
  text-align: left;
  padding: 20px;
}
html.page.blog.slides .blog-slide-list li .preview-hover .title {
  color: #303538;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.25em;
  letter-spacing: -0.03em;
}
html.page.blog.slides .blog-slide-list li .preview-hover .date {
  font-family: "brandon-grotesque", sans-serif;
  color: #59667a;
  font-size: 14px;
  margin-top: 6px;
  font-weight: 500;
}
html.page.blog.slides .blog-slide-list li .preview-hover:hover {
  opacity: 1;
}
html.page.blog.slides .blog-slide-list li .preview-box {
  display: flex;
  align-items: center;
  min-height: 241px;
  background: #d6deeb;
  border-radius: 4px;
  position: relative;
}
html.page.blog.slides .blog-slide-list li .preview-box .preview {
  border: 1px solid #D1D5D9;
  border-radius: 4px;
  width: 100%;
  cursor: pointer;
}
@keyframes fadein {
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
html.page.blog.slides .blog-slide-list li .preview-box .intro-animation {
  animation-name: fadein;
  animation-duration: 0.6s;
  animation-timing-function: ease-in-out;
}
html.page.blog.slides .blog-slide-list li .dissolve {
  transition: all 0.25s ease-in-out;
}
html.page.blog.slides .blog-slide-list li .slide-info {
  text-align: left;
  margin: 16px 0 60px 0;
}
html.page.blog.slides .blog-slide-list li .slide-info img {
  border-radius: 4px;
  width: 23px;
  height: 23px;
}
html.page.blog.slides .blog-slide-list li .slide-info .author {
  display: inline-block;
  font-family: 'Calibre', sans-serif;
  color: #59667a;
  margin: 4px;
  font-weight: 600;
  font-size: 20px;
}
html.page.blog.slides .blog-slide-list li .slide-info .date {
  font-family: 'Calibre', sans-serif;
  color: #59667a;
  font-size: 18px;
  margin-top: 6px;
  display: none;
}
@media only screen and (max-width : 1023px) {
  html.page.blog.slides .blog-slide-list li .slide-info .date {
    display: block;
  }
}
html.page.press .intro-header.ih-press {
  padding: 240px 0 200px;
  max-width: 1160px;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  html.page.press .intro-header.ih-press {
    padding: 200px 0 160px;
  }
}
html.page.press .site-heading.press-sub-heading,
html.page.press .page-heading.press-sub-heading {
  padding: 80px 0 40px;
}
html.page.press .site-heading.press-sub-heading .wrapper-compact,
html.page.press .page-heading.press-sub-heading .wrapper-compact {
  width: 700px;
}
.press-quick-links {
  margin-top: 80px;
}
.press-quick-links .press-link-item li {
  height: 400px;
}
@media only screen and (max-width: 767px) {
  .press-quick-links .press-link-item li {
    height: auto;
  }
}
.press-quick-links .press-link-item li figure img {
  float: left;
  display: block;
  margin: 0 auto;
  width: 35%;
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
  .press-quick-links .press-link-item li figure img {
    margin: 24px auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .press-quick-links .press-link-item li figure img {
    width: 70%;
    margin-bottom: 40px;
    float: none;
  }
}
.press-quick-links .press-link-item li figure figcaption {
  width: 57%;
  display: block;
  float: right;
}
@media only screen and (max-width: 767px) {
  .press-quick-links .press-link-item li figure figcaption {
    float: none;
    width: 100%;
    margin-bottom: 100px;
  }
}
.press-quick-links .press-link-item li figure figcaption strong {
  display: block;
  font-size: 36px;
  font-weight: 700;
  color: #303538;
  padding: 16px 0 12px;
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
  .press-quick-links .press-link-item li figure figcaption strong {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .press-quick-links .press-link-item li figure figcaption strong {
    font-size: 24px;
  }
}
.press-quick-links .press-link-item li figure figcaption span {
  display: block;
  padding: 16px 0 20px;
  font-size: 24px;
  color: #40474D;
  font-weight: 400;
  letter-spacing: -0.03em;
  word-break: keep-all;
}
@media only screen and (max-width : 1023px) {
  .press-quick-links .press-link-item li figure figcaption span {
    font-size: 20px;
    padding: 0 0 20px 0;
  }
}
.press-quick-links .press-link-item li figure figcaption .text-link {
  display: inline-block;
  margin-top: 20px;
  font-size: 24px;
  color: #0077FF;
  font-weight: 700;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
.press-quick-links .press-link-item li figure figcaption .text-link .arrow-link {
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%230077FF%3B%20%7D%3C/style%3E%3Cpath%20d%3D%22M23.25%2012L21.4862%2010.2377L13.25%2018.474L13.25%200.749999L10.75%200.749999L10.75%2018.455L2.52177%2010.2267L0.75%2012L10.75%2021.9915V22L10.7585%2022L12.0095%2023.25L23.25%2012Z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  margin-top: -6px;
  transform: rotate(-90deg);
}
@media only screen and (max-width : 1023px) {
  .press-quick-links .press-link-item li figure figcaption .text-link .arrow-link {
    width: 18px;
    height: 18px;
    margin-top: -5px;
  }
}
.press-quick-links .press-link-item li figure figcaption .text-link:hover {
  color: #105DC1;
}
.press-quick-links .press-link-item li figure figcaption .text-link:hover > .arrow-link {
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%23105DC1%3B%20%7D%3C/style%3E%3Cpath%20d%3D%22M23.25%2012L21.4862%2010.2377L13.25%2018.474L13.25%200.749999L10.75%200.749999L10.75%2018.455L2.52177%2010.2267L0.75%2012L10.75%2021.9915V22L10.7585%2022L12.0095%2023.25L23.25%2012Z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
}
@media only screen and (max-width : 1023px) {
  .press-quick-links .press-link-item li figure figcaption .text-link {
    font-size: 18px;
  }
}
.press-articles-area {
  background: #f5faff;
  padding: 80px 0;
  margin-bottom: 160px;
}
.press-articles-area .paa-tab {
  text-align: center;
  font-weight: bold;
  font-size: 1.5em;
  padding-bottom: 40px;
}
.press-articles-area .paa-tab button,
.press-articles-area .paa-tab span {
  color: #acc2d4;
  display: inline-block;
  padding: 0 2px;
}
.press-articles-area .paa-tab button {
  font-style: normal;
  transition: color 0.2s;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
}
.press-articles-area .paa-tab button.active,
.press-articles-area .paa-tab button:hover {
  color: #02406f;
}
.press-articles-area .articles-list {
  width: 780px;
  margin: 0 auto;
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
  .press-articles-area .articles-list {
    width: 90%;
    max-width: 690px;
  }
}
@media only screen and (max-width: 767px) {
  .press-articles-area .articles-list {
    width: auto;
  }
}
.press-articles-area .articles-list li {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.press-articles-area .articles-list li a {
  display: block;
  width: 380px;
  padding: 20px 15px 10px;
  position: relative;
  z-index: 1;
  transition: all 0.1s;
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
  .press-articles-area .articles-list li a {
    width: 340px;
  }
}
@media only screen and (max-width: 767px) {
  .press-articles-area .articles-list li a {
    width: auto;
    padding: 20px 20px 10px;
  }
}
.press-articles-area .articles-list li figure {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.1s;
  transform-origin: 50% 50%;
  border-radius: 5px;
}
.press-articles-area .articles-list li:hover a {
  -webkit-transform: translateY(-3px);
}
.press-articles-area .articles-list li:hover figure {
  background: #fff;
  -webkit-transform: scale(1.08);
  box-shadow: 0 3px 10px rgba(2, 64, 111, 0.15);
}
.press-articles-area .articles-list li .date {
  display: block;
  font-size: 0.8em;
  color: #a1afbb;
  padding-bottom: 5px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: bold;
}
.press-articles-area .articles-list li .title {
  display: block;
  font-size: 1.5em;
  color: #0282da;
  line-height: 1.3;
  padding-bottom: 10px;
  letter-spacing: -0.03em;
}
@media only screen and (max-width: 767px) {
  .press-articles-area .articles-list li .title {
    font-size: 1.125em;
  }
}
.press-articles-area .articles-list li p {
  font-size: 0.875em;
  color: #495262;
  line-height: 1.5;
  height: 84px;
  word-wrap: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@media only screen and (max-width : 1023px) {
  .press-articles-area .articles-list li p {
    -webkit-line-clamp: 3;
    height: 63px;
  }
}
.press-articles-area .report-list {
  width: 500px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .press-articles-area .report-list {
    width: 90%;
    margin: 0 auto;
  }
}
.press-articles-area .report-list li {
  position: relative;
}
.press-articles-area .report-list li a {
  display: block;
  padding: 14px 0 2px;
  position: relative;
  z-index: 1;
  transition: all 0.1s;
}
.press-articles-area .report-list li .title {
  display: block;
  font-size: 1.2em;
  color: #0282da;
  line-height: 1.4;
  letter-spacing: -0.03em;
}
.press-articles-area .report-list li span {
  font-weight: bold;
  color: #a1afbb;
  font-size: 0.8em;
}
.press-articles-area .report-list li .date {
  font-family: "brandon-grotesque", sans-serif;
  margin-right: 6px;
}
.press-articles-area .report-list li figure {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.1s;
  transform-origin: 50% 50%;
  border-radius: 5px;
}
.press-articles-area .report-list li:hover a {
  -webkit-transform: translateY(-3px);
}
.press-articles-area .report-list li:hover figure {
  background: #fff;
  -webkit-transform: scale(1.08);
  box-shadow: 0 3px 10px rgba(2, 64, 111, 0.15);
}
.ridi-insights h3 {
  letter-spacing: -0.03em;
}
.ridi-insights .ri-list {
  text-align: center;
  margin-top: 30px;
}
.ridi-insights .ri-list li {
  display: inline-block;
  text-align: center;
  position: relative;
}
.ridi-insights .ri-list li a {
  padding: 15px;
  display: block;
  position: relative;
  transition: all 0.1s;
}
.ridi-insights .ri-list li a:hover {
  -webkit-transform: translateY(-3px);
}
.ridi-insights .ri-list li strong {
  display: block;
  font-size: 1.25em;
  font-family: "brandon-grotesque", sans-serif;
  color: #000;
}
.ridi-insights .ri-list li span {
  display: block;
  font-size: 0.8em;
  font-family: "brandon-grotesque", sans-serif;
  color: #abb3ba;
}
.ridi-insights .ri-list li .book-thumbnail {
  margin-bottom: 10px;
}
.ridi-insights .ri-list li .book-thumbnail .thumbnail-image {
  display: inline-block;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  position: relative;
  background: #d9d9d9;
}
.ridi-insights .ri-list li .book-thumbnail .thumbnail-image:before {
  content: '';
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.2)), color-stop(5%, rgba(0, 0, 0, 0)), color-stop(95%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.2)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
}
.ridi-insights .ri-list li .book-thumbnail img {
  width: 150px;
  max-height: 232px;
}
.ridi-insights .ri-list li .book-thumbnail .border {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  -moz-opacity: 0.2;
  opacity: 0.2;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  border: 1px solid #000;
}
.photo-dl-area {
  margin-top: 50px;
}
.photo-dl-area .photos-list {
  height: 500px;
}
@media only screen and (max-width: 767px) {
  .photo-dl-area .photos-list {
    height: auto;
  }
}
.photo-dl-area .photos-list figure img {
  float: left;
  display: block;
  margin: 0 auto;
  width: 50%;
  border-radius: 6px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .photo-dl-area .photos-list figure img {
    margin-bottom: 16px;
    float: none;
    width: 100%;
  }
}
.photo-dl-area .photos-list figure figcaption {
  float: right;
  display: block;
  width: 46%;
}
@media only screen and (max-width: 767px) {
  .photo-dl-area .photos-list figure figcaption {
    float: none;
    width: 100%;
    margin-bottom: 100px;
  }
}
.photo-dl-area .photos-list figure figcaption strong {
  display: block;
  font-family: 'Calibre', sans-serif;
  font-size: 36px;
  font-weight: 600;
  color: #303538;
  padding: 16px 0 12px;
}
@media only screen and (max-width : 1023px) {
  .photo-dl-area .photos-list figure figcaption strong {
    font-size: 30px;
    padding: 4px 0 12px;
  }
}
.photo-dl-area .photos-list figure figcaption span {
  display: block;
  font-size: 24px;
  color: #40474D;
  font-weight: 400;
  letter-spacing: -0.03em;
  word-break: keep-all;
}
@media only screen and (max-width : 1023px) {
  .photo-dl-area .photos-list figure figcaption span {
    font-size: 20px;
  }
}
.photo-dl-area .photos-list figure figcaption .text-link {
  display: inline-block;
  margin-top: 80px;
  font-size: 24px;
  color: #0077FF;
  font-weight: 700;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
@media only screen and (max-width : 1023px) {
  .photo-dl-area .photos-list figure figcaption .text-link {
    font-size: 18px;
    margin-top: 30px;
  }
}
.photo-dl-area .photos-list figure figcaption .text-link .arrow-download {
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%230077FF%3B%20%7D%3C/style%3E%3Cpath%20d%3D%22M23.25%2012L21.4862%2010.2377L13.25%2018.474L13.25%200.749999L10.75%200.749999L10.75%2018.455L2.52177%2010.2267L0.75%2012L10.75%2021.9915V22L10.7585%2022L12.0095%2023.25L23.25%2012Z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  margin-top: -6px;
}
@media only screen and (max-width : 1023px) {
  .photo-dl-area .photos-list figure figcaption .text-link .arrow-download {
    width: 18px;
    height: 18px;
    margin-top: -5px;
  }
}
.photo-dl-area .photos-list figure figcaption .text-link:hover {
  color: #105DC1;
}
.photo-dl-area .photos-list figure figcaption .text-link:hover > .arrow-download {
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%23105DC1%3B%20%7D%3C/style%3E%3Cpath%20d%3D%22M23.25%2012L21.4862%2010.2377L13.25%2018.474L13.25%200.749999L10.75%200.749999L10.75%2018.455L2.52177%2010.2267L0.75%2012L10.75%2021.9915V22L10.7585%2022L12.0095%2023.25L23.25%2012Z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
}
html.page.branding .intro-header.ih-branding {
  padding: 240px 0 200px;
  max-width: 1160px;
  margin: auto;
}
html.page.branding .intro-header .site-heading.branding-heading,
html.page.branding .intro-header .page-heading.branding-heading {
  padding-bottom: 40px;
}
html.page.branding .branding-area {
  margin: 50px auto 160px;
}
@media only screen and (max-width: 767px) {
  html.page.branding .branding-area {
    width: auto;
  }
}
html.page.branding .branding-area .branding-sub-area {
  border-bottom: 1px solid #ccd5db;
  text-align: center;
}
html.page.branding .branding-area .branding-sub-area .download-all {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 0.875em;
  padding: 12px 30px;
  display: inline-block;
  letter-spacing: -0.03em;
  font-weight: bold;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  background: #333;
  color: #fff;
  padding: 16px 24px;
}
html.page.branding .branding-area .branding-sub-area .download-all i {
  opacity: 0.5;
}
html.page.branding .branding-area .branding-sub-area .download-all:hover {
  color: #eee;
  background: #222;
}
html.page.branding .branding-area .branding-sub-area p {
  padding: 20px 0;
  font-size: 14px;
  color: #999;
}
html.page.branding .branding-area .branding-box {
  padding: 30px 0;
  border-bottom: 1px solid #D1D5D9;
  overflow: hidden;
}
html.page.branding .branding-area .branding-box .bb-header {
  float: left;
  width: 30%;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  html.page.branding .branding-area .branding-box .bb-header {
    float: none;
  }
}
html.page.branding .branding-area .branding-box .bb-body {
  float: right;
  width: 70%;
  padding: 32px 0 0 24px;
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
  html.page.branding .branding-area .branding-box .bb-body {
    padding: 0 0 0 24px;
  }
}
@media only screen and (max-width: 767px) {
  html.page.branding .branding-area .branding-box .bb-body {
    float: none;
    display: block;
    padding: 0 0 0 24px;
  }
}
html.page.branding .branding-area .branding-box .bbb-box {
  text-align: left;
  display: inline-block;
  vertical-align: top;
}
html.page.branding .branding-area .branding-box .big-logo {
  margin-top: 24px;
  padding-bottom: 20px;
}
@media only screen and (max-width : 1023px) {
  html.page.branding .branding-area .branding-box .big-logo {
    padding-left: 24px;
  }
}
html.page.branding .branding-area .branding-box .big-logo > span {
  margin: 24px 0;
  vertical-align: top;
}
html.page.branding .branding-area .branding-box .big-logo .logo-ridi {
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20119%2048%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%23303538%3B%20%7D%3C/style%3E%3Cpath%20fill%3D%22%23303538%22%20d%3D%22M78.3,0H64.6c-1.1,0-1.6,0.4-1.6,1.6v44.9c0,1.1,0.4,1.6,1.6,1.6h13.8c7.1,0,12.3-1.8,15.5-5.4c3.2-3.6,4.8-9.9,4.8-18.6%0A%09c0-8.8-1.6-15-4.9-18.6C90.7,1.8,85.5,0,78.3,0z%20M84.5,34.3c-1.2,1.9-3.4,2.9-6.4,2.9h-2h-0.6v-0.6V11.3v-0.6h0.6H78%0A%09c3,0,5.2,1,6.4,2.9c1.2,1.8,1.8,5.2,1.8,10.3C86.2,29.1,85.6,32.5,84.5,34.3z%20M55,1.6v44.9c0,1.1-0.4,1.6-1.6,1.6h-9.3%0A%09c-1.1,0-1.6-0.4-1.6-1.6V1.6C42.6,0.4,43,0,44.1,0h9.3C54.6,0,55,0.4,55,1.6z%20M118.6,1.6v44.9c0,1.1-0.4,1.6-1.6,1.6h-9.3%0A%09c-1.1,0-1.6-0.4-1.6-1.6V1.6c0-1.1,0.4-1.6,1.6-1.6h9.3C118.2,0,118.6,0.4,118.6,1.6z%20M27.8,31.2c4.9-2.4,7.5-7.1,7.5-14.1%0A%09c0-6.3-1.4-10.8-4.3-13.3C28.1,1.3,23.3,0,16.8,0H1.6C0.4,0,0,0.4,0,1.6v44.9C0,47.6,0.4,48,1.6,48h9.3c1.1,0,1.6-0.4,1.6-1.6V33.9%0A%09v-0.6h0.6h2.6h0.3l0.2,0.3l6.2,12.8c0.5,1,1.3,1.5,2.6,1.5h9.4c0.8,0,0.9-0.3,1-0.4c0.1-0.3,0.1-0.8-0.2-1.3l-7.5-14.2l-0.3-0.5%0A%09l0.5-0.2L27.8,31.2z%20M21.4,22c-0.9,1.1-2.5,1.6-4.8,1.6h-3.7h-0.6V23V11v-0.6h0.6h3.7c2.3,0,3.8,0.5,4.8,1.5c0.9,1,1.3,2.6,1.3,5.1%0A%09C22.7,19.3,22.3,21,21.4,22z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
  display: block;
  width: 76px;
  height: 31px;
  margin-right: 56px;
}
html.page.branding .branding-area .branding-box .big-logo .logo-ridibooks {
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20195%2030%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%23303538%3B%20%7D%3C/style%3E%3Cpath%20fill%3D%22%23303538%22%20d%3D%22M176.6,28.5c2.1,0.9,4.7,1.3,8,1.3c2.8,0,5.3-0.8,7.2-2.1c1.9-1.3,2.8-3.4,2.8-6.3c0-1.1-0.2-2.3-0.4-3.2%0A%09c-0.4-0.9-0.8-1.7-1.5-2.3c-0.8-0.8-1.5-1.3-2.1-1.7c-0.8-0.4-1.7-0.9-3-1.7c-2.7-1.3-4-2.7-4-4c0-0.9,0.6-1.5,0.9-1.7%0A%09c0.6-0.2,1.3-0.4,2.3-0.4c1.7,0,3.2,0.2,4.6,0.6c0.2,0,0.4,0,0.6,0c0.4,0,0.6-0.2,0.8-0.6l0.8-4c0-0.4,0-0.9-0.8-1.1%0A%09c-1.7-0.8-4-1.1-6.6-1.1c-3.4,0-5.9,0.6-7.4,1.9c-1.9,1.3-2.7,3.4-2.7,6.3c0,1.3,0.2,2.5,0.6,3.6c0.4,0.9,0.9,1.9,1.5,2.7%0A%09c0.8,0.8,1.5,1.3,2.1,1.7c0.8,0.4,1.5,0.9,2.7,1.5c1.5,0.8,2.5,1.5,3,1.9c0.6,0.6,0.9,1.1,0.9,1.9c0,1.5-1.5,2.3-4.4,2.3%0A%09c-1.7,0-3.4-0.4-4.9-0.9c-0.2,0-0.4-0.2-0.6-0.2s-0.4,0-0.6,0.8l-0.8,4c-0.2,0.6,0,0.8,0,0.8C175.8,28.1,176.2,28.3,176.6,28.5z%0A%09%20M102.8,26.8c0.9,1.1,2.1,1.9,3.4,2.3c1.3,0.6,3,0.8,4.7,0.8c1.9,0,3.4-0.2,4.7-0.8s2.5-1.3,3.4-2.3c0.9-1.1,1.7-2.7,2.3-4.6%0A%09c0.6-1.9,0.8-4.4,0.8-7.2s-0.2-5.3-0.8-7.2s-1.3-3.4-2.2-4.6s-2.1-1.9-3.4-2.3c-1.3-0.6-3-0.8-4.7-0.8c-1.9,0-3.4,0.2-4.7,0.8%0A%09c-1.3,0.4-2.5,1.3-3.4,2.3c-0.9,1.1-1.7,2.7-2.3,4.6s-0.8,4.4-0.8,7.2s0.2,5.3,0.8,7.2C101.1,24.1,101.8,25.6,102.8,26.8z%0A%09%20M108.1,8.5c0.6-1.3,1.5-1.9,2.8-1.9s2.5,0.8,3,1.9s0.8,3.4,0.8,6.6s-0.2,5.3-0.8,6.5c-0.6,1.3-1.5,1.9-3,1.9%0A%09c-1.3,0-2.5-0.8-2.8-1.9c-0.6-1.1-0.8-3.4-0.8-6.5C107.3,11.8,107.5,9.7,108.1,8.5z%20M128,26.8c0.9,1.1,2.1,1.9,3.4,2.3%0A%09c1.3,0.6,3,0.8,4.7,0.8c1.9,0,3.4-0.2,4.7-0.8c1.3-0.6,2.5-1.3,3.4-2.3c0.9-1.1,1.7-2.7,2.3-4.6s0.8-4.4,0.8-7.2s-0.2-5.3-0.8-7.2%0A%09s-1.3-3.4-2.3-4.6c-0.9-1.1-2.1-1.9-3.4-2.3c-1.3-0.6-3-0.8-4.7-0.8c-1.9,0-3.4,0.2-4.7,0.8c-1.3,0.4-2.4,1.4-3.4,2.3%0A%09c-0.9,1.1-1.7,2.7-2.3,4.6c-0.6,1.9-0.8,4.4-0.8,7.2s0.2,5.3,0.8,7.2C126.3,24.1,127.1,25.6,128,26.8z%20M133.3,8.5%0A%09c0.6-1.3,1.5-1.9,2.8-1.9s2.5,0.8,3,1.9s0.8,3.4,0.8,6.6s-0.2,5.3-0.8,6.5c-0.6,1.3-1.5,1.9-3,1.9c-1.3,0-2.5-0.8-2.8-1.9%0A%09c-0.6-1.1-0.8-3.4-0.8-6.5C132.6,11.8,132.9,9.7,133.3,8.5z%20M152.7,29.4h5.5c0.8,0,0.9-0.2,0.9-0.9V16.9v-1.5l0.6,1.3l5.5,11.6%0A%09c0.4,0.8,0.8,0.9,1.5,0.9h5.9c0.4,0,0.6-0.2,0.6-0.2c0-0.2,0.2-0.4-0.2-0.8l-7.2-14.6v-0.2v-0.2l6.8-11.8c0.4-0.2,0.4-0.4,0.2-0.6%0A%09c0,0-0.2-0.2-0.6-0.2h-5.9c-0.6,0-1.1,0.4-1.5,1.1l-5.1,8.9l-0.6,1.1v-1.3V1.5c0-0.8-0.2-0.9-0.9-0.9h-5.5c-0.8,0-0.9,0.2-0.9,0.9%0A%09v26.9C151.7,29.2,151.9,29.4,152.7,29.4z%20M38.3,29.4h8.3c4.2,0,7.4-1.1,9.3-3.2c1.9-2.1,2.8-5.9,2.8-11.2s-0.9-8.9-2.8-11.2%0A%09c-1.9-2.1-5.1-3.2-9.3-3.2h-8.3c-0.8,0-0.9,0.2-0.9,0.9v26.9C37.3,29.2,37.7,29.4,38.3,29.4z%20M44.9,22.6V7.4V7h0.4h1.1%0A%09c1.7,0,3,0.6,3.8,1.7s1.1,3,1.1,6.3c0,3-0.4,5.1-1.1,6.3S48.1,23,46.4,23h-1.1h-0.4V22.6z%20M76.4,29.4h10.2c6.8,0,10.1-2.7,10.1-8.3%0A%09c0-1.7-0.4-3.2-1.1-4.4c-0.8-1.1-1.7-1.9-2.8-2.3l-0.5-0.2L91.4,14l0.8-0.4l0.4-0.2c2.1-0.9,3.2-2.8,3.2-5.7c0-2.7-0.8-4.6-2.3-5.5%0A%09c-1.5-1.1-4.2-1.5-7.8-1.5h-9.5c-0.8,0-0.9,0.2-0.9,0.9v26.9C75.5,29.2,75.6,29.4,76.4,29.4z%20M82.7,11.8V6.7V6.5H83h2.7%0A%09c1.1,0,1.9,0.2,2.3,0.6c0.6,0.4,0.8,1.1,0.8,2.1c0,0.9-0.2,1.7-0.8,2.3c-0.6,0.4-1.3,0.8-2.3,0.8H83h-0.4%0A%09C82.7,12.2,82.7,11.8,82.7,11.8z%20M82.7,23.3v-5.7v-0.4H83h3c1.1,0,1.9,0.2,2.5,0.8c0.6,0.6,0.8,1.3,0.8,2.5c0,1.1-0.2,1.9-0.8,2.5%0A%09c-0.6,0.6-1.3,0.8-2.5,0.8h-3h-0.4L82.7,23.3L82.7,23.3z%20M0.5,29.4H6c0.8,0,1-0.2,1-0.9v-7.6v-0.4h0.4h1.5h0.2v0.2l3.6,7.8%0A%09c0.4,0.6,0.8,0.9,1.5,0.9h5.7c0.4,0,0.6-0.2,0.6-0.2c0-0.2,0-0.6-0.2-0.8l-4.6-8.5l-0.2-0.4l0.4-0.2h0.2c3-1.3,4.6-4.2,4.6-8.5%0A%09c0-3.8-0.9-6.5-2.7-8c-1.5-1.3-4.4-2.3-8.3-2.3H0.5c-0.6,0-0.9,0.4-0.9,0.9v26.9C-0.4,29.2-0.1,29.4,0.5,29.4z%20M7,14.4V7.2V7h0.4%0A%09h2.3C11,7,12,7.4,12.5,7.9c0.6,0.6,0.8,1.5,0.8,3c0,1.3-0.2,2.3-0.8,3c-0.6,0.4-1.5,0.8-2.8,0.8H7.3H7V14.4z%20M26.1,29.4h5.5%0A%09c0.8,0,0.9-0.2,0.9-0.9v-27c0-0.8-0.2-0.9-0.9-0.9h-5.5c-0.8,0-0.9,0.2-0.9,0.9v26.9C25.2,29.2,25.4,29.4,26.1,29.4z%20M64.1,29.4h5.5%0A%09c0.8,0,0.9-0.2,0.9-0.9v-27c0-0.8-0.2-0.9-0.9-0.9h-5.5c-0.8,0-0.9,0.2-0.9,0.9v26.9C63.1,29.2,63.5,29.4,64.1,29.4z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
  display: block;
  width: 205px;
  height: 31px;
  margin-right: 56px;
}
html.page.branding .branding-area .branding-box .big-logo .logo-ridiselect {
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20312%2048%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%23303538%3B%20%7D%3C/style%3E%3Cpath%20fill%3D%22%23303538%22%20d%3D%22M27.85%2031.178c4.947-2.365%207.456-7.115%207.456-14.123%200-6.312-1.45-10.774-4.309-13.263C28.103%201.276%2023.318%200%2016.775%200H1.555C.422%200%200%20.421%200%201.556v44.889C0%2047.579.422%2048%201.555%2048h9.257c1.135%200%201.557-.421%201.557-1.555V33.341H15.824l.15.313%206.176%2012.848C22.66%2047.521%2023.472%2048%2024.702%2048h9.399c.791%200%20.913-.276.959-.38.148-.338.074-.792-.22-1.348l-7.5-14.212-.267-.508.517-.249zm-6.451-9.195c-.907%201.051-2.51%201.584-4.765%201.584H12.37V10.475H16.635c2.278%200%203.832.491%204.75%201.499.901.984%201.34%202.647%201.34%205.082%200%202.285-.434%203.897-1.326%204.927zM53.481%200h-9.329c-1.135%200-1.557.422-1.557%201.556v44.888c0%201.134.422%201.556%201.557%201.556h9.329c1.133%200%201.554-.422%201.554-1.556V1.556C55.035.422%2054.614%200%2053.481%200zM78.315%200H64.639c-1.133%200-1.555.422-1.555%201.556v44.888c0%201.134.422%201.556%201.555%201.556h13.818c7.109%200%2012.327-1.807%2015.513-5.37%203.213-3.59%204.841-9.858%204.841-18.629%200-8.772-1.64-15.04-4.873-18.628C90.727%201.807%2085.472%200%2078.315%200zm6.171%2034.335c-1.233%201.93-3.38%202.908-6.379%202.908H75.524V10.755h2.444c2.993%200%205.158.975%206.44%202.896C85.635%2015.49%2086.23%2018.875%2086.23%2024c0%205.119-.572%208.5-1.744%2010.335zM117.061%200h-9.33c-1.135%200-1.556.422-1.556%201.556v44.888c0%201.134.421%201.556%201.556%201.556h9.33c1.133%200%201.553-.422%201.553-1.556V1.556c0-1.134-.42-1.556-1.553-1.556zM144.769%2047.805c-4.743%200-9.608-.855-12.108-2.127-.487-.238-1.313-.642-1.007-1.738l.965-2.922c.21-.97.784-1.116%201.109-1.116.22%200%20.453.063.712.191%202.637%201.149%206.437%201.84%2010.146%201.84%206.564%200%2010.329-2.496%2010.329-6.848%200-4.733-4.377-6.61-9.445-8.784l-.571-.245c-6.322-2.719-12.294-5.287-12.294-13.725%200-5.595%202.603-12.265%2015.005-12.265%204.12%200%207.898.683%2010.638%201.924.315.135%201.296.557.964%201.746l-.974%202.883c-.091.294-.312%201.008-1.112%201.008-.21%200-.447-.051-.723-.157-2.332-1.003-5.006-1.466-8.43-1.466-6.432%200-9.301%201.951-9.301%206.328%200%204.249%203.37%205.754%207.638%207.659.524.234%201.059.473%201.602.723l.471.215c6.479%202.962%2012.599%205.76%2012.599%2014.286.001%208.001-5.909%2012.59-16.213%2012.59zM182.436%2048c-10.27%200-16.65-6.967-16.65-18.182%200-11.466%205.637-18.311%2015.079-18.311%208.853%200%2014.354%206.244%2014.354%2016.296v3.251c0%201.092-.573%201.67-1.656%201.67H171.94c.662%205.8%204.857%209.534%2010.74%209.534%203.395%200%205.43-.764%207.61-1.998.27-.158.543-.239.811-.239.352%200%201.003.147%201.409%201.131l.927%202.456c.177.851-.153%201.473-.966%201.913-1.684.925-5.226%202.479-10.035%202.479zm6.806-20.891c-.094-6.27-3.14-9.859-8.378-9.859-5.443%200-8.452%203.316-8.945%209.859zM203.478%2047.22c-.7%200-1.535-.29-1.535-1.669V1.929c0-1.049.531-1.604%201.535-1.604h3.023c1.004%200%201.536.555%201.536%201.604v43.622c0%201.379-.836%201.669-1.536%201.669zM231.411%2048c-10.27%200-16.65-6.967-16.65-18.182%200-11.466%205.637-18.311%2015.079-18.311%208.853%200%2014.354%206.244%2014.354%2016.296v3.251c0%201.092-.573%201.67-1.657%201.67h-21.622c.661%205.8%204.855%209.534%2010.739%209.534%203.395%200%205.43-.764%207.61-1.998.27-.158.544-.239.812-.239.352%200%201.003.147%201.408%201.131l.927%202.456c.178.852-.152%201.475-.967%201.914-1.683.924-5.223%202.478-10.033%202.478zm6.806-20.891c-.094-6.27-3.14-9.859-8.378-9.859-5.442%200-8.452%203.316-8.946%209.859zM264.908%2047.87c-9.859%200-15.985-6.992-15.985-18.248%200-11.175%205.963-18.116%2015.562-18.116%205.18%200%208.176%201.561%208.97%202.04.516.308%201.176.841.957%201.901l-1.06%202.704c-.351.882-.987%201.013-1.335%201.013-.269%200-.557-.076-.859-.226-1.911-.989-3.781-1.429-6.069-1.429-6.472%200-9.892%204.188-9.892%2012.113%200%207.822%203.495%2012.309%209.589%2012.309%202.491%200%204.806-.606%206.881-1.8.334-.154.586-.215.824-.215.293%200%20.999.108%201.244%201.107l.963%202.652c.23%201.102-.416%201.517-.986%201.883-1.364.893-4.963%202.312-8.804%202.312zM292.255%2047.61c-6.892%200-9.577-3.111-9.577-11.095v-18.29h-3.663c-1.044%200-1.596-.555-1.596-1.603v-2.666c0-1.061.582-1.669%201.596-1.669h3.784V4.724c0-1.049.532-1.604%201.536-1.604h2.781c1.044%200%201.596.555%201.596%201.604v7.563h7.352c1.014%200%201.596.608%201.596%201.669v2.666c0%201.048-.552%201.603-1.596%201.603h-7.352v17.77c0%204.616.832%205.677%204.45%205.677.883%200%201.371-.131%201.842-.257a7.49%207.49%200%200%201%20.842-.19c.087-.02.205-.032.313-.032%201.023%200%201.228.996%201.307%201.371l.6%202.516c.237%201.145-.628%201.543-.954%201.692-1.08.543-3.31.838-4.857.838z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
  width: 189px;
  height: 31px;
}
html.page.branding .branding-area .branding-box .big-logo .logo-paper {
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20212%2032%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%23303538%3B%20%7D%3C/style%3E%3Cpath%20fill%3D%22%23303538%22%20d%3D%22M205.682,20.542c4.016-1.382,5.87-4.475,5.87-9.81,0-7.67-3.8-10.731-12.308-10.731h-8.612c-.605,0-.951.382-.951,1.048V30.606a.92.92,0,0,0,.991,1.047H192.8a.946.946,0,0,0,.991-1.047V21.419h5.449c.731,0,1.424-.024,2.085-.071l5.608,9.62a1.43,1.43,0,0,0,1.253.685h2.5a.808.808,0,0,0,.77-.4,1.037,1.037,0,0,0-.13-1.05Zm-6.438-3.209H193.8V4.087h5.449c5.838,0,8.112,1.6,8.112,6.645C207.356,15.742,205.082,17.333,199.244,17.333ZM18.3,20.56c3.25-1.559,4.9-4.693,4.9-9.312,0-4.163-.953-7.106-2.831-8.747C18.465.841,15.32,0,11.022,0h-10C.276,0,0,.277,0,1.026v29.6c0,.748.277,1.026,1.021,1.026H7.1c.746,0,1.023-.278,1.023-1.026v-8.64H10.4l.1.205,4.058,8.473a1.692,1.692,0,0,0,1.676.988h6.175c.519,0,.6-.181.63-.251h0a1.054,1.054,0,0,0-.145-.889l-4.928-9.372-.175-.336.34-.163ZM14.06,14.5a3.98,3.98,0,0,1-3.13,1.043h-2.8V6.907h2.8a4.04,4.04,0,0,1,3.12.989,4.925,4.925,0,0,1,.88,3.352A4.89,4.89,0,0,1,14.06,14.5Zm22.1-13.47v29.6c0,.749-.276,1.027-1.02,1.027h-6.13c-.746,0-1.023-.278-1.023-1.027V1.027C27.988.278,28.265,0,29.01,0h6.13C35.885,0,36.16.278,36.161,1.027ZM51.457,0H42.47c-.744,0-1.021.278-1.021,1.027v29.6c0,.748.277,1.027,1.021,1.027h9.08c4.67,0,8.1-1.193,10.193-3.542,2.11-2.367,3.18-6.5,3.18-12.285s-1.078-9.917-3.2-12.283C59.612,1.191,56.158,0,51.457,0Zm4.055,22.642a4.6,4.6,0,0,1-4.192,1.917h-1.7V7.093h1.6A4.721,4.721,0,0,1,55.461,9c.8,1.213,1.2,3.445,1.2,6.824S56.282,21.431,55.512,22.642ZM123.321.953h0C123.14.413,122.937,0,122.141,0h-2.747c-.8,0-1,.412-1.18.949L106.842,30.518a.892.892,0,0,0,.107.8.848.848,0,0,0,.706.33h2.419c.7,0,.873-.475,1.016-.861L113.9,23.3h13.75l2.8,7.5a1.058,1.058,0,0,0,1.054.856h2.378a.845.845,0,0,0,.706-.33.9.9,0,0,0,.1-.815Zm-7.908,18.305,5.374-14.335,5.352,14.335Zm69.811,9.312v1.991c0,.949-.621,1.091-.991,1.091H165.4c-.658,0-.991-.352-.991-1.047V1a.882.882,0,0,1,.95-1H184.11a.908.908,0,0,1,.991,1V3.038a.947.947,0,0,1-.991,1.048H168.481V13.8h15.178c.6,0,.95.381.95,1.047V16.7c0,.667-.346,1.048-.95,1.048H168.481v9.818h15.752A.907.907,0,0,1,185.224,28.57ZM147.551,0h-8.613c-.6,0-.95.382-.95,1.048V30.606a.92.92,0,0,0,.991,1.047h2.132a.947.947,0,0,0,.991-1.047V21.419h5.449c8.512,0,12.307-3.047,12.307-10.687C159.858,3.062,156.063,0,147.551,0Zm0,17.332H142.1V4.087h5.449c5.837,0,8.111,1.6,8.111,6.645C155.662,15.742,153.388,17.333,147.551,17.333ZM95.87,0H87.258c-.6,0-.95.381-.95,1.048V30.606h0a.92.92,0,0,0,.991,1.047H89.43a.946.946,0,0,0,.991-1.047V21.419h5.45c8.511,0,12.307-3.047,12.307-10.687C108.178,3.061,104.382,0,95.87,0Zm0,17.332H90.421V4.087h5.45c5.837,0,8.111,1.6,8.111,6.645C103.982,15.742,101.708,17.333,95.87,17.333ZM77.934,1.027v29.6c0,.749-.276,1.027-1.02,1.027h-6.13c-.746,0-1.023-.278-1.023-1.027V1.027C69.761.278,70.038,0,70.784,0h6.13C77.658,0,77.934.278,77.934,1.027Z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
  width: 170px;
  height: 31px;
}
html.page.branding .branding-area .branding-box h5 {
  font-size: 13px;
  color: #555;
  font-weight: bold;
  line-height: 1;
  font-family: "brandon-grotesque", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
html.page.branding .branding-area .branding-box .branding-color-list {
  padding: 0 0 20px;
}
html.page.branding .branding-area .branding-box .branding-desc {
  float: left;
  margin-right: 10px;
  font-size: 13px;
  padding-bottom: 20px;
}
html.page.branding .branding-area .branding-box .branding-desc .color-box {
  width: 100px;
  height: 100px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
html.page.branding .branding-area .branding-box .branding-desc .color-box.cb-blue {
  background-color: #1f8ee6;
}
html.page.branding .branding-area .branding-box .branding-desc .color-box.cb-white {
  background-color: #fff;
}
html.page.branding .branding-area .branding-box .branding-desc .color-box.cb-gray {
  background-color: #333;
}
html.page.branding .branding-area .branding-box .branding-desc .color-box.cb-navy {
  background-color: #17202e;
}
html.page.branding .branding-area .branding-box .branding-desc > strong {
  display: block;
  text-transform: uppercase;
  padding: 12px 0 8px;
  color: #000;
  font-family: "brandon-grotesque", sans-serif;
}
html.page.branding .branding-area .branding-box .branding-desc > span {
  display: block;
  color: #555;
}
html.page.branding .branding-area .branding-box .logo-sample {
  width: 180px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
html.page.branding .branding-area .branding-box .logo-sample.ridibooks-logo-sample-1 {
  background: #fff;
}
html.page.branding .branding-area .branding-box .logo-sample.ridibooks-logo-sample-1 .logo-ridibooks {
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20195%2030%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%23222%3B%20%7D%3C/style%3E%3Cpath%20fill%3D%22%23222%22%20d%3D%22M176.6,28.5c2.1,0.9,4.7,1.3,8,1.3c2.8,0,5.3-0.8,7.2-2.1c1.9-1.3,2.8-3.4,2.8-6.3c0-1.1-0.2-2.3-0.4-3.2%0A%09c-0.4-0.9-0.8-1.7-1.5-2.3c-0.8-0.8-1.5-1.3-2.1-1.7c-0.8-0.4-1.7-0.9-3-1.7c-2.7-1.3-4-2.7-4-4c0-0.9,0.6-1.5,0.9-1.7%0A%09c0.6-0.2,1.3-0.4,2.3-0.4c1.7,0,3.2,0.2,4.6,0.6c0.2,0,0.4,0,0.6,0c0.4,0,0.6-0.2,0.8-0.6l0.8-4c0-0.4,0-0.9-0.8-1.1%0A%09c-1.7-0.8-4-1.1-6.6-1.1c-3.4,0-5.9,0.6-7.4,1.9c-1.9,1.3-2.7,3.4-2.7,6.3c0,1.3,0.2,2.5,0.6,3.6c0.4,0.9,0.9,1.9,1.5,2.7%0A%09c0.8,0.8,1.5,1.3,2.1,1.7c0.8,0.4,1.5,0.9,2.7,1.5c1.5,0.8,2.5,1.5,3,1.9c0.6,0.6,0.9,1.1,0.9,1.9c0,1.5-1.5,2.3-4.4,2.3%0A%09c-1.7,0-3.4-0.4-4.9-0.9c-0.2,0-0.4-0.2-0.6-0.2s-0.4,0-0.6,0.8l-0.8,4c-0.2,0.6,0,0.8,0,0.8C175.8,28.1,176.2,28.3,176.6,28.5z%0A%09%20M102.8,26.8c0.9,1.1,2.1,1.9,3.4,2.3c1.3,0.6,3,0.8,4.7,0.8c1.9,0,3.4-0.2,4.7-0.8s2.5-1.3,3.4-2.3c0.9-1.1,1.7-2.7,2.3-4.6%0A%09c0.6-1.9,0.8-4.4,0.8-7.2s-0.2-5.3-0.8-7.2s-1.3-3.4-2.2-4.6s-2.1-1.9-3.4-2.3c-1.3-0.6-3-0.8-4.7-0.8c-1.9,0-3.4,0.2-4.7,0.8%0A%09c-1.3,0.4-2.5,1.3-3.4,2.3c-0.9,1.1-1.7,2.7-2.3,4.6s-0.8,4.4-0.8,7.2s0.2,5.3,0.8,7.2C101.1,24.1,101.8,25.6,102.8,26.8z%0A%09%20M108.1,8.5c0.6-1.3,1.5-1.9,2.8-1.9s2.5,0.8,3,1.9s0.8,3.4,0.8,6.6s-0.2,5.3-0.8,6.5c-0.6,1.3-1.5,1.9-3,1.9%0A%09c-1.3,0-2.5-0.8-2.8-1.9c-0.6-1.1-0.8-3.4-0.8-6.5C107.3,11.8,107.5,9.7,108.1,8.5z%20M128,26.8c0.9,1.1,2.1,1.9,3.4,2.3%0A%09c1.3,0.6,3,0.8,4.7,0.8c1.9,0,3.4-0.2,4.7-0.8c1.3-0.6,2.5-1.3,3.4-2.3c0.9-1.1,1.7-2.7,2.3-4.6s0.8-4.4,0.8-7.2s-0.2-5.3-0.8-7.2%0A%09s-1.3-3.4-2.3-4.6c-0.9-1.1-2.1-1.9-3.4-2.3c-1.3-0.6-3-0.8-4.7-0.8c-1.9,0-3.4,0.2-4.7,0.8c-1.3,0.4-2.4,1.4-3.4,2.3%0A%09c-0.9,1.1-1.7,2.7-2.3,4.6c-0.6,1.9-0.8,4.4-0.8,7.2s0.2,5.3,0.8,7.2C126.3,24.1,127.1,25.6,128,26.8z%20M133.3,8.5%0A%09c0.6-1.3,1.5-1.9,2.8-1.9s2.5,0.8,3,1.9s0.8,3.4,0.8,6.6s-0.2,5.3-0.8,6.5c-0.6,1.3-1.5,1.9-3,1.9c-1.3,0-2.5-0.8-2.8-1.9%0A%09c-0.6-1.1-0.8-3.4-0.8-6.5C132.6,11.8,132.9,9.7,133.3,8.5z%20M152.7,29.4h5.5c0.8,0,0.9-0.2,0.9-0.9V16.9v-1.5l0.6,1.3l5.5,11.6%0A%09c0.4,0.8,0.8,0.9,1.5,0.9h5.9c0.4,0,0.6-0.2,0.6-0.2c0-0.2,0.2-0.4-0.2-0.8l-7.2-14.6v-0.2v-0.2l6.8-11.8c0.4-0.2,0.4-0.4,0.2-0.6%0A%09c0,0-0.2-0.2-0.6-0.2h-5.9c-0.6,0-1.1,0.4-1.5,1.1l-5.1,8.9l-0.6,1.1v-1.3V1.5c0-0.8-0.2-0.9-0.9-0.9h-5.5c-0.8,0-0.9,0.2-0.9,0.9%0A%09v26.9C151.7,29.2,151.9,29.4,152.7,29.4z%20M38.3,29.4h8.3c4.2,0,7.4-1.1,9.3-3.2c1.9-2.1,2.8-5.9,2.8-11.2s-0.9-8.9-2.8-11.2%0A%09c-1.9-2.1-5.1-3.2-9.3-3.2h-8.3c-0.8,0-0.9,0.2-0.9,0.9v26.9C37.3,29.2,37.7,29.4,38.3,29.4z%20M44.9,22.6V7.4V7h0.4h1.1%0A%09c1.7,0,3,0.6,3.8,1.7s1.1,3,1.1,6.3c0,3-0.4,5.1-1.1,6.3S48.1,23,46.4,23h-1.1h-0.4V22.6z%20M76.4,29.4h10.2c6.8,0,10.1-2.7,10.1-8.3%0A%09c0-1.7-0.4-3.2-1.1-4.4c-0.8-1.1-1.7-1.9-2.8-2.3l-0.5-0.2L91.4,14l0.8-0.4l0.4-0.2c2.1-0.9,3.2-2.8,3.2-5.7c0-2.7-0.8-4.6-2.3-5.5%0A%09c-1.5-1.1-4.2-1.5-7.8-1.5h-9.5c-0.8,0-0.9,0.2-0.9,0.9v26.9C75.5,29.2,75.6,29.4,76.4,29.4z%20M82.7,11.8V6.7V6.5H83h2.7%0A%09c1.1,0,1.9,0.2,2.3,0.6c0.6,0.4,0.8,1.1,0.8,2.1c0,0.9-0.2,1.7-0.8,2.3c-0.6,0.4-1.3,0.8-2.3,0.8H83h-0.4%0A%09C82.7,12.2,82.7,11.8,82.7,11.8z%20M82.7,23.3v-5.7v-0.4H83h3c1.1,0,1.9,0.2,2.5,0.8c0.6,0.6,0.8,1.3,0.8,2.5c0,1.1-0.2,1.9-0.8,2.5%0A%09c-0.6,0.6-1.3,0.8-2.5,0.8h-3h-0.4L82.7,23.3L82.7,23.3z%20M0.5,29.4H6c0.8,0,1-0.2,1-0.9v-7.6v-0.4h0.4h1.5h0.2v0.2l3.6,7.8%0A%09c0.4,0.6,0.8,0.9,1.5,0.9h5.7c0.4,0,0.6-0.2,0.6-0.2c0-0.2,0-0.6-0.2-0.8l-4.6-8.5l-0.2-0.4l0.4-0.2h0.2c3-1.3,4.6-4.2,4.6-8.5%0A%09c0-3.8-0.9-6.5-2.7-8c-1.5-1.3-4.4-2.3-8.3-2.3H0.5c-0.6,0-0.9,0.4-0.9,0.9v26.9C-0.4,29.2-0.1,29.4,0.5,29.4z%20M7,14.4V7.2V7h0.4%0A%09h2.3C11,7,12,7.4,12.5,7.9c0.6,0.6,0.8,1.5,0.8,3c0,1.3-0.2,2.3-0.8,3c-0.6,0.4-1.5,0.8-2.8,0.8H7.3H7V14.4z%20M26.1,29.4h5.5%0A%09c0.8,0,0.9-0.2,0.9-0.9v-27c0-0.8-0.2-0.9-0.9-0.9h-5.5c-0.8,0-0.9,0.2-0.9,0.9v26.9C25.2,29.2,25.4,29.4,26.1,29.4z%20M64.1,29.4h5.5%0A%09c0.8,0,0.9-0.2,0.9-0.9v-27c0-0.8-0.2-0.9-0.9-0.9h-5.5c-0.8,0-0.9,0.2-0.9,0.9v26.9C63.1,29.2,63.5,29.4,64.1,29.4z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
  width: 107px;
  height: 27px;
}
html.page.branding .branding-area .branding-box .logo-sample.ridibooks-logo-sample-2 {
  background: #1f8ee6;
}
html.page.branding .branding-area .branding-box .logo-sample.ridibooks-logo-sample-2 .logo-ridibooks {
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20195%2030%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%23fff%3B%20%7D%3C/style%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M176.6,28.5c2.1,0.9,4.7,1.3,8,1.3c2.8,0,5.3-0.8,7.2-2.1c1.9-1.3,2.8-3.4,2.8-6.3c0-1.1-0.2-2.3-0.4-3.2%0A%09c-0.4-0.9-0.8-1.7-1.5-2.3c-0.8-0.8-1.5-1.3-2.1-1.7c-0.8-0.4-1.7-0.9-3-1.7c-2.7-1.3-4-2.7-4-4c0-0.9,0.6-1.5,0.9-1.7%0A%09c0.6-0.2,1.3-0.4,2.3-0.4c1.7,0,3.2,0.2,4.6,0.6c0.2,0,0.4,0,0.6,0c0.4,0,0.6-0.2,0.8-0.6l0.8-4c0-0.4,0-0.9-0.8-1.1%0A%09c-1.7-0.8-4-1.1-6.6-1.1c-3.4,0-5.9,0.6-7.4,1.9c-1.9,1.3-2.7,3.4-2.7,6.3c0,1.3,0.2,2.5,0.6,3.6c0.4,0.9,0.9,1.9,1.5,2.7%0A%09c0.8,0.8,1.5,1.3,2.1,1.7c0.8,0.4,1.5,0.9,2.7,1.5c1.5,0.8,2.5,1.5,3,1.9c0.6,0.6,0.9,1.1,0.9,1.9c0,1.5-1.5,2.3-4.4,2.3%0A%09c-1.7,0-3.4-0.4-4.9-0.9c-0.2,0-0.4-0.2-0.6-0.2s-0.4,0-0.6,0.8l-0.8,4c-0.2,0.6,0,0.8,0,0.8C175.8,28.1,176.2,28.3,176.6,28.5z%0A%09%20M102.8,26.8c0.9,1.1,2.1,1.9,3.4,2.3c1.3,0.6,3,0.8,4.7,0.8c1.9,0,3.4-0.2,4.7-0.8s2.5-1.3,3.4-2.3c0.9-1.1,1.7-2.7,2.3-4.6%0A%09c0.6-1.9,0.8-4.4,0.8-7.2s-0.2-5.3-0.8-7.2s-1.3-3.4-2.2-4.6s-2.1-1.9-3.4-2.3c-1.3-0.6-3-0.8-4.7-0.8c-1.9,0-3.4,0.2-4.7,0.8%0A%09c-1.3,0.4-2.5,1.3-3.4,2.3c-0.9,1.1-1.7,2.7-2.3,4.6s-0.8,4.4-0.8,7.2s0.2,5.3,0.8,7.2C101.1,24.1,101.8,25.6,102.8,26.8z%0A%09%20M108.1,8.5c0.6-1.3,1.5-1.9,2.8-1.9s2.5,0.8,3,1.9s0.8,3.4,0.8,6.6s-0.2,5.3-0.8,6.5c-0.6,1.3-1.5,1.9-3,1.9%0A%09c-1.3,0-2.5-0.8-2.8-1.9c-0.6-1.1-0.8-3.4-0.8-6.5C107.3,11.8,107.5,9.7,108.1,8.5z%20M128,26.8c0.9,1.1,2.1,1.9,3.4,2.3%0A%09c1.3,0.6,3,0.8,4.7,0.8c1.9,0,3.4-0.2,4.7-0.8c1.3-0.6,2.5-1.3,3.4-2.3c0.9-1.1,1.7-2.7,2.3-4.6s0.8-4.4,0.8-7.2s-0.2-5.3-0.8-7.2%0A%09s-1.3-3.4-2.3-4.6c-0.9-1.1-2.1-1.9-3.4-2.3c-1.3-0.6-3-0.8-4.7-0.8c-1.9,0-3.4,0.2-4.7,0.8c-1.3,0.4-2.4,1.4-3.4,2.3%0A%09c-0.9,1.1-1.7,2.7-2.3,4.6c-0.6,1.9-0.8,4.4-0.8,7.2s0.2,5.3,0.8,7.2C126.3,24.1,127.1,25.6,128,26.8z%20M133.3,8.5%0A%09c0.6-1.3,1.5-1.9,2.8-1.9s2.5,0.8,3,1.9s0.8,3.4,0.8,6.6s-0.2,5.3-0.8,6.5c-0.6,1.3-1.5,1.9-3,1.9c-1.3,0-2.5-0.8-2.8-1.9%0A%09c-0.6-1.1-0.8-3.4-0.8-6.5C132.6,11.8,132.9,9.7,133.3,8.5z%20M152.7,29.4h5.5c0.8,0,0.9-0.2,0.9-0.9V16.9v-1.5l0.6,1.3l5.5,11.6%0A%09c0.4,0.8,0.8,0.9,1.5,0.9h5.9c0.4,0,0.6-0.2,0.6-0.2c0-0.2,0.2-0.4-0.2-0.8l-7.2-14.6v-0.2v-0.2l6.8-11.8c0.4-0.2,0.4-0.4,0.2-0.6%0A%09c0,0-0.2-0.2-0.6-0.2h-5.9c-0.6,0-1.1,0.4-1.5,1.1l-5.1,8.9l-0.6,1.1v-1.3V1.5c0-0.8-0.2-0.9-0.9-0.9h-5.5c-0.8,0-0.9,0.2-0.9,0.9%0A%09v26.9C151.7,29.2,151.9,29.4,152.7,29.4z%20M38.3,29.4h8.3c4.2,0,7.4-1.1,9.3-3.2c1.9-2.1,2.8-5.9,2.8-11.2s-0.9-8.9-2.8-11.2%0A%09c-1.9-2.1-5.1-3.2-9.3-3.2h-8.3c-0.8,0-0.9,0.2-0.9,0.9v26.9C37.3,29.2,37.7,29.4,38.3,29.4z%20M44.9,22.6V7.4V7h0.4h1.1%0A%09c1.7,0,3,0.6,3.8,1.7s1.1,3,1.1,6.3c0,3-0.4,5.1-1.1,6.3S48.1,23,46.4,23h-1.1h-0.4V22.6z%20M76.4,29.4h10.2c6.8,0,10.1-2.7,10.1-8.3%0A%09c0-1.7-0.4-3.2-1.1-4.4c-0.8-1.1-1.7-1.9-2.8-2.3l-0.5-0.2L91.4,14l0.8-0.4l0.4-0.2c2.1-0.9,3.2-2.8,3.2-5.7c0-2.7-0.8-4.6-2.3-5.5%0A%09c-1.5-1.1-4.2-1.5-7.8-1.5h-9.5c-0.8,0-0.9,0.2-0.9,0.9v26.9C75.5,29.2,75.6,29.4,76.4,29.4z%20M82.7,11.8V6.7V6.5H83h2.7%0A%09c1.1,0,1.9,0.2,2.3,0.6c0.6,0.4,0.8,1.1,0.8,2.1c0,0.9-0.2,1.7-0.8,2.3c-0.6,0.4-1.3,0.8-2.3,0.8H83h-0.4%0A%09C82.7,12.2,82.7,11.8,82.7,11.8z%20M82.7,23.3v-5.7v-0.4H83h3c1.1,0,1.9,0.2,2.5,0.8c0.6,0.6,0.8,1.3,0.8,2.5c0,1.1-0.2,1.9-0.8,2.5%0A%09c-0.6,0.6-1.3,0.8-2.5,0.8h-3h-0.4L82.7,23.3L82.7,23.3z%20M0.5,29.4H6c0.8,0,1-0.2,1-0.9v-7.6v-0.4h0.4h1.5h0.2v0.2l3.6,7.8%0A%09c0.4,0.6,0.8,0.9,1.5,0.9h5.7c0.4,0,0.6-0.2,0.6-0.2c0-0.2,0-0.6-0.2-0.8l-4.6-8.5l-0.2-0.4l0.4-0.2h0.2c3-1.3,4.6-4.2,4.6-8.5%0A%09c0-3.8-0.9-6.5-2.7-8c-1.5-1.3-4.4-2.3-8.3-2.3H0.5c-0.6,0-0.9,0.4-0.9,0.9v26.9C-0.4,29.2-0.1,29.4,0.5,29.4z%20M7,14.4V7.2V7h0.4%0A%09h2.3C11,7,12,7.4,12.5,7.9c0.6,0.6,0.8,1.5,0.8,3c0,1.3-0.2,2.3-0.8,3c-0.6,0.4-1.5,0.8-2.8,0.8H7.3H7V14.4z%20M26.1,29.4h5.5%0A%09c0.8,0,0.9-0.2,0.9-0.9v-27c0-0.8-0.2-0.9-0.9-0.9h-5.5c-0.8,0-0.9,0.2-0.9,0.9v26.9C25.2,29.2,25.4,29.4,26.1,29.4z%20M64.1,29.4h5.5%0A%09c0.8,0,0.9-0.2,0.9-0.9v-27c0-0.8-0.2-0.9-0.9-0.9h-5.5c-0.8,0-0.9,0.2-0.9,0.9v26.9C63.1,29.2,63.5,29.4,64.1,29.4z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
  width: 107px;
  height: 27px;
}
html.page.branding .branding-area .branding-box .logo-sample.ridiselect-logo-sample-1 {
  background: #17202e;
}
html.page.branding .branding-area .branding-box .logo-sample.ridiselect-logo-sample-1 .logo-ridiselect {
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20312%2048%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%23fff%3B%20%7D%3C/style%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M27.85%2031.178c4.947-2.365%207.456-7.115%207.456-14.123%200-6.312-1.45-10.774-4.309-13.263C28.103%201.276%2023.318%200%2016.775%200H1.555C.422%200%200%20.421%200%201.556v44.889C0%2047.579.422%2048%201.555%2048h9.257c1.135%200%201.557-.421%201.557-1.555V33.341H15.824l.15.313%206.176%2012.848C22.66%2047.521%2023.472%2048%2024.702%2048h9.399c.791%200%20.913-.276.959-.38.148-.338.074-.792-.22-1.348l-7.5-14.212-.267-.508.517-.249zm-6.451-9.195c-.907%201.051-2.51%201.584-4.765%201.584H12.37V10.475H16.635c2.278%200%203.832.491%204.75%201.499.901.984%201.34%202.647%201.34%205.082%200%202.285-.434%203.897-1.326%204.927zM53.481%200h-9.329c-1.135%200-1.557.422-1.557%201.556v44.888c0%201.134.422%201.556%201.557%201.556h9.329c1.133%200%201.554-.422%201.554-1.556V1.556C55.035.422%2054.614%200%2053.481%200zM78.315%200H64.639c-1.133%200-1.555.422-1.555%201.556v44.888c0%201.134.422%201.556%201.555%201.556h13.818c7.109%200%2012.327-1.807%2015.513-5.37%203.213-3.59%204.841-9.858%204.841-18.629%200-8.772-1.64-15.04-4.873-18.628C90.727%201.807%2085.472%200%2078.315%200zm6.171%2034.335c-1.233%201.93-3.38%202.908-6.379%202.908H75.524V10.755h2.444c2.993%200%205.158.975%206.44%202.896C85.635%2015.49%2086.23%2018.875%2086.23%2024c0%205.119-.572%208.5-1.744%2010.335zM117.061%200h-9.33c-1.135%200-1.556.422-1.556%201.556v44.888c0%201.134.421%201.556%201.556%201.556h9.33c1.133%200%201.553-.422%201.553-1.556V1.556c0-1.134-.42-1.556-1.553-1.556zM144.769%2047.805c-4.743%200-9.608-.855-12.108-2.127-.487-.238-1.313-.642-1.007-1.738l.965-2.922c.21-.97.784-1.116%201.109-1.116.22%200%20.453.063.712.191%202.637%201.149%206.437%201.84%2010.146%201.84%206.564%200%2010.329-2.496%2010.329-6.848%200-4.733-4.377-6.61-9.445-8.784l-.571-.245c-6.322-2.719-12.294-5.287-12.294-13.725%200-5.595%202.603-12.265%2015.005-12.265%204.12%200%207.898.683%2010.638%201.924.315.135%201.296.557.964%201.746l-.974%202.883c-.091.294-.312%201.008-1.112%201.008-.21%200-.447-.051-.723-.157-2.332-1.003-5.006-1.466-8.43-1.466-6.432%200-9.301%201.951-9.301%206.328%200%204.249%203.37%205.754%207.638%207.659.524.234%201.059.473%201.602.723l.471.215c6.479%202.962%2012.599%205.76%2012.599%2014.286.001%208.001-5.909%2012.59-16.213%2012.59zM182.436%2048c-10.27%200-16.65-6.967-16.65-18.182%200-11.466%205.637-18.311%2015.079-18.311%208.853%200%2014.354%206.244%2014.354%2016.296v3.251c0%201.092-.573%201.67-1.656%201.67H171.94c.662%205.8%204.857%209.534%2010.74%209.534%203.395%200%205.43-.764%207.61-1.998.27-.158.543-.239.811-.239.352%200%201.003.147%201.409%201.131l.927%202.456c.177.851-.153%201.473-.966%201.913-1.684.925-5.226%202.479-10.035%202.479zm6.806-20.891c-.094-6.27-3.14-9.859-8.378-9.859-5.443%200-8.452%203.316-8.945%209.859zM203.478%2047.22c-.7%200-1.535-.29-1.535-1.669V1.929c0-1.049.531-1.604%201.535-1.604h3.023c1.004%200%201.536.555%201.536%201.604v43.622c0%201.379-.836%201.669-1.536%201.669zM231.411%2048c-10.27%200-16.65-6.967-16.65-18.182%200-11.466%205.637-18.311%2015.079-18.311%208.853%200%2014.354%206.244%2014.354%2016.296v3.251c0%201.092-.573%201.67-1.657%201.67h-21.622c.661%205.8%204.855%209.534%2010.739%209.534%203.395%200%205.43-.764%207.61-1.998.27-.158.544-.239.812-.239.352%200%201.003.147%201.408%201.131l.927%202.456c.178.852-.152%201.475-.967%201.914-1.683.924-5.223%202.478-10.033%202.478zm6.806-20.891c-.094-6.27-3.14-9.859-8.378-9.859-5.442%200-8.452%203.316-8.946%209.859zM264.908%2047.87c-9.859%200-15.985-6.992-15.985-18.248%200-11.175%205.963-18.116%2015.562-18.116%205.18%200%208.176%201.561%208.97%202.04.516.308%201.176.841.957%201.901l-1.06%202.704c-.351.882-.987%201.013-1.335%201.013-.269%200-.557-.076-.859-.226-1.911-.989-3.781-1.429-6.069-1.429-6.472%200-9.892%204.188-9.892%2012.113%200%207.822%203.495%2012.309%209.589%2012.309%202.491%200%204.806-.606%206.881-1.8.334-.154.586-.215.824-.215.293%200%20.999.108%201.244%201.107l.963%202.652c.23%201.102-.416%201.517-.986%201.883-1.364.893-4.963%202.312-8.804%202.312zM292.255%2047.61c-6.892%200-9.577-3.111-9.577-11.095v-18.29h-3.663c-1.044%200-1.596-.555-1.596-1.603v-2.666c0-1.061.582-1.669%201.596-1.669h3.784V4.724c0-1.049.532-1.604%201.536-1.604h2.781c1.044%200%201.596.555%201.596%201.604v7.563h7.352c1.014%200%201.596.608%201.596%201.669v2.666c0%201.048-.552%201.603-1.596%201.603h-7.352v17.77c0%204.616.832%205.677%204.45%205.677.883%200%201.371-.131%201.842-.257a7.49%207.49%200%200%201%20.842-.19c.087-.02.205-.032.313-.032%201.023%200%201.228.996%201.307%201.371l.6%202.516c.237%201.145-.628%201.543-.954%201.692-1.08.543-3.31.838-4.857.838z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
  width: 108px;
  height: 17.6px;
}
html.page.branding .branding-area .branding-box .logo-sample.paper-logo-sample-1 {
  background: #333;
}
html.page.branding .branding-area .branding-box .logo-sample.paper-logo-sample-1 .logo-paper {
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20212%2032%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%23fff%3B%20%7D%3C/style%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M205.682,20.542c4.016-1.382,5.87-4.475,5.87-9.81,0-7.67-3.8-10.731-12.308-10.731h-8.612c-.605,0-.951.382-.951,1.048V30.606a.92.92,0,0,0,.991,1.047H192.8a.946.946,0,0,0,.991-1.047V21.419h5.449c.731,0,1.424-.024,2.085-.071l5.608,9.62a1.43,1.43,0,0,0,1.253.685h2.5a.808.808,0,0,0,.77-.4,1.037,1.037,0,0,0-.13-1.05Zm-6.438-3.209H193.8V4.087h5.449c5.838,0,8.112,1.6,8.112,6.645C207.356,15.742,205.082,17.333,199.244,17.333ZM18.3,20.56c3.25-1.559,4.9-4.693,4.9-9.312,0-4.163-.953-7.106-2.831-8.747C18.465.841,15.32,0,11.022,0h-10C.276,0,0,.277,0,1.026v29.6c0,.748.277,1.026,1.021,1.026H7.1c.746,0,1.023-.278,1.023-1.026v-8.64H10.4l.1.205,4.058,8.473a1.692,1.692,0,0,0,1.676.988h6.175c.519,0,.6-.181.63-.251h0a1.054,1.054,0,0,0-.145-.889l-4.928-9.372-.175-.336.34-.163ZM14.06,14.5a3.98,3.98,0,0,1-3.13,1.043h-2.8V6.907h2.8a4.04,4.04,0,0,1,3.12.989,4.925,4.925,0,0,1,.88,3.352A4.89,4.89,0,0,1,14.06,14.5Zm22.1-13.47v29.6c0,.749-.276,1.027-1.02,1.027h-6.13c-.746,0-1.023-.278-1.023-1.027V1.027C27.988.278,28.265,0,29.01,0h6.13C35.885,0,36.16.278,36.161,1.027ZM51.457,0H42.47c-.744,0-1.021.278-1.021,1.027v29.6c0,.748.277,1.027,1.021,1.027h9.08c4.67,0,8.1-1.193,10.193-3.542,2.11-2.367,3.18-6.5,3.18-12.285s-1.078-9.917-3.2-12.283C59.612,1.191,56.158,0,51.457,0Zm4.055,22.642a4.6,4.6,0,0,1-4.192,1.917h-1.7V7.093h1.6A4.721,4.721,0,0,1,55.461,9c.8,1.213,1.2,3.445,1.2,6.824S56.282,21.431,55.512,22.642ZM123.321.953h0C123.14.413,122.937,0,122.141,0h-2.747c-.8,0-1,.412-1.18.949L106.842,30.518a.892.892,0,0,0,.107.8.848.848,0,0,0,.706.33h2.419c.7,0,.873-.475,1.016-.861L113.9,23.3h13.75l2.8,7.5a1.058,1.058,0,0,0,1.054.856h2.378a.845.845,0,0,0,.706-.33.9.9,0,0,0,.1-.815Zm-7.908,18.305,5.374-14.335,5.352,14.335Zm69.811,9.312v1.991c0,.949-.621,1.091-.991,1.091H165.4c-.658,0-.991-.352-.991-1.047V1a.882.882,0,0,1,.95-1H184.11a.908.908,0,0,1,.991,1V3.038a.947.947,0,0,1-.991,1.048H168.481V13.8h15.178c.6,0,.95.381.95,1.047V16.7c0,.667-.346,1.048-.95,1.048H168.481v9.818h15.752A.907.907,0,0,1,185.224,28.57ZM147.551,0h-8.613c-.6,0-.95.382-.95,1.048V30.606a.92.92,0,0,0,.991,1.047h2.132a.947.947,0,0,0,.991-1.047V21.419h5.449c8.512,0,12.307-3.047,12.307-10.687C159.858,3.062,156.063,0,147.551,0Zm0,17.332H142.1V4.087h5.449c5.837,0,8.111,1.6,8.111,6.645C155.662,15.742,153.388,17.333,147.551,17.333ZM95.87,0H87.258c-.6,0-.95.381-.95,1.048V30.606h0a.92.92,0,0,0,.991,1.047H89.43a.946.946,0,0,0,.991-1.047V21.419h5.45c8.511,0,12.307-3.047,12.307-10.687C108.178,3.061,104.382,0,95.87,0Zm0,17.332H90.421V4.087h5.45c5.837,0,8.111,1.6,8.111,6.645C103.982,15.742,101.708,17.333,95.87,17.333ZM77.934,1.027v29.6c0,.749-.276,1.027-1.02,1.027h-6.13c-.746,0-1.023-.278-1.023-1.027V1.027C69.761.278,70.038,0,70.784,0h6.13C77.658,0,77.934.278,77.934,1.027Z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
  width: 108px;
  height: 22px;
}
html.page.branding .branding-area .branding-box .logo-sample span {
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  html.page.branding .branding-area .branding-box .logo-sample {
    width: 160px;
  }
}
html.page.branding .branding-download-all {
  text-align: center;
  font-family: "brandon-grotesque", sans-serif;
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
  html.page.branding .branding-download-all {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  html.page.branding .branding-download-all {
    margin-bottom: 50px;
  }
}
html.page.branding .branding-download-all .wrapper {
  display: inline-block;
  padding: 0 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
html.page.branding .branding-download-all strong {
  display: inline-block;
  text-transform: uppercase;
  font-size: 0.95em;
  letter-spacing: 0.2em;
  font-weight: 700;
  color: #b0d4ff;
  padding: 10px 0;
  background: #293040;
}
html.page.branding .branding-download-all .download-all {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 0.875em;
  padding: 12px 30px;
  display: inline-block;
  letter-spacing: -0.03em;
  font-weight: bold;
  background: #fff;
  color: #165097;
  color: #0282da;
  margin-bottom: 15px;
}
html.page.branding .branding-download-all .download-all i {
  opacity: 0.5;
}
html.page.branding .branding-download-all .download-all:hover {
  background: #d8eaff;
}
html.page.contact .intro-header.ih-contact {
  padding: 240px 0 200px;
  max-width: 1160px;
  margin: auto;
}
html.page.contact .intro-header .site-heading.contact-heading h1,
html.page.contact .intro-header .page-heading.contact-heading h1 {
  color: #173660;
}
html.page.contact .ridi-map {
  display: block;
}
html.page.contact .ridi-map img {
  width: 100%;
}
html.page.contact .how-to-contact {
  margin: 80px auto 160px;
}
html.page.contact .how-to-contact .info-item {
  margin-bottom: 80px;
  height: 100px;
}
html.page.contact .how-to-contact .info-item .info-title {
  display: block;
  width: 30%;
  float: left;
  font-size: 28px;
  font-weight: 700;
  color: #303538;
}
@media only screen and (max-width: 767px) {
  html.page.contact .how-to-contact .info-item .info-title {
    font-size: 24px;
    float: none;
  }
}
html.page.contact .how-to-contact .info-item .info-dsc {
  display: block;
  float: right;
  width: 65%;
  margin-top: 6px;
  font-size: 24px;
  line-height: 1.4em;
  color: #525A61;
}
@media only screen and (max-width : 1023px) {
  html.page.contact .how-to-contact .info-item .info-dsc {
    margin-top: 2px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  html.page.contact .how-to-contact .info-item .info-dsc {
    float: none;
    width: 100%;
  }
}
html.page.ridibatang body {
  font-family: 'RIDIBatang';
  word-wrap: break-word;
}
html.page.ridibatang body .navbar > .container-fluid .navbar-brand {
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20119%2048%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%23fff%3B%20%7D%3C/style%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M78.3,0H64.6c-1.1,0-1.6,0.4-1.6,1.6v44.9c0,1.1,0.4,1.6,1.6,1.6h13.8c7.1,0,12.3-1.8,15.5-5.4c3.2-3.6,4.8-9.9,4.8-18.6%0A%09c0-8.8-1.6-15-4.9-18.6C90.7,1.8,85.5,0,78.3,0z%20M84.5,34.3c-1.2,1.9-3.4,2.9-6.4,2.9h-2h-0.6v-0.6V11.3v-0.6h0.6H78%0A%09c3,0,5.2,1,6.4,2.9c1.2,1.8,1.8,5.2,1.8,10.3C86.2,29.1,85.6,32.5,84.5,34.3z%20M55,1.6v44.9c0,1.1-0.4,1.6-1.6,1.6h-9.3%0A%09c-1.1,0-1.6-0.4-1.6-1.6V1.6C42.6,0.4,43,0,44.1,0h9.3C54.6,0,55,0.4,55,1.6z%20M118.6,1.6v44.9c0,1.1-0.4,1.6-1.6,1.6h-9.3%0A%09c-1.1,0-1.6-0.4-1.6-1.6V1.6c0-1.1,0.4-1.6,1.6-1.6h9.3C118.2,0,118.6,0.4,118.6,1.6z%20M27.8,31.2c4.9-2.4,7.5-7.1,7.5-14.1%0A%09c0-6.3-1.4-10.8-4.3-13.3C28.1,1.3,23.3,0,16.8,0H1.6C0.4,0,0,0.4,0,1.6v44.9C0,47.6,0.4,48,1.6,48h9.3c1.1,0,1.6-0.4,1.6-1.6V33.9%0A%09v-0.6h0.6h2.6h0.3l0.2,0.3l6.2,12.8c0.5,1,1.3,1.5,2.6,1.5h9.4c0.8,0,0.9-0.3,1-0.4c0.1-0.3,0.1-0.8-0.2-1.3l-7.5-14.2l-0.3-0.5%0A%09l0.5-0.2L27.8,31.2z%20M21.4,22c-0.9,1.1-2.5,1.6-4.8,1.6h-3.7h-0.6V23V11v-0.6h0.6h3.7c2.3,0,3.8,0.5,4.8,1.5c0.9,1,1.3,2.6,1.3,5.1%0A%09C22.7,19.3,22.3,21,21.4,22z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
}
@media only screen and (min-width: 768px) {
  html.page.ridibatang body .navbar .nav li a {
    color: #fff;
  }
}
html.page.ridibatang body .navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
html.page.ridibatang body .navbar-default .navbar-toggle:hover,
html.page.ridibatang body .navbar-default .navbar-toggle:focus {
  background-color: #105DC1;
}
html.page.ridibatang .intro-header {
  background-image: url(../img/ridibatang-bg.jpg);
  background-repeat: repeat;
  background-position: center -40px;
  background-size: 1049px auto;
  background-color: #212B3B;
  padding: 190px 0;
}
@media only screen and (max-width: 767px) {
  html.page.ridibatang .intro-header {
    padding: 160px 0;
  }
}
html.page.ridibatang .intro-header h1 {
  text-align: left;
  font-weight: 300;
  text-shadow: none;
  font-style: normal;
  font-size: 54px;
  letter-spacing: -0.03em;
  line-height: 1.35em;
  color: #fff;
  max-width: 1040px;
  width: 90%;
  margin: 0 auto;
  padding: 0;
  word-break: keep-all;
}
html.page.ridibatang .intro-header h1 p {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  html.page.ridibatang .intro-header h1 {
    font-size: 32px;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
  html.page.ridibatang .intro-header {
    background-size: 1200px auto;
  }
}
@media only screen and (max-width: 767px) {
  html.page.ridibatang .intro-header {
    background-size: 820px auto;
  }
}
html.page.ridibatang .intro-header .site-heading.rb-heading,
html.page.ridibatang .intro-header .page-heading.rb-heading {
  text-align: left;
}
html.page.ridibatang .rb-explanation-box {
  max-width: 740px;
  margin: 0 auto;
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
  html.page.ridibatang .rb-explanation-box {
    max-width: none;
    padding: 0 24px;
  }
}
@media only screen and (max-width: 767px) {
  html.page.ridibatang .rb-explanation-box {
    max-width: none;
    padding: 0 16px;
  }
}
html.page.ridibatang .rb-title {
  font-size: 36px;
  color: #000;
  letter-spacing: -0.03em;
  line-height: 1.45em;
  word-break: keep-all;
}
@media only screen and (max-width: 767px) {
  html.page.ridibatang .rb-title {
    font-size: 26px;
    line-height: 1.35em;
  }
}
html.page.ridibatang .rb-body {
  padding-top: 12px;
  font-size: 24px;
  color: #525A61;
  letter-spacing: -0.02em;
  line-height: 1.65em;
}
@media only screen and (max-width: 767px) {
  html.page.ridibatang .rb-body {
    font-size: 20px;
  }
}
html.page.ridibatang .rb-caption {
  font-size: 30px;
  color: #7D8E9E;
  letter-spacing: -0.01em;
  margin-top: 140px;
  line-height: 1.5em;
}
@media only screen and (max-width: 767px) {
  html.page.ridibatang .rb-caption {
    margin-top: 100px;
    font-size: 23px;
  }
}
html.page.ridibatang figure {
  text-align: center;
}
html.page.ridibatang figcaption {
  display: inline-block;
  font-size: 19px;
  color: #738096;
  letter-spacing: -0.01em;
  line-height: 1.5em;
  padding-top: 12px;
}
html.page.ridibatang img {
  width: 100%;
  border: 1px solid #e3edf7;
  border-radius: 3px;
}
html.page.ridibatang .rb-img {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  html.page.ridibatang .rb-img {
    display: inline-block;
  }
}
html.page.ridibatang .rb-img-size-half {
  display: inline-block;
  width: 49%;
  margin-right: 1%;
}
@media only screen and (max-width: 767px) {
  html.page.ridibatang .rb-img-size-half {
    width: 100%;
    margin-right: 0;
  }
}
html.page.ridibatang .rb-img-size-half:last-child {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  html.page.ridibatang .rb-img-size-half:last-child {
    margin: 30px 0 0 0;
  }
}
html.page.ridibatang .rb-img-size-full:last-child {
  margin: 30px 0 0 0;
}
html.page.ridibatang .rb-reason-area {
  background: #e3edf7;
  padding: 120px 0 380px 0;
  background-image: url(../img/ridibatang-toc-desktop.png);
  background-repeat: no-repeat;
  background-position: center 310px;
  background-size: 1400px auto;
}
@media only screen and (max-width: 767px) {
  html.page.ridibatang .rb-reason-area {
    background-size: 1200px auto;
    background-position: center 280px;
    padding: 100px 0 360px 0;
  }
}
@media only screen and (max-width: 568px) {
  html.page.ridibatang .rb-reason-area {
    background-position: center 320px;
    padding: 100px 0 340px 0;
  }
}
@media only screen and (max-width: 414px) {
  html.page.ridibatang .rb-reason-area {
    background-image: url(../img/ridibatang-toc-mobile.png);
    background-size: 530px auto;
    background-position: center 340px;
    padding: 100px 0 500px 0;
  }
}
html.page.ridibatang .rb-feature-area textarea {
  width: 740px;
  margin: 0 auto;
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
  html.page.ridibatang .rb-feature-area textarea {
    padding: 0 24px;
  }
}
@media only screen and (max-width: 767px) {
  html.page.ridibatang .rb-feature-area textarea {
    padding: 0 16px;
  }
}
html.page.ridibatang .rb-download-area {
  background: #2e3847;
  background-image: url(../img/ridibatang-bg.jpg);
  background-repeat: repeat;
  background-position: center -40px;
  background-size: 1049px auto;
  padding: 140px 0;
  margin-top: 140px;
}
html.page.ridibatang .rb-download-area a {
  color: #2e3847;
}
html.page.ridibatang .rb-download-area .rb-title {
  color: #fff;
}
html.page.ridibatang .rb-download-area .rb-body {
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (max-width: 767px) {
  html.page.ridibatang .rb-download-area {
    padding: 100px 0;
    margin-top: 100px;
  }
}
html.page.ridibatang footer {
  display: none;
}
html.page.ridibatang .rb-download {
  transition: all 0.25s ease-in-out;
  max-width: 740px;
  padding: 24px 0 26px 0;
  background: #fff;
  font-size: 20px;
  letter-spacing: -0.02em;
  margin: 50px auto 100px;
  text-align: center;
  border-radius: 3px;
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
  html.page.ridibatang .rb-download {
    max-width: none;
    margin: 50px 24px 100px;
  }
}
@media only screen and (max-width: 767px) {
  html.page.ridibatang .rb-download {
    max-width: none;
    margin: 50px 16px 100px;
  }
}
html.page.ridibatang .rb-download .icon-download {
  margin-left: 12px;
}
html.page.ridibatang .rb-download:hover,
html.page.ridibatang .rb-download:active {
  opacity: 0.7;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
html.page.ridibatang .rb-license {
  max-width: 740px;
  margin: 0 auto;
  color: #70808f;
  font-size: 14px;
  line-height: 1.9em;
  letter-spacing: -0.02em;
}
html.page.ridibatang .rb-license span {
  font-size: 18px;
  line-height: 2em;
}
html.page.ridibatang .rb-license p {
  margin: 0;
}
html.page.ridibatang .rb-license p a {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
html.page.ridibatang .rb-license p a:hover,
html.page.ridibatang .rb-license p a:active {
  color: rgba(255, 255, 255, 0.6);
}
html.page.ridibatang .rb-license .rb-license-info {
  margin-bottom: 16px;
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
  html.page.ridibatang .rb-license {
    max-width: none;
    padding: 0 24px;
  }
}
@media only screen and (max-width: 767px) {
  html.page.ridibatang .rb-license {
    max-width: none;
    padding: 0 16px;
  }
}
html.page.ridibatang .rb-footer {
  text-align: center;
}
html.page.ridibatang .rb-footer .copyright {
  font-family: 'RIDIBatang';
  font-weight: 300;
  font-size: 16px;
  color: #9eafbf;
  letter-spacing: 0;
  line-height: 1.5em;
  padding: 0;
  margin-top: 50px;
  display: inline-block;
}
html.post.blog .navbar > .container-fluid .navbar-brand {
  display: inline-block;
  text-indent: -444px;
  font-size: 0;
  overflow: hidden;
  background: url('data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20119%2048%22%3E%3Cstyle%3Epath,%20polygon%20%7B%20fill%3A%23fff%3B%20%7D%3C/style%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M78.3,0H64.6c-1.1,0-1.6,0.4-1.6,1.6v44.9c0,1.1,0.4,1.6,1.6,1.6h13.8c7.1,0,12.3-1.8,15.5-5.4c3.2-3.6,4.8-9.9,4.8-18.6%0A%09c0-8.8-1.6-15-4.9-18.6C90.7,1.8,85.5,0,78.3,0z%20M84.5,34.3c-1.2,1.9-3.4,2.9-6.4,2.9h-2h-0.6v-0.6V11.3v-0.6h0.6H78%0A%09c3,0,5.2,1,6.4,2.9c1.2,1.8,1.8,5.2,1.8,10.3C86.2,29.1,85.6,32.5,84.5,34.3z%20M55,1.6v44.9c0,1.1-0.4,1.6-1.6,1.6h-9.3%0A%09c-1.1,0-1.6-0.4-1.6-1.6V1.6C42.6,0.4,43,0,44.1,0h9.3C54.6,0,55,0.4,55,1.6z%20M118.6,1.6v44.9c0,1.1-0.4,1.6-1.6,1.6h-9.3%0A%09c-1.1,0-1.6-0.4-1.6-1.6V1.6c0-1.1,0.4-1.6,1.6-1.6h9.3C118.2,0,118.6,0.4,118.6,1.6z%20M27.8,31.2c4.9-2.4,7.5-7.1,7.5-14.1%0A%09c0-6.3-1.4-10.8-4.3-13.3C28.1,1.3,23.3,0,16.8,0H1.6C0.4,0,0,0.4,0,1.6v44.9C0,47.6,0.4,48,1.6,48h9.3c1.1,0,1.6-0.4,1.6-1.6V33.9%0A%09v-0.6h0.6h2.6h0.3l0.2,0.3l6.2,12.8c0.5,1,1.3,1.5,2.6,1.5h9.4c0.8,0,0.9-0.3,1-0.4c0.1-0.3,0.1-0.8-0.2-1.3l-7.5-14.2l-0.3-0.5%0A%09l0.5-0.2L27.8,31.2z%20M21.4,22c-0.9,1.1-2.5,1.6-4.8,1.6h-3.7h-0.6V23V11v-0.6h0.6h3.7c2.3,0,3.8,0.5,4.8,1.5c0.9,1,1.3,2.6,1.3,5.1%0A%09C22.7,19.3,22.3,21,21.4,22z%22/%3E%3C/svg%3E') center center no-repeat;
  background-size: 100% 100%;
}
@media only screen and (min-width: 768px) {
  html.post.blog .navbar .nav li a {
    color: #fff;
  }
}
html.post.blog .navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
html.post.blog .navbar-default .navbar-toggle:hover,
html.post.blog .navbar-default .navbar-toggle:focus {
  background-color: #105DC1;
}
html.post.blog .intro-header.post-header {
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
html.post.blog .intro-header.post-header .header-container {
  width: 700px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  html.post.blog .intro-header.post-header .header-container {
    width: 90%;
  }
}
html.collection.career .intro-header.post-header {
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
html.collection.career .intro-header.post-header .header-container {
  width: 700px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  html.collection.career .intro-header.post-header .header-container {
    width: 90%;
  }
}
html.collection.press .intro-header.ih-press {
  background-image: url(../img/press-bg.png);
  background-repeat: repeat-x;
  background-position: center -50px;
  background-size: 1060px auto;
  background-color: #0282da;
}
html.collection.press .intro-header.ih-press .wrapper {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}
@media only screen and (max-width : 1023px) {
  html.collection.press .intro-header.ih-press .wrapper {
    width: 90% !important;
  }
}
html.collection.press .intro-header.ih-press h2 {
  font-size: 2.5em;
  font-weight: 700;
  letter-spacing: -0.03em;
  text-align: left;
  color: #fff;
  text-shadow: 0 1px 2px rgba(15, 93, 156, 0.5);
}
@media only screen and (max-width: 767px) {
  html.collection.press .intro-header.ih-press h2 {
    font-size: 1.75em;
  }
}
html.collection.press .intro-header .site-heading.press-sub-heading,
html.collection.press .intro-header .page-heading.press-sub-heading {
  padding: 80px 0 40px;
}
html.collection.press .intro-header .site-heading.press-sub-heading .wrapper-compact,
html.collection.press .intro-header .page-heading.press-sub-heading .wrapper-compact {
  width: 700px;
}
html.collection.press article.press-article {
  width: 700px;
  margin: 70px auto;
}
@media only screen and (max-width: 767px) {
  html.collection.press article.press-article {
    width: 90%;
    margin: 30px auto;
  }
}
html.collection.press article.press-article .article-header {
  margin-bottom: 30px;
}
html.collection.press article.press-article h3 {
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #1f8ee6;
  font-size: 2em;
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  html.collection.press article.press-article h3 {
    font-size: 1.5em;
  }
}
html.collection.press article.press-article .meta {
  font-size: 0.875em;
  color: #a1afbb;
  font-weight: bold;
  margin-bottom: 15px;
}
html.collection.press article.press-article .meta .date {
  font-family: "brandon-grotesque", sans-serif;
}
html.collection.press article.press-article .download {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 0.875em;
  padding: 12px 30px;
  display: inline-block;
  letter-spacing: -0.03em;
  font-weight: bold;
  background: transparent;
  border: 2px solid #c9c9c9;
  color: #484848;
  font-family: "brandon-grotesque", sans-serif;
  padding: 4px 8px;
}
html.collection.press article.press-article .download i {
  opacity: 0.5;
}
html.collection.press article.press-article .download:hover {
  border-color: #484848;
}
html.collection.press article.press-article p {
  font-size: 1em;
  line-height: 1.65;
  margin-bottom: 15px;
}
html.collection.press article.press-article ol,
html.collection.press article.press-article ul {
  margin: 30px 0;
}
html.collection.press article.press-article li {
  list-style: disc;
  margin: 4px 20px;
}
html.collection.press article.press-article h4 {
  margin: 50px 0 30px;
  font-weight: 700;
}
html.collection.press article.press-article blockquote {
  font-size: 1em;
  color: #888;
}
html.collection.press article.press-article blockquote p {
  margin: 0;
}
html.collection.slides .intro-header.ih-blog {
  padding: 200px 0 100px;
  max-width: 1160px;
  margin: auto;
}
html.collection.slides .intro-header .sub-description.sd-blog {
  color: #78caf3;
}
html.collection.slides .intro-header .blog-sub-area {
  text-align: center;
}
html.collection.slides .intro-header .blog-sub-area h1.slide-title {
  margin: 0 0 14px 0;
  font-family: 'Calibre', sans-serif;
  font-size: 60px;
  color: #141517;
  letter-spacing: -0.03em;
  font-weight: 700;
  line-height: 1.4;
}
html.collection.slides .intro-header .blog-sub-area .date {
  color: #525A61;
  font-size: 20px;
  font-weight: 500;
  font-family: 'Calibre', sans-serif;
  margin: 0;
}
html.collection.slides article.post {
  padding: 80px 0;
}
@media only screen and (max-width : 1023px) {
  html.collection.slides article.post {
    padding: 40px 0;
  }
}
html.collection.slides article.post .post-content .description {
  color: #525a61;
  margin: 24px 0;
  font-size: 0.95em;
}