body {
    margin-top: 26px;
    font-size: 16px
}
.hidden {
    display: none;
    visibility: hidden
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    position: static;
    clip: auto;
    height: auto;
    width: auto;
    margin: 0;
    overflow: visible
}
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}
audio:not([controls]) {
    display: none
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}
a:hover,
a:active {
    outline: 0
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.25em
}
blockquote {
    margin: 0
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}
#map_canvas img,
.google-maps img {
    max-width: none
}
button,
input,
select,
textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle
}
button,
input {
    *overflow: visible;
    line-height: normal
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
    cursor: pointer
}
input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none
}
textarea {
    overflow: auto;
    vertical-align: top
}
@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) ")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
   
	img {
        page-break-inside: avoid
    }
    img {
        max-width: 100% !important
    }
	
    @page {
        margin: 0.5cm
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}
::-moz-selection {
    background-color: #c8c8c8;
    color: #222;
    text-shadow: none
}
::selection {
    background-color: #c8c8c8;
    color: #222;
    text-shadow: none
}
.wrap {
    margin: 0 auto
}
.all-caps {
    text-transform: uppercase
}

.unstyled-list {
    list-style: none;
    margin-left: 0;
    padding-left: 0
}
.unstyled-list li {
    list-style-type: none
}
.inline-list {
    list-style: none;
    margin-left: 0;
    padding-left: 0
}
.inline-list li {
    list-style-type: none;
    display: inline
}
b,
i,
strong,
em,
blockquote,
p,
q,
span,
figure,
img,
h1,
h2,
header,
input,
a {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}
body {
    font-family: "Lato", Calibri, Arial, sans-serif;
    color: #222
}
h1,
h2,
h3,
h4,
h5,
h6{
    font-family: "Lato", Calibri, Arial, sans-serif
}
h1 {
    font-size: 32px;
    font-size: 2rem;
	line-height: 2rem;
	letter-spacing: 0.01rem;
	display: inline-block;
}


@media (max-width: 415px) {
      h1 {
          margin: 0.5em 0 0 0; }
  }


h1 .h1sub {
	font-size: 1.3rem;
	line-height: 1.3rem;
}

h2 {
	line-height: 1.5em;
}

h3 {
	margin-top: 2em;
	margin-bottom: 1em;
}

