/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
 display: block
}

audio,
canvas,
video {
 display: inline-block
}

audio:not([controls]) {
 display: none;
 height: 0
}

[hidden],
template {
 display: none
}

html {
 font-family: sans-serif;
 -ms-text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%
}

body {
 margin: 0
}

a {
 background: 0 0
}

h1 {
 margin: .67em 0
}

b,
strong {
 font-weight: 700
}

dfn {
 font-style: italic
}

hr {
 -moz-box-sizing: content-box;
 box-sizing: content-box;
 height: 0
}

mark {
 background: #ff0;
 color: #000
}

code,
kbd,
pre,
samp {
 font-family: monospace, serif;
 font-size: 1em
}

pre {
 white-space: pre-wrap
}

q {
 quotes: "\201C""\201D""\2018""\2019"
}

sub,
sup {
 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline
}

sup {
 top: -.5em
}

sub {
 bottom: -.25em
}

img {
 border: 0
}

svg:not(:root) {
 overflow: hidden
}

figure {
 margin: 0
}

fieldset {
 border: 1px solid silver;
 margin: 0 2px;
 padding: .35em .625em .75em
}

legend {
 border: 0;
 padding: 0
}

button,
input,
select,
textarea {
 margin: 0
}

button,
select {
 text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
 -webkit-appearance: button;
 cursor: pointer
}

button[disabled],
html input[disabled] {
 cursor: default
}

input[type=checkbox],
input[type=radio] {
 box-sizing: border-box;
 padding: 0
}

input[type=search] {
 -webkit-appearance: textfield;
 -moz-box-sizing: content-box;
 -webkit-box-sizing: content-box;
 box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
 -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
 border: 0;
 padding: 0
}

textarea {
 overflow: auto;
 vertical-align: top
}

table {
 border-collapse: collapse;
 border-spacing: 0
}

@media print {
 * {
  text-shadow: none !important;
  color: #000 !important;
  background: transparent !important;
  box-shadow: none !important
 }

 a,
 a:visited {
  text-decoration: underline
 }

 a[href]:after {
  content: " (" attr(href) ")"
 }

 abbr[title]:after {
  content: " (" attr(title) ")"
 }

 a[href^="javascript:"]:after,
 a[href^="#"]:after {
  content: ""
 }

 blockquote,
 pre {
  border: 1px solid #999;
  page-break-inside: avoid
 }

 thead {
  display: table-header-group
 }

 img,
 tr {
  page-break-inside: avoid
 }

 img {
  max-width: 100% !important
 }

 @page {
  margin: 2cm .5cm
 }

 h2,
 h3,
 p {
  orphans: 3;
  widows: 3
 }

 h2,
 h3 {
  page-break-after: avoid
 }

 select {
  background: #fff !important
 }

 .navbar {
  display: none
 }

 .table td,
 .table th {
  background-color: #fff !important
 }

 .btn>.caret,
 .dropup>.btn>.caret {
  border-top-color: #000 !important
 }

 .label {
  border: 1px solid #000
 }

 .table {
  border-collapse: collapse !important
 }

 .table-bordered td,
 .table-bordered th {
  border: 1px solid #ddd !important
 }
}

*,
:after,
:before {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box
}

html {
 font-size: 62.5%;
 min-height: 100%;
 height: 100%;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
 font-family: Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size: 14px;
 line-height: 1.571428571428571;
 color: #4c4c4c;
 background-color: #fff;
 -webkit-font-smoothing: antialiased;
 text-shadow: 0 0 1px rgba(100, 100, 100, .05);
 height: 100%;
 min-height: 100%;
 letter-spacing: 1px
}

button,
input,
select,
textarea {
 font-family: inherit;
 font-size: inherit;
 line-height: inherit
}

a {
 color: #4c4c4c;
 text-decoration: none
}

a:active,
a:focus,
a:hover {
 text-decoration: none;
 outline: 0
}

img {
 vertical-align: middle;
 max-width: 100%;
 height: auto
}

.img-responsive {
 display: block;
 max-width: 100%;
 height: auto
}

.img-rounded {
 border-radius: 6px
}

.img-thumbnail {
 padding: 4px;
 line-height: 1.571428571428571;
 background-color: #fff;
 border: 1px solid #ddd;
 border-radius: 4px;
 -webkit-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
 display: inline-block;
 max-width: 100%;
 height: auto
}

.img-circle {
 border-radius: 50%
}

hr {
 margin-top: 21px;
 margin-bottom: 21px;
 border: 0;
 border-top: 1px solid #eee
}

.sr-only {
 position: absolute;
 width: 1px;
 height: 1px;
 margin: -1px;
 padding: 0;
 overflow: hidden;
 clip: rect(0, 0, 0, 0);
 border: 0
}

p {
 margin: 0 0 10.5px
}

.lead {
 margin-bottom: 21px;
 font-size: 16px;
 font-weight: 200;
 line-height: 1.4
}

@media (min-width:768px) {
 .lead {
  font-size: 21px
 }
}

.small,
small {
 font-size: 85%
}

cite {
 font-style: normal
}

.text-left {
 text-align: left
}

.text-right {
 text-align: right
}

.text-center {
 text-align: center
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
 font-family: Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-weight: 500;
 line-height: 1.1;
 color: inherit
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
 font-weight: 400;
 line-height: 1;
 color: #999
}

h1,
h2,
h3 {
 margin-top: 21px;
 margin-bottom: 10.5px
}

h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
 font-size: 65%
}

h4,
h5,
h6 {
 margin-top: 10.5px;
 margin-bottom: 10.5px
}

h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
 font-size: 75%
}

.h1,
h1 {
 font-size: 36px
}

.h2,
h2 {
 font-size: 30px
}

.h3,
h3 {
 font-size: 24px
}

.h4,
h4 {
 font-size: 18px
}

.h5,
h5 {
 font-size: 14px
}

.h6,
h6 {
 font-size: 12px
}

.page-header {
 padding-bottom: 9.5px;
 margin: 42px 0 21px;
 border-bottom: 1px solid #eee
}

ol,
ul {
 margin-top: 0;
 margin-bottom: 10.5px
}

ol ol,
ol ul,
ul ol,
ul ul {
 margin-bottom: 0
}

.list-inline,
.list-unstyled {
 padding-left: 0;
 list-style: none
}

.list-inline>li {
 display: inline-block;
 padding-left: 5px;
 padding-right: 5px
}

.list-inline>li:first-child {
 padding-left: 0
}

dl {
 margin-bottom: 21px
}

dd,
dt {
 line-height: 1.571428571428571
}

dt {
 font-weight: 700
}

