.form-inline.fv-form-bootstrap .form-group, .fv-form-bootstrap4.form-inline .form-group {
  vertical-align: top
}

.fv-has-feedback {
  position: relative
}

.fv-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  display: block;
  text-align: center
}

.fv-help-block {
  display: block
}

.fv-form [placeholder]::-ms-clear {
  display: none
}

.fv-form-foundation .form-error, .fv-form-uikit .uk-text-danger {
  display: block
}

.fv-form-bootstrap .help-block {
  margin-bottom: 0
}

.fv-form-bootstrap .tooltip-inner {
  text-align: left
}

.fv-form-bootstrap .fv-bootstrap-icon-input-group {
  z-index: 100
}

.fv-form-bootstrap4 .fv-control-feedback {
  width: 38px;
  height: 38px;
  line-height: 38px
}

.fv-form-bootstrap4 .form-group.row .fv-control-feedback {
  right: 15px
}

.fv-form-bootstrap4 .form-group.row .form-check~.fv-control-feedback {
  top: -7px
}

.fv-form-bootstrap4:not(.form-inline) label~.fv-control-feedback {
  top: 32px
}

.fv-form-bootstrap4:not(.form-inline) label.sr-only~.fv-control-feedback {
  top: -7px
}

.fv-form-bootstrap4:not(.form-inline) .form-check~.fv-control-feedback {
  top: 25px
}

.fv-form-bootstrap4 .has-success .fv-control-feedback, .fv-form-bootstrap4 .has-success label {
  color: #5cb85c
}

.fv-form-bootstrap4 .has-warning .fv-control-feedback, .fv-form-bootstrap4 .has-warning label {
  color: #f0ad4e
}

.fv-form-foundation5 .fv-control-feedback {
  right: 15px;
  width: 37px;
  height: 37px;
  line-height: 37px
}

.fv-form-foundation5 .row .row:not(.collapse) .fv-control-feedback {
  right: 8px
}

.fv-form-foundation5 .row .collapse .fv-control-feedback {
  right: 0
}

.fv-form-foundation5.fv-form-horizontal [type=checkbox]~.fv-control-feedback, .fv-form-foundation5.fv-form-horizontal [type=radio]~.fv-control-feedback {
  top: -8px
}

.fv-form-foundation5 label .fv-control-feedback {
  top: 21px
}

.fv-form-foundation5 [type=checkbox]~.fv-control-feedback, .fv-form-foundation5 [type=radio]~.fv-control-feedback {
  top: 15px
}

.fv-form-foundation5 .error .fv-control-feedback {
  color: #f04124
}

.fv-form-foundation5 .fv-has-success .fv-control-feedback, .fv-form-foundation5 .fv-has-success label {
  color: #43AC6A
}

.fv-form-foundation .fv-control-feedback {
  right: 15px;
  width: 39px;
  height: 39px;
  line-height: 39px
}

.fv-form-foundation [type=checkbox]~.fv-control-feedback, .fv-form-foundation [type=radio]~.fv-control-feedback {
  top: -7px
}

.fv-form-foundation fieldset [type=checkbox]~.fv-control-feedback, .fv-form-foundation fieldset [type=radio]~.fv-control-feedback, .fv-form-foundation label .fv-control-feedback {
  top: 25px
}

.fv-form-foundation .fv-has-error .fv-control-feedback, .fv-form-foundation .fv-has-error fieldset legend, .fv-form-foundation .fv-has-error label {
  color: #ec5840
}

.fv-form-foundation .fv-has-success .fv-control-feedback, .fv-form-foundation .fv-has-success fieldset legend, .fv-form-foundation .fv-has-success label {
  color: #3adb76
}

.fv-foundation-tooltip:before {
  border-color: transparent transparent #0a0a0a
}

.fv-form-pure .fv-control-feedback {
  width: 36px;
  height: 36px;
  line-height: 36px
}

.fv-form-pure.pure-form-aligned [type=checkbox]~.fv-control-feedback, .fv-form-pure.pure-form-aligned [type=radio]~.fv-control-feedback {
  top: -9px
}

.fv-form-pure.pure-form-aligned .fv-help-block {
  margin-top: 5px;
  margin-left: 180px
}

.fv-form-pure.pure-form-stacked .pure-control-group {
  margin-bottom: 8px
}