.nrwarp {
	margin: 10px 0;
    overflow: auto;
    display: flex;
    align-items: center;	
}
.hnr {
    font-family: "Lato", Calibri, Arial, sans-serif;
	padding: 0.5rem 1.25rem;
    background-color: #ddd;
    border-radius: 5px;
    margin-right: 1rem;
    float: left;
    font-size: 2em;
    font-weight: bold;
}
a {
    text-decoration: none;
    color: #4285f4
}
a:visited {
    -color: #999
}
a:hover {
    color: #4285f4
}
a:focus {
    outline: thin dotted;
    color: #000
}
a:hover,
a:active {
    outline: 0
}
.link-arrow {
    font-weight: 100;
    text-decoration: underline;
    font-style: normal
}
figcaption {
    padding-top: 10px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.8571;
    line-height: 1.3;
    text-align: center;
	color: #3c3c3c
	
}
.notice {
    margin-top: 1.5em;
    padding: .5em 1em;
    text-indent: 0;
    font-size: 14px;
    font-size: 0.875rem;
    background-color: #e8e8e8;
    border: 1px solid #b5b5b5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}


blockquote {
  position: relative;
  margin-top: 3%;

}
blockquote p{

    border-top: 30px solid #666;
    background: #eee;
    padding: 14px;
    margin-top: 0;

}

blockquote p:first-child:before {
    position: absolute;
    top: 2px;
    color: #fff;
    font-family: FontAwesome;
    content: '\f05a';
    left: 10px;

}

blockquote p:first-child:after {

  position: absolute;
    top: 2px;
    color: #fff;
    left: 35px;
    -font-weight: bold;
    content: 'Tipp';
    letter-spacing: 1px;
}


@media (max-width: 768px) {
      blockquote p {
    font-size: 0.95rem;
           }
  }

  @media (max-width: 415px) {
      blockquote p {
      font-size: 0.9rem; }
  }





.entry-content .footnotes ol,
.entry-content .footnotes li,
.entry-content .footnotes p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.8571;
    margin-bottom: 26px;
    margin-bottom: 1.625rem
}
tt,
code,
kbd,
samp,
pre {
    font-family: monospace
}
p code,
li code {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.5;
    margin: 0 2px;
    padding: 0 5px;
    border: 1px solid #e6e6e6;
    background-color: #f2f2f2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
pre {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.5;
    overflow-x: auto
}
pre::-webkit-scrollbar {
    height: 12px;
    background-color: #34362e;
    border-radius: 0 0 4px 4px
}
pre::-webkit-scrollbar-thumb:horizontal {
    background-color: #6a6d5d;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}
.highlight {
    margin-bottom: 1.5em;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 2.1667;
    color: #d0d0d0;
    border: 1px solid #dbdbdb;
    background-color: #272822;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
.highlight pre {
    position: relative;
    margin: 0;
    padding: 1em
}
.highlight .lineno {
    padding-right: 24px;
    color: #8f908a
}
.highlight .hll {
    background-color: #49483e
}
.highlight .c {
    color: #75715e
}
.highlight .err {
    color: #960050;
    background-color: #1e0010
}
.highlight .k {
    color: #66d9ef
}
.highlight .l {
    color: #ae81ff
}
.highlight .n {
    color: #f8f8f2
}
.highlight .o {
    color: #f92672
}
.highlight .p {
    color: #f8f8f2
}
.highlight .cm {
    color: #75715e
}
.highlight .cp {
    color: #75715e
}
.highlight .c1 {
    color: #75715e
}
.highlight .cs {
    color: #75715e
}
.highlight .ge {
    font-style: italic
}
.highlight .gs {
    font-weight: bold
}
.highlight .kc {
    color: #66d9ef
}
.highlight .kd {
    color: #66d9ef
}
.highlight .kn {
    color: #f92672
}
.highlight .kp {
    color: #66d9ef
}
.highlight .kr {
    color: #66d9ef
}
.highlight .kt {
    color: #66d9ef
}
.highlight .ld {
    color: #e6db74
}
.highlight .m {
    color: #ae81ff
}
.highlight .s {
    color: #e6db74
}
.highlight .na {
    color: #a6e22e
}
.highlight .nb {
    color: #f8f8f2
}
.highlight .nc {
    color: #a6e22e
}
.highlight .no {
    color: #66d9ef
}
.highlight .nd {
    color: #a6e22e
}
.highlight .ni {
    color: #f8f8f2
}
.highlight .ne {
    color: #a6e22e
}
.highlight .nf {
    color: #a6e22e
}
.highlight .nl {
    color: #f8f8f2
}
.highlight .nn {
    color: #f8f8f2
}
.highlight .nx {
    color: #a6e22e
}
.highlight .py {
    color: #f8f8f2
}
.highlight .nt {
    color: #f92672
}
.highlight .nv {
    color: #f8f8f2
}
.highlight .ow {
    color: #f92672
}
.highlight .w {
    color: #f8f8f2
}
.highlight .mf {
    color: #ae81ff
}
.highlight .mh {
    color: #ae81ff
}
.highlight .mi {
    color: #ae81ff
}
.highlight .mo {
    color: #ae81ff
}
.highlight .sb {
    color: #e6db74
}
.highlight .sc {
    color: #e6db74
}
.highlight .sd {
    color: #e6db74
}
.highlight .s2 {
    color: #e6db74
}
.highlight .se {
    color: #ae81ff
}
.highlight .sh {
    color: #e6db74
}
.highlight .si {
    color: #e6db74
}
.highlight .sx {
    color: #e6db74
}
.highlight .sr {
    color: #e6db74
}
.highlight .s1 {
    color: #e6db74
}
.highlight .ss {
    color: #e6db74
}
.highlight .bp {
    color: #f8f8f2
}
.highlight .vc {
    color: #f8f8f2
}
.highlight .vg {
    color: #f8f8f2
}
.highlight .vi {
    color: #f8f8f2
}
.highlight .il {
    color: #ae81ff
}
.CodeRay {
    font-family: monospace;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 2.1667;
    color: #d0d0d0;
    margin-bottom: 1.5em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
.CodeRay .code pre {
    margin: 0;
    padding: 1em;
    background-color: #272822;
    border: 1px solid #dbdbdb
}
span.CodeRay {
    white-space: pre;
    border: 0px;
    padding: 2px
}
table.CodeRay {
    border-collapse: collapse;
    width: 100%;
    padding: 2px
}
table.CodeRay td {
    padding: 1em 0.5em;
    vertical-align: top
}
.CodeRay .line-numbers,
.CodeRay .no {
    color: #8f908a;
    text-align: right
}
.CodeRay .line-numbers a {
    color: #8f908a
}
.CodeRay .line-numbers tt {
    font-weight: bold
}
.CodeRay .line-numbers .highlighted {
    color: red
}
.CodeRay .line {
    display: block;
    float: left;
    width: 100%
}
.CodeRay span.line-numbers {
    padding: 0 24px 0 4px
}
.CodeRay .code {
    width: 100%
}
ol.CodeRay {
    font-size: 10pt
}
ol.CodeRay li {
    white-space: pre
}
.CodeRay .code pre {
    overflow: auto
}
.CodeRay .debug {
    color: #fff !important;
    background: blue !important
}
.CodeRay .doctype,
.CodeRay .key,
.CodeRay .instance-variable {
    color: #f8f8f2
}
.CodeRay .attribute-name {
    color: #a6e22e
}
.CodeRay .symbol,
.CodeRay .integer,
.CodeRay .float {
    color: #ff658b
}
.CodeRay .string {
    color: #2dc900
}
.CodeRay .keyword {
    color: #66d9ef
}
.CodeRay .function,
.CodeRay .class {
    color: #a6e22e
}
.CodeRay .regexp,
.CodeRay .constant,
.CodeRay .tag {
    color: #f92672
}
.CodeRay .modifier,
.CodeRay .predefined-constant {
    color: #ff84e4
}
.CodeRay .comment {
    color: #75715e
}
.CodeRay .error {
    color: #ecc
}
.CodeRay .content {
    color: #e6db74
}
.CodeRay .delimiter {
    color: #e6db74
}
.CodeRay .inline {
    color: #e6db74
}
.gist .highlight {
    color: #000
}
.gist .render-container .render-viewer-error,
.gist .render-container .render-viewer-fatal,
.gist .render-container .octospinner {
    display: none
}
.gist .gist-render iframe {
    width: 100%
}
.gist .gist-file.gist-render .highlight {
    border: none
}
.gist .gist-file .gist-meta .highlight a {
    font-weight: 700;
    color: #666;
    text-decoration: none
}
.gist .highlight {
    background: #fff
}
.gist .highlight .err {
    color: #a61717;
    background-color: #e3d2d2
}
.gist .highlight .cp {
    color: #999;
    font-weight: 700
}
.gist .highlight .cs {
    color: #999;
    font-weight: 700;
    font-style: italic
}
.gist .highlight .gd {
    color: #000;
    background-color: #fdd
}
.gist .highlight .gd .x {
    color: #000;
    background-color: #faa
}
.gist .highlight .ge {
    color: #000;
    font-style: italic
}
.gist .highlight .gi {
    color: #000;
    background-color: #dfd
}
.gist .highlight .gi .x {
    color: #000;
    background-color: #afa
}
.gist .highlight .go {
    color: #888
}
.gist .highlight .gs {
    font-weight: 700
}
.gist .highlight .gu {
    color: #aaa
}
.gist .highlight .nb {
    color: #0086b3
}
.gist .highlight .ni {
    color: purple
}
.gist .highlight .nt {
    color: navy
}
.gist .highlight .w {
    color: #bbb
}
.gist .highlight .sr {
    color: #009926
}
.gist .highlight .ss {
    color: #990073
}
.gist .highlight .c,
.gist .highlight .cm,
.gist .highlight .c1 {
    color: #998;
    font-style: italic
}
.gist .highlight .k,
.gist .highlight .o,
.gist .highlight .kc,
.gist .highlight .kd,
.gist .highlight .kp,
.gist .highlight .kr,
.gist .highlight .ow,
.gist .highlight .n,
.gist .highlight .p {
    color: #000;
    font-weight: 700
}
.gist .highlight .gr,
.gist .highlight .gt {
    color: #a00
}
.gist .highlight .gh,
.gist .highlight .bp {
    color: #999
}
.gist .highlight .gp,
.gist .highlight .nn {
    color: #555
}
.gist .highlight .kt,
.gist .highlight .nc {
    color: #458;
    font-weight: 700
}
.gist .highlight .m,
.gist .highlight .mf,
.gist .highlight .mh,
.gist .highlight .mi,
.gist .highlight .mo,
.gist .highlight .il {
    color: #099
}
.gist .highlight .s,
.gist .highlight .sb,
.gist .highlight .sc,
.gist .highlight .sd,
.gist .highlight .s2,
.gist .highlight .se,
.gist .highlight .sh,
.gist .highlight .si,
.gist .highlight .sx,
.gist .highlight .s1 {
    color: #d14
}
.gist .highlight .na,
.gist .highlight .no,
.gist .highlight .nv,
.gist .highlight .vc,
.gist .highlight .vg,
.gist .highlight .vi {
    color: teal
}
.gist .highlight .ne,
.gist .highlight .nf {
    color: #900;
    font-weight: 700
}
hr {
    display: block;
    margin: 1em 0;
    padding: 0;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff
}
figure {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    *zoom: 1
}
figure:before,
figure:after {
    display: table;
    content: "";
    line-height: 0
}
figure:after {
    clear: both
}
figure img {
    margin-bottom: 10px
}


.fig-right {
    float: right;
	width: 250px;
  }

  @media (max-width: 768px) {
      .fig-right {
       }
  }

  @media (max-width: 415px) {
      .fig-right{
      float: none;
      }
  }

  .fig-left {
    float: left;
 	width: 250px;
    
  }

  @media (max-width: 768px) {
      .fig-left {
    
           }
  }

  @media (max-width: 415px) {
      .fig-left{
      width: 100%;
      float: none;
      }
  }


  .fig-right img, .fig-left img {
    width: 250px;

  }

  @media (max-width: 768px) {
      .fig-right img{
        width: 250px;
       }
  }

  @media (max-width: 415px) {
      .fig-right img{
      width: 100%;
      text-align: center;
      }
  }


  @media (max-width: 768px) {
      .fig-left img{
        width: 250px;
       }
  }

  @media (max-width: 415px) {
      .fig-left img{
      width: 100%; 
      text-align: center; }
  }




	  
	  
	  

figure a img {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s
}
figure a img:hover {
    -webkit-transform: translate(0, -5px);
    -moz-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
    transform: translate(0, -5px);
    -webkit-box-shadow: 0 0 10px fade(#222, 20);
    -moz-box-shadow: 0 0 10px fade(#222, 20);
    box-shadow: 0 0 10px fade(#222, 20)
}
@media only screen and (min-width: 62.5em) {
    figure.half img {
        width: 310px;
        float: left;
        margin-right: 10px
    }
    figure.half figcaption {
        clear: left
    }
}
@media only screen and (min-width: 62.5em) {
    figure.third img {
        width: 200px;
        float: left;
        margin-right: 10px
    }
    figure.third figcaption {
        clear: left
    }
}
svg:not(:root) {
    overflow: hidden
}

.btn,
.read-more-header a,
#goog-wm-sb {
    display: inline-block;
    margin-bottom: 20px;
    padding: 8px 20px;
    font-size: 14px;
    font-size: 0.875rem;
    background-color: #222;
    color: #fff;
    border-width: 2px !important;
    border-style: solid !important;
    border-color: #222;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
.btn:visited,
.read-more-header a:visited,
#goog-wm-sb:visited {
    color: #fff
}
.btn:hover,
.read-more-header a:hover,
#goog-wm-sb:hover {
    background-color: #fff;
    color: #222
}
.btn-success {
    background-color: #5cb85c;
    color: #fff;
    border-color: #5cb85c
}
.btn-success:visited {
    color: #fff
}
.btn-success:hover {
    background-color: #fff;
    color: #5cb85c
}
.btn-warning {
    background-color: #dd8338;
    color: #fff;
    border-color: #dd8338
}
.btn-warning:visited {
    color: #fff
}
.btn-warning:hover {
    background-color: #fff;
    color: #dd8338
}
.btn-danger {
    background-color: #C64537;
    color: #fff;
    border-color: #C64537
}
.btn-danger:visited {
    color: #fff
}
.btn-danger:hover {
    background-color: #fff;
    color: #C64537
}
.btn-info {
    background-color: #308cbc;
    color: #fff;
    border-color: #308cbc
}
.btn-info:visited {
    color: #fff
}
.btn-info:hover {
    background-color: #fff;
    color: #308cbc
}
.well {
    padding: 20px;
    border: 1px solid #222;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}
.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}
@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}
@-o-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    -moz-animation-name: fadeInDownBig;
    -o-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}
@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(0.9)
    }
    100% {
        -webkit-transform: scale(1)
    }
}
@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(0.3)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.05)
    }
    70% {
        -moz-transform: scale(0.9)
    }
    100% {
        -moz-transform: scale(1)
    }
}
@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(0.3)
    }
    50% {
        opacity: 1;
        -o-transform: scale(1.05)
    }
    70% {
        -o-transform: scale(0.9)
    }
    100% {
        -o-transform: scale(1)
    }
}
@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.3)
    }
    50% {
        opacity: 1;
        transform: scale(1.05)
    }
    70% {
        transform: scale(0.9)
    }
    100% {
        transform: scale(1)
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(30px)
    }
    80% {
        -moz-transform: translateY(-10px)
    }
    100% {
        -moz-transform: translateY(0)
    }
}
@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateY(30px)
    }
    80% {
        -o-transform: translateY(-10px)
    }
    100% {
        -o-transform: translateY(0)
    }
}
@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(30px)
    }
    80% {
        transform: translateY(-10px)
    }
    100% {
        transform: translateY(0)
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown
}
@-webkit-keyframes drop {
    0% {
        -webkit-transform: translateY(-500px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes drop {
    0% {
        -moz-transform: translateY(-500px)
    }
    100% {
        -moz-transform: translateY(0)
    }
}
@-o-keyframes drop {
    0% {
        -o-transform: translateY(-500px)
    }
    100% {
        -o-transform: translateY(0)
    }
}
@keyframes drop {
    0% {
        transform: translateY(-500px)
    }
    100% {
        transform: translateY(0)
    }
}
.drop {
    -webkit-animation-name: drop;
    -moz-animation-name: drop;
    -o-animation-name: drop;
    animation-name: drop
}
.dl-menuwrapper {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    -moz-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%
}
@media only screen and (min-width: 48em) {
    .dl-menuwrapper {
        position: fixed;
        max-width: 175px;
        top: 25px;
        left: 25px
    }
}
.dl-menuwrapper button {
    top: 0;
    left: 0;
    background: #222;
    border: none;
    width: 48px;
    height: 45px;
    text-indent: -900em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    opacity: 0.6
}
@media only screen and (min-width: 48em) {
    .dl-menuwrapper button {
        -webkit-border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        -moz-border-radius-topright: 3px;
        -moz-border-radius-bottomright: 3px;
        -moz-border-radius-bottomleft: 3px;
        -moz-border-radius-topleft: 3px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box
    }
}
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
    background: #aaa
}
.dl-menuwrapper button:after {
    content: '';
    position: absolute;
    width: 68%;
    height: 5px;
    background: #fff;
    top: 10px;
    left: 16%;
    box-shadow: 0 10px 0 #fff, 0 20px 0 #fff
}
.dl-menuwrapper button.dl-active {
    display: none
}
.dl-menuwrapper ul {
    padding: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.dl-menuwrapper li {
    position: relative
}
.dl-menuwrapper li h4 {
    margin: 0;
    padding: 15px 20px 0;
    color: rgba(255, 255, 255, 0.9)
}
.dl-menuwrapper li p {
    margin: 0;
    padding: 15px 20px;
    font-size: 14px;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.8)
}
.dl-menuwrapper li p a {
    display: inline;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem
}
.dl-menuwrapper li i {
    display: inline-block;
    width: 2em
}
.dl-menuwrapper li a {
    display: block;
    position: relative;
    padding: 15px 20px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    outline: none
}
.dl-menuwrapper li.dl-back>a {
    padding-left: 30px;
    background: rgba(0, 0, 0, 0.2)
}
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li>a:not(:only-child):after {
    position: absolute;
    top: 0;
    line-height: 50px;
    font-family: 'fontawesome';
    color: #fff;
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\f105"
}
.dl-menuwrapper li.dl-back:after {
    left: 10px;
    color: rgba(212, 204, 198, 0.5);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}
.dl-menuwrapper li>a:after {
    right: 10px;
    color: rgba(0, 0, 0, 0.15)
}
.dl-menuwrapper .dl-menu {
    margin: 0;
    position: absolute;
    width: 100%;
    max-width: 400px;
    overflow-y: auto;
    max-height: 600px;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}
@media only screen and (min-width: 48em) {
    .dl-menuwrapper .dl-menu {
        -webkit-border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        -moz-border-radius-topright: 3px;
        -moz-border-radius-bottomright: 3px;
        -moz-border-radius-bottomleft: 3px;
        -moz-border-radius-topleft: 3px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        max-height: 650px
    }
}
.dl-menuwrapper .dl-menu.dl-menu-toggle {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.dl-menuwrapper .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px)
}
.dl-menuwrapper .dl-submenu {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4)
}
.dl-menuwrapper li .dl-submenu {
    display: none
}
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen>a,
.dl-menu.dl-subview li.dl-subview>a {
    display: none
}
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li {
    display: block
}
.dl-menu.dl-animate-out {
    -webkit-animation: MenuAnimOut 0.4s ease;
    -moz-animation: MenuAnimOut 0.4s ease;
    animation: MenuAnimOut 0.4s ease
}
@-webkit-keyframes MenuAnimOut {
    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0
    }
}
@-moz-keyframes MenuAnimOut {
    100% {
        -moz-transform: translateZ(300px);
        opacity: 0
    }
}
@keyframes MenuAnimOut {
    100% {
        transform: translateZ(300px);
        opacity: 0
    }
}
.dl-menu.dl-animate-in {
    -webkit-animation: MenuAnimIn 0.4s ease;
    -moz-animation: MenuAnimIn 0.4s ease;
    animation: MenuAnimIn 0.4s ease
}
@-webkit-keyframes MenuAnimIn {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1
    }
}
@-moz-keyframes MenuAnimIn {
    0% {
        -moz-transform: translateZ(300px);
        opacity: 0
    }
    100% {
        -moz-transform: translateZ(0px);
        opacity: 1
    }
}
@keyframes MenuAnimIn {
    0% {
        transform: translateZ(300px);
        opacity: 0
    }
    100% {
        transform: translateZ(0px);
        opacity: 1
    }
}
.dl-menuwrapper>.dl-submenu.dl-animate-in {
    -webkit-animation: SubMenuAnimIn 0.4s ease;
    -moz-animation: SubMenuAnimIn 0.4s ease;
    animation: SubMenuAnimIn 0.4s ease
}
@-webkit-keyframes SubMenuAnimIn {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1
    }
}
@-moz-keyframes SubMenuAnimIn {
    0% {
        -moz-transform: translateZ(-300px);
        opacity: 0
    }
    100% {
        -moz-transform: translateZ(0px);
        opacity: 1
    }
}
@keyframes SubMenuAnimIn {
    0% {
        transform: translateZ(-300px);
        opacity: 0
    }
    100% {
        transform: translateZ(0px);
        opacity: 1
    }
}
.dl-menuwrapper>.dl-submenu.dl-animate-out {
    -webkit-animation: SubMenuAnimOut 0.4s ease;
    -moz-animation: SubMenuAnimOut 0.4s ease;
    animation: SubMenuAnimOut 0.4s ease
}
@-webkit-keyframes SubMenuAnimOut {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1
    }
    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0
    }
}
@-moz-keyframes SubMenuAnimOut {
    0% {
        -moz-transform: translateZ(0px);
        opacity: 1
    }
    100% {
        -moz-transform: translateZ(-300px);
        opacity: 0
    }
}
@keyframes SubMenuAnimOut {
    0% {
        transform: translateZ(0px);
        opacity: 1
    }
    100% {
        transform: translateZ(-300px);
        opacity: 0
    }
}
.no-touch .dl-menuwrapper li a:hover {
    background: rgba(255, 248, 213, 0.1)
}
.no-js .dl-trigger {
    display: none
}
.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none
}
.no-js .dl-menuwrapper li .dl-submenu {
    display: block
}
.no-js .dl-menuwrapper li.dl-back {
    display: none
}
.no-js .dl-menuwrapper li>a:not(:only-child) {
    background: rgba(0, 0, 0, 0.1)
}
.no-js .dl-menuwrapper li>a:not(:only-child):after {
    content: ''
}
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
    background: #222
}
.dl-menu li {
    display: none
}
.dl-menuopen li {
    display: block
}
/*!
 *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome-webfont.eot?v=4.1.0");
    src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -15%
}
.fa-2x {
    font-size: 2em
}
.fa-3x {
    font-size: 3em
}
.fa-4x {
    font-size: 4em
}
.fa-5x {
    font-size: 5em
}
.fa-fw {
    width: 1.28571em;
    text-align: center
}
.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none
}
.fa-ul>li {
    position: relative
}
.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: 0.35em;
    text-align: center
}
.fa-li.fa-lg {
    left: -1.85714em
}
.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eee;
    border-radius: .1em
}


.pull-left {
    float: left
}
.fa.pull-left {
    margin-right: .3em
}
.fa.pull-right {
    margin-left: .3em
}
.fa-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}
@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg)
    }
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg)
    }
}
@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(359deg)
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
.fa-rotate-90 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}
.fa-rotate-180 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}
.fa-rotate-270 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}
.fa-flip-horizontal {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1)
}
.fa-flip-vertical {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1)
}
.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}
.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}
.fa-stack-1x {
    line-height: inherit
}
.fa-stack-2x {
    font-size: 2em
}
.fa-inverse {
    color: #fff
}
.fa-glass:before {
    content: ""
}
.fa-music:before {
    content: ""
}
.fa-search:before {
    content: ""
}
.fa-envelope-o:before {
    content: ""
}
.fa-heart:before {
    content: ""
}
.fa-star:before {
    content: "";
	font-size: 1.3rem;
}
.fa-star-o:before {
    content: "";
	font-size: 1.3rem;
}
.fa-user:before {
    content: ""
}
.fa-film:before {
    content: ""
}
.fa-th-large:before {
    content: ""
}
.fa-th:before {
    content: ""
}
.fa-th-list:before {
    content: ""
}
.fa-check:before {
    content: ""
}
.fa-times:before {
    content: ""
}
.fa-search-plus:before {
    content: ""
}
.fa-search-minus:before {
    content: ""
}
.fa-power-off:before {
    content: ""
}
.fa-signal:before {
    content: ""
}
.fa-gear:before,
.fa-cog:before {
    content: ""
}
.fa-trash-o:before {
    content: ""
}
.fa-home:before {
    content: ""
}
.fa-file-o:before {
    content: ""
}
.fa-clock-o:before {
    content: ""
}
.fa-road:before {
    content: ""
}
.fa-download:before {
    content: ""
}
.fa-arrow-circle-o-down:before {
    content: ""
}
.fa-arrow-circle-o-up:before {
    content: ""
}
.fa-inbox:before {
    content: ""
}
.fa-play-circle-o:before {
    content: ""
}
.fa-rotate-right:before,
.fa-repeat:before {
    content: ""
}
.fa-refresh:before {
    content: ""
}
.fa-list-alt:before {
    content: ""
}
.fa-lock:before {
    content: ""
}
.fa-flag:before {
    content: ""
}
.fa-headphones:before {
    content: ""
}
.fa-volume-off:before {
    content: ""
}
.fa-volume-down:before {
    content: ""
}
.fa-volume-up:before {
    content: ""
}
.fa-qrcode:before {
    content: ""
}
.fa-barcode:before {
    content: ""
}
.fa-tag:before {
    content: ""
}
.fa-tags:before {
    content: ""
}
.fa-book:before {
    content: ""
}
.fa-bookmark:before {
    content: ""
}
.fa-print:before {
    content: ""
}
.fa-camera:before {
    content: ""
}
.fa-font:before {
    content: ""
}
.fa-bold:before {
    content: ""
}
.fa-italic:before {
    content: ""
}
.fa-text-height:before {
    content: ""
}
.fa-text-width:before {
    content: ""
}
.fa-align-left:before {
    content: ""
}
.fa-align-center:before {
    content: ""
}
.fa-align-right:before {
    content: ""
}
.fa-align-justify:before {
    content: ""
}
.fa-list:before {
    content: ""
}
.fa-dedent:before,
.fa-outdent:before {
    content: ""
}
.fa-indent:before {
    content: ""
}
.fa-video-camera:before {
    content: ""
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: ""
}
.fa-pencil:before {
    content: ""
}
.fa-map-marker:before {
    content: ""
}
.fa-adjust:before {
    content: ""
}
.fa-tint:before {
    content: ""
}
.fa-edit:before,
.fa-pencil-square-o:before {
    content: ""
}
.fa-share-square-o:before {
    content: ""
}
.fa-check-square-o:before {
    content: ""
}
.fa-arrows:before {
    content: ""
}
.fa-step-backward:before {
    content: ""
}
.fa-fast-backward:before {
    content: ""
}
.fa-backward:before {
    content: ""
}
.fa-play:before {
    content: ""
}
.fa-pause:before {
    content: ""
}
.fa-stop:before {
    content: ""
}
.fa-forward:before {
    content: ""
}
.fa-fast-forward:before {
    content: ""
}
.fa-step-forward:before {
    content: ""
}
.fa-eject:before {
    content: ""
}
.fa-chevron-left:before {
    content: ""
}
.fa-chevron-right:before {
    content: ""
}
.fa-plus-circle:before {
    content: ""
}
.fa-minus-circle:before {
    content: ""
}
.fa-times-circle:before {
    content: ""
}
.fa-check-circle:before {
    content: ""
}
.fa-question-circle:before {
    content: ""
}
.fa-info-circle:before {
    content: ""
}
.fa-crosshairs:before {
    content: ""
}
.fa-times-circle-o:before {
    content: ""
}
.fa-check-circle-o:before {
    content: ""
}
.fa-ban:before {
    content: ""
}
.fa-arrow-left:before {
    content: ""
}
.fa-arrow-right:before {
    content: ""
}
.fa-arrow-up:before {
    content: ""
}
.fa-arrow-down:before {
    content: ""
}
.fa-mail-forward:before,
.fa-share:before {
    content: ""
}
.fa-expand:before {
    content: ""
}
.fa-compress:before {
    content: ""
}
.fa-plus:before {
    content: ""
}
.fa-minus:before {
    content: ""
}
.fa-asterisk:before {
    content: ""
}
.fa-exclamation-circle:before {
    content: ""
}
.fa-gift:before {
    content: ""
}
.fa-leaf:before {
    content: ""
}
.fa-fire:before {
    content: ""
}
.fa-eye:before {
    content: ""
}
.fa-eye-slash:before {
    content: ""
}
.fa-warning:before,
.fa-exclamation-triangle:before {
    content: ""
}
.fa-plane:before {
    content: ""
}
.fa-calendar:before {
    content: ""
}
.fa-random:before {
    content: ""
}
.fa-comment:before {
    content: ""
}
.fa-magnet:before {
    content: ""
}
.fa-chevron-up:before {
    content: ""
}
.fa-chevron-down:before {
    content: ""
}
.fa-retweet:before {
    content: ""
}
.fa-shopping-cart:before {
    content: ""
}
.fa-folder:before {
    content: ""
}
.fa-folder-open:before {
    content: ""
}
.fa-arrows-v:before {
    content: ""
}
.fa-arrows-h:before {
    content: ""
}
.fa-bar-chart-o:before {
    content: ""
}
.fa-twitter-square:before {
    content: ""
}
.fa-facebook-square:before {
    content: ""
}
.fa-camera-retro:before {
    content: ""
}
.fa-key:before {
    content: ""
}
.fa-gears:before,
.fa-cogs:before {
    content: ""
}
.fa-comments:before {
    content: ""
}
.fa-thumbs-o-up:before {
    content: ""
}
.fa-thumbs-o-down:before {
    content: ""
}
.fa-star-half:before {
    content: ""
}
.fa-heart-o:before {
    content: ""
}
.fa-sign-out:before {
    content: ""
}
.fa-linkedin-square:before {
    content: ""
}
.fa-thumb-tack:before {
    content: ""
}
.fa-external-link:before {
    content: ""
}
.fa-sign-in:before {
    content: ""
}
.fa-trophy:before {
    content: ""
}
.fa-github-square:before {
    content: ""
}
.fa-upload:before {
    content: ""
}
.fa-lemon-o:before {
    content: ""
}
.fa-phone:before {
    content: ""
}
.fa-square-o:before {
    content: ""
}
.fa-bookmark-o:before {
    content: ""
}
.fa-phone-square:before {
    content: ""
}
.fa-twitter:before {
    content: ""
}
.fa-facebook:before {
    content: ""
}
.fa-github:before {
    content: ""
}
.fa-unlock:before {
    content: ""
}
.fa-credit-card:before {
    content: ""
}
.fa-rss:before {
    content: ""
}
.fa-hdd-o:before {
    content: ""
}
.fa-bullhorn:before {
    content: ""
}
.fa-bell:before {
    content: ""
}
.fa-certificate:before {
    content: ""
}
.fa-hand-o-right:before {
    content: ""
}
.fa-hand-o-left:before {
    content: ""
}
.fa-hand-o-up:before {
    content: ""
}
.fa-hand-o-down:before {
    content: ""
}
.fa-arrow-circle-left:before {
    content: ""
}
.fa-arrow-circle-right:before {
    content: ""
}
.fa-arrow-circle-up:before {
    content: ""
}
.fa-arrow-circle-down:before {
    content: ""
}
.fa-globe:before {
    content: ""
}
.fa-wrench:before {
    content: ""
}
.fa-tasks:before {
    content: ""
}
.fa-filter:before {
    content: ""
}
.fa-briefcase:before {
    content: ""
}
.fa-arrows-alt:before {
    content: ""
}
.fa-group:before,
.fa-users:before {
    content: ""
}
.fa-chain:before,
.fa-link:before {
    content: ""
}
.fa-cloud:before {
    content: ""
}
.fa-flask:before {
    content: ""
}
.fa-cut:before,
.fa-scissors:before {
    content: ""
}
.fa-copy:before,
.fa-files-o:before {
    content: ""
}
.fa-paperclip:before {
    content: ""
}
.fa-save:before,
.fa-floppy-o:before {
    content: ""
}
.fa-square:before {
    content: ""
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: ""
}
.fa-list-ul:before {
    content: ""
}
.fa-list-ol:before {
    content: ""
}
.fa-strikethrough:before {
    content: ""
}
.fa-underline:before {
    content: ""
}
.fa-table:before {
    content: ""
}
.fa-magic:before {
    content: ""
}
.fa-truck:before {
    content: ""
}
.fa-pinterest:before {
    content: ""
}
.fa-pinterest-square:before {
    content: ""
}
.fa-google-plus-square:before {
    content: ""
}
.fa-google-plus:before {
    content: ""
}
.fa-money:before {
    content: ""
}
.fa-caret-down:before {
    content: ""
}
.fa-caret-up:before {
    content: ""
}
.fa-caret-left:before {
    content: ""
}
.fa-caret-right:before {
    content: ""
}
.fa-columns:before {
    content: ""
}
.fa-unsorted:before,
.fa-sort:before {
    content: ""
}
.fa-sort-down:before,
.fa-sort-desc:before {
    content: ""
}
.fa-sort-up:before,
.fa-sort-asc:before {
    content: ""
}
.fa-envelope:before {
    content: ""
}
.fa-linkedin:before {
    content: ""
}
.fa-rotate-left:before,
.fa-undo:before {
    content: ""
}
.fa-legal:before,
.fa-gavel:before {
    content: ""
}
.fa-dashboard:before,
.fa-tachometer:before {
    content: ""
}
.fa-comment-o:before {
    content: ""
}
.fa-comments-o:before {
    content: ""
}
.fa-flash:before,
.fa-bolt:before {
    content: ""
}
.fa-sitemap:before {
    content: ""
}
.fa-umbrella:before {
    content: ""
}
.fa-paste:before,
.fa-clipboard:before {
    content: ""
}
.fa-lightbulb-o:before {
    content: ""
}
.fa-exchange:before {
    content: ""
}
.fa-cloud-download:before {
    content: ""
}
.fa-cloud-upload:before {
    content: ""
}
.fa-user-md:before {
    content: ""
}
.fa-stethoscope:before {
    content: ""
}
.fa-suitcase:before {
    content: ""
}
.fa-bell-o:before {
    content: ""
}
.fa-coffee:before {
    content: ""
}
.fa-cutlery:before {
    content: ""
}
.fa-file-text-o:before {
    content: ""
}
.fa-building-o:before {
    content: ""
}
.fa-hospital-o:before {
    content: ""
}
.fa-ambulance:before {
    content: ""
}
.fa-medkit:before {
    content: ""
}
.fa-fighter-jet:before {
    content: ""
}
.fa-beer:before {
    content: ""
}
.fa-h-square:before {
    content: ""
}
.fa-plus-square:before {
    content: ""
}
.fa-angle-double-left:before {
    content: ""
}
.fa-angle-double-right:before {
    content: ""
}
.fa-angle-double-up:before {
    content: ""
}
.fa-angle-double-down:before {
    content: ""
}
.fa-angle-left:before {
    content: ""
}
.fa-angle-right:before {
    content: ""
}
.fa-angle-up:before {
    content: ""
}
.fa-angle-down:before {
    content: ""
}
.fa-desktop:before {
    content: ""
}
.fa-laptop:before {
    content: ""
}
.fa-tablet:before {
    content: ""
}
.fa-mobile-phone:before,
.fa-mobile:before {
    content: ""
}
.fa-circle-o:before {
    content: ""
}
.fa-quote-left:before {
    content: ""
}
.fa-quote-right:before {
    content: ""
}
.fa-spinner:before {
    content: ""
}
.fa-circle:before {
    content: ""
}
.fa-mail-reply:before,
.fa-reply:before {
    content: ""
}
.fa-github-alt:before {
    content: ""
}
.fa-folder-o:before {
    content: ""
}
.fa-folder-open-o:before {
    content: ""
}
.fa-smile-o:before {
    content: ""
}
.fa-frown-o:before {
    content: ""
}
.fa-meh-o:before {
    content: ""
}
.fa-gamepad:before {
    content: ""
}
.fa-keyboard-o:before {
    content: ""
}
.fa-flag-o:before {
    content: ""
}
.fa-flag-checkered:before {
    content: ""
}
.fa-terminal:before {
    content: ""
}
.fa-code:before {
    content: ""
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: ""
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "";
	font-size: 1.3rem;
	
}
.fa-location-arrow:before {
    content: ""
}
.fa-crop:before {
    content: ""
}
.fa-code-fork:before {
    content: ""
}
.fa-unlink:before,
.fa-chain-broken:before {
    content: ""
}
.fa-question:before {
    content: ""
}
.fa-info:before {
    content: ""
}
.fa-exclamation:before {
    content: ""
}
.fa-superscript:before {
    content: ""
}
.fa-subscript:before {
    content: ""
}
.fa-eraser:before {
    content: ""
}
.fa-puzzle-piece:before {
    content: ""
}
.fa-microphone:before {
    content: ""
}
.fa-microphone-slash:before {
    content: ""
}
.fa-shield:before {
    content: ""
}
.fa-calendar-o:before {
    content: ""
}
.fa-fire-extinguisher:before {
    content: ""
}
.fa-rocket:before {
    content: ""
}
.fa-maxcdn:before {
    content: ""
}
.fa-chevron-circle-left:before {
    content: ""
}
.fa-chevron-circle-right:before {
    content: ""
}
.fa-chevron-circle-up:before {
    content: ""
}
.fa-chevron-circle-down:before {
    content: ""
}
.fa-html5:before {
    content: ""
}
.fa-css3:before {
    content: ""
}
.fa-anchor:before {
    content: ""
}
.fa-unlock-alt:before {
    content: ""
}
.fa-bullseye:before {
    content: ""
}
.fa-ellipsis-h:before {
    content: ""
}
.fa-ellipsis-v:before {
    content: ""
}
.fa-rss-square:before {
    content: ""
}
.fa-play-circle:before {
    content: ""
}
.fa-ticket:before {
    content: ""
}
.fa-minus-square:before {
    content: ""
}
.fa-minus-square-o:before {
    content: ""
}
.fa-level-up:before {
    content: ""
}
.fa-level-down:before {
    content: ""
}
.fa-check-square:before {
    content: ""
}
.fa-pencil-square:before {
    content: ""
}
.fa-external-link-square:before {
    content: ""
}
.fa-share-square:before {
    content: ""
}
.fa-compass:before {
    content: ""
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: ""
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: ""
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: ""
}
.fa-euro:before,
.fa-eur:before {
    content: ""
}
.fa-gbp:before {
    content: ""
}
.fa-dollar:before,
.fa-usd:before {
    content: ""
}
.fa-rupee:before,
.fa-inr:before {
    content: ""
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: ""
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: ""
}
.fa-won:before,
.fa-krw:before {
    content: ""
}
.fa-bitcoin:before,
.fa-btc:before {
    content: ""
}
.fa-file:before {
    content: ""
}
.fa-file-text:before {
    content: ""
}
.fa-sort-alpha-asc:before {
    content: ""
}
.fa-sort-alpha-desc:before {
    content: ""
}
.fa-sort-amount-asc:before {
    content: ""
}
.fa-sort-amount-desc:before {
    content: ""
}
.fa-sort-numeric-asc:before {
    content: ""
}
.fa-sort-numeric-desc:before {
    content: ""
}
.fa-thumbs-up:before {
    content: ""
}
.fa-thumbs-down:before {
    content: ""
}
.fa-youtube-square:before {
    content: ""
}
.fa-youtube:before {
    content: ""
}
.fa-xing:before {
    content: ""
}
.fa-xing-square:before {
    content: ""
}
.fa-youtube-play:before {
    content: ""
}
.fa-dropbox:before {
    content: ""
}
.fa-stack-overflow:before {
    content: ""
}
.fa-instagram:before {
    content: ""
}
.fa-flickr:before {
    content: ""
}
.fa-adn:before {
    content: ""
}
.fa-bitbucket:before {
    content: ""
}
.fa-bitbucket-square:before {
    content: ""
}
.fa-tumblr:before {
    content: ""
}
.fa-tumblr-square:before {
    content: ""
}
.fa-long-arrow-down:before {
    content: ""
}
.fa-long-arrow-up:before {
    content: ""
}
.fa-long-arrow-left:before {
    content: ""
}
.fa-long-arrow-right:before {
    content: ""
}
.fa-apple:before {
    content: ""
}
.fa-windows:before {
    content: ""
}
.fa-android:before {
    content: ""
}
.fa-linux:before {
    content: ""
}
.fa-dribbble:before {
    content: ""
}
.fa-skype:before {
    content: ""
}
.fa-foursquare:before {
    content: ""
}
.fa-trello:before {
    content: ""
}
.fa-female:before {
    content: ""
}
.fa-male:before {
    content: ""
}
.fa-gittip:before {
    content: ""
}
.fa-sun-o:before {
    content: ""
}
.fa-moon-o:before {
    content: ""
}
.fa-archive:before {
    content: ""
}
.fa-bug:before {
    content: ""
}
.fa-vk:before {
    content: ""
}
.fa-weibo:before {
    content: ""
}
.fa-renren:before {
    content: ""
}
.fa-pagelines:before {
    content: ""
}
.fa-stack-exchange:before {
    content: ""
}
.fa-arrow-circle-o-right:before {
    content: ""
}
.fa-arrow-circle-o-left:before {
    content: ""
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: ""
}
.fa-dot-circle-o:before {
    content: ""
}
.fa-wheelchair:before {
    content: ""
}
.fa-vimeo-square:before {
    content: ""
}
.fa-turkish-lira:before,
.fa-try:before {
    content: ""
}
.fa-plus-square-o:before {
    content: ""
}
.fa-space-shuttle:before {
    content: ""
}
.fa-slack:before {
    content: ""
}
.fa-envelope-square:before {
    content: ""
}
.fa-wordpress:before {
    content: ""
}
.fa-openid:before {
    content: ""
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: ""
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: ""
}
.fa-yahoo:before {
    content: ""
}
.fa-google:before {
    content: ""
}
.fa-reddit:before {
    content: ""
}
.fa-reddit-square:before {
    content: ""
}
.fa-stumbleupon-circle:before {
    content: ""
}
.fa-stumbleupon:before {
    content: ""
}
.fa-delicious:before {
    content: ""
}
.fa-digg:before {
    content: ""
}
.fa-pied-piper-square:before,
.fa-pied-piper:before {
    content: ""
}
.fa-pied-piper-alt:before {
    content: ""
}
.fa-drupal:before {
    content: ""
}
.fa-joomla:before {
    content: ""
}
.fa-language:before {
    content: ""
}
.fa-fax:before {
    content: ""
}
.fa-building:before {
    content: ""
}
.fa-child:before {
    content: ""
}
.fa-paw:before {
    content: ""
}
.fa-spoon:before {
    content: ""
}
.fa-cube:before {
    content: ""
}
.fa-cubes:before {
    content: ""
}
.fa-behance:before {
    content: ""
}
.fa-behance-square:before {
    content: ""
}
.fa-steam:before {
    content: ""
}
.fa-steam-square:before {
    content: ""
}
.fa-recycle:before {
    content: ""
}
.fa-automobile:before,
.fa-car:before {
    content: ""
}
.fa-cab:before,
.fa-taxi:before {
    content: ""
}
.fa-tree:before {
    content: ""
}
.fa-spotify:before {
    content: ""
}
.fa-deviantart:before {
    content: ""
}
.fa-soundcloud:before {
    content: ""
}
.fa-database:before {
    content: ""
}
.fa-file-pdf-o:before {
    content: ""
}
.fa-file-word-o:before {
    content: ""
}
.fa-file-excel-o:before {
    content: ""
}
.fa-file-powerpoint-o:before {
    content: ""
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: ""
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: ""
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: ""
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: ""
}
.fa-file-code-o:before {
    content: ""
}
.fa-vine:before {
    content: ""
}
.fa-codepen:before {
    content: ""
}
.fa-jsfiddle:before {
    content: ""
}
.fa-life-bouy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: ""
}
.fa-circle-o-notch:before {
    content: ""
}
.fa-ra:before,
.fa-rebel:before {
    content: ""
}
.fa-ge:before,
.fa-empire:before {
    content: ""
}
.fa-git-square:before {
    content: ""
}
.fa-git:before {
    content: ""
}
.fa-hacker-news:before {
    content: ""
}
.fa-tencent-weibo:before {
    content: ""
}
.fa-qq:before {
    content: ""
}
.fa-wechat:before,
.fa-weixin:before {
    content: ""
}
.fa-send:before,
.fa-paper-plane:before {
    content: ""
}
.fa-send-o:before,
.fa-paper-plane-o:before {
    content: ""
}
.fa-history:before {
    content: ""
}
.fa-circle-thin:before {
    content: ""
}
.fa-header:before {
    content: ""
}
.fa-paragraph:before {
    content: ""
}
.fa-sliders:before {
    content: ""
}
.fa-share-alt:before {
    content: ""
}
.fa-share-alt-square:before {
    content: ""
}
.fa-bomb:before {
    content: ""
}
.mfp-counter {
    font-family: serif
}
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80)
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
.mfp-align-top .mfp-container:before {
    display: none
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}
.mfp-ajax-cur {
    cursor: progress
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
    cursor: auto
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.mfp-loading.mfp-figure {
    display: none
}
.mfp-hide {
    display: none !important
}
.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}
.mfp-preloader a {
    color: #CCC
}
.mfp-preloader a:hover {
    color: #fff
}
.mfp-s-ready .mfp-preloader {
    display: none
}
.mfp-s-error .mfp-content {
    display: none
}
button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
}
button::-moz-focus-inner {
    padding: 0;
    border: 0
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}
.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}
.mfp-close:active {
    top: 1px
}
.mfp-close-btn-in .mfp-close {
    color: #fff
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px
}
.mfp-arrow {
    position: absolute;
    opacity: 1;
    filter: alpha(opacity=100);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}
.mfp-arrow:active {
    margin-top: -54px
}
.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7
}
.mfp-arrow-left {
    left: 0
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid #fff;
    margin-left: 31px
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #fff
}
.mfp-arrow-right {
    right: 0
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid #fff;
    margin-left: 39px
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #fff
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}
.mfp-iframe-holder .mfp-close {
    top: -40px
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}
.mfp-figure {
    line-height: 0
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444
}
.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}
.mfp-figure figure {
    margin: 0
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}
.mfp-image-holder .mfp-content {
    max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}
@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}
.mfp-ie7 .mfp-img {
    padding: 0
}
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}
.mfp-ie7 .mfp-container {
    padding: 0
}
.mfp-ie7 .mfp-content {
    padding-top: 44px
}
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}
body {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #e8e8e8
}
.entry,
.hentry {
    *zoom: 1
}
.entry:before,
.entry:after,
.hentry:before,
.hentry:after {
    display: table;
    content: "";
    line-height: 0
}
.entry:after,
.hentry:after {
    clear: both
}
.entry-content {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.625;
    margin-bottom: 26px;
    margin-bottom: 1.625rem
}
.entry-content p>a,
.entry-content li>a {
    border-bottom: 1px dotted #a2a2a2
}
.entry-content p>a:hover,
.entry-content li>a:hover {
    border-bottom: 1px solid #4285f4
	
}
.entry-header {
    width: 100%;
    overflow: hidden;
    position: relative
}
.header-title {
    text-align: center;
    margin: 30px 0 0
}
.header-title h1 {
    margin: 10px 20px;
    font-weight: 700;
    font-size: 28px;
    font-size: 1.75rem;
    color: #555
}
@media only screen and (min-width: 48em) {
    .header-title h1 {
        font-size: 48px;
        font-size: 3rem
    }
}
@media only screen and (min-width: 62.5em) {
    .header-title h1 {
        font-size: 60px;
        font-size: 3.75rem
    }
}
.header-title h2 {
    margin: 0;
    font-size: 18px;
    font-size: 1.125rem;
    text-transform: uppercase;
    color: #888
}
@media only screen and (min-width: 48em) {
    .header-title h2 {
        font-size: 30px;
        font-size: 1.875rem
    }
}
.header-title p {
    color: #555
}
.feature .header-title {
    position: absolute;
    top: 0;
    display: table;
    margin-top: 0;
    width: 100%;
    height: 400px;
    overflow: hidden
}
.feature .header-title .header-title-wrap {
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
    text-align: center
}
.feature .header-title h1 {
    margin: 10px;
    font-weight: 700;
    margin: 10px 60px;
    color: #fff;
    text-shadow: 1px 1px 4px rgba(34, 34, 34, 0.6)
}
.feature .header-title h1 a {
    color: #fff
}
.feature .header-title h2 {
    margin: 0;
    color: #fff;
    text-transform: uppercase
}
@media only screen and (min-width: 48em) {
    .feature .header-title h2 a {
        color: #fff
    }
}
.feature .header-title p {
    color: #fff
}
.entry-image {
    position: relative;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    min-height: 400px;
    overflow: hidden
}
.entry-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(34, 34, 34, 0.3)
}
.entry-image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%
}
.image-credit {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    max-width: 440px;
    padding: 10px 15px;
    background-color: rgba(34, 34, 34, 0.5);
    color: #fff;
    font-size: 12px;
    font-size: 0.75rem;
    text-align: right;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    z-index: 10
}
@media only screen and (min-width: 48em) {
    .image-credit {
        max-width: 760px
    }
}
@media only screen and (min-width: 62.5em) {
    .image-credit {
        max-width: 960px
    }
}
.image-credit a {
    color: #fff;
    text-decoration: none
}
	
.entry-date {
	color: #bbb;
	font-size: 0.75rem;
	text-align: left;
	
	
}
	
.entry-meta {
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: uppercase;
    color: #bbb
}
.entry-meta a {
    color: #bbb
}
.entry-meta .vcard:before {
    content: " by "
}
.entry-meta .tag {
    display: inline-block;
    margin: 4px;
    padding: 2px 6px;
    background-color: #bbb;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff
}
.entry-meta .tag span {
    vertical-align: super;
    font-size: 10px;
    font-size: 0.625rem
}
.entry-meta .tag:hover {
    background-color: #a2a2a2
}
.entry-meta .tag:active {
    -webkit-transform: translate(0, 1px);
    -moz-transform: translate(0, 1px);
    -ms-transform: translate(0, 1px);
    -o-transform: translate(0, 1px);
    transform: translate(0, 1px);
    -webkit-box-shadow: 0 0 1px rgba(34, 34, 34, 0.2);
    -moz-box-shadow: 0 0 1px rgba(34, 34, 34, 0.2);
    box-shadow: 0 0 1px rgba(34, 34, 34, 0.2)
}
#post .entry-content,
#page .entry-content {
    margin: 3px;
    padding: 10px 15px;
    background-color: #fff;
    box-shadow: 0 0 0 0, 0 6px 12px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
@media only screen and (min-width: 48em) {
    #post .entry-content,
    #page .entry-content {
        margin-left: 10px;
        margin-right: 10px;
        padding: 20px 30px
    }
}
@media only screen and (min-width: 62.5em) {
    #post .entry-content,
    #page .entry-content {
        max-width: 800px;
        margin: 30px auto 25px auto;
        padding: 10px 50px 30px 50px
    }
    #post .entry-content>p:first-child,
    #page .entry-content>p:first-child {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.3;
        margin-bottom: 26px;
        margin-bottom: 1.625rem
    }
}
#post #disqus_thread,
#page #disqus_thread {
    margin: 10px 3px 0 3px;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(187, 187, 187, 0.1), 0 6px 12px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
@media only screen and (min-width: 48em) {
    #post #disqus_thread,
    #page #disqus_thread {
        margin-left: 10px;
        margin-right: 10px;
       	padding: 20px 30px
    }
}
@media only screen and (min-width: 62.5em) {
    #post #disqus_thread,
    #page #disqus_thread {
        max-width: 800px;
        padding: 10px 50px;
        margin: 30px auto 0 auto
    }
}

	

 .ads-horizontal {
    background-color: none;

}
@media only screen and (min-width: 48em) {
    .ads-horizontal {
        margin-left: 10px;
        margin-right: 10px;
       	padding: 0;
    }
}
@media only screen and (min-width: 62.5em) {
    .ads-horizontal {
        max-width: 800px;
        padding: 0;
        margin: 10px auto 0 auto;
		
    }
}
	
	
	
#post .entry-meta,
#page .entry-meta {
    margin: 50px 30px 30px;
    text-align: center
}
.entry-tags {
    display: block;
    margin-bottom: 6px
}
.pagination {
    margin: 20px 10px;
    text-align: center
}
.pagination ul {
    display: inline;
    margin-left: 10px;
    margin-right: 10px
}
.pagination li {
    padding-left: 4px;
    padding-right: 4px
}
.pagination .current-page {
    font-weight: 700
}
.read-more {
    position: relative;
    margin: 40px 2px 20px 2px;
    padding: 40px 15px 25px;
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(187, 187, 187, 0.1), 0 6px 12px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    *zoom: 1
}
@media only screen and (min-width: 48em) {
    .read-more {
        margin: 50px 10px 20px 10px;
        padding: 50px 40px 25px
    }
}
@media only screen and (min-width: 62.5em) {
    .read-more {
        max-width: 800px;
        padding: 50px 80px;
        margin: 60px auto
    }
}
.read-more:before,
.read-more:after {
    display: table;
    content: "";
    line-height: 0
}
.read-more:after {
    clear: both
}
.read-more-header {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    height: 35px
}
.read-more-content {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.625;
    margin-bottom: 26px;
    margin-bottom: 1.625rem
}
.read-more-content p>a,
.read-more-content li>a {
    border-bottom: 1px dotted #a2a2a2
}
.read-more-content p>a:hover,
.read-more-content li>a:hover {
    border-bottom-style: solid
}
.read-more-content h3 {
    margin: 0;
    font-size: 28px;
    font-size: 1.75rem
}
.read-more-content h3 a {
    color: #222
}
@media only screen and (min-width: 48em) {
    .read-more-content h3 {
        font-size: 36px;
        font-size: 2.25rem
    }
}
.read-more-list {
    border-top: solid 1px #bbb
}
.list-item {
    width: 100%;
    text-align: left
}
.list-item h4 {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 0
}
.list-item span {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    color: #a2a2a2
}
@media only screen and (min-width: 48em) {
    .list-item {
        width: 49%;
        float: left
    }
    .list-item:nth-child(2) {
        text-align: right
    }
}
#post-index #main {
    margin: 40px 2px 20px 2px
}
@media only screen and (min-width: 48em) {
    #post-index #main {
        margin-left: 20px;
        margin-right: 20px
    }
}
@media only screen and (min-width: 62.5em) {
    #post-index #main {
        max-width: 800px;
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto
    }
}
#post-index article {
    background-color: #fff;
    box-shadow: 0 0 0 0, 0 6px 12px rgba(34, 34, 34, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 25px 15px
}
@media only screen and (min-width: 48em) {
    #post-index article {
        padding: 30px
    }
}
@media only screen and (min-width: 62.5em) {
    #post-index article {
        margin-bottom: 30px;
        padding: 50px 80px
    }
}
.footer-wrapper {
    *zoom: 1;
    margin: 2em auto;
    text-align: center;
    color: #555;
	font-size:0.8em;
}
.footer-wrapper:before,
.footer-wrapper:after {
    display: table;
    content: "";
    line-height: 0
}
.footer-wrapper:after {
    clear: both
}
.footer-wrapper a {
    color: #555;
	text-decoration:underline;
}
.socialcount {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700
}
.socialcount li {
    padding-left: 10px;
    padding-right: 10px
}
.socialcount p>a,
.socialcount li>a {
    border-bottom-width: 0
}
.upgrade {
    padding: 10px;
    text-align: center
}
#goog-fixurl ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0
}
#goog-fixurl ul li {
    list-style-type: none
}
#goog-wm-qt {
    width: auto;
    margin-right: 10px;
    margin-bottom: 20px;
    padding: 8px 20px;
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    background-color: #fff;
    color: #222;
    border-width: 2px !important;
    border-style: solid !important;
    border-color: #a2a2a2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.notices {
    padding: 1px 1px 1px 30px;
    margin: 15px 0;
}

.notices p {

}

.notices.yellow {
    border-left: 10px solid #f0ad4e;
    background: #fcf8f2;
    color: #df8a13;
}

.notices.red {
    border-left: 10px solid #d9534f;
    background: #fdf7f7;
    color: #b52b27;
}

.notices.blue {
    border-left: 10px solid #5bc0de;
    background: #f4f8fa;
    color: #28a1c5;
}

.notices.green {
    border-left: 10px solid #5cb85c;
    background: #f1f9f1;
    color: #3d8b3d;
}


/* TABLES */