dd {
 margin-left: 0
}

@media (min-width:768px) {
 .dl-horizontal dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
 }

 .dl-horizontal dd {
  margin-left: 180px
 }

 .dl-horizontal dd:after,
 .dl-horizontal dd:before {
  content: " ";
  display: table
 }

 .dl-horizontal dd:after {
  clear: both
 }
}

abbr[data-original-title],
abbr[title] {
 cursor: help;
 border-bottom: 1px dotted #999
}

abbr.initialism {
 font-size: 90%;
 text-transform: uppercase
}

blockquote {
 padding: 10.5px 21px;
 margin: 0 0 21px;
 border-left: 5px solid #eee
}

blockquote p {
 font-size: 17.5px;
 font-weight: 300;
 line-height: 1.25
}

blockquote p:last-child {
 margin-bottom: 0
}

blockquote small {
 display: block;
 line-height: 1.571428571428571;
 color: #999
}

blockquote small:before {
 content: '\2014 \00A0'
}

blockquote.pull-right {
 padding-right: 15px;
 padding-left: 0;
 border-right: 5px solid #eee;
 border-left: 0
}

blockquote.pull-right .small,
blockquote.pull-right p,
blockquote.pull-right small {
 text-align: right
}

blockquote.pull-right .small:before,
blockquote.pull-right small:before {
 content: ''
}

blockquote.pull-right .small:after,
blockquote.pull-right small:after {
 content: '\00A0 \2014'
}

blockquote:after,
blockquote:before {
 content: ""
}

address {
 margin-bottom: 21px;
 font-style: normal;
 line-height: 1.571428571428571
}

.container {
 margin-right: auto;
 margin-left: auto;
 padding-left: 15px;
 padding-right: 15px
}

.container:after,
.container:before {
 content: " ";
 display: table
}

.container:after {
 clear: both
}

.row {
 margin-left: -15px;
 margin-right: -15px
}

.row:after,
.row:before {
 content: " ";
 display: table
}

.row:after {
 clear: both
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
 position: relative;
 min-height: 1px;
 padding-left: 15px;
 padding-right: 15px
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
 float: left
}

.col-xs-12 {
 width: 100%
}

.col-xs-11 {
 width: 91.66666666666666%
}

.col-xs-10 {
 width: 83.33333333333334%
}

.col-xs-9 {
 width: 75%
}

.col-xs-8 {
 width: 66.66666666666666%
}

.col-xs-7 {
 width: 58.333333333333336%
}

.col-xs-6 {
 width: 50%
}

.col-xs-5 {
 width: 41.66666666666667%
}

.col-xs-4 {
 width: 33.33333333333333%
}

.col-xs-3 {
 width: 25%
}

.col-xs-2 {
 width: 16.666666666666664%
}

.col-xs-1 {
 width: 8.333333333333332%
}

.col-xs-pull-12 {
 right: 100%
}

.col-xs-pull-11 {
 right: 91.66666666666666%
}

.col-xs-pull-10 {
 right: 83.33333333333334%
}

.col-xs-pull-9 {
 right: 75%
}

.col-xs-pull-8 {
 right: 66.66666666666666%
}

.col-xs-pull-7 {
 right: 58.333333333333336%
}

.col-xs-pull-6 {
 right: 50%
}

.col-xs-pull-5 {
 right: 41.66666666666667%
}

.col-xs-pull-4 {
 right: 33.33333333333333%
}

.col-xs-pull-3 {
 right: 25%
}

.col-xs-pull-2 {
 right: 16.666666666666664%
}

.col-xs-pull-1 {
 right: 8.333333333333332%
}

.col-xs-pull-0 {
 right: 0
}

.col-xs-push-12 {
 left: 100%
}

.col-xs-push-11 {
 left: 91.66666666666666%
}

.col-xs-push-10 {
 left: 83.33333333333334%
}

.col-xs-push-9 {
 left: 75%
}

.col-xs-push-8 {
 left: 66.66666666666666%
}

.col-xs-push-7 {
 left: 58.333333333333336%
}

.col-xs-push-6 {
 left: 50%
}

.col-xs-push-5 {
 left: 41.66666666666667%
}

.col-xs-push-4 {
 left: 33.33333333333333%
}

.col-xs-push-3 {
 left: 25%
}

.col-xs-push-2 {
 left: 16.666666666666664%
}

.col-xs-push-1 {
 left: 8.333333333333332%
}

.col-xs-push-0 {
 left: 0
}

.col-xs-offset-12 {
 margin-left: 100%
}

.col-xs-offset-11 {
 margin-left: 91.66666666666666%
}

.col-xs-offset-10 {
 margin-left: 83.33333333333334%
}

.col-xs-offset-9 {
 margin-left: 75%
}

.col-xs-offset-8 {
 margin-left: 66.66666666666666%
}

.col-xs-offset-7 {
 margin-left: 58.333333333333336%
}

.col-xs-offset-6 {
 margin-left: 50%
}

.col-xs-offset-5 {
 margin-left: 41.66666666666667%
}

.col-xs-offset-4 {
 margin-left: 33.33333333333333%
}

.col-xs-offset-3 {
 margin-left: 25%
}

.col-xs-offset-2 {
 margin-left: 16.666666666666664%
}

.col-xs-offset-1 {
 margin-left: 8.333333333333332%
}

.col-xs-offset-0 {
 margin-left: 0
}

