body { margin: 0;font-family: proxima-nova, sans-serif;font-size: 18px;line-height: 1.5em;color: #707070;max-width: 100%;overflow-x: hidden;overflow-y: scroll;-webkit-overflow-scrolling: touch; }
body.open { overflow-y: hidden; }
img { max-width: 100%; }
a { color: #069cdc;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
a:hover { color: #3f3d4f; }
p { margin: .6em 0; }
h1:nth-child(1), h2:nth-child(1), h3:nth-child(1), h4:nth-child(1), p:nth-child(1) { margin-top:0; }
h1:nth-last-child(1), h2:nth-last-child(1), h3:nth-last-child(1), h4:nth-last-child(1), p:nth-last-child(1) { margin-bottom:0; }
html .row-fluid .container, .container { width: 1000px;max-width: 90%;margin-left: auto !important;margin-right: auto !important;box-sizing: border-box;float: none !important; }
.row-fluid [class*="span"] { min-height: 0; }
.mano-logo { text-align: right; }

.header-top { padding: 20px 0; }
.header-top > .row-fluid-wrapper > .row-fluid { display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center; }

.brand-page-links { background: #3f3d4f;padding: 10px 0;color: white; }
.brand-page-links a { margin-right: 10px;display: inline-block;padding: 5px;cursor:pointer;color: white;text-decoration: none; }
.brand-page-links a:hover { color: #d7fefd; }
.brand-page-links a.current { font-weight: bold;color: #069cdc; }

.all-pages { padding: 40px 0; }
.bg-page { padding: 40px 0;display: -webkit-flex; display: flex;page-break-after: always; }
.all-pages > span > div:nth-last-child(1) .bg-page { page-break-after: unset; }
.bg-page .page-list { min-width: 180px;box-sizing: border-box;padding-right: 30px;font-size: 15px;line-height: 1.4em; }
.bg-page .page-list h3, .bg-page .page-list h4 { margin: 5px 0; }
.bg-page .page-list h4 { cursor: pointer; }
.bg-page .page-content { flex: 1 auto; }
.page-section { margin-bottom: 60px; }
.page-section:nth-last-child(1) { margin-bottom: 0; }
.page-section h3 { font-size: 1.1em;line-height: 1.3em;margin-bottom: 5px; }

.section-wrapper { margin: 0 -15px;display: -webkit-flex; display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; }
.section-wrapper > div { padding: 15px;box-sizing: border-box; }
.section-wrapper .links { margin: 10px -10px 0; }
.section-wrapper .links a { margin-right: 10px;display: inline-block;padding: 10px; }

.section-wrapper .resource-item { width: 33.33%; }
.section-wrapper .resource-item .inner { border: 1px solid #ebebeb; }
.section-wrapper .resource-item .inner .content { padding: 15px 20px; }
.resource-item .r-img { padding-top: 60%; }

.type-color .section-wrapper > div { width: 150px; }
.type-color h4 { font-size: 14px;line-height: 1.3em;margin: 5px 0; }
.color-ball { padding-top: 100%;border-radius: 50%;margin-bottom: 15px; }

.prev-next-links { display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center;-webkit-justify-content: center;justify-content: center;font-size: 22px; }
.prev-next-links .divider { border-left: 1px solid #cfcfcf;height: 80px; }
.prev-next-links a { padding: 10px 20px;text-decoration: none; }
.prev-next-links a i { margin: 0 10px; }

@keyframes rotate {
  0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg);  -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  50% {-moz-transform: rotate(180deg); -ms-transform: rotate(180deg);  -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg);  -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.create-pdf .fa-spinner { animation: rotate linear .8s infinite; }

@media (max-width: 991px) {
  .bg-page, .all-pages { padding: 30px 0; }
  .section-wrapper .resource-item { width: 50%; }
}
@media (max-width: 767px) {
  .mob-width { width: 100% !important; }
  .bg-page { display: block; }
  .bg-page .page-list { width: 100%;padding: 0 0 10px; }
  .header-top > .row-fluid-wrapper > .row-fluid { display: block; }
  .header-top img { max-width: 50%; }
  .mano-logo { text-align: center;padding-top: 10px; }
  .header-top { text-align: center; }
  .brand-page-links { text-align: center; }
}
@media (max-width: 500px) {
  .section-wrapper .resource-item { width: 100%; }
}