/*
Theme Name: SmartHome
Theme URI: http://www.smarthome.com.cn
Description: Smart Home Theme
Version: 1.0
Author: SmartHome
Author URI: http://www.smarthome.com.cn/
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: smart,home,smart home
*/
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
  font-size: 14px; 
}
body {
  font-family: PingFang SC,helvetica neue,arial,microsoft yahei,sans-serif;color: rgba(0, 0, 0, 0.8);
  -webkit-font-smoothing: antialiased; 
  margin: 0;
}
a {
  color: #FC3C2D;text-decoration: none;}
a:hover, a:focus, a:active {
    color: #FC3C2D; }

dl dt:not(:first-child) {
  margin-top: 0.4em; }

hr {
  border-color: rgba(0, 0, 0, 0.05); }

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

p {
  margin: 0 0 1em; }

pre {
  padding: 1.6em;
  margin: 0 0 1.6em;
  font-size: 0.9em;
  background-color: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0; }

table {
  margin: 0 0 1.6em;
  width:100%;
 }

tr {
  border-bottom: 1px solid #eee; }

th {
  padding: 0.8em;
  text-align: left; }

td {
  padding: 0.8em; }
thead th {
  border-bottom: 2px solid #bbb;
  padding-bottom: 0.8em; }

ul, ol {
  margin: 0 0 1.6em;
  padding: 0; }
ol, ul {
    margin: 0;
	list-style: none;
}
input,button,a {
    outline:none;
}
img {
    vertical-align: middle;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, textarea.form-control, select, select.form-control {
    width: 100%;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    color: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
	font-family: PingFang SC,helvetica neue,arial,microsoft yahei,sans-serif;
}
.input-group{
	margin-bottom:10px;
}
button {
    -webkit-appearance: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

@-webkit-keyframes typing {
0% {
	background-color:#fff;
	box-shadow:10px 0 0 0 rgba(255,255,255,.408),20px 0 0 0 rgba(255,255,255,.267)
}
50% {
	background-color:rgba(255,255,255,.408);
	box-shadow:10px 0 0 0 #fff,20px 0 0 0 rgba(255,255,255,.267)
}
100% {
	background-color:rgba(255,255,255,.267);
	box-shadow:10px 0 0 0 rgba(255,255,255,.408),20px 0 0 0 #fff
}
}@-moz-keyframes typing {
	0% {
	background-color:#fff;
	box-shadow:10px 0 0 0 rgba(255,255,255,.408),20px 0 0 0 rgba(255,255,255,.267)
}
50% {
	background-color:rgba(255,255,255,.408);
	box-shadow:10px 0 0 0 #fff,20px 0 0 0 rgba(255,255,255,.267)
}
100% {
	background-color:rgba(255,255,255,.267);
	box-shadow:10px 0 0 0 rgba(255,255,255,.408),20px 0 0 0 #fff
}
}@keyframes typing {
	0% {
	background-color:#fff;
	box-shadow:10px 0 0 0 rgba(255,255,255,.408),20px 0 0 0 rgba(255,255,255,.267)
}
50% {
	background-color:rgba(255,255,255,.408);
	box-shadow:10px 0 0 0 #fff,20px 0 0 0 rgba(255,255,255,.267)
}
100% {
	background-color:rgba(255,255,255,.267);
	box-shadow:10px 0 0 0 rgba(255,255,255,.408),20px 0 0 0 #fff
}
}@-webkit-keyframes typing-purple {
	0% {
	background-color:#FC3C2D;
	box-shadow:10px 0 0 0 rgba(223,25,149,.408),20px 0 0 0 rgba(223,25,149,.267)
}
50% {
	background-color:rgba(223,25,149,.408);
	box-shadow:10px 0 0 0 #FC3C2D,20px 0 0 0 rgba(223,25,149,.267)
}
100% {
	background-color:rgba(223,25,149,.267);
	box-shadow:10px 0 0 0 rgba(223,25,149,.408),20px 0 0 0 #FC3C2D
}
}@-moz-keyframes typing-purple {
	0% {
	background-color:#FC3C2D;
	box-shadow:10px 0 0 0 rgba(223,25,149,.408),20px 0 0 0 rgba(223,25,149,.267)
}
50% {
	background-color:rgba(223,25,149,.408);
	box-shadow:10px 0 0 0 #FC3C2D,20px 0 0 0 rgba(223,25,149,.267)
}
100% {
	background-color:rgba(223,25,149,.267);
	box-shadow:10px 0 0 0 rgba(223,25,149,.408),20px 0 0 0 #FC3C2D
}
}@keyframes typing-purple {
	0% {
	background-color:#FC3C2D;
	box-shadow:10px 0 0 0 rgba(223,25,149,.408),20px 0 0 0 rgba(223,25,149,.267)
}
50% {
	background-color:rgba(223,25,149,.408);
	box-shadow:10px 0 0 0 #FC3C2D,20px 0 0 0 rgba(223,25,149,.267)
}
100% {
	background-color:rgba(223,25,149,.267);
	box-shadow:10px 0 0 0 rgba(223,25,149,.408),20px 0 0 0 #FC3C2D
}
}@-webkit-keyframes pulseIn {
	0% {
	-webkit-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1);
	opacity:0
}
50% {
	-webkit-transform:scale3d(1.0669,1.0669,1.0669);
	transform:scale3d(1.0669,1.0669,1.0669);
	opacity:.8
}
100% {
	-webkit-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1);
	opacity:1
}
}@-moz-keyframes pulseIn {
	0% {
	-moz-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1);
	opacity:0
}
50% {
	-moz-transform:scale3d(1.0669,1.0669,1.0669);
	transform:scale3d(1.0669,1.0669,1.0669);
	opacity:.8
}
100% {
	-moz-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1);
	opacity:1
}
}@keyframes pulseIn {
	0% {
	-webkit-transform:scale3d(1,1,1);
	-moz-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1);
	opacity:0
}
50% {
	-webkit-transform:scale3d(1.0669,1.0669,1.0669);
	-moz-transform:scale3d(1.0669,1.0669,1.0669);
	transform:scale3d(1.0669,1.0669,1.0669);
	opacity:.8
}
100% {
	-webkit-transform:scale3d(1,1,1);
	-moz-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1);
	opacity:1
}
}@-webkit-keyframes pulseOut {
	0% {
	-webkit-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1);
	opacity:1
}
50% {
	-webkit-transform:scale3d(1.0669,1.0669,1.0669);
	transform:scale3d(1.0669,1.0669,1.0669);
	opacity:.8
}
100% {
	-webkit-transform:scale3d(.5,.5,.5);
	transform:scale3d(.5,.5,.5);
	opacity:0
}
}@-moz-keyframes pulseOut {
	0% {
	-moz-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1);
	opacity:1
}
50% {
	-moz-transform:scale3d(1.0669,1.0669,1.0669);
	transform:scale3d(1.0669,1.0669,1.0669);
	opacity:.8
}
100% {
	-moz-transform:scale3d(.5,.5,.5);
	transform:scale3d(.5,.5,.5);
	opacity:0
}
}@keyframes pulseOut {
	0% {
	-webkit-transform:scale3d(1,1,1);
	-moz-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1);
	opacity:1
}
50% {
	-webkit-transform:scale3d(1.0669,1.0669,1.0669);
	-moz-transform:scale3d(1.0669,1.0669,1.0669);
	transform:scale3d(1.0669,1.0669,1.0669);
	opacity:.8
}
100% {
	-webkit-transform:scale3d(.5,.5,.5);
	-moz-transform:scale3d(.5,.5,.5);
	transform:scale3d(.5,.5,.5);
	opacity:0
}
}@-webkit-keyframes zoomIn {
	0% {
	-webkit-transform:translate3d(0,-25px,0);
	transform:translate3d(0,-25px,0);
	opacity:0
}
100% {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	opacity:1
}
}@-moz-keyframes zoomIn {
	0% {
	-moz-transform:translate3d(0,-25px,0);
	transform:translate3d(0,-25px,0);
	opacity:0
}
100% {
	-moz-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	opacity:1
}
}@keyframes zoomIn {
	0% {
	-webkit-transform:translate3d(0,-25px,0);
	-moz-transform:translate3d(0,-25px,0);
	transform:translate3d(0,-25px,0);
	opacity:0
}
100% {
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	opacity:1
}
}
/* =============================================================================
## TYPOGRAPHY
============================================================================= */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 { 
    font-family: PingFang SC,helvetica neue,arial,microsoft yahei,sans-serif;
}
  h1:first-child,
  h2:first-child,
  h3:first-child,
  h4:first-child,
  h5:first-child,
  h6:first-child,
  .h1:first-child,
  .h2:first-child,
  .h3:first-child,
  .h4:first-child,
  .h5:first-child,
  .h6:first-child {
    margin-top: 0; }