@media (min-width:768px) {
 .container {
  width: 750px
 }

 .col-sm-1,
 .col-sm-10,
 .col-sm-11,
 .col-sm-2,
 .col-sm-3,
 .col-sm-4,
 .col-sm-5,
 .col-sm-6,
 .col-sm-7,
 .col-sm-8,
 .col-sm-9 {
  float: left
 }

 .col-sm-12 {
  width: 100%
 }

 .col-sm-11 {
  width: 91.66666666666666%
 }

 .col-sm-10 {
  width: 83.33333333333334%
 }

 .col-sm-9 {
  width: 75%
 }

 .col-sm-8 {
  width: 66.66666666666666%
 }

 .col-sm-7 {
  width: 58.333333333333336%
 }

 .col-sm-6 {
  width: 50%
 }

 .col-sm-5 {
  width: 41.66666666666667%
 }

 .col-sm-4 {
  width: 33.33333333333333%
 }

 .col-sm-3 {
  width: 25%
 }

 .col-sm-2 {
  width: 16.666666666666664%
 }

 .col-sm-1 {
  width: 8.333333333333332%
 }

 .col-sm-pull-12 {
  right: 100%
 }

 .col-sm-pull-11 {
  right: 91.66666666666666%
 }

 .col-sm-pull-10 {
  right: 83.33333333333334%
 }

 .col-sm-pull-9 {
  right: 75%
 }

 .col-sm-pull-8 {
  right: 66.66666666666666%
 }

 .col-sm-pull-7 {
  right: 58.333333333333336%
 }

 .col-sm-pull-6 {
  right: 50%
 }

 .col-sm-pull-5 {
  right: 41.66666666666667%
 }

 .col-sm-pull-4 {
  right: 33.33333333333333%
 }

 .col-sm-pull-3 {
  right: 25%
 }

 .col-sm-pull-2 {
  right: 16.666666666666664%
 }

 .col-sm-pull-1 {
  right: 8.333333333333332%
 }

 .col-sm-pull-0 {
  right: 0
 }

 .col-sm-push-12 {
  left: 100%
 }

 .col-sm-push-11 {
  left: 91.66666666666666%
 }

 .col-sm-push-10 {
  left: 83.33333333333334%
 }

 .col-sm-push-9 {
  left: 75%
 }

 .col-sm-push-8 {
  left: 66.66666666666666%
 }

 .col-sm-push-7 {
  left: 58.333333333333336%
 }

 .col-sm-push-6 {
  left: 50%
 }

 .col-sm-push-5 {
  left: 41.66666666666667%
 }

 .col-sm-push-4 {
  left: 33.33333333333333%
 }

 .col-sm-push-3 {
  left: 25%
 }

 .col-sm-push-2 {
  left: 16.666666666666664%
 }

 .col-sm-push-1 {
  left: 8.333333333333332%
 }

 .col-sm-push-0 {
  left: 0
 }

 .col-sm-offset-12 {
  margin-left: 100%
 }

 .col-sm-offset-11 {
  margin-left: 91.66666666666666%
 }

 .col-sm-offset-10 {
  margin-left: 83.33333333333334%
 }

 .col-sm-offset-9 {
  margin-left: 75%
 }

 .col-sm-offset-8 {
  margin-left: 66.66666666666666%
 }

 .col-sm-offset-7 {
  margin-left: 58.333333333333336%
 }

 .col-sm-offset-6 {
  margin-left: 50%
 }

 .col-sm-offset-5 {
  margin-left: 41.66666666666667%
 }

 .col-sm-offset-4 {
  margin-left: 33.33333333333333%
 }

 .col-sm-offset-3 {
  margin-left: 25%
 }

 .col-sm-offset-2 {
  margin-left: 16.666666666666664%
 }

 .col-sm-offset-1 {
  margin-left: 8.333333333333332%
 }

 .col-sm-offset-0 {
  margin-left: 0
 }
}

@media (min-width:992px) {
 .container {
  width: 970px
 }

 .col-md-1,
 .col-md-10,
 .col-md-11,
 .col-md-2,
 .col-md-3,
 .col-md-4,
 .col-md-5,
 .col-md-6,
 .col-md-7,
 .col-md-8,
 .col-md-9 {
  float: left
 }

 .col-md-12 {
  width: 100%
 }

 .col-md-11 {
  width: 91.66666666666666%
 }

 .col-md-10 {
  width: 83.33333333333334%
 }

 .col-md-9 {
  width: 75%
 }

 .col-md-8 {
  width: 66.66666666666666%
 }

 .col-md-7 {
  width: 58.333333333333336%
 }

 .col-md-6 {
  width: 50%
 }

 .col-md-5 {
  width: 41.66666666666667%
 }

 .col-md-4 {
  width: 33.33333333333333%
 }

 .col-md-3 {
  width: 25%
 }

 .col-md-2 {
  width: 16.666666666666664%
 }

 .col-md-1 {
  width: 8.333333333333332%
 }

 .col-md-pull-12 {
  right: 100%
 }

 .col-md-pull-11 {
  right: 91.66666666666666%
 }

 .col-md-pull-10 {
  right: 83.33333333333334%
 }

 .col-md-pull-9 {
  right: 75%
 }

 .col-md-pull-8 {
  right: 66.66666666666666%
 }

 .col-md-pull-7 {
  right: 58.333333333333336%
 }

 .col-md-pull-6 {
  right: 50%
 }

 .col-md-pull-5 {
  right: 41.66666666666667%
 }

 .col-md-pull-4 {
  right: 33.33333333333333%
 }

 .col-md-pull-3 {
  right: 25%
 }

 .col-md-pull-2 {
  right: 16.666666666666664%
 }

 .col-md-pull-1 {
  right: 8.333333333333332%
 }

 .col-md-pull-0 {
  right: 0
 }

 .col-md-push-12 {
  left: 100%
 }

 .col-md-push-11 {
  left: 91.66666666666666%
 }

 .col-md-push-10 {
  left: 83.33333333333334%
 }

 .col-md-push-9 {
  left: 75%
 }

 .col-md-push-8 {
  left: 66.66666666666666%
 }

 .col-md-push-7 {
  left: 58.333333333333336%
 }

 .col-md-push-6 {
  left: 50%
 }

 .col-md-push-5 {
  left: 41.66666666666667%
 }

 .col-md-push-4 {
  left: 33.33333333333333%
 }

 .col-md-push-3 {
  left: 25%
 }

 .col-md-push-2 {
  left: 16.666666666666664%
 }

 .col-md-push-1 {
  left: 8.333333333333332%
 }

 .col-md-push-0 {
  left: 0
 }

 .col-md-offset-12 {
  margin-left: 100%
 }

 .col-md-offset-11 {
  margin-left: 91.66666666666666%
 }

 .col-md-offset-10 {
  margin-left: 83.33333333333334%
 }

 .col-md-offset-9 {
  margin-left: 75%
 }

 .col-md-offset-8 {
  margin-left: 66.66666666666666%
 }

 .col-md-offset-7 {
  margin-left: 58.333333333333336%
 }

 .col-md-offset-6 {
  margin-left: 50%
 }

 .col-md-offset-5 {
  margin-left: 41.66666666666667%
 }

 .col-md-offset-4 {
  margin-left: 33.33333333333333%
 }

 .col-md-offset-3 {
  margin-left: 25%
 }

 .col-md-offset-2 {
  margin-left: 16.666666666666664%
 }

 .col-md-offset-1 {
  margin-left: 8.333333333333332%
 }

 .col-md-offset-0 {
  margin-left: 0
 }
}