.fv-form-pure.pure-form-stacked .fv-control-feedback {
  top: 22px
}

.fv-form-pure.pure-form-stacked .pure-radio~.fv-control-feedback {
  top: 20px
}

.fv-form-pure.pure-form-stacked .fv-sr-only~.fv-control-feedback {
  top: -9px
}

.fv-form-pure .fv-has-error .fv-control-feedback, .fv-form-pure .fv-has-error .fv-help-block, .fv-form-pure .fv-has-error label {
  color: #CA3C3C
}

.fv-form-pure .fv-has-success .fv-control-feedback, .fv-form-pure .fv-has-success .fv-help-block, .fv-form-pure .fv-has-success label {
  color: #1CB841
}

.fv-form-semantic .error .icon, .fv-form-semantic.ui.form .fields.error label {
  color: #9f3a38
}

.fv-form-semantic .fv-control-feedback {
  right: 7px
}

.fv-form-uikit .fv-control-feedback {
  top: 25px;
  width: 30px;
  height: 30px;
  line-height: 30px
}

.fv-form-uikit.uk-form-horizontal .fv-control-feedback {
  top: 0
}

.fv-form-uikit.uk-form-horizontal [type=checkbox]~.fv-control-feedback, .fv-form-uikit.uk-form-horizontal [type=radio]~.fv-control-feedback {
  top: -7px
}

.fv-form-uikit label.fv-sr-only~.fv-control-feedback {
  top: -7px!important
}

.fv-form-uikit.uk-form-stacked [type=checkbox]~.fv-control-feedback, .fv-form-uikit.uk-form-stacked [type=radio]~.fv-control-feedback {
  top: 20px
}

.fv-form-uikit .fv-has-error .fv-control-feedback, .fv-form-uikit .fv-has-error .uk-form-label, .fv-form-uikit .fv-has-error label {
  color: #D85030
}

.fv-form-uikit .fv-has-success .fv-control-feedback, .fv-form-uikit .fv-has-success .uk-form-label, .fv-form-uikit .fv-has-success label {
  color: #659F13
}

.hll {
  background-color: #ffffcc
}

.c {
  color: #999988;
  font-style: italic
}

/* Comment */

.err {
  color: #a61717;
  background-color: #e3d2d2
}

/* Error */

.k {
  color: #000000;
  font-weight: bold
}

/* Keyword */

.o {
  color: #000000;
  font-weight: bold
}

/* Operator */

.cm {
  color: #999988;
  font-style: italic
}

/* Comment.Multiline */

.cp {
  color: #999999;
  font-weight: bold;
  font-style: italic
}

/* Comment.Preproc */

.c1 {
  color: #999988;
  font-style: italic
}

/* Comment.Single */

.cs {
  color: #999999;
  font-weight: bold;
  font-style: italic
}

/* Comment.Special */

.gd {
  color: #000000;
  background-color: #ffdddd
}

/* Generic.Deleted */

.ge {
  color: #000000;
  font-style: italic
}

/* Generic.Emph */

.gr {
  color: #aa0000
}

/* Generic.Error */

.gh {
  color: #999999
}

/* Generic.Heading */

.gi {
  color: #000000;
  background-color: #ddffdd
}

/* Generic.Inserted */

.go {
  color: #888888
}

/* Generic.Output */

.gp {
  color: #555555
}

/* Generic.Prompt */

.gs {
  font-weight: bold
}

/* Generic.Strong */

.gu {
  color: #aaaaaa
}

/* Generic.Subheading */

.gt {
  color: #aa0000
}

/* Generic.Traceback */

.kc {
  color: #000000;
  font-weight: bold
}

/* Keyword.Constant */

.kd {
  color: #000000;
  font-weight: bold
}

/* Keyword.Declaration */

.kn {
  color: #000000;
  font-weight: bold
}

/* Keyword.Namespace */

.kp {
  color: #000000;
  font-weight: bold
}

/* Keyword.Pseudo */

.kr {
  color: #000000;
  font-weight: bold
}

/* Keyword.Reserved */

.kt {
  color: #445588;
  font-weight: bold
}

/* Keyword.Type */

.m {
  color: #009999
}

/* Literal.Number */

.s {
  color: #d01040
}