/*---- Typography scale ----*/
.h6,
h6 {
  font-size: 1rem;
  line-height: 1.5; }
  @media (min-width: 768px) {
    .h6,
    h6 {
      font-size: 1rem;
      line-height: 1.5; } }
  @media (min-width: 992px) {
    .h6,
    h6 {
      font-size: 1rem;
      line-height: 1.5; } }

.h5,
h5 {
  font-size: 1.125rem;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .h5,
    h5 {
      font-size: 1.2rem;
      line-height: 1.4; } }
  @media (min-width: 992px) {
    .h5,
    h5 {
      font-size: 1.25rem;
      line-height: 1.4; } }

.h4,
h4 {
  font-size: 1.266rem;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .h4,
    h4 {
      font-size: 1.44rem;
      line-height: 1.4; } }
  @media (min-width: 992px) {
    .h4,
    h4 {
      font-size: 1.563rem;
      line-height: 1.3; } }

.h3,
h3 {
  font-size: 1.424rem;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .h3,
    h3 {
      font-size: 1.728rem;
      line-height: 1.3; } }
  @media (min-width: 992px) {
    .h3,
    h3 {
      font-size: 1.953rem;
      line-height: 1.3; } }

.h2,
h2 {
  font-size: 1.602rem;
  line-height: 1.3; }
  @media (min-width: 768px) {
    .h2,
    h2 {
      font-size: 2.074rem;
      line-height: 1.3; } }
  @media (min-width: 992px) {
    .h2,
    h2 {
      font-size: 2.241rem;
      line-height: 1.2; } }

.h1,
h1 {
  font-size: 1.802rem;
  line-height: 1.3; }
  @media (min-width: 768px) {
    .h1,
    h1 {
      font-size: 2.188rem;
      line-height: 1.2; } }
  @media (min-width: 992px) {
    .h1,
    h1 {
      font-size: 2.388rem;
      line-height: 1.2; } }

.h0,
h0 {
  font-size: 2.027rem;
  line-height: 1.3; }
  @media (min-width: 768px) {
    .h0,
    h0 {
      font-size: 2.986rem;
      line-height: 1.2; } }
  @media (min-width: 992px) {
    .h0,
    h0 {
      font-size: 3.815rem;
      line-height: 1.1; } }

.h-1,
h-1 {
  font-size: 2.281rem;
  line-height: 1.3; }
  @media (min-width: 768px) {
    .h-1,
    h-1 {
      font-size: 3.583rem;
      line-height: 1.2; } }
  @media (min-width: 992px) {
    .h-1,
    h-1 {
      font-size: 4.768rem;
      line-height: 1.1; } }

.h-2,
h-2 {
  font-size: 2.566rem;
  line-height: 1.3; }
  @media (min-width: 768px) {
    .h-2,
    h-2 {
      font-size: 4.3rem;
      line-height: 1.1; } }
  @media (min-width: 992px) {
    .h-2,
    h-2 {
      font-size: 5.96rem;
      line-height: 1.1; } }

.typescale-n1 {
  font-size: 0.889rem;
  line-height: 1.5; }
  @media (min-width: 768px) {
    .typescale-n1 {
      font-size: 0.889rem;
      line-height: 1.5; } }
  @media (min-width: 992px) {
    .typescale-n1 {
      font-size: 0.889rem;
      line-height: 1.5; } }

.typescale-0 {
  font-size: 1rem;
  line-height: 1.5; }
  @media (min-width: 768px) {
    .typescale-0 {
      font-size: 1rem;
      line-height: 1.5; } }
  @media (min-width: 992px) {
    .typescale-0 {
      font-size: 1rem;
      line-height: 1.5; } }

.typescale-1 {
  font-size: 1rem;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .typescale-1 {
      font-size: 1.05rem;
      line-height: 1.4; } }
  @media (min-width: 992px) {
    .typescale-1 {
      font-size: 1.1rem;
      line-height: 1.4; } }

.typescale-2 {
  font-size: 1.266rem;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .typescale-2 {
      font-size: 1.44rem;
      line-height: 1.4; } }
  @media (min-width: 992px) {
    .typescale-2 {
      font-size: 1.563rem;
      line-height: 1.3; } }

.typescale-3 {
  font-size: 1.424rem;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .typescale-3 {
      font-size: 1.728rem;
      line-height: 1.3; } }
  @media (min-width: 992px) {
    .typescale-3 {
      font-size: 1.953rem;
      line-height: 1.3; } }

.typescale-4 {
  font-size: 1.602rem;
  line-height: 1.3; }
  @media (min-width: 768px) {
    .typescale-4 {
      font-size: 1.602rem;
      line-height: 1.3; } }
  @media (min-width: 992px) {
    .typescale-4 {
      font-size: 2.002rem;
      line-height: 1.2; } }

.typescale-5 {
  font-size: 1.5rem;
  line-height: 1.3; }
  @media (min-width: 768px) {
    .typescale-5 {
      font-size: 2.0rem;
      line-height: 1.2; } }
  @media (min-width: 992px) {
    .typescale-5 {
      font-size: 2.2rem;
      line-height: 1.2; } }

.typescale-6 {
  font-size: 2.027rem;
  line-height: 1.3; }
  @media (min-width: 768px) {
    .typescale-6 {
      font-size: 2.986rem;
      line-height: 1.2; } }
  @media (min-width: 992px) {
    .typescale-6 {
      font-size: 3.815rem;
      line-height: 1.1; } }

.typescale-7 {
  font-size: 2.281rem;
  line-height: 1.3; }
  @media (min-width: 768px) {
    .typescale-7 {
      font-size: 3.583rem;
      line-height: 1.2; } }
  @media (min-width: 992px) {
    .typescale-7 {
      font-size: 4.768rem;
      line-height: 1.1; } }

.typescale-8 {
  font-size: 2.566rem;
  line-height: 1.3; }
  @media (min-width: 768px) {
    .typescale-8 {
      font-size: 4.3rem;
      line-height: 1.1; } }
  @media (min-width: 992px) {
    .typescale-8 {
      font-size: 5.96rem;
      line-height: 1.1; } }