@media (min-width:1200px) {
 .container {
  width: 970px
 }

 .col-lg-1,
 .col-lg-10,
 .col-lg-11,
 .col-lg-2,
 .col-lg-3,
 .col-lg-4,
 .col-lg-5,
 .col-lg-6,
 .col-lg-7,
 .col-lg-8,
 .col-lg-9 {
  float: left
 }

 .col-lg-12 {
  width: 100%
 }

 .col-lg-11 {
  width: 91.66666666666666%
 }

 .col-lg-10 {
  width: 83.33333333333334%
 }

 .col-lg-9 {
  width: 75%
 }

 .col-lg-8 {
  width: 66.66666666666666%
 }

 .col-lg-7 {
  width: 58.333333333333336%
 }

 .col-lg-6 {
  width: 50%
 }

 .col-lg-5 {
  width: 41.66666666666667%
 }

 .col-lg-4 {
  width: 33.33333333333333%
 }

 .col-lg-3 {
  width: 25%
 }

 .col-lg-2 {
  width: 16.666666666666664%
 }

 .col-lg-1 {
  width: 8.333333333333332%
 }

 .col-lg-pull-12 {
  right: 100%
 }

 .col-lg-pull-11 {
  right: 91.66666666666666%
 }

 .col-lg-pull-10 {
  right: 83.33333333333334%
 }

 .col-lg-pull-9 {
  right: 75%
 }

 .col-lg-pull-8 {
  right: 66.66666666666666%
 }

 .col-lg-pull-7 {
  right: 58.333333333333336%
 }

 .col-lg-pull-6 {
  right: 50%
 }

 .col-lg-pull-5 {
  right: 41.66666666666667%
 }

 .col-lg-pull-4 {
  right: 33.33333333333333%
 }

 .col-lg-pull-3 {
  right: 25%
 }

 .col-lg-pull-2 {
  right: 16.666666666666664%
 }

 .col-lg-pull-1 {
  right: 8.333333333333332%
 }

 .col-lg-pull-0 {
  right: 0
 }

 .col-lg-push-12 {
  left: 100%
 }

 .col-lg-push-11 {
  left: 91.66666666666666%
 }

 .col-lg-push-10 {
  left: 83.33333333333334%
 }

 .col-lg-push-9 {
  left: 75%
 }

 .col-lg-push-8 {
  left: 66.66666666666666%
 }

 .col-lg-push-7 {
  left: 58.333333333333336%
 }

 .col-lg-push-6 {
  left: 50%
 }

 .col-lg-push-5 {
  left: 41.66666666666667%
 }

 .col-lg-push-4 {
  left: 33.33333333333333%
 }

 .col-lg-push-3 {
  left: 25%
 }

 .col-lg-push-2 {
  left: 16.666666666666664%
 }

 .col-lg-push-1 {
  left: 8.333333333333332%
 }

 .col-lg-push-0 {
  left: 0
 }

 .col-lg-offset-12 {
  margin-left: 100%
 }

 .col-lg-offset-11 {
  margin-left: 91.66666666666666%
 }

 .col-lg-offset-10 {
  margin-left: 83.33333333333334%
 }

 .col-lg-offset-9 {
  margin-left: 75%
 }

 .col-lg-offset-8 {
  margin-left: 66.66666666666666%
 }

 .col-lg-offset-7 {
  margin-left: 58.333333333333336%
 }

 .col-lg-offset-6 {
  margin-left: 50%
 }

 .col-lg-offset-5 {
  margin-left: 41.66666666666667%
 }

 .col-lg-offset-4 {
  margin-left: 33.33333333333333%
 }

 .col-lg-offset-3 {
  margin-left: 25%
 }

 .col-lg-offset-2 {
  margin-left: 16.666666666666664%
 }

 .col-lg-offset-1 {
  margin-left: 8.333333333333332%
 }

 .col-lg-offset-0 {
  margin-left: 0
 }
}

.clearfix:after,
.clearfix:before {
 content: " ";
 display: table
}

.clearfix:after {
 clear: both
}

.center-block {
 display: block;
 margin-left: auto;
 margin-right: auto
}

.pull-right {
 float: right !important
}

.pull-left {
 float: left !important
}

.hide {
 display: none !important
}

.show {
 display: block !important
}

.invisible {
 visibility: hidden
}

.text-hide {
 font: 0/0 a;
 color: transparent;
 text-shadow: none;
 background-color: transparent;
 border: 0
}

.hidden {
 display: none !important;
 visibility: hidden !important
}

.affix {
 position: fixed
}

@-ms-viewport {
 width: device-width
}

.visible-lg,
.visible-md,
.visible-sm,
.visible-xs,
td.visible-lg,
td.visible-md,
td.visible-sm,
td.visible-xs,
th.visible-lg,
th.visible-md,
th.visible-sm,
th.visible-xs,
tr.visible-lg,
tr.visible-md,
tr.visible-sm,
tr.visible-xs {
 display: none !important
}

@media (max-width:767px) {
 .visible-xs {
  display: block !important
 }

 tr.visible-xs {
  display: table-row !important
 }

 td.visible-xs,
 th.visible-xs {
  display: table-cell !important
 }
}

@media (min-width:768px) and (max-width:991px) {
 .visible-xs.visible-sm {
  display: block !important
 }

 tr.visible-xs.visible-sm {
  display: table-row !important
 }

 td.visible-xs.visible-sm,
 th.visible-xs.visible-sm {
  display: table-cell !important
 }
}

@media (min-width:992px) and (max-width:1199px) {
 .visible-xs.visible-md {
  display: block !important
 }

 tr.visible-xs.visible-md {
  display: table-row !important
 }

 td.visible-xs.visible-md,
 th.visible-xs.visible-md {
  display: table-cell !important
 }
}

@media (min-width:1200px) {
 .visible-xs.visible-lg {
  display: block !important
 }

 tr.visible-xs.visible-lg {
  display: table-row !important
 }

 td.visible-xs.visible-lg,
 th.visible-xs.visible-lg {
  display: table-cell !important
 }
}

@media (max-width:767px) {
 .visible-sm.visible-xs {
  display: block !important
 }

 tr.visible-sm.visible-xs {
  display: table-row !important
 }

 td.visible-sm.visible-xs,
 th.visible-sm.visible-xs {
  display: table-cell !important
 }
}

@media (min-width:768px) and (max-width:991px) {
 .visible-sm {
  display: block !important
 }

 tr.visible-sm {
  display: table-row !important
 }

 td.visible-sm,
 th.visible-sm {
  display: table-cell !important
 }
}

@media (min-width:992px) and (max-width:1199px) {
 .visible-sm.visible-md {
  display: block !important
 }

 tr.visible-sm.visible-md {
  display: table-row !important
 }

 td.visible-sm.visible-md,
 th.visible-sm.visible-md {
  display: table-cell !important
 }
}

