@charset "utf-8";

/* CSS Document */

* {margin:0px; padding:0px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}

body {font-size:13px; font-family: 'Lora', serif; font-weight:400; color:#444444; background:#f7f7f7;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, label, form{display:block}

.clr {clear:both;}

.clr10 {clear:both; height:10px; width:100%;}

.clr5 {clear:both; height:5px; width:100%;}

.clr15 {clear:both; height:15px; width:100%;}

.clr20 {clear:both; height:20px; width:100%;}

.ClrNon {display:block;}

a { color:#64d498; text-decoration:none; transition: all 300ms ease-in 0s;-moz-transition: all 300ms ease-in 0s;-o-transition: all 300ms ease-in 0s;-webkit-transition: all 300ms ease-in 0s; -ms-transition: all 300ms ease-in 0s;}

:focus {outline:none;}

ul {list-style:none;}

a:hover { text-decoration: underline;}

input:focus {outline:none;}

textarea:focus {outline:none; -webkit-appearance: none;}

input[type=button], input[type=submit] {cursor:pointer; -webkit-appearance: none;}/* CSS Document */

img {border:none; display:inline-block;}





#wap {float:left; width:100%; padding:0px; overflow:hidden; transition: all 300ms ease-in 0s;-moz-transition: all 300ms ease-in 0s;-o-transition: all 300ms ease-in 0s;-webkit-transition: all 300ms ease-in 0s; -ms-transition: all 300ms ease-in 0s;}



/*================================ header ================================*/

.nav-main {float:left; width:100%; background:#000; position:fixed; left:0; top:0; z-index:99;}

ul.nav-box {width:960px; margin:0 auto;}

.nav-box li{float:left; width:auto; font-family: 'Montserrat', sans-serif;}

.nav-box li a {display:inline-block; text-align:center; line-height:36px; color:#fff; text-transform:uppercase; font-size:13px; padding:0 25.15px; border-right:1px solid #fff; font-weight:400;}

.nav-box li:first-child {border-left:1px solid #fff;}

.nav-box li a:hover, .nav-box li a.active {background:#64d498;}



@media screen and (-webkit-min-device-pixel-ratio:0) { 

    /* Safari only override */

    ::i-block-chrome,.nav-box li:last-child a {

     padding:0 23px;

    }

}

/*================================ header end ================================*/



.center-div { /*width:960px;*/ width:1018px; margin:0 auto;}



/*================================ banner ================================*/

.banner-main {float:left; width:100%; margin:54px 0 53px 0;}

.banner-img {float:left; width:100%; position:relative; background:url(../images/banner-img.png) center no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; height:335px;}

.banner-title {position:absolute; left:77px; top:122px; width:auto; background:#fff; padding:10px 20px; color:#64d498; font-size:28px; font-family: 'Montserrat', sans-serif; font-weight:700; text-transform:uppercase; z-index:1}

.banner-text {position:absolute; left:77px; top:194px; padding:0 77px 0 0; font-size:14px; color:#000000; text-transform:uppercase;}

.banner-text b {display:block; font-weight:700; font-size:16px; margin-top:6px;}

/*================================ banner end ================================*/



/*================================ container main ================================*/

.container-main {float:left; width:100%; margin:0px; padding:0px;}

.container-left {float:left; width:732px; margin:0px; padding:0px; position:relative; max-width:100%;}

.post-date-main {position:absolute; left:0; top:-10px; width:73px; border:1px solid #000;}

.post-date-sub {float:left; width:100%; margin:0px; padding:20px 0; font-family: 'Montserrat', sans-serif; font-weight:700; text-transform:uppercase; color:#000; text-align:center;}

.post-month {float:left; width:100%; font-size:14px;}

.post-date {float:left; width:100%; font-size:25px;}

ul.post-social {float:left; width:100%; text-align:center; border-top:1px solid #000;}

.post-social li {float:left; width:50%; border-right:1px solid #000;}

.post-social li:last-child {border:none;}

.post-social li a {display:block; background:url(../images/social-icon.png) no-repeat; height:34px;}

.post-social li a.fb {background-position:14px 12px;}

.post-social li a.tw {background-position:-18px 13px;}

.post-social li a:hover.fb {background-position:14px -20px;}

.post-social li a:hover.tw {background-position:-18px -20px;}

.post-box {float:left; width:100%; padding:0 0 0 111px; position:relative; min-height:200px;}

.post-contain {float:left; width:100%; margin:0px; padding:0px;}

.post-head {float:left; width:100%;}

.post-line {padding:0 0 15px 0; background:url(../images/border-line.png) left bottom no-repeat;}

.post-title {float:left; width:100%; margin:0px; padding:0px;}

.post-title a {display:inline-block; color:#000; font-weight:700; font-family: 'Montserrat', sans-serif; font-size:24px; text-transform:uppercase;}

.post-title a:hover {color:#64d498;}

.post-head-contain {float:left; width:100%; margin:8px 0 0 0; padding:0px;}

.post-name-pic {float:left; width:auto; margin:0px; padding:0px; font-size:16px; color:#000;line-height:24px;}

.post-name-pic img {float:left; width:24px; height:24px; border-radius:50%; margin:0 12px 0 0; }

.post-name-pic a {display:inline-block; color:#000;}

.post-name-pic a:hover {text-decoration:underline;}

.post-comment {float:right; width:auto; }

.post-comment span {display:inline-block; background:url(../images/comment-icon.png) left no-repeat; padding:0 0 0 22px; font-size:15px; color:#000;}

.post-img {float:left; width:100%; margin:40px 0;}

.post-img img {display:block; max-width:100%; margin:0 auto;}

.post-comment-text {float:left; width:100%; margin:0px; padding:0px; font-size:16px; color:#444444; line-height:24px;}

.play-box {float:left; width:100%;}

.play-box-name {float:left; width:100%; margin:5px 0 0 0; padding:0px; font-size:14px; color:#000000; font-family: 'Montserrat', sans-serif;}

.line-div {float:left; width:100%; height:5px; background:#f2f2f2; margin:25px 0;}



.container-right {float:right; width:250px;/*width:192px;*/ margin:0px; padding:0px;}

.title-sub {float:left; width:100%; font-size:14px; color:#000; font-weight:700;font-family: 'Montserrat', sans-serif; text-transform:uppercase;}

.title-line {padding:0 0 15px 0; background:url(../images/border_line_short.png) left bottom no-repeat;}

ul.post-year {float:left; width:100%; margin:20px 0 5px 0; padding:0px; /*height:250px;*/ overflow-y:auto;}

.post-year li {float:left; width:100%; margin-bottom:0px;}

.post-year li a {display:inline-block; font-size:12px; color:#000; line-height: 13px}

.post-year li a:hover {text-decoration:underline;}

.more-link {float:left; width:auto; margin:0px; padding:0px; color:#2b5532; font-size:14px; text-decoration:underline;}

.more-link:hover {text-decoration:none;}



.subscribe-box {float:left; width:100%; background:url(../images/subscribe-bg.png) no-repeat right top #f2f2f2; margin-top:20px; padding:25px 20px;}

.subscribe-box h2 {float:left; width:100%; font-size:14px; color:#000; font-family: 'Montserrat', sans-serif; text-transform:uppercase;}

.subscribe-box p {display:block; margin:10px 0 15px 0; font-size:14px; color:#878787; float:left; width:100%;}

.subscribe-fild {float:left; width:100%; margin:0px; padding:0px; position:relative;}

.subscribe-input { margin-bottom:7px; float:left; width:100%; font-size:13px; height:34px; padding:8px;background:#fff; border:none; color:#000;}

.subscribe-btn {position:relative; top:10px; height:26px; border:none; color:#fff; font-size:13px;  background:#aad3d7; cursor:pointer; width:60px;}

.subscribe-text { width: 100%; float: left; border:none; color:#000; height: 100px; resize:none; padding: 8px; margin-bottom: 7px; font-size: 13px; font-family: arial}

.subscribe-btn:hover {background:#64d498;}

::-webkit-input-placeholder {

   color: #a2a2a2;

}



:-moz-placeholder { /* Firefox 18- */

   color: #a2a2a2;  

}



::-moz-placeholder {  /* Firefox 19+ */

   color: #a2a2a2;  

}



:-ms-input-placeholder {  

   color: #a2a2a2;  

}

.footer-main {float:left; width:100%; background:#000; margin-top:50px;}

.footer-copyright {float:left; width:auto; line-height:64px; color:#fff; text-transform:uppercase; font-size:15px;}

ul.footer-socail {float:right; width:auto; margin:16px 0 0 0; padding:0px;}

.footer-socail li {float:left; width:auto; margin:0 20px 0 0;}

.footer-socail li a {display:inline-block; height:34px; width:34px; border:2px solid #808080; border-radius:50%; background:url(../images/footer-socail.png) left top no-repeat;}

.footer-socail li a.fb {background-position:12px 8px;}

.footer-socail li a:hover.fb {background-position:12px -30px; border-color:#3b5998;}

.footer-socail li a.tw {background-position:-24px 8px;}

.footer-socail li a:hover.tw {background-position:-24px -30px; border-color:#73d4fc;}

.footer-socail li a.in {background-position:-63px 8px;}

.footer-socail li a:hover.in {background-position:-63px -30px;border-color:#ac9277;}

.footer-socail li a.gp {background-position:-99px 8px;}

.footer-socail li a:hover.gp {background-position:-99px -30px; border-color:#dd4b39;}





.menu-icon {position:absolute; left:-34px; top:5px; display:none;}

.scroll-div ul.nav-box {width:100%; margin-bottom:30px; float:left; display:none;}

 .scroll-div .nav-box li {border-bottom:1px solid #C9C9C9; width:100%;}

.scroll-div .nav-box li a {color:#000; text-align:left; padding:0px;}

.scroll-div .nav-box li.current-menu-item a { color:#64d498; background: none }

.scroll-div .nav-box li a:hover, .scroll-div .nav-box li a.active {background:none; color:#64d498;}

.open {right:0 !important;}

.body-class {margin-left:-223px;}











.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 74px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */  overflow: hidden;  text-indent: 100%;  white-space: nowrap;  background:#64d498 url(../images/cd-top-arrow.svg) no-repeat center 50%;  visibility: hidden;  opacity: 0;  -webkit-transition: opacity .3s 0s, visibility 0s .3s;  -moz-transition: opacity .3s 0s, visibility 0s .3s;  transition: opacity .3s 0s, visibility 0s .3s;}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {  -webkit-transition: opacity .3s 0s, visibility 0s 0s;  -moz-transition: opacity .3s 0s, visibility 0s 0s;  transition: opacity .3s 0s, visibility 0s 0s;}

.cd-top.cd-is-visible {  /* the button becomes visible */  visibility: visible;  opacity: 1;}

.cd-top.cd-fade-out {  /* if the user keeps scrolling down, the button is out of focus and becomes less visible   opacity: .5;*/}

.no-touch .cd-top:hover {  background-color: #e86256;  opacity: 1;}