table {
    border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    -width: 100%;   
    margin: 4% 0 0 0; 
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc; 
	font-size: 0.9rem;
	-display: block;
	overflow-x: auto;
}

/*table tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    */
    
table td, table th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;    
}

table th {
    background-color: #ddd;
       
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

table td:first-child, table th:first-child {
    border-left: none;
}


 tbody tr:nth-child(even) {
    background: #f8f8f8;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
}

	
 table figure, table figure img { 
	margin: 0;
	padding: 0;
	
	}

  /* blue Button */

.button {
	margin-top: 3%;
  	padding: 8px 12px;
	letter-spacing: 1px;
	background-color: #4D90FE;
	background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
	background-image: linear-gradient(top,#4d90fe,#4787ed);
	border: 1px solid #3079ED;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	text-align: center;

}

.button:after { content: " »"}

.button:hover {
	border: 1px solid #2F5BB7;
	color: #fff;
	background-color: #357AE8;
	background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
	background-image: linear-gradient(top,#4d90fe,#357ae8);
	
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
	box-shadow: 0 1px 1px rgba(0,0,0,.1);
  	cursor: pointer;
}

  

.headerimg {
	display: none;
	float: right;
}
  

@media only screen and (min-width: 48em) {
    #post .headerimg {
        display: block;
        margin-right: -30px;
		margin-top: -30px;
        
    }
}

@media only screen and (min-width: 62.5em) {
    #post .headerimg {
		display: block;
   	 	margin-right: -26px;
    	margin-top: -20px;	
    }

}

	
#skyscraper {
   position: fixed;
    margin-left: 780px;
    top: 400px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    border-radius: 2px;	
	width: 300px;
	height: 600px;
	
}
	