@media (min-width:1200px) {
 .visible-sm.visible-lg {
  display: block !important
 }

 tr.visible-sm.visible-lg {
  display: table-row !important
 }

 td.visible-sm.visible-lg,
 th.visible-sm.visible-lg {
  display: table-cell !important
 }
}

@media (max-width:767px) {
 .visible-md.visible-xs {
  display: block !important
 }

 tr.visible-md.visible-xs {
  display: table-row !important
 }

 td.visible-md.visible-xs,
 th.visible-md.visible-xs {
  display: table-cell !important
 }
}

@media (min-width:768px) and (max-width:991px) {
 .visible-md.visible-sm {
  display: block !important
 }

 tr.visible-md.visible-sm {
  display: table-row !important
 }

 td.visible-md.visible-sm,
 th.visible-md.visible-sm {
  display: table-cell !important
 }
}

@media (min-width:992px) and (max-width:1199px) {
 .visible-md {
  display: block !important
 }

 tr.visible-md {
  display: table-row !important
 }

 td.visible-md,
 th.visible-md {
  display: table-cell !important
 }
}

@media (min-width:1200px) {
 .visible-md.visible-lg {
  display: block !important
 }

 tr.visible-md.visible-lg {
  display: table-row !important
 }

 td.visible-md.visible-lg,
 th.visible-md.visible-lg {
  display: table-cell !important
 }
}

@media (max-width:767px) {
 .visible-lg.visible-xs {
  display: block !important
 }

 tr.visible-lg.visible-xs {
  display: table-row !important
 }

 td.visible-lg.visible-xs,
 th.visible-lg.visible-xs {
  display: table-cell !important
 }
}

@media (min-width:768px) and (max-width:991px) {
 .visible-lg.visible-sm {
  display: block !important
 }

 tr.visible-lg.visible-sm {
  display: table-row !important
 }

 td.visible-lg.visible-sm,
 th.visible-lg.visible-sm {
  display: table-cell !important
 }
}

@media (min-width:992px) and (max-width:1199px) {
 .visible-lg.visible-md {
  display: block !important
 }

 tr.visible-lg.visible-md {
  display: table-row !important
 }

 td.visible-lg.visible-md,
 th.visible-lg.visible-md {
  display: table-cell !important
 }
}

@media (min-width:1200px) {
 .visible-lg {
  display: block !important
 }

 tr.visible-lg {
  display: table-row !important
 }

 td.visible-lg,
 th.visible-lg {
  display: table-cell !important
 }
}

.hidden-xs {
 display: block !important
}

tr.hidden-xs {
 display: table-row !important
}

td.hidden-xs,
th.hidden-xs {
 display: table-cell !important
}

@media (max-width:767px) {

 .hidden-xs,
 td.hidden-xs,
 th.hidden-xs,
 tr.hidden-xs {
  display: none !important
 }
}

@media (min-width:768px) and (max-width:991px) {

 .hidden-xs.hidden-sm,
 td.hidden-xs.hidden-sm,
 th.hidden-xs.hidden-sm,
 tr.hidden-xs.hidden-sm {
  display: none !important
 }
}

@media (min-width:992px) and (max-width:1199px) {

 .hidden-xs.hidden-md,
 td.hidden-xs.hidden-md,
 th.hidden-xs.hidden-md,
 tr.hidden-xs.hidden-md {
  display: none !important
 }
}

@media (min-width:1200px) {

 .hidden-xs.hidden-lg,
 td.hidden-xs.hidden-lg,
 th.hidden-xs.hidden-lg,
 tr.hidden-xs.hidden-lg {
  display: none !important
 }
}

.hidden-sm {
 display: block !important
}

tr.hidden-sm {
 display: table-row !important
}

td.hidden-sm,
th.hidden-sm {
 display: table-cell !important
}

@media (max-width:767px) {

 .hidden-sm.hidden-xs,
 td.hidden-sm.hidden-xs,
 th.hidden-sm.hidden-xs,
 tr.hidden-sm.hidden-xs {
  display: none !important
 }
}

@media (min-width:768px) and (max-width:991px) {

 .hidden-sm,
 td.hidden-sm,
 th.hidden-sm,
 tr.hidden-sm {
  display: none !important
 }
}

@media (min-width:992px) and (max-width:1199px) {

 .hidden-sm.hidden-md,
 td.hidden-sm.hidden-md,
 th.hidden-sm.hidden-md,
 tr.hidden-sm.hidden-md {
  display: none !important
 }
}

@media (min-width:1200px) {

 .hidden-sm.hidden-lg,
 td.hidden-sm.hidden-lg,
 th.hidden-sm.hidden-lg,
 tr.hidden-sm.hidden-lg {
  display: none !important
 }
}

.hidden-md {
 display: block !important
}

tr.hidden-md {
 display: table-row !important
}

td.hidden-md,
th.hidden-md {
 display: table-cell !important
}

@media (max-width:767px) {

 .hidden-md.hidden-xs,
 td.hidden-md.hidden-xs,
 th.hidden-md.hidden-xs,
 tr.hidden-md.hidden-xs {
  display: none !important
 }
}

@media (min-width:768px) and (max-width:991px) {

 .hidden-md.hidden-sm,
 td.hidden-md.hidden-sm,
 th.hidden-md.hidden-sm,
 tr.hidden-md.hidden-sm {
  display: none !important
 }
}

@media (min-width:992px) and (max-width:1199px) {

 .hidden-md,
 td.hidden-md,
 th.hidden-md,
 tr.hidden-md {
  display: none !important
 }
}

@media (min-width:1200px) {

 .hidden-md.hidden-lg,
 td.hidden-md.hidden-lg,
 th.hidden-md.hidden-lg,
 tr.hidden-md.hidden-lg {
  display: none !important
 }
}

.hidden-lg {
 display: block !important
}

tr.hidden-lg {
 display: table-row !important
}

td.hidden-lg,
th.hidden-lg {
 display: table-cell !important
}

@media (max-width:767px) {

 .hidden-lg.hidden-xs,
 td.hidden-lg.hidden-xs,
 th.hidden-lg.hidden-xs,
 tr.hidden-lg.hidden-xs {
  display: none !important
 }
}

@media (min-width:768px) and (max-width:991px) {

 .hidden-lg.hidden-sm,
 td.hidden-lg.hidden-sm,
 th.hidden-lg.hidden-sm,
 tr.hidden-lg.hidden-sm {
  display: none !important
 }
}