.typography-copy,
.comment-content {
  font-size: 16px;
  font-size: 1.1429rem;
  line-height: 1.6; }
  .typography-copy .h6,
  .typography-copy h6,
  .comment-content .h6,
  .comment-content h6 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: 1em;
    line-height: 1.5; }
    @media (min-width: 768px) {
      .typography-copy .h6,
      .typography-copy h6,
      .comment-content .h6,
      .comment-content h6 {
        font-size: 1em;
        line-height: 1.5; } }
    @media (min-width: 992px) {
      .typography-copy .h6,
      .typography-copy h6,
      .comment-content .h6,
      .comment-content h6 {
        font-size: 1em;
        line-height: 1.5; } }
  .typography-copy .h5,
  .typography-copy h5,
  .comment-content .h5,
  .comment-content h5 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: .9em;
    line-height: 1.4; }
    @media (min-width: 768px) {
      .typography-copy .h5,
      .typography-copy h5,
      .comment-content .h5,
      .comment-content h5 {
        font-size: .9em;
        line-height: 1.4; } }
    @media (min-width: 992px) {
      .typography-copy .h5,
      .typography-copy h5,
      .comment-content .h5,
      .comment-content h5 {
        font-size: .9em;
        line-height: 1.4; } }
  .typography-copy .h4,
  .typography-copy h4,
  .comment-content .h4,
  .comment-content h4 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: .9em;
    line-height: 1.4; }
    @media (min-width: 768px) {
      .typography-copy .h4,
      .typography-copy h4,
      .comment-content .h4,
      .comment-content h4 {
        font-size: .9em;
        line-height: 1.4; } }
    @media (min-width: 992px) {
      .typography-copy .h4,
      .typography-copy h4,
      .comment-content .h4,
      .comment-content h4 {
        font-size: .9em;
        line-height: 1.3; } }
  .typography-copy .h3,
  .typography-copy h3,
  .comment-content .h3,
  .comment-content h3 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: .9em;
    line-height: 1.4; }
    @media (min-width: 768px) {
      .typography-copy .h3,
      .typography-copy h3,
      .comment-content .h3,
      .comment-content h3 {
        font-size: 1em;
        line-height: 1.3; } }
    @media (min-width: 992px) {
      .typography-copy .h3,
      .typography-copy h3,
      .comment-content .h3,
      .comment-content h3 {
        font-size: 1.153em;
        line-height: 1.3; } }
  .typography-copy .h2,
  .typography-copy h2,
  .comment-content .h2,
  .comment-content h2 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: 1.602em;
    line-height: 1.3; }
    @media (min-width: 768px) {
      .typography-copy .h2,
      .typography-copy h2,
      .comment-content .h2,
      .comment-content h2 {
        font-size: 2.074em;
        line-height: 1.3; } }
    @media (min-width: 992px) {
      .typography-copy .h2,
      .typography-copy h2,
      .comment-content .h2,
      .comment-content h2 {
        font-size: 1.141em;
        line-height: 1.2; } }
  .typography-copy .h1,
  .typography-copy h1,
  .comment-content .h1,
  .comment-content h1 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: 1.802em;
    line-height: 1.3; }
    @media (min-width: 768px) {
      .typography-copy .h1,
      .typography-copy h1,
      .comment-content .h1,
      .comment-content h1 {
        font-size: 2.488em;
        line-height: 1.2; } }
    @media (min-width: 992px) {
      .typography-copy .h1,
      .typography-copy h1,
      .comment-content .h1,
      .comment-content h1 {
        font-size: 1.141em;
        line-height: 1.2; } }
  .typography-copy .h0,
  .typography-copy h0,
  .comment-content .h0,
  .comment-content h0 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: 2.027em;
    line-height: 1.3; }
    @media (min-width: 768px) {
      .typography-copy .h0,
      .typography-copy h0,
      .comment-content .h0,
      .comment-content h0 {
        font-size: 2.986em;
        line-height: 1.2; } }
    @media (min-width: 992px) {
      .typography-copy .h0,
      .typography-copy h0,
      .comment-content .h0,
      .comment-content h0 {
        font-size: 3.815em;
        line-height: 1.1; } }
  .typography-copy .h-1,
  .typography-copy h-1,
  .comment-content .h-1,
  .comment-content h-1 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: 2.281em;
    line-height: 1.3; }
    @media (min-width: 768px) {
      .typography-copy .h-1,
      .typography-copy h-1,
      .comment-content .h-1,
      .comment-content h-1 {
        font-size: 3.583em;
        line-height: 1.2; } }
    @media (min-width: 992px) {
      .typography-copy .h-1,
      .typography-copy h-1,
      .comment-content .h-1,
      .comment-content h-1 {
        font-size: 4.768em;
        line-height: 1.1; } }
  .typography-copy .h-2,
  .typography-copy h-2,
  .comment-content .h-2,
  .comment-content h-2 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: 2.566em;
    line-height: 1.3; }
    @media (min-width: 768px) {
      .typography-copy .h-2,
      .typography-copy h-2,
      .comment-content .h-2,
      .comment-content h-2 {
        font-size: 4.3em;
        line-height: 1.1; } }
    @media (min-width: 992px) {
      .typography-copy .h-2,
      .typography-copy h-2,
      .comment-content .h-2,
      .comment-content h-2 {
        font-size: 5.96em;
        line-height: 1.1; } }
  .typography-copy .typescale-n1,
  .comment-content .typescale-n1 {
    font-size: 0.889em;
    line-height: 1.5; }
    @media (min-width: 768px) {
      .typography-copy .typescale-n1,
      .comment-content .typescale-n1 {
        font-size: 0.889em;
        line-height: 1.5; } }
    @media (min-width: 992px) {
      .typography-copy .typescale-n1,
      .comment-content .typescale-n1 {
        font-size: 0.889em;
        line-height: 1.5; } }
  .typography-copy .typescale-0,
  .comment-content .typescale-0 {
    font-size: 1em;
    line-height: 1.5; }
    @media (min-width: 768px) {
      .typography-copy .typescale-0,
      .comment-content .typescale-0 {
        font-size: 1em;
        line-height: 1.5; } }
    @media (min-width: 992px) {
      .typography-copy .typescale-0,
      .comment-content .typescale-0 {
        font-size: 1em;
        line-height: 1.5; } }
  .typography-copy .typescale-1,
  .comment-content .typescale-1 {
    font-size: 1em;
    line-height: 1.4; }
    @media (min-width: 768px) {
      .typography-copy .typescale-1,
      .comment-content .typescale-1 {
        font-size: 1.1em;
        line-height: 1.4; } }
    @media (min-width: 992px) {
      .typography-copy .typescale-1,
      .comment-content .typescale-1 {
        font-size: 1.1em;
        line-height: 1.4; } }
  .typography-copy .typescale-2,
  .comment-content .typescale-2 {
    font-size: 1.266em;
    line-height: 1.4; }
    @media (min-width: 768px) {
      .typography-copy .typescale-2,
      .comment-content .typescale-2 {
        font-size: 1.44em;
        line-height: 1.4; } }
    @media (min-width: 992px) {
      .typography-copy .typescale-2,
      .comment-content .typescale-2 {
        font-size: 1.563em;
        line-height: 1.3; } }
  .typography-copy .typescale-3,
  .comment-content .typescale-3 {
    font-size: 1.424em;
    line-height: 1.4; }
    @media (min-width: 768px) {
      .typography-copy .typescale-3,
      .comment-content .typescale-3 {
        font-size: 1.728em;
        line-height: 1.3; } }
    @media (min-width: 992px) {
      .typography-copy .typescale-3,
      .comment-content .typescale-3 {
        font-size: 1.953em;
        line-height: 1.3; } }
  .typography-copy .typescale-4,
  .comment-content .typescale-4 {
    font-size: 1.602em;
    line-height: 1.3; }
    @media (min-width: 768px) {
      .typography-copy .typescale-4,
      .comment-content .typescale-4 {
        font-size: 2.074em;

        line-height: 1.3; } }
    @media (min-width: 992px) {
      .typography-copy .typescale-4,
      .comment-content .typescale-4 {
        font-size: 2.441em;
        line-height: 1.2; } }
  .typography-copy .typescale-5,
  .comment-content .typescale-5 {
    font-size: 1.5em;
    line-height: 1.3; }
    @media (min-width: 768px) {
      .typography-copy .typescale-5,
      .comment-content .typescale-5 {
        font-size: 2.0em;
        line-height: 1.2; } }
    @media (min-width: 992px) {
      .typography-copy .typescale-5,
      .comment-content .typescale-5 {
        font-size: 2.3em;
        line-height: 1.2; } }
  .typography-copy .typescale-6,
  .comment-content .typescale-6 {
    font-size: 2.027em;
    line-height: 1.3; }
    @media (min-width: 768px) {
      .typography-copy .typescale-6,
      .comment-content .typescale-6 {
        font-size: 2.986em;
        line-height: 1.2; } }
    @media (min-width: 992px) {
      .typography-copy .typescale-6,
      .comment-content .typescale-6 {
        font-size: 3.815em;
        line-height: 1.1; } }
  .typography-copy .typescale-7,
  .comment-content .typescale-7 {
    font-size: 2.281em;
    line-height: 1.3; }
    @media (min-width: 768px) {
      .typography-copy .typescale-7,
      .comment-content .typescale-7 {
        font-size: 3.583em;
        line-height: 1.2; } }
    @media (min-width: 992px) {
      .typography-copy .typescale-7,
      .comment-content .typescale-7 {
        font-size: 4.768em;
        line-height: 1.1; } }
  .typography-copy .typescale-8,
  .comment-content .typescale-8 {
    font-size: 2.566em;
    line-height: 1.3; }
    @media (min-width: 768px) {
      .typography-copy .typescale-8,
      .comment-content .typescale-8 {
        font-size: 4.3em;
        line-height: 1.1; } }
    @media (min-width: 992px) {
      .typography-copy .typescale-8,
      .comment-content .typescale-8 {
        font-size: 5.96em;
        line-height: 1.1; } }
  .typography-copy h4,
  .typography-copy .h4,
  .comment-content h4,
  .comment-content .h4 {
    font-weight: 700; }
  .typography-copy h5,
  .typography-copy .h5,
  .comment-content h5,
  .comment-content .h5 {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 700;
    text-transform: uppercase; }
  .typography-copy h6,
  .typography-copy .h6,
  .comment-content h6,
  .comment-content .h6 {
    font-weight: 700; }
  .typography-copy blockquote,
  .comment-content blockquote {
    margin: 0 0 1.6em 0;
    padding: 0 0 0 1em;
    border-left: 5px solid #eee;
    font-size: 1.21429rem;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.5); }
    .typography-copy blockquote:before,
    .comment-content blockquote:before {
      content: '\201c';
      display: block;
      position: relative;
      top: 0.225em;
      margin-bottom: 0.2em;
      color: #eee;
      font-family: sans-serif;
      font-weight: 700;
      font-size: 5em;
      line-height: 0.3; }
    .typography-copy blockquote cite,
    .comment-content blockquote cite {
      font-size: 0.86em; }
    .typography-copy blockquote p,
    .comment-content blockquote p {
      margin-bottom: 1em; }
  .typography-copy mark,
  .comment-content mark {
    color: rgba(0, 0, 0, 0.8);
    background: #FBFF64; }
  .typography-copy ol,
  .typography-copy ul,
  .comment-content ol,
  .comment-content ul {
    margin-bottom: 1.6em;
    padding-left: 1.8em; }
  .typography-copy li > ol,
  .typography-copy li > ul,
  .comment-content li > ol,
  .comment-content li > ul {
    margin-bottom: 0; }
  .typography-copy p,
  .comment-content p {
    margin-bottom: 1.6em; }

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

}
@media (min-width:768px) {
	.container {
	width:750px
}
}@media (min-width:992px) {
	.container {
	width:970px
}
}@media (min-width:1200px) {
	.container {
	width:1170px
}
}
.container:after{
    clear: both;
	display: table;
    content: " ";
}
.container-fluid {
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto
}
.container--narrow {
    max-width: 800px;
}
.row {
	margin-right:-15px;
	margin-left:-15px
}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
	position:relative;
	min-height:1px;
	padding-right:15px;
	padding-left:15px
}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
	float:left
}
.col-xs-12 {
	width:100%
}
.col-xs-11 {
	width:91.66666667%
}
.col-xs-10 {
	width:83.33333333%
}
.col-xs-9 {
	width:75%
}
.col-xs-8 {
	width:66.66666667%
}
.col-xs-7 {
	width:58.33333333%
}
.col-xs-6 {
	width:50%
}
.col-xs-5 {
	width:41.66666667%
}
.col-xs-4 {
	width:33.33333333%
}
.col-xs-3 {
	width:25%
}
.col-xs-2 {
	width:16.66666667%
}
.col-xs-1 {
	width:8.33333333%
}
.col-xs-pull-12 {
	right:100%
}
.col-xs-pull-11 {
	right:91.66666667%
}
.col-xs-pull-10 {
	right:83.33333333%
}
.col-xs-pull-9 {
	right:75%
}
.col-xs-pull-8 {
	right:66.66666667%
}
.col-xs-pull-7 {
	right:58.33333333%
}
.col-xs-pull-6 {
	right:50%
}
.col-xs-pull-5 {
	right:41.66666667%
}
.col-xs-pull-4 {
	right:33.33333333%
}
.col-xs-pull-3 {
	right:25%
}
.col-xs-pull-2 {
	right:16.66666667%
}
.col-xs-pull-1 {
	right:8.33333333%
}
.col-xs-pull-0 {
	right:auto
}
.col-xs-push-12 {
	left:100%
}
.col-xs-push-11 {
	left:91.66666667%
}
.col-xs-push-10 {
	left:83.33333333%
}
.col-xs-push-9 {
	left:75%
}
.col-xs-push-8 {
	left:66.66666667%
}
.col-xs-push-7 {
	left:58.33333333%
}
.col-xs-push-6 {
	left:50%
}
.col-xs-push-5 {
	left:41.66666667%
}
.col-xs-push-4 {
	left:33.33333333%
}
.col-xs-push-3 {
	left:25%
}
.col-xs-push-2 {
	left:16.66666667%
}
.col-xs-push-1 {
	left:8.33333333%
}
.col-xs-push-0 {
	left:auto
}
.col-xs-offset-12 {
	margin-left:100%
}
.col-xs-offset-11 {
	margin-left:91.66666667%
}
.col-xs-offset-10 {
	margin-left:83.33333333%
}
.col-xs-offset-9 {
	margin-left:75%
}
.col-xs-offset-8 {
	margin-left:66.66666667%
}
.col-xs-offset-7 {
	margin-left:58.33333333%
}
.col-xs-offset-6 {
	margin-left:50%
}
.col-xs-offset-5 {
	margin-left:41.66666667%
}
.col-xs-offset-4 {
	margin-left:33.33333333%
}
.col-xs-offset-3 {
	margin-left:25%
}
.col-xs-offset-2 {
	margin-left:16.66666667%
}
.col-xs-offset-1 {
	margin-left:8.33333333%
}
.col-xs-offset-0 {
	margin-left:0
}
@media (min-width:768px) {
	.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
	float:left
}
.col-sm-12 {
	width:100%
}
.col-sm-11 {
	width:91.66666667%
}
.col-sm-10 {
	width:83.33333333%
}
.col-sm-9 {
	width:75%
}
.col-sm-8 {
	width:66.66666667%
}
.col-sm-7 {
	width:58.33333333%
}
.col-sm-6 {
	width:50%
}
.col-sm-5 {
	width:41.66666667%
}
.col-sm-4 {
	width:33.33333333%
}
.col-sm-3 {
	width:25%
}
.col-sm-2 {
	width:16.66666667%
}
.col-sm-1 {
	width:8.33333333%
}
.col-sm-pull-12 {
	right:100%
}
.col-sm-pull-11 {
	right:91.66666667%
}
.col-sm-pull-10 {
	right:83.33333333%
}
.col-sm-pull-9 {
	right:75%
}
.col-sm-pull-8 {
	right:66.66666667%
}
.col-sm-pull-7 {
	right:58.33333333%
}
.col-sm-pull-6 {
	right:50%
}
.col-sm-pull-5 {
	right:41.66666667%
}
.col-sm-pull-4 {
	right:33.33333333%
}
.col-sm-pull-3 {
	right:25%
}
.col-sm-pull-2 {
	right:16.66666667%
}
.col-sm-pull-1 {
	right:8.33333333%
}
.col-sm-pull-0 {
	right:auto
}
.col-sm-push-12 {
	left:100%
}
.col-sm-push-11 {
	left:91.66666667%
}
.col-sm-push-10 {
	left:83.33333333%
}
.col-sm-push-9 {
	left:75%
}
.col-sm-push-8 {
	left:66.66666667%
}
.col-sm-push-7 {
	left:58.33333333%
}
.col-sm-push-6 {
	left:50%
}
.col-sm-push-5 {
	left:41.66666667%
}
.col-sm-push-4 {
	left:33.33333333%
}
.col-sm-push-3 {
	left:25%
}
.col-sm-push-2 {
	left:16.66666667%
}
.col-sm-push-1 {
	left:8.33333333%
}
.col-sm-push-0 {
	left:auto
}
.col-sm-offset-12 {
	margin-left:100%
}
.col-sm-offset-11 {
	margin-left:91.66666667%
}
.col-sm-offset-10 {
	margin-left:83.33333333%
}
.col-sm-offset-9 {
	margin-left:75%
}
.col-sm-offset-8 {
	margin-left:66.66666667%
}
.col-sm-offset-7 {
	margin-left:58.33333333%
}
.col-sm-offset-6 {
	margin-left:50%
}
.col-sm-offset-5 {
	margin-left:41.66666667%
}
.col-sm-offset-4 {
	margin-left:33.33333333%
}
.col-sm-offset-3 {
	margin-left:25%
}
.col-sm-offset-2 {
	margin-left:16.66666667%
}
.col-sm-offset-1 {
	margin-left:8.33333333%
}
.col-sm-offset-0 {
	margin-left:0
}
}@media (min-width:992px) {
	.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
	float:left
}
.col-md-12 {
	width:100%
}
.col-md-11 {
	width:91.66666667%
}
.col-md-10 {
	width:83.33333333%
}
.col-md-9 {
	width:75%
}
.col-md-8 {
	width:66.66666667%
}
.col-md-7 {
	width:58.33333333%
}
.col-md-6 {
	width:50%
}
.col-md-5 {
	width:41.66666667%
}
.col-md-4 {
	width:33.33333333%
}
.col-md-3 {
	width:25%
}
.col-md-2 {
	width:16.66666667%
}
.col-md-1 {
	width:8.33333333%
}
.col-md-pull-12 {
	right:100%
}
.col-md-pull-11 {
	right:91.66666667%
}
.col-md-pull-10 {
	right:83.33333333%
}
.col-md-pull-9 {
	right:75%
}
.col-md-pull-8 {
	right:66.66666667%
}
.col-md-pull-7 {
	right:58.33333333%
}
.col-md-pull-6 {
	right:50%
}
.col-md-pull-5 {
	right:41.66666667%
}
.col-md-pull-4 {
	right:33.33333333%
}
.col-md-pull-3 {
	right:25%
}
.col-md-pull-2 {
	right:16.66666667%
}
.col-md-pull-1 {
	right:8.33333333%
}
.col-md-pull-0 {
	right:auto
}
.col-md-push-12 {
	left:100%
}
.col-md-push-11 {
	left:91.66666667%
}
.col-md-push-10 {
	left:83.33333333%
}
.col-md-push-9 {
	left:75%
}
.col-md-push-8 {
	left:66.66666667%
}
.col-md-push-7 {
	left:58.33333333%
}
.col-md-push-6 {
	left:50%
}
.col-md-push-5 {
	left:41.66666667%
}
.col-md-push-4 {
	left:33.33333333%
}
.col-md-push-3 {
	left:25%
}
.col-md-push-2 {
	left:16.66666667%
}
.col-md-push-1 {
	left:8.33333333%
}
.col-md-push-0 {
	left:auto
}
.col-md-offset-12 {
	margin-left:100%
}
.col-md-offset-11 {
	margin-left:91.66666667%
}
.col-md-offset-10 {
	margin-left:83.33333333%
}
.col-md-offset-9 {
	margin-left:75%
}
.col-md-offset-8 {
	margin-left:66.66666667%
}
.col-md-offset-7 {
	margin-left:58.33333333%
}
.col-md-offset-6 {
	margin-left:50%
}
.col-md-offset-5 {
	margin-left:41.66666667%
}
.col-md-offset-4 {
	margin-left:33.33333333%
}
.col-md-offset-3 {
	margin-left:25%
}
.col-md-offset-2 {
	margin-left:16.66666667%
}
.col-md-offset-1 {
	margin-left:8.33333333%
}
.col-md-offset-0 {
	margin-left:0
}
}@media (min-width:1200px) {
	.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
	float:left
}
.col-lg-12 {
	width:100%
}
.col-lg-11 {
	width:91.66666667%
}
.col-lg-10 {
	width:83.33333333%
}
.col-lg-9 {
	width:75%
}
.col-lg-8 {
	width:66.66666667%
}
.col-lg-7 {
	width:58.33333333%
}
.col-lg-6 {
	width:50%
}
.col-lg-5 {
	width:41.66666667%
}
.col-lg-4 {
	width:33.33333333%
}
.col-lg-3 {
	width:25%
}
.col-lg-2 {
	width:16.66666667%
}
.col-lg-1 {
	width:8.33333333%
}
.col-lg-pull-12 {
	right:100%
}
.col-lg-pull-11 {
	right:91.66666667%
}
.col-lg-pull-10 {
	right:83.33333333%
}
.col-lg-pull-9 {
	right:75%
}
.col-lg-pull-8 {
	right:66.66666667%
}
.col-lg-pull-7 {
	right:58.33333333%
}
.col-lg-pull-6 {
	right:50%
}
.col-lg-pull-5 {
	right:41.66666667%
}
.col-lg-pull-4 {
	right:33.33333333%
}
.col-lg-pull-3 {
	right:25%
}
.col-lg-pull-2 {
	right:16.66666667%
}
.col-lg-pull-1 {
	right:8.33333333%
}
.col-lg-pull-0 {
	right:auto
}
.col-lg-push-12 {
	left:100%
}
.col-lg-push-11 {
	left:91.66666667%
}
.col-lg-push-10 {
	left:83.33333333%
}
.col-lg-push-9 {
	left:75%
}
.col-lg-push-8 {
	left:66.66666667%
}
.col-lg-push-7 {
	left:58.33333333%
}
.col-lg-push-6 {
	left:50%
}
.col-lg-push-5 {
	left:41.66666667%
}
.col-lg-push-4 {
	left:33.33333333%
}
.col-lg-push-3 {
	left:25%
}
.col-lg-push-2 {
	left:16.66666667%
}
.col-lg-push-1 {
	left:8.33333333%
}
.col-lg-push-0 {
	left:auto
}
.col-lg-offset-12 {
	margin-left:100%
}
.col-lg-offset-11 {
	margin-left:91.66666667%
}
.col-lg-offset-10 {
	margin-left:83.33333333%
}
.col-lg-offset-9 {
	margin-left:75%
}
.col-lg-offset-8 {
	margin-left:66.66666667%
}
.col-lg-offset-7 {
	margin-left:58.33333333%
}
.col-lg-offset-6 {
	margin-left:50%
}
.col-lg-offset-5 {
	margin-left:41.66666667%
}
.col-lg-offset-4 {
	margin-left:33.33333333%
}
.col-lg-offset-3 {
	margin-left:25%
}
.col-lg-offset-2 {
	margin-left:16.66666667%
}
.col-lg-offset-1 {
	margin-left:8.33333333%
}
.col-lg-offset-0 {
	margin-left:0
}
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.mnmd-block {
  position: relative;
  margin-bottom: 40px; }
  .mnmd-block:last-child {
    margin-bottom: 0; }