@media only screen and (max-width: 48em) {
    #skyscraper {
        display: none;
        
    }
}
	
	
@media only screen and (max-width: 62.5em) {
    #skyscraper {
        display: none;
        
    }
}
	
	
/* SOCIAL BAR */
#social-bar {
    position: fixed;
    margin-left: -140px;
    top: 400px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: .5em;
    background-color: #fff;
    border-radius: 2px;
}

@media only screen and (max-width: 48em) {
    #social-bar {
        display: none;
        
    }
}


#social-bar p {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: .8em;
    /* font-weight: bold; */
    margin: 0;

}	

#social-bar a, #social-bar a:hover {
    text-decoration: none;
    border: 0;
    display: block;
}

#social-bar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}    
#social-bar ul li {
    margin-top: .5em;
}

#social-bar .fa{
    font-size: 2.5em;

}

#social-bar .fa-facebook-square {
    color: #306199;
}
#social-bar .fa-facebook-square:hover {
    color: #244872;
}



#social-bar .fa-twitter-square {
    color: #26c4f1;
}

#social-bar .fa-twitter-square:hover {
    color: #0eaad6;
}



#social-bar .fa-xing-square {
    color: #005658;
}
#social-bar .fa-xing-square:hover {
    color: #004c4e;
}


#social-bar .fa-envelope {
    color: #0a88ff;
    font-size: 2.3em;
}