@media (min-width:992px) and (max-width:1199px) {

 .hidden-lg.hidden-md,
 td.hidden-lg.hidden-md,
 th.hidden-lg.hidden-md,
 tr.hidden-lg.hidden-md {
  display: none !important
 }
}

@media (min-width:1200px) {

 .hidden-lg,
 td.hidden-lg,
 th.hidden-lg,
 tr.hidden-lg {
  display: none !important
 }
}

.visible-print,
td.visible-print,
th.visible-print,
tr.visible-print {
 display: none !important
}

@media print {
 .visible-print {
  display: block !important
 }

 tr.visible-print {
  display: table-row !important
 }

 td.visible-print,
 th.visible-print {
  display: table-cell !important
 }

 .hidden-print,
 td.hidden-print,
 th.hidden-print,
 tr.hidden-print {
  display: none !important
 }
}

#preload {
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 9100 !important;
 width: 100%;
 height: 100%;
 background-color: #fff
}

#preload>img {
 position: relative;
 top: 35%;
 display: block;
 margin: 0 auto
}

#preload .pace {
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 z-index: 2000;
 position: fixed;
 margin: auto;
 top: 12px;
 left: 0;
 right: 0;
 bottom: 0;
 width: 200px;
 height: 20px;
 border: 1px solid #151d2a;
 background-color: #fff
}

#preload .pace .pace-progress {
 -webkit-transition: width 1s ease-in-out 1s linear;
 transition: width 1s ease-in-out 1s linear;
 max-width: 192px;
 width: 150px;
 z-index: 2000;
 display: block;
 position: absolute;
 left: 3px;
 top: 2px;
 height: 14px;
 font-size: 12px;
 background: #151d2a;
 color: #151d2a;
 line-height: 60px;
 font-weight: 700
}

#preload .pace .pace-progress:after {
 content: attr(data-progress-text);
 display: inline-block
}

#preload .pace.pace-inactive {
 display: none
}

.noscroll {
 overflow: hidden
}

.ar-left {
 -webkit-transform: translate(-15%, 0);
 -ms-transform: translate(-15%, 0);
 transform: translate(-15%, 0)
}

.ar-right {
 -webkit-transform: translate(15%, 0);
 -ms-transform: translate(15%, 0);
 transform: translate(15%, 0)
}

.fadeInLeft {
 -webkit-animation: fadeInLeft .7s;
 animation: fadeInLeft .7s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 position: relative
}

@-webkit-keyframes fadeInLeft {
 0% {
  opacity: 0;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px)
 }

 100% {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0)
 }
}

@keyframes fadeInLeft {
 0% {
  opacity: 0;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px)
 }

 100% {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0)
 }
}

.home {
 background: #151d2a;
 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5MWYyYiIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMTkxZjJiIiBzdG9wLW9wYWNpdHk9IjAuODUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE5MWYyYiIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=), url(../image/home-bg.jpg) no-repeat;
 background: linear-gradient(0deg, #a1574c 2, #eb615e 100%),url(../image/home-bg.jpg) no-repeat;
 color: #fff;
 border: 1px solid transparent;
 background-size: cover;
 position: relative;
 height: 100%
}

.home .big-title {
 margin-top: 200px
}

.home .big-head {
 text-transform: uppercase;
 font-size: 79.2px;
 font-weight: 800;
 text-align: center;
 margin: 0
}

.home .big-head>span {
 position: relative
}

.home .big-head>span:after,
.home .big-head>span:before {
 content: "";
 position: absolute;
 background: #fff;
 height: 110%;
 width: 4px;
 top: 18.5px
}

.home .big-head>span:before {
 left: -8%
}

.home .big-head>span:after {
 right: -8%
}

.home .text-sub {
 text-align: center;
 text-transform: uppercase;
 font-weight: 800;
 line-height: 2.071428571428571
}

.home .text-sub>span {
 position: relative
}

.home .text-sub>span:after,
.home .text-sub>span:before {
 content: "";
 position: absolute;
 background: #fff;
 width: 52%;
 height: 4px;
 top: 39%
}

.home .text-sub>span:before {
 left: -64%
}

.home .text-sub>span:after {
 right: -64%
}

.home .cv-btn {
 text-align: center;
 text-transform: uppercase;
 margin-top: 85px
}

.home .cv-btn>a {
 color: #fff;
 border: 1px solid rgba(255, 255, 255, .8);
 padding: 20px 50px;
 display: inline-block;
 -webkit-transition: .3s;
 transition: .3s
}

.home .cv-btn>a:hover {
 color: #4c4c4c;
 background: #fff
}

.home .learn-more {
 text-align: center;
 position: relative;
 margin-top: 85px
}

.home .learn-more>a {
 left: 0;
 color: #fff;
 position: relative;
 font-size: 16px
}

.home .learn-more>a:before {
 position: absolute;
 right: 39%;
 bottom: -50px;
 font-size: 28px
}

.home .learn-more>a:after {
 content: "";
 position: absolute;
 width: 35%;
 height: 4px;
 background: #fff;
 bottom: -15px;
 left: 34%
}

.about .extra-info {
 box-shadow: 0 1px 1px rgba(175, 170, 180, .2);
 padding-top: 40px;
 padding-bottom: 24px;
 margin-bottom: 40px
}

.about .extra-info ul {
 padding-left: 0;
 list-style: none;
 margin-left: 1%
}

.about .extra-info ul>li {
 padding-left: 30px;
 line-height: 2.071428571428571;
 position: relative
}

.about .extra-info ul>li:before {
 content: "";
 position: absolute;
 height: 100%;
 width: 3px;
 left: 0;
 top: 0;
 background: #eee
}

.about .extra-info ul>li>span {
 display: block
}

.about .extra-info ul>li>span.head {
 text-transform: uppercase;
 font-weight: 800
}

.about .author-info .title,
.portfolio .works .title,
.resume .timeline .title {
 margin-bottom: 40px
}

.about .author-info .title h2,
.about .author-info .title h3,
.portfolio .works .title h2,
.portfolio .works .title h3,
.resume .timeline .title h2,
.resume .timeline .title h3 {
 display: inline-block;
 color: #151d2a
}

.about .author-info .title h2,
.portfolio .works .title h2,
.resume .timeline .title h2 {
 font-weight: 800;
 font-size: 36px;
 border-bottom: 1px solid #b3b3b3;
 padding-bottom: 10px;
 margin-right: 10px;
 position: relative
}

.about .author-info .title h2:before,
.portfolio .works .title h2:before,
.resume .timeline .title h2:before {
 content: "";
 position: absolute;
 width: 54px;
 height: 2px;
 background: #151d2a;
 bottom: -1px;
 right: 0
}