.mnmd-block__inner {
  position: relative; }

@media (min-width: 1200px) {
  .mnmd-block--fullwidth {
    margin-bottom: 40px; } }

.mnmd-block--fullwidth.mnmd-block--contiguous:first-child {
  margin-top: -20px; }
  @media (min-width: 768px) {
    .mnmd-block--fullwidth.mnmd-block--contiguous:first-child {
      margin-top: -40px; } }

.mnmd-block--fullwidth.has-background:last-child {
  margin-bottom: -30px; }
  @media (min-width: 1200px) {
    .mnmd-block--fullwidth.has-background:last-child {
      margin-bottom: -60px; } }

.mnmd-block--contiguous + .mnmd-block--contiguous {
  margin-top: -40px; }

@media (min-width: 1200px) {
  .mnmd-block--fullwidth.mnmd-block--contiguous + .mnmd-block--fullwidth.mnmd-block--contiguous {
    margin-top: -60px; } }

.mnmd-block.has-background {
  padding-top: 10px;
  padding-bottom: 30px; }
  @media (min-width: 992px) {
    .mnmd-block.has-background {
      padding-top: 15px;
      padding-bottom: 40px; } }

@media (min-width: 992px) {
  .mnmd-block.has-background--md {
    padding-top: 20px;
    padding-bottom: 60px; } }

