@charset "utf-8";
/* CSS Document */
.whatsnew-100per{ width: 100%; height: auto; float: left; display: block; background: #564739; padding: 0px 0 50px 0; z-index: 2;}
.whatsnew-box706{ width: 90%; max-width: 706px; margin: 0 auto; text-align: center; overflow: hidden; }

.whatsnew-box706 ul{ margin-left: -10px; margin-right: -10px; display: block; padding-bottom: 170px }
.whatsnew-box706 ul li{ width: 100%; height: auto; float: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;  justify-content: center;}

li.single-cont{height: 300px !important;}
li.single-cont .new1{width: 100%; padding: 50px 0% 0px 0%;}
li.single-cont .new1 span{margin: 0px; height: 190px; width: 180px; display: inline-block; float: left;}
li.single-cont .new1 span img{width: 158px;}
li.single-cont .new1 .whats-cont{width: 75%; float: left; padding-left: 30px;}
li.single-cont .new1 .whats-cont h2, li.single-cont .new1 .whats-cont h3, li.single-cont .new1 .whats-cont p{text-align: left;}
li.single-cont .new1 .whats-cont p{line-height: 21px; width: 99%;}
li.single-cont .new4.new1 big{right: 535px;}

.new4{ width: 50%;  float: left; display: block; position: relative; padding:50px 7% 0px 7%; box-sizing: border-box; }
.new4 span{ width:158px; height: 158px; margin: 0 auto 50px; text-align:center; display: table; overflow: hidden;  }
.new4 span img{ width: 100%; border-radius: 50%;}
.new4 h2{ width: 100%; height: auto; display: block; font-size: 20px; font-weight: 400; line-height: normal; text-align: center; color: #FFFFFF; padding-bottom: 30px;}
.new4 h3{ width: 100%; height: auto; display: block; font-size: 16px; font-weight: 400; line-height: 20px; text-align: center; color: #d1bda8; padding-bottom: 20px;}
.new4 p{ width: 100%; height: auto; display: block; font-size: 14px; font-weight: 400; line-height: 18px; text-align: center; color: #d1bda8; }
.new4 big{ position: absolute; right:3px; top: 0; bottom: 0; width: 7px; height: 100%; display: table; }
.new4 big i{ display:table-cell;  width: 7px; padding: 10px 0; vertical-align: middle;  }
.new4 big i aside{ background: url(../img/news-line.png) repeat-y center top; position: relative; width: 7px; height:225px; display: block;}
.new4 big i aside:after{ width: 7px; height: 7px; background: url(../img/round-news.png) top center no-repeat; content: ''; position: absolute; left: 0; top:-7px; display: block;}
.new4 big i aside:before{ width: 7px; height: 7px; background: url(../img/round-news.png) top center no-repeat; content: ''; position: absolute; left: 0; bottom:-7px; display: block;}
.whatsnew-box706 ul li hr{ width: 100%; height:24px; background: url(../img/hr-line.png) no-repeat center center; position: relative; border: 0; border-top: 0px solid #eee; margin-top: 50px!important;   margin-bottom: 0px; display: block;  }
.whatsnew-box706 ul li hr:after{ content: ''; position: absolute; left: 14px; top: 0; width:37px; height: 24px; background:#564739 url(../img/hr-left.png) no-repeat left 3px;}
.whatsnew-box706 ul li hr:before{ content: ''; position: absolute; right: 14px; top: 0; width:37px; height: 24px; background:#564739 url(../img/hr-right.png) no-repeat left 3px;}


.slider_prev22{background: url(../img/previous-icon2.png) no-repeat top left; width: auto; padding-left: 96px; height: 25px; display: block; margin-top: 50px;  cursor: pointer; z-index: 6; font-size: 16px; font-weight: 400; color: #b9a279; line-height: 25px; float: left;}

.slider_next22{ background: url(../img/next-icon2.png) no-repeat top right; width: auto; padding-right: 95px; height: 25px; display: block;   margin-top: 50px;  font-size: 16px; font-weight: 400; color: #b9a279; line-height: 25px; float: right;}

.whats_newpop, .link_pop, .whats_newpop2{ font-size:16px; padding:8px 80px 8px 0px; background:url(../images/pop_link.png) no-repeat right; color:#e5cb98 !important; text-decoration:none; float:left; text-decoration:none !important; margin:15px 0 0;}
.whats_slider .slick-slide img{padding:0px !important}



.popslide_next {
    position: absolute;
    background: url(../images/popw_next.png) no-repeat top right;
    width: 17px;
    height: 31px;
    display: block;
    text-indent: -9999px;
    top: 50%;
    margin-top: -20px;
    right:20px;
    padding: 0px;
    cursor: pointer;
	z-index:99;
}
.popslide_prev {
    background: url(../images/popw_prev.png) no-repeat top right;
    width: 17px;
    height: 31px;
    position: absolute;
    display: block;
    text-indent: -9999px;
    top: 50%;
    margin-top: -20px;
    left:20px;
    padding: 0px;
    cursor: pointer;
	z-index:99;
}

.slidecustomPop #cboxContent{margin-top: 0px !important;}

.sliderpop_slider .slick-slide img{margin: 0 auto!important; border-radius:0px;}

.box34 #cboxClose {
    position: absolute;
    top: -40px;
    right: 0;
    display: block;
    background: url(../img/op-close-leader2.png) no-repeat top center;
    width: 21px;
    height: 21px;
    text-indent: -9999px;
    outline: none;
    margin: 0;
    border: 0;
}

@media screen and (max-width:600px){
	li.single-cont{float: none !important; height: auto !important;}
	li.single-cont .new1 span{float: none;}
	li.single-cont .new4.new1 big{display: none;}
	li.single-cont .new1 .whats-cont{width: 100%; float: none; text-align: center; padding-right: 30px; padding-bottom: 30px;}
	li.single-cont .new1 .whats-cont h2, li.single-cont .new1 .whats-cont h3, li.single-cont .new1 .whats-cont p{text-align: center;}
	li.single-cont .new1 .whats-cont p{padding-bottom: 30px;}
	.new4 {width: 100%;}
	.new4 big{ position: relative; bottom: inherit; top: inherit; bottom:inherit; width: 100%; height:7px; display: block; }
.new4 big i{ display: block; width: auto; height: 7px; padding: 0px 10px; vertical-align: middle; margin-top: 30px;  }
.new4 big i aside{ background: url(../img/news-line-mob.png) repeat-x center top; position: relative; width:100%; height:7px; display: block; position: relative;   }
.new4 big i aside:after{ width: 7px; height: 7px; background: url(../img/round-news.png) top center no-repeat; content: ''; position: absolute; left: -7px; top:0px; display: block;}
.new4 big i aside:before{ width: 7px; height: 7px; background: url(../img/round-news.png) top center no-repeat; content: ''; position: absolute; left: inherit; right: -7px; bottom:0px; display: block;}
.whatsnew-box706 ul li hr{ display: none;}
	.whats_newpop, .link_pop, .whats_newpop2{float:none;}
	.sliderpop_slider img{width: 100%;}
	.sliderpop_slider .slick-slide img{ padding: 0px !important;}
	.customPop #cboxClose {
    top: -20px !important;
}
}