.about .author-info .title h3>span,
.portfolio .works .title h3>span,
.resume .timeline .title h3>span {
 font-size: 30px;
 font-weight: 800;
 margin-right: 10px
}

.about .author-info .info {
 margin-bottom: 60px
}

.about .author-info .info .author-pic img {
 border: 2px solid #eee
}

.about .author-info .info .desc p {
 text-align: justify
}

.about .author-info .info .desc p>strong {
 color: #151d2a
}

.about .statistics,
.resume .skills {
 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5MWYyYiIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMTkxZjJiIiBzdG9wLW9wYWNpdHk9IjAuODUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE5MWYyYiIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=), url(../image/bg-2.jpg) no-repeat;
 background: linear-gradient(0deg, rgba(21, 29, 42, .95)0, rgba(21, 29, 42, .95)100%), url(../image/bg-2.jpg) no-repeat;
 background-size: cover;
 background-attachment: fixed;
 background-position: center -200px;
 color: #fff;
 padding-top: 20px;
 padding-bottom: 20px;
 margin-bottom: 40px
}

.about .statistics .title,
.resume .skills .title {
 text-align: center;
 text-transform: uppercase;
 position: relative;
 margin-bottom: 20px
}

.about .statistics .title:before,
.resume .skills .title:before {
 position: absolute;
 content: "";
 width: 20px;
 height: 2px;
 background: #fff;
 bottom: -5px;
 left: 49.4%
}

.about .statistics .desc,
.resume .skills .desc {
 text-align: center;
 padding-bottom: 15px
}

.about .statistics .desc span,
.resume .skills .desc span {
 display: block
}

.about .statistics .desc span.num,
.resume .skills .desc span.num {
 font-weight: 600;
 font-size: 33.2px
}

.resume .timeline .timeline-cont {
 position: relative;
 padding-bottom: 40px;
 overflow: hidden
}

.resume .timeline .timeline-cont:before {
 position: absolute;
 content: "";
 left: 49.9%;
 height: 100em;
 z-index: -1;
 width: 1px;
 background: #151d2a
}

.resume .timeline .end-box .title,
.resume .timeline .timeline-cont .title {
 text-align: center;
 text-transform: uppercase;
 font-size: 14px;
 display: block;
 color: #fff;
 margin-top: 6px
}

.resume .timeline .end-box .title>strong,
.resume .timeline .timeline-cont .title>strong {
 background: #151d2a;
 border: 2px solid #fff;
 padding: 8px 10px
}

.resume .timeline .timeline-cont .group {
 position: relative;
 margin-bottom: 20px
}

.resume .timeline .group .date {
 display: inline-block;
 padding: 8px 16px;
 float: left;
 left: 30%;
 top: 30px;
 background: #151d2a;
 color: #fff;
 font-weight: 700;
 position: relative;
 text-transform: uppercase
}

.resume .timeline .group .point-circle {
 width: 16px;
 height: 16px;
 background: #fff;
 display: block;
 position: absolute;
 margin: 0 auto;
 left: 0;
 right: 0;
 top: 41px;
 border-radius: 100%;
 border: 4px solid #151d2a
}

.resume .timeline .group .desc-box {
 border: 1px solid #151d2a;
 float: right;
 background: #fff;
 width: 45%;
 padding: 10px 25px;
 position: relative;
 -webkit-transition: .5s ease-in-out;
 transition: .5s ease-in-out;
 color: #151d2a
}

.resume .timeline .group .desc-box h4 {
 font-size: 16px;
 font-weight: 800
}

.resume .timeline .group .desc-box .sub-title {
 position: relative;
 top: -8px;
 font-style: italic;
 display: inline-block
}

.resume .timeline .group .desc-box p {
 color: #4c4c4c
}

.resume .timeline .group .date:after,
.resume .timeline .group .date:before,
.resume .timeline .group .desc-box:after,
.resume .timeline .group .desc-box:before {
 position: absolute;
 content: "";
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg)
}

.resume .timeline .group .date:before {
 width: 12px;
 height: 12px;
 background: #151d2a;
 z-index: -1;
 top: 13px;
 right: -6px
}

.resume .timeline .group .desc-box:after,
.resume .timeline .group .desc-box:before {
 width: 14px;
 height: 14px;
 top: 41px
}

.resume .timeline .group .desc-box:before {
 border: 1px solid #151d2a;
 left: -7px;
 z-index: -1
}

.resume .timeline .group .desc-box:after {
 background: #fff;
 left: -6px
}

.resume .timeline .group-alter .date {
 left: 10%
}

.resume .timeline .group-alter .desc-box {
 float: left
}

.resume .timeline .group-alter .date:before {
 right: auto;
 left: -6px
}

.resume .timeline .group-alter .desc-box:after,
.resume .timeline .group-alter .desc-box:before {
 left: auto
}

.resume .timeline .group-alter .desc-box:before {
 right: -7px
}

.resume .timeline .group-alter .desc-box:after {
 right: -6px
}

.resume .skills .chart {
 text-align: center;
 margin-top: 15px;
 margin-bottom: 15px
}

.resume .skills .chart .chart-draw {
 position: relative;
 margin-bottom: 15px
}

.resume .skills .chart .chart-draw em {
 position: absolute;
 top: 40%;
 left: 44%;
 font-style: normal
}

.portfolio .works .desc {
 margin-bottom: 40px
}

.portfolio .works .filter-menu {
 margin-left: 0;
 margin-bottom: 20px;
 padding-left: 0;
 list-style: none
}

.portfolio .works .filter-menu li {
 display: inline-block;
 position: relative;
 letter-spacing: -3px
}

.portfolio .works .filter-menu li a {
 color: #151d2a;
 font-weight: 700;
 text-transform: uppercase;
 display: inline-block;
 letter-spacing: 1px;
 margin: 0 8px;
 -webkit-transition: .3s;
 transition: .3s
}

.portfolio .works .filter-menu li a:hover {
 color: #374c6e;
 border-bottom: 2px solid #374c6e
}

.portfolio .works .filter-menu li a.filter-current {
 border-bottom: 2px solid #151d2a
}

.portfolio .works .filter-port {
 padding-left: 0;
 list-style: none;
 margin-left: 0;
 margin-right: 0;
 margin-bottom: 40px
}

.portfolio .works .filter-port li {
 padding: 4px
}

.portfolio .works .filter-port li>figure {
 border: 1px solid #eee;
 position: relative
}

.portfolio .works .filter-port li>figure a {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(25, 31, 43, .95);
 color: #fff;
 text-align: center;
 text-transform: uppercase;
 padding-top: 28%;
 opacity: 0;
 -webkit-transition: .3s;
 transition: .3s;
 font-weight: 700
}