/* Literal.String */

.na {
  color: #008080
}

/* Name.Attribute */

.nb {
  color: #0086B3
}

/* Name.Builtin */

.nc {
  color: #445588;
  font-weight: bold
}

/* Name.Class */

.no {
  color: #008080
}

/* Name.Constant */

.nd {
  color: #3c5d5d;
  font-weight: bold
}

/* Name.Decorator */

.ni {
  color: #800080
}

/* Name.Entity */

.ne {
  color: #990000;
  font-weight: bold
}

/* Name.Exception */

.nf {
  color: #990000;
  font-weight: bold
}

/* Name.Function */

.nl {
  color: #990000;
  font-weight: bold
}

/* Name.Label */

.nn {
  color: #555555
}

/* Name.Namespace */

.nt {
  color: #000080
}

/* Name.Tag */

.nv {
  color: #008080
}

/* Name.Variable */

.ow {
  color: #000000;
  font-weight: bold
}

/* Operator.Word */

.w {
  color: #bbbbbb
}

/* Text.Whitespace */

.mf {
  color: #009999
}

/* Literal.Number.Float */

.mh {
  color: #009999
}

/* Literal.Number.Hex */

.mi {
  color: #009999
}

/* Literal.Number.Integer */

.mo {
  color: #009999
}

/* Literal.Number.Oct */

.sb {
  color: #d01040
}

/* Literal.String.Backtick */

.sc {
  color: #d01040
}

/* Literal.String.Char */

.sd {
  color: #d01040
}

/* Literal.String.Doc */

.s2 {
  color: #d01040
}

/* Literal.String.Double */

.se {
  color: #d01040
}

/* Literal.String.Escape */

.sh {
  color: #d01040
}

/* Literal.String.Heredoc */

.si {
  color: #d01040
}

/* Literal.String.Interpol */

.sx {
  color: #d01040
}

/* Literal.String.Other */

.sr {
  color: #009926
}

/* Literal.String.Regex */

.s1 {
  color: #d01040
}

/* Literal.String.Single */

.ss {
  color: #990073
}

/* Literal.String.Symbol */

.bp {
  color: #999999
}

/* Name.Builtin.Pseudo */

.vc {
  color: #008080
}

/* Name.Variable.Class */

.vg {
  color: #008080
}

/* Name.Variable.Global */

.vi {
  color: #008080
}

/* Name.Variable.Instance */

.il {
  color: #009999
}

/* Literal.Number.Integer.Long */

/* --- Fonts --- */

