body {
background:#e8e8e8;
font-family:Play, sans-serif;
font-size:14px;
}
a{text-decoration:none;color:black;}
.header {
background-color:#FFF;
box-shadow:0 3px 10px 0 rgba(0,0,0,.07);
height:80px;
min-width:1200px;
width:100%;
}

.main {background-color:#FFF;box-shadow:0 3px 10px 0 rgba(0,0,0,.07);display:table;margin:10px auto;max-width: 1210px;min-width: 1210px;padding:10px;border-top: 3px solid #a7aa69;}

.main_left {
display:inline-block;
float:left;
width:860px;
}

.main_right {display:inline-block;float:left;margin-left:10px;width: 340px;}

.sticky {
height:510px;
position:sticky;
top:10px;
}
amp-social-share{float:left;}
.featured,.activity,.content {float:left;margin-bottom: 15px;width:860px;}
.box {
    float: left;
    width: 60px;
    height: 85px;
    display: block;
    margin-bottom: 10px;
}
.count {
    display: block;
    width: 58px;
    height: 43px;
    font-size: 1.125em;
    line-height: 43px;
    float: left;
    margin: 5px 0px 10px;
    border: 1px solid #e8e8e8;
    text-align: center;
    position: relative;
}
.count:before {
    bottom: -16px;
    left: 0;
    border-top-color: #5d5c5c!important;
    right: 0;
}

.count:after, .count:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom: 0;
    top: 31px;
}
.count:after, .count:before {
    margin: auto;
    border-width: 4px;
}
.count:after {
    bottom: -15px;
    left: 0;
    border-top-color: #FFF;
    right: 0;
}
.f_1,.f_2,.f_3,.f_4,.f_5,.f_6 {
background-color:#F5F5F5;
display:block;
float:left;
height:210px;
overflow:hidden;
position:relative;
width:280px;
}

.f_3 {
margin:0 0 10px;
}

.f_4 {
margin:0 10px 0 0;
}

.f_5 {
margin:0;
}

.f_6 {
margin:0 0 0 10px;
}

.featured h2,.activity>.right article h3,.content>.right article h3, .sticky h3 {
background:rgba(0,0,0,.5);
bottom:0;
color:#fff;
font-size:15px;
font-style:normal;
font-weight:400;
left:0;
line-height:17px;
margin:0;
padding:7px;
position:absolute;
text-transform:uppercase;
width:97%;
}

