/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*         o°        o°        o°                                         °o        °o        °o         */
/*        O         O         O                  NEWS LIST                  O         O         O        */
/* ><(((°>   ><(((°>   ><(((°>                                               <°)))><   <°)))><   <°)))>< */
/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ */

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°    Main container with large background   °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

#main-container.news{
	background-image:url(../images/news/news.jpg);
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                   Block                   °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.news-block{
	width:984px;
	background:#fff;
	border:solid 1px #dadada;
	margin:35px auto 0 auto;
	padding:2px 2px 45px 2px;
}

@media all and (max-width: 989px){
	.news-block{width:738px; padding:1px 1px 30px 1px;}
}

@media all and (max-width: 767px){
	.news-block{width:241px; border:none; padding:0;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                 Tip items                 °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

@media all and (max-width: 767px){
	.news-item{margin:0 0 35px 0;}
}

/* .o° .o° .o° .o° .o° .o° Images °o. °o. °o. °o. °o. °o. */

.news-item .img{
	overflow:hidden;
	line-height:0;
	float:left;
	width:491px;
	height:330px;
}

.news-item .img img{
	width:100%;
}

.news-item .img img.mobile{
	display:none;
}

/* even items */

.news-item:nth-child(even) .img{
	float:right;
}

@media all and (max-width: 989px){
	.news-item .img{width:370px; height:247px;}
}

@media all and (max-width: 767px){
	.news-item .img img{display:none;}
	.news-item .img img.mobile{display:block;}
	.news-item .img, .news-item:nth-child(even) .img{width:auto; height:auto; float:none; padding:2px;}
}

/* .o° .o° .o° .o° .o° .o° Text °o. °o. °o. °o. °o. °o. */

.news-item .text{
	float:right;
	padding:10px 20px 0 0;
	width:450px;
}

/* even items */

.news-item:nth-child(even) .text{
	float:left;
	padding:10px 0 0 20px;
	text-align:right;
}

@media all and (max-width: 989px){
	.news-item .text{width:337px;}
}

@media all and (max-width: 767px){
	.news-item .text, .news-item:nth-child(even) .text{width:auto; float:none; text-align:center; margin:0 2px; padding:0;}
}

/* .o° .o° .o° .o° .o° .o° Text : title °o. °o. °o. °o. °o. °o. */

.news-item h1{
	font:700 29px / 32px 'Open Sans', sans-serif;
	color:#fff;
	position:relative;
	display:inline-block;
	padding:15px 20px;
	background:#f01724;
}

.news-item h1 a{
	color:#fff;
	position:relative;
	z-index:2;
}


@media all and (max-width: 989px){
	.news-item h1{font-size:21px; line-height:22px; padding:11px 15px;}
}

@media all and (max-width: 767px){
	.news-item h1{text-align:left; display:block;}
}

/* detail */

.news-item .detail{
	font-size:0;
}

.news-item .detail p{
	display:inline-block;
	padding:0 0 0 20px;
	background:url(../images/news/news-detail-left.png) no-repeat 0 0;
}

.news-item .detail span{
	display:inline-block;
	height:28px;
}

.news-item .detail span.bg{
	padding:0 20px 0 0;
	background:url(../images/news/news-detail-right.png) no-repeat right 0;
}

.news-item .detail span.bg2{
	font:700 13px / 28px 'Open Sans', sans-serif;
	color:#fff;
	background:#087234;
}

/* odd */

.news-item:nth-child(odd) .detail p{
	background:none;
	padding:0;
}

.news-item:nth-child(odd) .detail span.bg2{
	padding:0 0 0 20px;
}

/* even */

.news-item:nth-child(even) .detail span.bg{
	background:none;
	padding:0;
}

.news-item:nth-child(even) .detail span.bg2{
	padding:0 20px 0 0;
}

@media all and (max-width: 989px){
	.news-item .detail span{height:22px;}
	.news-item .detail span.bg2{font-size:11px; line-height:22px;}
}

@media all and (max-width: 767px){
	.news-item .detail{text-align:left;}
	.news-item:nth-child(odd) .detail p, .news-item:nth-child(even) .detail p{background:none; padding:0;}
	.news-item:nth-child(odd) .detail span.bg2, .news-item:nth-child(even) .detail span.bg2{padding:0 0 0 20px;}
	.news-item:nth-child(odd) .detail span.bg, .news-item:nth-child(even) .detail span.bg{padding:0 20px 0 0; background:url(../images/news/news-detail-right.png) no-repeat right 0;}
}

/* .o° .o° .o° .o° .o° .o° Text : description °o. °o. °o. °o. °o. °o. */

.news-item p{
	font:400 14px / 20px 'Open Sans', sans-serif;
	color:#000;
	padding:20px 0 0 0;
}

@media all and (max-width: 989px){
	.news-item p{font-size:13px; line-height:18px; padding:15px 0 0 0;}
}

@media all and (max-width: 767px){
	.news-item p{font-size:14px; line-height:18px; padding:20px 13px 0 13px; text-align:left;}
}

/* .o° .o° .o° .o° .o° .o° Text : link °o. °o. °o. °o. °o. °o. */

.news-item a.news-item-link{
	font:400 16px / 40px 'Open Sans', sans-serif;
	color:#f01724;
	text-transform:uppercase;
	display:inline-block;
	height:40px;
	padding:0 15px;
	border-radius:2px;
	border:solid 2px #e61a2b;
	margin:20px 0 11px 0;
	position:relative;
	z-index:2;
}

.news-item a.news-item-link:hover{
	background:#f01724;
	color:#fff;
}

@media all and (max-width: 989px){
	.news-item a.news-item-link{font-size:12px; line-height:29px; height:29px; padding:0 12px; margin:15px 0 11px 0;}
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*         o°        o°        o°                                         °o        °o        °o         */
/*        O         O         O                    NEWS                     O         O         O        */
/* ><(((°>   ><(((°>   ><(((°>                                               <°)))><   <°)))><   <°)))>< */
/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ */


/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                   Image                   °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.news-info .news-img{
	height:330px;
	line-height:0;
	overflow:hidden;
}
.news-info .news-img img{
	width:100%;
}

@media all and (max-width: 989px){
	.news-info .news-img{height:247px; text-align: center;}
}

@media all and (max-width: 767px){
	.news-info .news-img img{text-align:center; height:100%; width:auto;}
	.news-info .news-img img.desktop{display: none;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                   Title                   °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.news-info h1{
	font:700 29px / 32px 'Open Sans', sans-serif;
	color:#fff;
	position:relative;
	text-align:center;
	margin-top:-25px;
}

.news-info h1 span.news-title1{
	color:#fff;
	box-shadow:20px 0 0 #f01724, -20px 0 0 #f01724;
	background:#f01724;
	padding:18px 0 13px 0;
	-webkit-box-decoration-break:clone;
	-ms-box-decoration-break:clone;
	-o-box-decoration-break:clone;
	box-decoration-break:clone;
}

.news-info h1 span.news-title2{
	position:relative;
	z-index:2;
}

/* detail */

.news-info .detail{
	font-size:0;
	text-align:center;
	margin:16px 0 0 0;
}

.news-info .detail p{
	display:inline-block;
	padding:0 0 0 20px;
	background:url(../images/news/news-detail-left.png) no-repeat 0 0;
}

.news-info .detail span{
	display:inline-block;
	height:28px;
}

.news-info .detail span.bg{
	padding:0 20px 0 0;
	background:url(../images/news/news-detail-right.png) no-repeat right 0;
}

.news-info .detail span.bg2{
	font:700 13px / 28px 'Open Sans', sans-serif;
	color:#fff;
	background:#087234;
}

@media all and (max-width: 989px){
	.news-info h1{font-size:21px; line-height:22px; margin-top:-17px;}
	.news-info h1 span.news-title1{box-shadow:15px 0 0 #f01724, -15px 0 0 #f01724; padding:12px 0 10px 0;}
	.news-info .detail{margin:13px 0 0 0;}
	.news-info .detail span{height:22px;}
	.news-info .detail span.bg2{font-size:11px; line-height:22px;}
}

@media all and (max-width: 767px){
	.news-info h1{margin:-10px 13px 0 13px; max-width:none; display:block;}
	.news-info h1 span.news-title1{box-shadow:11px 0 0 #f01724, -11px 0 0 #f01724;}
}


/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                   Text                    °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.news-info .text{
	padding:35px 49px 55px 49px;
	font:400 15px / 20px 'Open Sans', sans-serif;
	color:#411200;
}

.news-info .text strong{
	font-weight:700;
}

@media all and (max-width: 989px){
	.news-info .text{padding:35px 17px 55px 17px; font-size:14px; line-height:18px;}
}

@media all and (max-width: 767px){
	.news-info .text{padding:30px 13px;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°            LINKS TO OTHER TIPS            °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.news-info .other-tips{
	text-align:center;
	font-size:0;
}

/* title */

.news-info .other-tips h3{
	font:700 18px / 20px 'Open Sans', sans-serif;
	color:#e61a2b;
	text-transform:uppercase;
	padding:0 0 19px 16px;
	text-align:left;
}

/* .o° .o° .o° .o° .o° .o° Tip block °o. °o. °o. °o. °o. °o. */

.news-info .other-tips .tip{
	width:322px;
	height:314px;
	display:inline-block;
	position:relative;
	line-height:0;
	overflow:hidden;
	text-align:left;
}

.news-info .other-tips .tip:nth-child(1){
	float:left;
}

.news-info .other-tips .tip:nth-child(3){
	float:right;
}

/* .o° .o° .o° .o° .o° .o° Image °o. °o. °o. °o. °o. °o. */

.news-info .other-tips .tip img{
	width:100%;
}

/* .o° .o° .o° .o° .o° .o° Title °o. °o. °o. °o. °o. °o. */

.news-info .other-tips .tip h4{
	position:absolute; left:34px; top:48px;
	font:700 29px / 32px 'Open Sans', sans-serif;
	color:#fff;
	display:inline-block;
	max-width:270px;
}

.news-info .other-tips .tip h4 a{
	color:#fff;
	box-shadow:20px 0 0 #f01724, -20px 0 0 #f01724;
	background:#f01724;
	padding:18px 0 13px 0;
	-webkit-box-decoration-break:clone;
	-ms-box-decoration-break:clone;
	-o-box-decoration-break:clone;
	box-decoration-break:clone;
}

.news-info .other-tips .tip h4 a span{
	position:relative;
	z-index:2;
}

@media all and (max-width: 989px){
	.news-info .other-tips h3{padding:0 0 19px 12px;}
	.news-info .other-tips .tip{width:239px; height:236px;}
	.news-info .other-tips .tip h4{left:22px; top:34px; font-size:21px; line-height:22px; max-width:190px;}
	.news-info .other-tips .tip h4 a{box-shadow:15px 0 0 #f01724, -15px 0 0 #f01724; padding:12px 0 10px 0;}
}

@media all and (max-width: 767px){
	.news-info .other-tips .tip,
	.news-info .other-tips .tip:nth-child(1),
	.news-info .other-tips .tip:nth-child(3){width:auto; height:auto; float:none; margin:0 0 20px 0;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°              PRINT AND SHARE              °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.news-info .news-share{
	width:196px;
	margin:60px auto 0 auto;
	padding:6px 0;
	border-top:solid 1px #e7e5e5;
	border-bottom:solid 1px #e7e5e5;
	height:52px;
	text-align:center;
	font:700 17px / 52px 'Open Sans', sans-serif;
	color:#52c43b;
	text-transform:uppercase;
	cursor:pointer;
	position:relative;
}

.news-info .news-share img{
	margin:0 7px 0 0;
	vertical-align:middle;
}

.news-info .news-share:hover{
	color:#328720;
}

/* hover */

.news-info .news-share .hover{
	position:absolute; top:-46px; left:50%;
	width:150px;
	margin-left:-75px;
	height:30px;
	text-align:center;
	background:#52c43b;
	font-size:0;
	padding:8px 0;
	display:none;
}

.news-info .news-share .hover a{
	display:inline-block;
	width:30px;
	height:30px;
	margin:0 3px;
}

.news-info .news-share .hover img{
	margin:0;
	vertical-align:top;
}

.news-info .news-share .hover img.arrow{
	position:absolute; bottom:-7px; left:50%;
	margin-left:-6px;
}

.news-info .news-share:hover .hover{
	display:block;
}

@media all and (max-width: 767px){
	.news-info .news-share{margin-top:40px;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°             Back to news list             °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.back-to-news-list{
	text-align:center;
	font-size:0;
	margin:50px 30px 0 30px;
}

.back-to-news-list a{
	font:400 16px / 18px 'Open Sans', sans-serif;
	color:#f01724;
	padding:11px;
	display:inline-block;
	background:#fff;
	border:solid 2px #e61a2b;
	border-radius:2px;
	text-transform:uppercase;
}

.back-to-news-list a:hover{
	background:#f01724;
	color:#fff;
}