@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  src: url('https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3fY6323mHUZFJMgTvxaG2iE.eot');
  src: url('https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3fY6323mHUZFJMgTvxaG2iE.eot?#iefix') format('embedded-opentype'), local('Open Sans'), local('Open-Sans-regular'), url('https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2') format('woff2'), url('https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff') format('woff'), url('https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf') format('truetype'), url('https://fonts.gstatic.com/l/font?kit=cJZKeOuBrn4kERxqtaUH3Zbd9NUM7myrQQz30yPaGQ4&skey=62c1cbfccc78b4b2&v=v13#OpenSans') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  src: url('https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzHZ2MAKAc2x4R1uOSeegc5U.eot');
  src: url('https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzHZ2MAKAc2x4R1uOSeegc5U.eot?#iefix') format('embedded-opentype'), local('Open Sans Bold'), local('Open-Sans-700'), url('https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2') format('woff2'), url('https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff') format('woff'), url('https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzInF5uFdDttMLvmWuJdhhgs.ttf') format('truetype'), url('https://fonts.gstatic.com/l/font?kit=k3k702ZOKiLJc3WVjuplzFlIn5tFQcqMuf-jhyJP0ps&skey=cd9e1a36bb25a3c3&v=v13#OpenSans') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 300;
  font-style: normal;
  src: url('https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTXZ2MAKAc2x4R1uOSeegc5U.eot');
  src: url('https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTXZ2MAKAc2x4R1uOSeegc5U.eot?#iefix') format('embedded-opentype'), local('Open Sans Light'), local('Open-Sans-300'), url('https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff2') format('woff2'), url('https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff') format('woff'), url('https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTYnF5uFdDttMLvmWuJdhhgs.ttf') format('truetype'), url('https://fonts.gstatic.com/l/font?kit=DXI1ORHCpsQm3Vp6mXoaTVlIn5tFQcqMuf-jhyJP0ps&skey=b33cc031a589c168&v=v13#OpenSans') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 700;
  font-style: normal;
  src: url('https://fonts.gstatic.com/s/lato/v11/sBtfDPlEIwvKKU53nAG7AQ.eot');
  src: url('https://fonts.gstatic.com/s/lato/v11/sBtfDPlEIwvKKU53nAG7AQ.eot?#iefix') format('embedded-opentype'), local('Lato Bold'), local('Lato-700'), url('https://fonts.gstatic.com/s/lato/v11/MgNNr5y1C_tIEuLEmicLmwLUuEpTyoUstqEm5AMlJo4.woff2') format('woff2'), url('https://fonts.gstatic.com/s/lato/v11/qdgUG4U09HnJwhYI-uK18wLUuEpTyoUstqEm5AMlJo4.woff') format('woff'), url('https://fonts.gstatic.com/s/lato/v11/DvlFBScY1r-FMtZSYIYoYw.ttf') format('truetype'), url('https://fonts.gstatic.com/l/font?kit=H4oiIt_Ug9TU5ast0nUT-w&skey=3480a19627739c0d&v=v11#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 300;
  font-style: normal;
  src: url('https://fonts.gstatic.com/s/lato/v11/zLhfkPOm_5ykmdm-wXaiuw.eot');
  src: url('https://fonts.gstatic.com/s/lato/v11/zLhfkPOm_5ykmdm-wXaiuw.eot?#iefix') format('embedded-opentype'), local('Lato Light'), local('Lato-300'), url('https://fonts.gstatic.com/s/lato/v11/22JRxvfANxSmnAhzbFH8PgLUuEpTyoUstqEm5AMlJo4.woff2') format('woff2'), url('https://fonts.gstatic.com/s/lato/v11/kcf5uOXucLcbFOydGU24WALUuEpTyoUstqEm5AMlJo4.woff') format('woff'), url('https://fonts.gstatic.com/s/lato/v11/nj47mAZe0mYUIySgfn0wpQ.ttf') format('truetype'), url('https://fonts.gstatic.com/l/font?kit=7yKIrlBXX_AXuUv3Ts9_8g&skey=91f32e07d083dd3a&v=v11#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 400;
  font-style: normal;
  src: url('https://fonts.gstatic.com/s/lato/v11/nQhiC-wSiJx0pvEuJl8d8A.eot');
  src: url('https://fonts.gstatic.com/s/lato/v11/nQhiC-wSiJx0pvEuJl8d8A.eot?#iefix') format('embedded-opentype'), local('Lato Regular'), local('Lato-regular'), url('https://fonts.gstatic.com/s/lato/v11/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2') format('woff2'), url('https://fonts.gstatic.com/s/lato/v11/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff') format('woff'), url('https://fonts.gstatic.com/s/lato/v11/v0SdcGFAl2aezM9Vq_aFTQ.ttf') format('truetype'), url('https://fonts.gstatic.com/l/font?kit=hLECvlEj3pKlnS4NFs8NQw&skey=2d58b92a99e1c086&v=v11#Lato') format('svg');
}

@font-face {
  font-family: 'Cardo';
  font-weight: 400;
  font-style: normal;
  src: url('https://fonts.gstatic.com/s/cardo/v8/WLga5RBcBwOgQwbtYXsULg.eot');
  src: url('https://fonts.gstatic.com/s/cardo/v8/WLga5RBcBwOgQwbtYXsULg.eot?#iefix') format('embedded-opentype'), local('Cardo'), local('Cardo-regular'), url('https://fonts.gstatic.com/s/cardo/v8/f9GbO0_LnwwuaRC6yAh0JKCWcynf_cDxXwCLxiixG1c.woff2') format('woff2'), url('https://fonts.gstatic.com/s/cardo/v8/c6Zi_ulq7hv-avk-G9Yut6CWcynf_cDxXwCLxiixG1c.woff') format('woff'), url('https://fonts.gstatic.com/s/cardo/v8/vjI-nu0OQ4awNWMtISxB9w.ttf') format('truetype'), url('https://fonts.gstatic.com/l/font?kit=tJfhmb6XM6Nefrs-MUPqRA&skey=6e473b3c3fa37289&v=v8#Cardo') format('svg');
}

@font-face {
  font-family: 'Cardo';
  font-weight: 700;
  font-style: normal;
  src: url('https://fonts.gstatic.com/s/cardo/v8/0nnlDTzzEQXukObx6f9ifPesZW2xOQ-xsNqO47m55DA.eot');
  src: url('https://fonts.gstatic.com/s/cardo/v8/0nnlDTzzEQXukObx6f9ifPesZW2xOQ-xsNqO47m55DA.eot?#iefix') format('embedded-opentype'), local('Cardo Bold'), local('Cardo-700'), url('https://fonts.gstatic.com/s/cardo/v8/X-1BEHTKpRYzad3JEXy9-nYhjbSpvc47ee6xR_80Hnw.woff2') format('woff2'), url('https://fonts.gstatic.com/s/cardo/v8/gHC1KgRPdVNdvvVcxLMCY3YhjbSpvc47ee6xR_80Hnw.woff') format('woff'), url('https://fonts.gstatic.com/s/cardo/v8/V5fEf2Hmfq3L3OwPiowl-vesZW2xOQ-xsNqO47m55DA.ttf') format('truetype'), url('https://fonts.gstatic.com/l/font?kit=f8uFIJ6wVLbxDxi8rLJmtvesZW2xOQ-xsNqO47m55DA&skey=90e31575a38858c1&v=v8#Cardo') format('svg');
}

@font-face {
  font-family: 'Cardo';
  font-weight: 400;
  font-style: italic;
  src: url('https://fonts.gstatic.com/s/cardo/v8/RxE5bFgPTBlMPY4Uzh64YQ.eot');
  src: url('https://fonts.gstatic.com/s/cardo/v8/RxE5bFgPTBlMPY4Uzh64YQ.eot?#iefix') format('embedded-opentype'), local('Cardo Italic'), local('Cardo-italic'), url('https://fonts.gstatic.com/s/cardo/v8/aRpKelDgx13ov6asvC3QbgLUuEpTyoUstqEm5AMlJo4.woff2') format('woff2'), url('https://fonts.gstatic.com/s/cardo/v8/mSKSxAIybPTfRoik7xAeTQLUuEpTyoUstqEm5AMlJo4.woff') format('woff'), url('https://fonts.gstatic.com/s/cardo/v8/GRTkKQvSwrQKMUJtWZsm7w.ttf') format('truetype'), url('https://fonts.gstatic.com/l/font?kit=XI1j6UEaGnfkBOdFUUjoUg&skey=26bb5df469a255da&v=v8#Cardo') format('svg');
}

/* --- Variables --- */

/* --- Reset --- */

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

ul {
  margin: 0;
  padding: 0;
}

pre, .hljs {
  background: transparent;
}

.hll {
  background-color: #ffffcc;
  display: block;
  width: 100%;
}

body {
  font-family: 'open sans';
}

h1, h2, h3, h4 {
  font-family: 'Lato';
}

/* --- Ads --- */

.doc-ad h6 {
  margin-top: 0;
  font-weight: normal;
}

/* --- Helpers --- */

.doc-hr {
  background: #c5c5c5;
  height: 1px;
  margin: 30px auto;
  width: 50%;
}

.doc-hr-short {
  background: #e5e5e5;
  height: 1px;
  margin: 30px auto;
  width: 30%;
}

.doc-notification {
  /*background-color: #ecf0f1;*/
  border-bottom: 1px solid #eee;
  height: 50px;
  line-height: 50px;
  text-align: center;
}

@media (max-width: 767px) {
  .doc-notification {
    display: none;
  }
}

.doc-sample-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.doc-sample-list li {
  position: relative;
}

.doc-sample-list li i {
  position: absolute;
  right: 0;
}

.doc-sample-error a, .doc-sample-error i {
  color: #a94442;
}

.doc-share-button {
  margin: 0 auto;
  text-align: center;
}

.doc-share-button label {
  background: transparent !important;
}

/* --- Header --- */

.doc-nav-shown .doc-nav {
  background-color: #191919;
  display: block;
  width: 280px;
  z-index: 1;
}

.doc-nav-shown .doc-nav-toggle {
  left: 280px;
}

.doc-nav-shown .doc-content-wrapper {
  margin-left: 280px;
}

.doc-nav {
  bottom: 0;
  height: 100%;
  display: none;
  overflow: scroll;
  position: fixed;
  top: 0;
  left: 0;
}

.doc-nav ul {
  padding-top: 10px;
  text-align: right;
  text-transform: uppercase;
}

.doc-nav li {
  list-style-type: none;
  padding-right: 20px;
}

.doc-nav li a {
  color: #fff;
  display: block;
  font-size: 15px;
  padding: 0 0 0 20px;
  height: 32px;
  line-height: 32px;
}

.doc-nav li.doc-nav-active {
  border-left: 3px solid #3498db;
}

.doc-nav li i {
  border: 1px solid #ccc;
  border-radius: 15px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-left: 10px;
  text-align: center;
}

.doc-nav li span {
  background-color: #CF0000;
  border-radius: 4px;
  display: inline-block;
  margin-right: 5px;
  width: 8px;
  height: 8px;
}

.doc-nav .doc-hr {
  background: #7f8c8d;
  margin: 5px auto;
}

.doc-creator {
  color: #fff;
  margin-top: 20px;
  text-align: center;
}

.doc-creator a {
  color: #fff;
}

.doc-creator i {
  color: #c0392b;
}

.doc-creator img {
  border-radius: 30px;
  width: 60px;
  height: 60px;
  margin: 10px 0;
}

.doc-creator .btn {
  background: #3498db;
  text-transform: uppercase;
}

.doc-creator .btn:hover {
  color: #fff;
}

.doc-nav-toggle {
  background: #3498db;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 20px;
  line-height: 50px;
  position: fixed;
  left: 0;
  top: 0;
  text-align: center;
  z-index: 1000;
  width: 50px;
  height: 50px;
}

.doc-nav-toggle:hover {
  color: #fff;
}

/* --- Footer --- */

.doc-footer {
  border-top: 1px solid #ecf0f1;
  padding: 50px 0;
  position: relative;
  text-align: center;
}

.doc-footer p {
  margin-bottom: 15px;
}

.doc-footer .btn {
  background: #3498db;
  color: #fff;
  font-size: 20px;
  margin: 5px 15px;
}

.doc-footer .btn:hover {
  color: #fff;
}

/* --- Home --- */

.doc-center-wrapper {
  text-align: center;
}

.doc-center-wrapper:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.doc-center-container {
  display: inline-block;
  vertical-align: middle;
}

.doc-home-counter {
  color: #3498db;
}

.doc-home-intro {
  background: url('/asset/img/pattern.png') top left repeat;
  color: #fff;
  padding-bottom: 20px;
}

.doc-home-intro h1 {
  font-size: 40px;
  line-height: 1.2;
  margin: 60px 0 30px 0;
}

.doc-home-intro h1 a {
  color: #f1c40f;
}

.doc-home-intro a {
  color: #ccc;
}

.doc-home-intro p {
  font-size: 80%;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  width: 100%;
}

.doc-home-feature h2 {
  font-size: 40px;
  margin-bottom: 30px;
}

.doc-home-feature .col-sm-4 {
  margin-bottom: 40px;
}

.doc-home-feature i {
  background: #bdc3c7;
  border-radius: 60px;
  color: #ecf0f1;
  font-size: 60px;
  line-height: 120px;
  height: 120px;
  width: 120px;
}

.doc-home-feature h4 {
  font-size: 30px;
  text-transform: uppercase;
}

.doc-home-feature p {
  margin: 0 auto;
  width: 75%;
}

.doc-home-feature .btn {
  background: #3498db;
  color: #fff;
  font-size: 20px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.doc-home-feature .btn:hover {
  color: #fff;
}

.doc-home-tweet h2 {
  font-size: 40px;
  margin-bottom: 30px;
}

.doc-home-tweet .col-sm-4 {
  margin-bottom: 10px;
  position: relative;
  text-align: center;
}

.doc-home-tweet .col-sm-4 img {
  border: 1px solid #ccc;
  border-radius: 30px;
  width: 60px;
  height: 60px;
  padding: 5px;
  position: absolute;
  top: 0;
  left: 20px;
}

.doc-home-tweet .col-sm-4 blockquote {
  border-left: none;
  font-size: 14px;
  margin: 0 0 10px 80px;
  padding: 0;
  text-align: left;
}

.doc-home-tweet .col-sm-4 span {
  display: block;
  font-size: 12px;
  text-align: right;
}

.doc-home-tweet p {
  margin-top: 20px;
}

.doc-home-tweet li {
  list-style-type: none;
  display: inline-block;
}

.doc-home-tweet li a {
  color: #fff;
  font-size: 25px;
}

.doc-home-tweet li i {
  background: #3498db;
  border-radius: 25px;
  width: 50px;
  height: 50px;
  line-height: 50px;
}

.doc-home-tweet .btn {
  background: #3498db;
  color: #fff;
  font-size: 20px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.doc-home-tweet .btn:hover {
  color: #fff;
}

.doc-home-download h3 {
  font-size: 80px;
  margin-bottom: 20px;
}

.doc-home-download h3 span {
  background: #000;
  border-radius: 8px;
  color: #fff;
  padding: 0 5px;
  margin: 0 5px;
}

.doc-home-download .btn {
  background: #3498db;
  color: #fff;
  font-size: 20px;
  margin: 5px;
  text-transform: uppercase;
}

.doc-home-download .btn:hover {
  color: #fff;
}

@media (max-width: 767px) {
  .doc-center-wrapper:before {
    height: auto;
  }
  .onepage-wrapper .section {
    height: auto !important;
  }
  .doc-home-intro h3 {
    position: static;
  }
}

/* --- Download --- */

.doc-download-quote .col-sm-4 {
  margin: 15px 0;
}

.doc-download-quote p {
  text-align: center;
}

.doc-download-quote img {
  border: 1px solid #ccc;
  border-radius: 30px;
  width: 60px;
  height: 60px;
  padding: 5px;
}

.doc-download-quote blockquote {
  border-left: none;
  font-size: 14px;
  margin: 0 0 5px;
  padding: 0;
}

.doc-download-quote span {
  display: block;
  font-size: 12px;
  text-align: right;
}

.doc-plan .btn {
  background: #3498db;
  color: #fff;
  margin: 5px;
  text-transform: uppercase;
}

.doc-plan .btn:hover {
  color: #fff;
}

.doc-sellfy-button {
  background-image: url('/asset/img/sellfy-button.png');
  display: inline-block;
  width: 162px;
  height: 32px;
}

.doc-sellfy-button span {
  display: block;
  text-align: center;
  line-height: 32px;
  color: #595959;
  font-weight: 600;
  font-size: 13px;
  padding-left: 96px;
}

.doc-gumroad-button {
  background: white url('/asset/img/gumroad-button-bar.jpg') repeat-x;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.4) 0 0 2px;
  color: #999;
  display: inline-block;
  font-style: normal;
  line-height: 50px;
  padding: 0 15px;
  text-shadow: none;
  text-decoration: none;
}

.doc-gumroad-button span {
  background-image: url('/asset/img/gumroad-button-logo.png');
  background-size: cover;
  height: 17px;
  width: 16px;
  display: inline-block;
  margin-bottom: -3px;
  margin-right: 15px;
}

/* --- Page --- */

.doc-content-container {
  padding-bottom: 30px;
}

.doc-content-container h2 {
  font-weight: bold;
  padding-bottom: 15px;
}

.doc-content-container h5 {
  font-weight: bold;
}

.doc-content-container code {
  background: transparent;
}

.doc-content-container pre {
  word-wrap: normal;
}

.doc-content-container pre code {
  white-space: pre;
}

.doc-list {
  margin: 10px 0 10px 15px;
}

.doc-alert {
  border-left: 5px solid #1ABC9C;
  font-family: 'cardo';
  font-size: 18px;
  font-style: italic;
  margin: 20px 0;
  padding-left: 15px;
}

.doc-alert.doc-alert-warning {
  border-left-color: #c0392b;
}

.doc-alert.doc-alert-info {
  border-left-color: #1ABC9C;
}

.doc-heading {
  border-bottom: 1px solid #ecf0f1;
  margin-bottom: 30px;
  padding-bottom: 30px;
  text-align: center;
}

.doc-heading h1 {
  font-size: 50px;
  font-weight: 700;
  padding: 50px 0 20px 0;
}

.doc-edit-btn {
  background: #3498db;
  color: #fff;
  font-size: 20px;
  margin-bottom: 15px;
}

.doc-edit-btn:hover {
  color: #fff;
}

.doc-demo {
  margin-bottom: 15px;
}

.doc-demo .doc-demo-direct {
  float: right;
  display: none;
}

.doc-demo .tab-pane {
  padding: 10px 15px;
}

.doc-demo .tab-content>.active {
  border: 1px solid #ddd;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: none;
}

.doc-demo pre {
  border: none;
  margin: 0;
  padding: 0;
}

.doc-demo li:before {
  content: '';
}

.doc-demo-frame {
  border: none;
  display: none;
  width: 100%;
}

.doc-demo-loader {
  line-height: 100px;
  width: 100%;
  height: 100px;
  text-align: center;
}

/* --- TOC --- */

.doc-content-container h2, .doc-content-container h3, .doc-content-container h4, .doc-content-container h5, .doc-content-container h6 {
  position: relative;
}

.doc-content-container h2 .toc-anchor, .doc-content-container h3 .toc-anchor, .doc-content-container h4 .toc-anchor, .doc-content-container h5 .toc-anchor, .doc-content-container h6 .toc-anchor {
  position: absolute;
  top: 0;
  right: 0;
}

.doc-content-container h4.modal-title {
  position: inherit;
}

.doc-toc {
  margin: 20px 0;
}

.doc-toc .nav>.active>a, .doc-toc .nav>.active:hover>a, .doc-toc .nav>.active :focus>a {
  border-left: 2px solid #3498db;
}

.doc-toc .nav>.active>ul {
  display: block;
}

.doc-toc .nav>li>a {
  padding-top: 4px;
  padding-bottom: 4px;
}

.doc-toc .nav .nav>li>a {
  font-size: 90%;
}

.doc-toc a.toc-link-2 {
  padding-left: 25px;
}

.doc-toc .toc-link-3 {
  padding-left: 50px;
}

.doc-toc .toc-link-4 {
  padding-left: 75px;
}

@media (min-width: 992px) {
  .doc-toc.affix {
    position: fixed;
    top: 0;
  }
  .doc-toc.affix, .doc-toc.affix-bottom {
    width: 213px;
  }
}

@media (min-width: 1200px) {
  .doc-toc.affix, .doc-toc.affix-bottom {
    width: 263px;
  }
}

/* --- Post --- */

.doc-post h2 {
  text-align: center;
}

.doc-post-meta {
  text-align: center;
}

.doc-post-meta img {
  border-radius: 40px;
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
}

/* --- Pagination --- */

.doc-pagination {
  float: left;
  margin: 30px 0;
  width: 100%;
}

.doc-pagination a, .doc-pagination span {
  display: block;
  float: left;
  font-size: 18px;
  line-height: 45px;
  width: 50%;
  height: 45px;
  text-align: center;
}

.doc-pagination span {
  color: #bfbfbf;
}

.doc-pagination a:hover {
  background-color: #44b1f6;
  text-decoration: none;
  color: #fff;
  border-color: #44b1f6;
}

.doc-pagination .doc-pagination-older {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.doc-pagination .doc-pagination-newer {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #e5e5e5;
}

/* --- Addon --- */

.doc-addon {
  border: 1px solid #d5d5d5;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-bottom: 15px;
}

.doc-addon-image {
  border-bottom: 1px solid #e5e5e5;
}

.doc-addon-meta {
  padding: 10px;
}

.doc-addon-meta h2 {
  margin: 5px 0;
}

/* --- Heart --- */

.doc-heart {
  color: #c0392b;
  -webkit-animation: heart-beat 1s linear infinite;
  -moz-animation: heart-beat 1s linear infinite;
  -ms-animation: heart-beat 1s linear infinite;
  animation: heart-beat 1s linear infinite;
}

@keyframes heart-beat {
  0% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes heart-beat {
  0% {
    -moz-transform: scale(1.1);
    transform: scale(1.1);
  }
  50% {
    -moz-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes heart-beat {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-ms-keyframes heart-beat {
  0% {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  50% {
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -ms-transform: scale(1);
    transform: scale(1);
  }
}