.portfolio .works .filter-port li>figure a>span {
 display: block;
 text-transform: none;
 font-weight: 400
}

.portfolio .works .filter-port li>figure a>span em {
 display: inline-block;
 font-style: normal;
 position: relative
}

.portfolio .works .filter-port li>figure a>span em:after,
.portfolio .works .filter-port li>figure a>span em:before {
 content: "";
 position: absolute;
 width: 20px;
 height: 1px;
 background: #fff;
 top: 49.9%
}

.portfolio .works .filter-port li>figure a>span em:before {
 left: -28px
}

.portfolio .works .filter-port li>figure a>span em:after {
 right: -28px
}

.portfolio .works .filter-port>li figure:hover a {
 opacity: 1
}

.isotope,
.isotope .item {
 -webkit-transition-duration: .8s;
 transition-duration: .8s
}

.isotope {
 -webkit-transition-property: width, height;
 -moz-transition-property: width, height;
 transition-property: width, height
}

.isotope .item {
 -webkit-transition-property: -webkit-transform, opacity;
 -moz-transition-property: -moz-transform, opacity;
 transition-property: transform, opacity
}

.isotope .isotope-item.no-transition,
.isotope.no-transition,
.isotope.no-transition .isotope-item {
 -webkit-transition-duration: 0s;
 transition-duration: 0s
}



@media screen and (min-width:768px) and (max-width:991px) {
 .about .extra-info ul {
  margin-left: 1%
 }

 .about .author-info .info .desc br {
  display: none
 }

 .resume .timeline .group .date {
  left: 33%
 }

 .resume .timeline .group-alter .date {
  left: 10%
 }
}

@media screen and (max-width:767px) {
 .home .big-head {
  font-size: 57.6px
 }

 .home .big-head>span:after,
 .home .big-head>span:before {
  height: 123.6%;
  top: 12px
 }

 .home .text-sub>span:after,
 .home .text-sub>span:before {
  width: 24%
 }

 .home .text-sub>span:before {
  left: -33.8%
 }

 .home .text-sub>span:after {
  right: -33.8%
 }

 .about .extra-info {
  padding-bottom: 10px
 }

 .about .extra-info ul {
  margin-left: 14%
 }

 .about .extra-info ul>li {
  margin-bottom: 30px
 }

 .about .author-info .info .author-pic img {
  display: block;
  margin-bottom: 20px
 }

 .resume .timeline .group .date {
  left: 30.5%
 }

 .resume .timeline .group-alter .date {
  left: 10%
 }

 .resume .timeline .group .desc-box h4 {
  font-size: 14px
 }

 .resume .timeline .group .desc-box p {
  font-size: 13px
 }
}

@media screen and (min-width:481px) and (max-width:767px) {
 .portfolio .works .filter-port>li {
  width: 49.99%;
  float: left;
  display: inline-block
 }
}

@media screen and (max-width:480px) {
 .home .big-head {
  font-size: 50.4px
 }

 .home .big-head>span:after,
 .home .big-head>span:before {
  height: 122%;
  top: 10px
 }

 .home .big-head>span:before {
  left: -8%
 }

 .home .big-head>span:after {
  right: -8%
 }

 .home .text-sub {
  font-size: 14px
 }

 .home .text-sub>span:after,
 .home .text-sub>span:before {
  width: 24%
 }

 .home .text-sub>span:before {
  left: -43.6%
 }

 .home .text-sub>span:after {
  right: -43.6%
 }

 .about .extra-info ul {
  margin-left: 8%
 }

 .about .author-info .title h2,
 .portfolio .works .title h2,
 .resume .timeline .title h2 {
  font-size: 30px
 }

 .about .author-info .title h3,
 .portfolio .works .title h3,
 .resume .timeline .title h3 {
  font-size: 22px
 }

 .resume .timeline .group .date {
  left: 25.5%
 }

 .resume .timeline .group-alter .date {
  left: 10%
 }
}

.page-head {
 background: #fff;
 border-bottom: 1px solid #eee;
 box-shadow: 0 1px 1px rgba(175, 170, 180, .2);
 height: 65px;
 position: fixed;
 z-index: 999;
 width: 100%
}

.site-logo {
 display: inline-block;
 float: left;
 margin-top: 13px;
 width: 135px;
}

.site-logo img {
 max-width: 100%;
 width: 70%
}

.main-nav {
 padding-left: 0;
 list-style: none;
 float: right;
 margin-top: 22px
}

.main-nav li {
 display: inline-block;
 margin-right: 25px
}

.main-nav li:last-child {
 margin-right: 0
}

.main-nav li>a {
 font-weight: 800;
 text-transform: uppercase;
 text-shadow: inset 1px 1px rgba(155, 155, 155, .2)
}

.main-nav li>a:before {
 font-size: 30px
}

.main-nav .inner-nav {
 padding-left: 0;
 list-style: none;
 position: fixed;
 height: 100%;
 background: #fff;
 right: -70px;
 top: 64px;
 bottom: 0;
 width: 70px;
 -webkit-transition: .3s right;
 transition: .3s right;
 border-left: 1px solid #eee;
 box-shadow: -1px 0 0 rgba(175, 170, 180, .1);
 text-align: center
}

.main-nav .inner-nav>li {
 display: block;
 width: 100%
}

.main-nav .inner-nav>li>a {
 color: #4c4c4c;
 font-size: 14px;
 border-bottom: 1px solid #eee;
 display: block;
 padding: 15px;
 position: relative;
 background: #fff;
 left: 0
}

.main-nav .inner-nav>li>a:before {
 font-size: 18px;
 line-height: 1.571428571428571
}

.main-nav .inner-nav>li>a:hover {
 background: #151d2a;
 color: #fff
}

.main-nav .inner-nav>li>a>span {
 position: absolute;
 border: 1px solid #eee;
 right: -100%;
 top: 0;
 padding: 20px;
 font-weight: 400;
 background: #fff;
 color: #4c4c4c;
 height: 100%;
 line-height: 1.46;
 display: block;
 -webkit-transition: .25s;
 transition: .25s;
 z-index: -1;
 width: 150%;
}

.main-nav .inner-nav>li>a:hover>span {
 right: 100%
}

.main-nav .inner-nav.show-nav {
 right: 0 !important
}

.page-foot {
 width: 100%;
 background: #151d2a;
 height: 100px;
 color: #fff
}

.page-foot .copyright {
 float: left;
 margin-top: 42px;
 text-transform: uppercase
}