#social-bar .fa-envelope:hover {
    color: #006ed6;
}

/* HIGHLIGHTS */
.green {color: green;}
.orange {color: orange;}
.red {color: red;}
.grey {color: grey;}

.nolist {
	list-style-type:none;
	padding: 0;
	text-align: center;

}
	
.button-inline-list {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 5px;
	margin: 5px;
}

.button-inline-list:hover {
	background: #ccc;
		
}
.vorteile-nachteile {
	text-align: left;
	list-style-type: none;
	margin: 0;
	padding-left: 20px;
}
	
/* TABLE OF CONTENTS */
.toc {font-size: 0.9rem;}
	
@media (max-width: 415px) {
      .toc ul {padding-left: 1em;}
  }	
	
	
.intro-img {
	padding: 0 .5rem;
	}

#intro-wrapper {
	overflow: auto;
	-background-color: blue;
}
	
	
.intro-box {
	float: left;
    width: 30%;
    background-color: #f8f8f8;
    margin-right: 3%;
	padding: 10px;
    text-align: center;
    /* display: block; */
	border: 1px solid #ccc;
}
	
.center {
	text-align: center;}

	
.langswitcher {
	padding: 0!important;	
	margin-bottom: 0!important;
	margin-left: 0!important;
}
	
.langswitcher a {
	font-size:.9rem;
	color: #666;	
	border-bottom: 0!important;
}
	
.langswitcher a:hover {
	color: #4285f4;	
	border-bottom: 1px solid #4285f4;
}