.mnmd-block.has-overlap-background {
  padding-top: 30px; }
  @media (min-width: 992px) {
    .mnmd-block.has-overlap-background {
      padding-top: 40px; } }

.mnmd-block.has-border {
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  @media (min-width: 992px) {
    .mnmd-block.has-border {
      padding-top: 40px;
      padding-bottom: 40px; } }

.mnmd-layout-split:first-child {
  margin-top: -10px; }
.post {
    position: relative;
}
.has-cover-bg-img, .background-img {
    background-color: #333;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
.background-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
	text-align:center;
}
.background-img:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #111;
    opacity: 0;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}
.inverse-text {
    position: relative;
    color: white;
}
.text-center {
    text-align: center;
}
.block-heading {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    width: 100%;
    position: relative;
    margin-bottom: 1.4rem;
    font-size: 1rem;
    line-height: 1.2;
}
.block-heading__title {
    margin: 0px;
    color: rgba(0, 0, 0, 0.8);
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0.08em;
    font-weight: 700;
    text-transform: uppercase;
	border-bottom:solid 1px green; 
	width:100%;
	padding-bottom: 1ex;
	padding-top: 2ex;
}
.post--overlay {
    position: relative;
    overflow: hidden;
    background-color: #333;
}
.post--overlay .post__text {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 14.28571rem;
}
.post--overlay-bottom .post__text {
    -webkit-box-align: end;
    -moz-box-align: end;
    box-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: end;
    padding-top: 40px;
}
.post--overlay-bottom.has-score-badge .post__text {
    padding-top: 80px;
}
.post--overlay .post__cat {
	background-color: rgba(0,0,0,.72);
    border: none;
    color: #fff;
    padding: 2px 8px;
}
.post--overlay-sm .post__text {
  min-height: 17.85714rem; }
  @media (min-width: 768px) {
    .post--overlay-sm .post__text {
      min-height: 25rem; } 
	  .post--overlay-xs .post__text {
    min-height: 17.85714rem;
}
	  }