.featured i,.content i, .sticky article i, .most-read i {
bottom:0;
color:#e6e6e6;
font-size:60px;
height:60px;
left:0;
margin:auto;
position:absolute;
right:0;
top:0;
width:60px;
z-index:9;
}
.activity i{color: #ffffff;font-size: 20px;height: 20px;left: 2px;margin:auto;position:absolute;top: 2px;width: 20px;z-index:9;background: rgba(168, 168, 96, 0.84);padding: 2px 4px;}
.right {
float:right;
}

.activity h2,.content h2,.sticky h2 {border-bottom:2px solid #a8a860;font-size:19px;font-style:normal;font-weight:400;margin: 0 0 20px;padding-bottom: 15px;}

.activity>.left article,.content>.left article {
float:left;
margin-bottom:10px;
width:430px;
}

.activity>.left,.content>.left {
width:430px;
}

.activity>.right,.content>.right {
width:420px;
}

.activity>.right amp-img,.content>.right amp-img {
top:-50px;}
.sticky article amp-img {top: -20px;}

.activity>.right article,.content>.right article{
height:209px;
overflow:hidden;
position:relative;
width:420px;
}
.sticky article {
    height: 209px;
    overflow: hidden;
    position: relative;
    width: 340px;
}
.activity>.left article h3,.content>.left article h3 {
border-bottom:1px solid #dcdcdc;
float:left;
font-size:15px;
font-weight:400;
height:88px;
line-height:21px;
margin:10px 0 0 10px;
width:285px;
}

.product article {
border-bottom:1px solid #dcdcdc;
float:left;
height:120px;
overflow:hidden;
padding:5px 0;
width:33%;
}

.product h3 {
display:block;
float:left;
font-size:14px;
font-weight:400;
padding:10px;
text-align:center;
text-transform:uppercase;
width:140px;
}

.tabButton[selected] {
background:#fff;
border-bottom:0 solid #e8e8e8;
outline:none;
}

.i-amphtml-layout-container,.i-amphtml-layout-fixed-height,.i-amphtml-layout-responsive {
border:1px solid #e8e8e8;
display:block;
position:relative;
}

.i-amphtml-element {
display:inline-block;
}

amp-selector {float:left;margin-bottom: 15px;width: 338px;}

.ampTabContainer {
display:flex;
flex-wrap:wrap;
}

amp-selector [option][selected] {cursor:auto;outline: 1px solid rgba(247, 247, 247, 0);}

.tabButton {
background:#f6f6f6;
border-bottom:1px solid #e8e8e8;
cursor:pointer;
flex-grow:1;
font-size:16px;
height:35px;
line-height:35px;
list-style:none;
outline:1px solid rgba(214,213,213,0.7);
text-align:center;
}

.tabButton[selected]+.tabContent {display:block;padding: 12px 5px 0;}
.tabContent{display:none;height: 380px;}
.video_new{display:block;padding:0;border:1px solid #e8e8e8;width:338px;height: 250px;margin-top:10px;}
.tabContent, .video_new {
float:left;
background:#FFF;

order:1;

position:relative;
width:100%;
}

.footer {
border-bottom:3px solid #a7aa69;
border-top:1px solid #D7D7D7;
clear:both;
display:block;
float:left;
height:60px;
margin-top:10px;
padding:8px 0;
width:100%;
}

span.copyright {
float:left;
font-size:15px;
padding-top:5px;
text-align:center;
width:100%;
}

.f_1,.f_2 {
margin:0 10px 10px 0;
}

amp-img,.left {
float:left;
}
.most-read article{
    width: 100%;
    float: left;
    margin-bottom: 12px;
}
.most-read article h3{
    font-size: 15px;
    float: left;
    width: 215px;
    font-weight: 400!important;
    font-style: normal!important;
    line-height: 20px;
    border-bottom: 1px solid #dcdcdc;
    height: 63px;
    margin: 0 0 0 10px;
}
.post{
    width: 780px;
    float: right;
    font-size: 17px;
    line-height: 25px;
}
.post p{
    margin: 20px 0;
}
.post-image amp-img{
    top: -50px;
}
.post-image{
	width:790px;
	height:428px;
	float:left;
	overflow:hidden;
	margin-bottom:15px;
	position: relative;
}
.post-video{
	width: 790px;
	float: left;
	height: 402px;
	margin:15px 0;
}
amp-vimeo, amp-youtube, amp-facebook{
	width: 790px;
	float: left;
	height: 402px;
}
.post p em {font-style:italic;font-weight:bold;}
.post-info{
    width: 100%;
    float: left;
    margin-top: -18px;
}
.post-info span{
    font-size: 13px;
}
.main h1{
    clear: both;
    color: #444141;
    font-size: 26px;
    font-weight: 400;
    line-height: 30px;
    text-shadow: 0 0 0 transparent;
    width: 98.5%;
    position: relative;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 10px;
    min-height: 40px;
    padding-left: 20px;
    margin-top: 20px;
    float: left;
    text-transform: uppercase;
}
.share{
    float: left;
    width: 65px;
    height: 300px;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    top: 15px;
}
.image-gallery{
	width: 760px;
	float: left;
	height: 65px;
	padding: 10px;
	margin-bottom: 15px;
	background: white;
	z-index: 9;
	position: relative;
	border: 1px solid #e8e8e8;
}
.image-g{
	float: left;
	margin-right: 10px;
}
.g-sve{
	width: 100px;
	height: 28px;
	padding: 17px 0;
	float: left;
	text-align: center;
	font-size: 14px;
	line-height: 15px;
	background: #a8a860;
	color: white;
	cursor: pointer;
}
.post-image i{
    bottom: 0;
    color: rgb(255, 255, 255);
    font-size:60px;
    height:60px;
    left:0;
    margin:auto;
    position:absolute;
    right:0;
    top:0;
    width:60px;
    z-index:9;
    background: rgba(168, 168, 96, 0.61);
    display: none;
}
.post-image:hover i{
	display:block;
	}