.post--overlay-floorfade .post__text-wrap:before {
    content: '';
    position: absolute;
    top: -100%;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(-270deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
    background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
}
.link-overlay {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.list-unstyled {
    margin: 0;
    padding: 0;
    list-style: none;
}
.list-space-sm {
    margin-top: -7.5px;
    margin-bottom: -7.5px;
}
.list-space-sm > * {
    padding-top: 7.5px;
    padding-bottom: 7.5px;
}
.post--overlay .post__text-wrap {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.post--overlay-floorfade .post__text-wrap {
    position: relative;
    width: 100%;
}
.post__text-inner {
    position: relative;
    padding: 20px;
}
@media (min-width: 768px) {
  .post--overlay-padding-lg .post__text-inner {
    padding: 30px; } }
	
.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.media-middle {
    vertical-align: middle;
}
/* =============================================================================
## LAYOUT
============================================================================= */
.site-wrapper {
  overflow: hidden; }
.site-content {
  padding-top: 20px;
  padding-bottom: 30px; }
  @media (min-width: 768px) {
    .site-content {
      padding-top: 40px;
      padding-bottom: 60px; } }
.mnmd-main-col {
  width: 100%;
  float: left;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 992px) {
    .mnmd-main-col {
      width: 680px; } }
  @media (min-width: 1200px) {
    .mnmd-main-col {
      width: 840px;
      padding-right: 35px; } }
  .mnmd-main-col.has-left-sidebar {
    float: right; }
    @media (min-width: 1200px) {
      .mnmd-main-col.has-left-sidebar {
        padding-left: 35px;
        padding-right: 15px; } }

.mnmd-sub-col {
  width: 100%;
  float: left;
  padding-top: 30px;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 992px) {
    .mnmd-sub-col {
      padding-top: 0;
      width: 290px; } }
  @media (min-width: 1200px) {
    .mnmd-sub-col {
      width: 330px; } }
.page-template-profile .mnmd-main-col {
    width: 840px;
    padding-right: 15px;
}

/* -----------------------------------------------------------------
## Post Card
----------------------------------------------------------------- */
.post--card {
  height: auto;
  position: relative;
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fff;
  background-clip: padding-box;
  overflow: hidden; }

.post--card .post__text {
  min-height: 2.85714rem; }

@media (min-width: 768px) {
  .post--card-xs {
    height: 17.85714rem; } }

@media (min-width: 768px) {
  .post--card-sm {
    height: 23rem; } }

@media (min-width: 768px) {
  .post--card-md {
    height: 25rem; } }
@media (min-width: 992px) {
  .post--card-md {
    height: 32.14286rem; } }

@media (min-width: 768px) {
  .post--card-lg {
    height: 32.14286rem; } }
@media (min-width: 992px) {
  .post--card-lg {
    height: 39.28571rem; } }

.post--card .post__thumb {
  height: 40%;
  min-height: 120px;
  position: relative;
  margin: -21px -21px 20px; }

.post--card-sm .post__thumb {
  height: 140px; }

.post--card-md .post__thumb {
  height: 180px; }
.post--card .event__thumb {
  height: 208px; }
.post--card .post__thumb .post__cat--overlap {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  -moz-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  -o-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%); 
  background-color: rgba(0,0,0,.72);
  border:none;
  color:#fff;
  padding: 2px 8px;}

.post--card .post__footer {
  margin: 20px -20px -20px;
  padding: 10px 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  background: #fff; }
  .post--card .post__footer::after {
    clear: both;
    content: "";
    display: table; }
  @media (min-width: 768px) {
    .post--card .post__footer {
      position: absolute;
      top: auto;
      right: 0;
      bottom: 0;
      left: 0;
      margin: 0; }
      .post--card .post__footer:before {
        content: '';
        display: block;
        position: absolute;
        top: auto;
        right: 0;
        bottom: 100%;
        left: 0;
        height: 20px;
        width: 100%;
        margin-bottom: 1px;
        background: -webkit-linear-gradient(bottom, black 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(0deg, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); } }

.post--card .post__footer .post__meta {
  margin-top: 0;
  margin-bottom: 0; }
  
/* -----------------------------------------------------------------
## Buttons
----------------------------------------------------------------- */
input[type="button"]:not(.btn),
input[type="reset"]:not(.btn),
input[type="submit"]:not(.btn) {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-family: "Rubik", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #f5f5f5;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  input[type="button"]:not(.btn):hover,
  input[type="reset"]:not(.btn):hover,
  input[type="submit"]:not(.btn):hover {
    background: #efefef;
    border: 1px solid rgba(0, 0, 0, 0.2); }

.btn {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
  }
  .btn:hover, .btn:focus, .btn:active, .btn:visited {
    border: 1px solid rgba(0, 0, 0, 0.2);
    }

a.btn {
  text-decoration: none; }

.btn-link {
  border: none;
  box-shadow: none; }
  .btn-link:active, .btn-link:focus, .btn-link:hover {
    border: none;
    box-shadow: none; }
	
.btn-default {
	color:#333;
	background-color:#fff;
}
.btn-default.focus,.btn-default:focus {
	color:#333;
	background: #eee;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn-default:hover {
	color:#333;
    background: #f8f8f8;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.btn-primary {
  background: #FC3C2D;
  color: #fff; }
  .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    background: #ef392b;
    color: #fff; }
  .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover {
    background: #e33629;
    color: #fff; }

.btn-pill {
  border-radius: 999em; }

.btn-glass {
  border: 3px solid rgba(255, 255, 255, 0.4);
  background-clip: padding-box; }
  .btn-glass:active, .btn-glass:focus, .btn-glass:hover {
    border: 3px solid rgba(255, 255, 255, 0.4); }

.btn-ghost {
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: rgba(255, 255, 255, 0.8); }
  .btn-ghost:hover, .btn-ghost:active, .btn-ghost:focus, .btn-ghost:visited {
    border: 1px solid rgba(255, 255, 255, 0.8);
    color: white; }

.btn-frame {
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.8); }
  .btn-frame:hover, .btn-frame:active, .btn-frame:focus, .btn-frame:visited {
    border: 1px solid rgba(0, 0, 0, 0.4);
    color: rgba(0, 0, 0, 0.8); }

@media (max-width: 767px){
.hidden-xs{
    display: none!important;
}
}

.modal-open {
	overflow:hidden
}
.modal-open .modal {
	overflow-x:hidden;
	overflow-y:auto
}
.modal {
	-webkit-transform:translate3d(0,0,1px);
	-moz-transform:translate3d(0,0,1px);
	transform:translate3d(0,0,1px);
	display:none;
	overflow:hidden;
	z-index:1050;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	-webkit-overflow-scrolling:touch;
	outline:0;
	text-align:center
}
.modal.fade .modal-dialog {
	opacity:0;
	-webkit-transform:translate3d(0,45px,1px);
	-moz-transform:translate3d(0,45px,1px);
	transform:translate3d(0,45px,1px);
	-webkit-transition:opacity .357s ease-in-out,-webkit-transform .357s ease-in-out;
	transition:opacity .357s ease-in-out,-webkit-transform .357s ease-in-out;
	-moz-transition:transform .357s ease-in-out,opacity .357s ease-in-out,-moz-transform .357s ease-in-out;
	transition:transform .357s ease-in-out,opacity .357s ease-in-out;
	transition:transform .357s ease-in-out,opacity .357s ease-in-out,-webkit-transform .357s ease-in-out,-moz-transform .357s ease-in-out
}
.modal.in .modal-dialog {
	opacity:1;
	-webkit-transform:translate3d(0,0,1px);
	-moz-transform:translate3d(0,0,1px);
	transform:translate3d(0,0,1px);
	-webkit-animation:pulseIn .22s ease-in;
	-moz-animation:pulseIn .22s ease-in;
	animation:pulseIn .22s ease-in;
	-webkit-transition:none;
	-moz-transition:none;
	transition:none
}
.modal-dialog {
	position:relative;
	display:inline-block;
	max-width:800px;
	width:-moz-calc(100%);
	width:calc(100%);
	text-align:left;
	vertical-align:middle;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.modal-body {
	position:relative;
	background:#fff;
	padding:30px 40px 40px
}
.modal-body .modal-close {
	padding:8px;
	color:#fff;
	right:-60px;
	top:-10px
}
.box-dialog,.min-dialog,.modal.in .box-dialog {
	max-width:430px
}
.modal-loading {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(255,255,255,.8);
	background-image:url(assets/images/preloader.gif);
	background-position:center;
	background-repeat:no-repeat;
	z-index:100
}
.modal-backdrop {
	-webkit-transform:translate3d(0,0,1px);
	-moz-transform:translate3d(0,0,1px);
	transform:translate3d(0,0,1px);
	z-index:1040;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:120%;
	background-color:#222
}
.modal-backdrop.fade {
	opacity:0;
	-webkit-transition:opacity .22s ease;
	-moz-transition:opacity .22s ease;
	transition:opacity .22s ease
}
.modal-backdrop.in {
	opacity:.4
}
.modal-scrollbar-measure {
	overflow:scroll;
	position:absolute;
	top:-9999px;
	width:50px;
	height:50px
}
@media screen and (min-width:768px) {
	.modal-dialog {
	width:-moz-calc(100% - 60px);
	width:calc(100% - 60px)
}
}@media screen and (min-width:1025px) {
	.modal:before {
	content:' ';
	display:inline-block;
	height:100%;
	vertical-align:middle
}
.modal-dialog {
	margin-top:0
}
}
.modalbox {
	position:relative;
	background:#fff;
	padding:30px 40px 40px
}
.modal-header h4 {
	text-align:center;
	font-size:1.6rem;
}
.modalbox-main {
	padding:30px
}
.modalbox-title {
	margin:0 0 30px;
	font-weight:400;
	font-size:19px;
	line-height:26px
}
.modal-footer {
	margin-top:10px
}
.modal-footer a {
	color: rgba(0, 0, 0, 0.6);
}
.modal-btn{
	background: #FC3C2D;
    color: #fff;
    width: 100%;
	padding: 10px 12px;
}
.modal-btn:hover{
	background: #FC3C2D;
    color: #fff;
}
.l-tab-covers {
    font-size: 16px;
    border-bottom: 1px solid #eeeeee;
	margin-bottom: 20px;
}
.l-tab-covers .l-tab-list {
    color: #999999;
    display: inline-block;
    margin-right: 30px;
    border-bottom: 2px solid transparent;
    padding-bottom: 20px;
    margin-bottom: -1px;
    cursor: pointer;
}
.l-tab-covers .l-tab-list:hover, .l-tab-covers .l-tab-list.current {
    color: #282828;
    border-bottom: 2px solid #282828;
    font-weight: 500;
}
.l-tab-covers .lost-pass-btn {
	float:right;
	margin-right: 0;
}
.third-login-box {
	margin-top:30px;
}
.third-account {
	text-align:center;
	margin-bottom:15px;
	color:#999
}
.account-login {
	text-align:center
}
.account-login a {
	margin:0 10px
}
.account-login .weibo-login,.account-login .wechat-login,.account-login .qq-login {
	width:42px;
	height:42px;
	background-color:#ddd;
	background-repeat:no-repeat;
	background-position:center;
	border-radius:50%;
	cursor:pointer;
	display:inline-block;
	color:#fff;
	line-height: 40px;
}
.account-login .weibo-login .social-icon {
	font-size:34px;
	margin-top:3px
}
.account-login .weibo-login:hover {
	background-color:#e90e24
}
.account-login .wechat-login:hover {
    background-color: #58bc46;
}
.account-login .qq-login:hover {
    background-color: #3caae3;
}
@media screen and (max-width:767px) {
	.modalbox {
	height:auto
}
}
@media screen and (min-width:768px) {
.modalbox .modal-close {
	padding:8px;
	color:#fff;
	right:-60px;
	top:-10px
}
.modal-close .icon-close {
	padding:8px
}
}
.close {
    z-index: 10;
    outline: 0;
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    font-size: 20px;
    color: #fff;
}
.close:hover i{
    background: rgba(255,255,255,.18);
}
.close i {
    width: 22px;
    height: 22px;
    padding: 8px;
	font-size:1rem;
    border-radius: 100%;
    -webkit-transition: background-color .267s;
    -moz-transition: background-color .267s;
    transition: background-color .267s;
}

ul.errors,ul.messages {
	margin:0;
	padding:0;
	font-size:14px
}
ul.errors li,ul.messages li {
	list-style:none;
	padding:5px 15px;
	margin-bottom:20px
}
ul.errors li {
	border:1px solid #b94a48;
	color:#b94a48;
}
.hidden {
    display: none!important;
    visibility: hidden!important;
}

/*鎻愮ず*/
.sh-message {
	box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);
	min-width:300px;
	margin-left: -150px;
	padding:10px 12px;
	box-sizing:border-box;
	border-radius:2px;
	position:fixed;
	left:50%;
	top:40px;
	background-color:#fff;
	overflow:hidden;
	z-index:999;
}
.sh-message .sh-icon-circle-check {
	color:#53a70b
}
.sh-message .sh-icon-circle-cross {
	color:#d7191a
}
.sh-message .sh-icon-information {
	color:#00bcff
}
.sh-message .sh-icon-warning {
	color:#f7ba2a
}
.sh-message__icon {
	width:40px;
	height:40px;
	position:absolute;
	left:0;
	top:0;
	color: #fff;
    text-align: center;
    line-height: 40px;
}
.sh-message__success {
	background:#13ce66;
}

.sh-message__danger {
	background:rgb(255, 51, 0);;
}

.sh-message__group {
	margin-left:38px;
	position:relative;
	height:20px;
	line-height:20px
}
.sh-message__group p {
	margin:0 34px 0 0;
	white-space:nowrap;
	text-align:justify
}
@keyframes messageFadeInDown {
	0% {
	-webkit-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0)
}
100% {
	-webkit-transform:none;
	transform:none
}
}
.sh-message.messageFadeInDown {
	-webkit-animation-duration:.6s;
	animation-duration:.6s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both -webkit-animation-name:messageFadeInDown;
	animation-name:messageFadeInDown
}
@keyframes messageFadeOutUp {
	0% {
	opacity:1
}
100% {
	opacity:0;
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%)
}
}
.sh-message.messageFadeOutUp {
	-webkit-animation-duration:.6s;
	animation-duration:.6s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both -webkit-animation-name:messageFadeOutUp;
	animation-name:messageFadeOutUp
}
.no-msg{
	display: none;
}

/**/
.btn-loader {
    width: 20px;
    height: 20px;
	float:right;
	position:relative;
	margin:0 5px;
}
.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out;
	color: #FFF;
    background-color: #aaa;
}
.double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
@-webkit-keyframes sk-bounce {
	0%,100% {
	-webkit-transform:scale(0)
}
50% {
	-webkit-transform:scale(1)
}
}@keyframes sk-bounce {
	0%,100% {
	transform:scale(0);
	-webkit-transform:scale(0)
}
50% {
	transform:scale(1);
	-webkit-transform:scale(1)
}
}

.input-group {
    margin-bottom: 15px;
    width: 100%;
}

.bg-box-radius {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #fff;
	padding:30px;
}
.bg-box-radius:after {
    clear: both;
    display: table;
    content: " ";
}
.tips-desc {
    display: block;
    font-size: 1em;
    color: #999;
	margin-top:5px;
}
.shadow-hover{
  -webkit-transition: all 0.15s ease-out 0s;
  -moz-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s; }
.shadow-hover:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04);
}
.item-status {
    float: right;
    width: 46px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    background: #008af5;
    color: #fff;
    border-radius: 2px;
}
.yellowColor {
    background: #f9a006;
}
.grayColor {
    background: #ccc;
}
.qr-weixin {
    position: relative;
}
.qr-weixin .weixin-qrcode {
	position: absolute;
    top: 30px;
    left: -72px;
    visibility: hidden;
    -webkit-transition: .2s opacity ease,visibility .2s;
    transition: .2s opacity ease,visibility .2s;
    opacity: 0;
    background-color: #fff;
    border: solid 1px #d2d2d2;
    border-radius: 4px;
    box-shadow: 0 4px 10px rgba(0,0,0,.12);
    height: 170px;
    width: 170px;
    z-index: 100;
	color: #999;
    font-size: 13px;
	text-align: center;
}
.qr-weixin:hover .weixin-qrcode {
    visibility: visible;
    opacity: 1;
}
.qrcode img{
	width: 120px;
	margin: 5px auto 0;
	display: block;
}
.site-footer__section .qr-weixin .weixin-qrcode {
    top: -190px;
}

.quanju {
	height:160px;
}

.post__text{
	font-size:1.1rem;
	line-height: 1.8;
}

.ztnr p{
	text-indent:2em;
	line-height: 1.8;
}

.ztnr H2{
	border-bottom:1px solid #eaeaea;
	font-size:22px;
	font-weight:700;
	line-height: 1.8;
	margin-top:10px;
	margin-bottom:0.75em;
}
.ztnr H3{
	font-size:20px;
	font-weight:600;
	line-height: 1.2;
	text-indent:2em;
	margin-top:10px;
	margin-bottom:0.75em;
}
.ztnr H4{
	font-size:20px;
	font-weight:600;
	line-height: 1.2;
	text-indent:2em;
	margin-top:10px;
	margin-bottom:0.75em;
}