@charset "utf-8";

body {
	background-color: #ffffff;
	position: relative;
	margin: 0;
	padding: 0;
}

#cdn-masthead {
	width: 1170px;
	height: 150px;
	margin: 0 auto;
	background-color: #0B72B5;
	overflow: hidden;
	font-family: 'Source Sans Pro', sans-serif;
}

#cdn-logo-wrap {
	width: 190px;
	height: 150px;
	background: #1b75bc; /* Old browsers */
	background: -moz-linear-gradient(left, #1b75bc 0%, #21409a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #1b75bc 0%,#21409a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #1b75bc 0%,#21409a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b75bc', endColorstr='#21409a',GradientType=1 ); /* IE6-9 */
	float: left;
	text-align: center;
	position: relative;
}

#cdn-logo-wrap img {
	width: 75%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

#masthead-menu-stack {
	width: 135px;
	height: 150px;
	overflow: hidden;
	float: left;
}

#masthead-menu-stack ul {
	text-transform: uppercase;
	font-size: 14px;
}

#masthead-menu-stack li {
	width: 135px;
	height: 30px;
	transition: .4s;
}

#masthead-menu-stack span {
	padding: 8px 0 0 10px;
	display: block;
}


#masthead-menu-stack li:hover {
	background-color: #0B87B5;
}

#masthead-menu-stack a, #masthead-menu-stack a:visited, #masthead-menu-stack a:hover {
	text-decoration: none;
	color: #ffffff;
}

#masthead-other {
	width: 710px;
	height: 150px;
	float: left;
	overflow: hidden;
	position: relative;
}

#mo-top {
	width: 682px;
	height: 29px;
	border-bottom: 1px solid #3783B4;
	float: right;
	margin-right: 10px;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.03em;
}

#mo-top ul {
	overflow: hidden;
}

#mo-top li {
	display: inline-block;
	margin: 10px 20px 0 0;

}

#mo-top a, #mo-top a:visited {
	text-decoration: none;
	color: #ffffff;
	transition: .3s;
}

#mo-top a:hover {
	color: #96F3FF;
}

#mo-partner {
	width: 100px;
	height: 95px;
	position: absolute;
	bottom: 10px;
	left: 18px;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.03em;
}

#mo-partner ul {
	position: absolute;
	bottom: 0;
}

#mo-partner li {
	margin-top: 8px;
}

#mo-partner a, #mo-partner a:visited {
	color: #C0D7E6;
	text-decoration: none;
}

#mo-partner a:hover {
	color: #ffffff;
}

#mo-misc {
	width: 200px;
	height: 50px;
	position: absolute;
	background-color: #0B87B5;
	bottom: 10px;
	right: 10px;
}

/*CDN STICKY NAV */
#cdn-menu {
	width: 100%;
	height: 40px;
	background-color: #004985;
	position: fixed;
	top: 0;
	overflow: hidden;
	z-index: 9999;
	display: none;
}

#cdn-menu-wrap {
	width: 1170px;
	height: 40px;
	margin: 0 auto;
	overflow: hidden;
}

#cdn-logo-menu {
	width: 70px;
	height: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	float: left;
}

#cdn-logo-menu img {
	width: 100%;
}


#cdn-top-menu {
	width: 84%;
	height: auto;
	float: left;
	overflow: hidden;
	padding-top: 9px;
	margin-left: 40px;
}

#cdn-top-menu ul {
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: justify;
}

#cdn-top-menu li {
	display: inline-block;
	font: 14px 'Source Sans Pro',sans-serif;
	text-transform: uppercase;
    position: relative;
    vertical-align: top;
    display: inline-block;
    text-align: center;
    zoom: 1;
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    height: 0px;
}

#cdn-top-menu a, #cdn-top-menu a:visited {
	color: #ffffff;
	text-decoration: none;
	transition: .5s;
}

#cdn-top-menu a:hover {
	color: #1BBBE9;
	font-size: 16px;
}

#cdn-logo-menu img {
	width: 100%;
}

#cdn-logo {
	color: #004b88;
}

/* CDN NAV */
#cdn-mobile-nav {
	width: 100%;
	height: 50px;
	background-color: #004985;
	position: fixed;
	display: none;
	z-index: 9999;
}

#cdn-menu-toggle {
	width: 24px;
	height: 24px;
	float: left;
	margin: 12px 0 0 10px;
}

#cdn-menu-toggle img {
	width: 100%;
}

#cdn-m-logo {
	width: 75px;
	position: absolute;
	top: 11px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

#cdn-m-logo img {
	width: 100%;
}

#cdn-m-search {
	width: 16px;
	height: 17px;
	float: right;
	margin: 16px 10px 0 0;
}

#cdn-m-logo img {
	width: 100%;
}

/* EXPAND MENU */
.menulist{
	position:fixed;
	z-index:10000;
	left:0;top:50px;bottom:0;
	width:100%;
	height:0;
	background-color: #ffffff;
	overflow-x:hidden;
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
	transition: .3s;
}

.mnopen {
	width: 100%;
	height: 568px;
}

#nav-close {
	text-align: right;
	width: 93%;
	cursor: pointer;
	position: relative;
	margin: 15px auto 0;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.10em;
}

#nav-close span {
	background-color: #333333;
	padding: 5px;
	color: #ffffff;
}

#mlist {
	width: 93%;
	height: auto;
	margin: 10px auto 0;
}

#mlist ul {
	overflow: hidden;
}

.mlabel {
	font-size: 16px;
	font-weight: 700;
	color: #333333;
	padding: 0 0 5px 0;
}

.mlink {
	font-size: 22px;
	font-weight: 700;
	padding: 0 0 10px 0;
}

.mlother {
	font-size: 14px;
	font-weight: 400;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #95989A;
}

.mlink a, .mlink a:visited, .mlink a:hover {
	color: #0b72b5;
	text-decoration: none;
}

.mlother a, .mlother a:visited, .mlother a:hover {
	color: #333333;
	text-decoration: none;
}

#m-contact {
	width: 93%;
	height: auto;
	margin: 10px auto 0;
}

#mc-logo {
	width: 160px;
	height: auto;
	margin: 20px auto 0;
}

#mc-logo img {
	width: 100%;
}

#mc-social {
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
}

#mc-social ul {
	margin: 0 auto;
	width: 155px;
}

#mc-social li {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	padding: 0 3px;
}

#mc-social li img {
	width: 100%;
}

#mc-numbers {
	width: 100%;
}

#mc-numbers li {
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	padding-bottom: 5px;
}

/* CDN SECTION */
#cdn-section {
	width: 1170px;
	height: auto;
	overflow: hidden;
	margin: 30px auto 0;
}

#cdn-gallery-left {
	width: 840px;
	height: auto;
	float: left;
	overflow: hidden;
	text-align: justify;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;
	text-decoration: none;
	font-family: 'Fira Sans Condensed', sans-serif;
}

#cdn-g-box	{
	width: 405px;
	height: 270px;
	overflow: hidden;
	position: relative;
	vertical-align: top;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0 auto 20px;
	text-align: left;
	background-position: 50% 50%;
	background-size: cover;
	position: relative;
}

#cdn-g-box h1 {
	font-size: 22px;
	letter-spacing: 0.02em;
	line-height: 1.2em;
	padding: 0px 10px 5px 10px;
	transition: .5s;
}

#cdn-g-cat {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-transform: uppercase;
	margin: 10px 0 0 0;
	font-weight: 400;
	z-index: 1;
	position: absolute;
	top: 0;
}

#cdn-g-cat span {
	padding: 10px 10px;
}

#cgb-head {
    width: 100%;
    height: auto;
    padding: 10px 0;
    background-color: rgba( 0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
}

#cdn-gallery-left a, #cdn-gallery-left a:visited {
	text-decoration: none;
	color: #ffffff;

}

#cdn-gallery-left a:hover #cdn-g-box h1 {
	color: #0B87B5;
}

/* CAT COLOR */
.cdn-news-clr {
	background-color: #004985;
}

.cdn-enterprise-clr {
	background-color: #33918A;
}

.cdn-island-clr {
	background-color: #41928b;
}

.cdn-world-clr {
	background-color: #8DACC2;
}

.cdn-sports-clr {
	background-color: #EB690B;
}

.cdn-life-clr {
	background-color: #B44075;
}

.cdn-environment-clr {
	background-color: #6AB023;
}

.cdn-siloy-clr {
	background-color: #004985;
}

.cdn-whatsup-clr {
	background-color: #004985;
}

/* GALLERY RIGHT */
#cdn-gallery-right {
	width: 300px;
	height: auto;
	float: right;
}

#gallery-breaking {
	width: 300px;
	height: auto;
	background-color: #2B2B2B;
	margin: 20px auto 0;
	position: relative;
	padding-bottom: 20px;
}

.bnews-lbl {
	text-align: center;
	padding-top: 10px;
}

#gallery-breaking ul {
	width: 90%;
	margin: 10px auto 0;
	border-bottom: 1px solid #4E4E4E;
}

#gallery-breaking li {
	width: 100%;
	border-top: 1px solid #4E4E4E;
	overflow-x: hidden;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	padding-top: 5px;
}

.list-num {
	font-family: 'Fira Sans Condensed', sans-serif;
	font-size: 38px;
	color: #FFCC00;
	margin-right: 10px;
}

.list-info {
	margin-top: 5px;
}

.list-cat {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	color: #0B87B5;
	text-transform: uppercase;
	font-weight: 600;
}

.list-head {
	font-family: 'Fira Sans Condensed', sans-serif;
	font-size: 14px;
	padding: 5px 0;
	line-height: 1.2em;
	letter-spacing: 0.02em;
}

.list-head a, .list-head a:visited, .list-head a:hover {
	color: #ffffff;
	text-decoration: none;
}

.list-read-more {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 20px;
}

.list-read-more a, .list-read-more a:visited, .list-read-more a:hover {
	color: #9F9F9F;
	text-decoration: none;
}

/* CDN CATEGORIES */
#cdn-cat-wrap {
	width: 1170px;
	height: 290px;
	margin: 0 auto;
	overflow: hidden;
}

#cdn-cat-wrap a, #cdn-cat-wrap a:visited, #cdn-cat-wrap a:hover {
	text-decoration: none;
	color: #ffffff;
}

#cdn-cat-top {
	width: 300px;
	height: 290px;
	background-color: #0b72b5;
	float: left;
	position: relative;
}

#cdn-cat-top a, #cdn-cat-top a:visited, #cdn-cat-top a:hover {
	color: #ffffff;
	text-decoration: none;
}

#cdn-cat-box {
	width: 290px;
	height: 290px;
	float: left;
}


#highlight-blend {
	background-color: #333333;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}

#highlight-blend img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.news-multiply img{
   filter: grayscale(100%) contrast(1);
   mix-blend-mode: lighten;
}

.news-multiply::after{
  background-color: #0b72b5;
  mix-blend-mode: multiply;
}

.islands-multiply img{
   filter: grayscale(100%) contrast(1);
   mix-blend-mode: lighten;
}

.islands-multiply::after{
  background-color: #1bbbe9;
  mix-blend-mode: multiply;
}


.nation-multiply img{
   filter: grayscale(100%) contrast(1);
   mix-blend-mode: lighten;
}

.nation-multiply::after{
  background-color: #1bbbe9;
  mix-blend-mode: multiply;
}

.world-multiply img{
   filter: grayscale(100%) contrast(1);
   mix-blend-mode: lighten;
}

.world-multiply::after{
  background-color: #8DACC2;
  mix-blend-mode: multiply;
}

.enterprise-multiply img{
   filter: grayscale(100%) contrast(1);
   mix-blend-mode: lighten;
}

.enterprise-multiply::after{
  background-color: #41928b;
  mix-blend-mode: multiply;
}

.sports-multiply img{
   filter: grayscale(100%) contrast(1);
   mix-blend-mode: lighten;
}

.sports-multiply::after{
  background-color: #eb690b;
  mix-blend-mode: multiply;
}

.life-multiply img{
   filter: grayscale(100%) contrast(1);
   mix-blend-mode: lighten;
}

.life-multiply::after{
  background-color: #b44075;
  mix-blend-mode: multiply;
}

.environment-multiply img{
   filter: grayscale(100%) contrast(1);
   mix-blend-mode: lighten;
}

.environment-multiply::after{
  background-color: #6ab023;
  mix-blend-mode: multiply;
}

.column::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.list-read-more {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 20px;
}

#cat-lbl {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	top: 10px;
	left: 10px;
	z-index: 2;
	position: absolute;
}

#cat-lbl a, #cat-lbl a:visited, #cat-lbl a:hover {
	color: #ffffff;
	text-decoration: none;
}

#cat-info {
	width: 90%;
	height: auto;
	position: absolute;
	z-index: 2;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-shadow: 2px 2px 5px #000
}

#cat-info h2 {
	font-family: 'Fira Sans Condensed', sans-serif;
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 0.02em;
	line-height: 1.2em;
	color: #ffffff;
}

#cat-pt {
	font-family: 'Fira Sans Condensed', sans-serif;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.02em;
	line-height: 1.2em;
	color: #f5f5f5;
	margin-top: 5px;
}

#cat-info p {
	font-family: 'Source Serif Pro', serif;
	font-size: 14px;
	letter-spacing: 0.02em;
	line-height: 1.2em;
	margin-top: 10px;
	color: #ffffff;
}

#cb-img	{
	width: 270px;
	height: 170px;
	margin: 10px auto 0;
	background-position: 50% 50%;
	background-size: cover;
}

#cdn-cat-box h2 {
	font-family: 'Fira Sans Condensed', sans-serif;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.02em;
	line-height: 1.2em;
	color: #333333;
	padding: 0 10px;
	margin-top: 10px;
}

#cb-pt {
	font-family: 'Fira Sans Condensed', sans-serif;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.02em;
	line-height: 1.2em;
	color: #868686;
	margin-top: 5px;
	padding: 0 10px 10px 10px;
}

#cdn-cat-box p {
	font-family: 'Source Serif Pro', serif;
	font-size: 14px;
	letter-spacing: 0.02em;
	line-height: 1.2em;
	margin-top: 5px;
	color: #333333;
	padding: 0 10px;
	display: none;
}

#cat-read-more {
	font-family: 'Fira Sans Condensed', sans-serif;
	font-size: 12px;
	letter-spacing: 0.02em;
	font-weight: 700;
	margin: 10px 0 30px 0;
	text-transform: uppercase;
	text-align: center;
}

#cat-read-more a, #cat-read-more a:visited {
	color: #333333;
	text-decoration: none;
	transition: .3s;
}

#cat-read-more a:hover {
	color: #0b72b5;
}

/* OPINION */
#cdn-opinion {
	width: 1170px;
	height: auto;
	overflow: hidden;
	text-align: justify;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;
	margin: 0 auto;
}

#cdn-columns {
	width: 405px;
	height: auto;
}

#cdn-op-lbl {
	width: 100%;
	margin-bottom: 10px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 24px;
	color: #ffffff;
	text-transform: uppercase;
	background-color: #004985;
	padding: 7px 0 9px 10px;
}

#cdn-col-box {
	width: 100%;
	height: auto;
	background-color: #F5F5F5;
	margin: 0 0 20px 0;
}

#cdn-col-box h2 {
	font-family: 'Fira Sans Condensed', sans-serif;
	font-size: 24px;
	letter-spacing: 0.02em;
	font-weight: 700;
	padding: 20px 20px 10px 20px;
}


#cdn-col-box a, #cdn-col-box a:visited, #cdn-col-box a:hover {
	color: #004985;
	text-decoration: none;
}

#col-byline {
	font-family: 'Fira Sans Condensed', sans-serif;
	font-size: 14px;
	letter-spacing: 0.02em;
	font-weight: 500;
	padding: 0 20px 10px 20px;
	color: #333333;
}

#col-post-date {
	font-family: 'Fira Sans Condensed', sans-serif;
	font-size: 12px;
	letter-spacing: 0.02em;
	font-weight: 500;
	padding: 0 20px 20px 20px;
	color: #868686;
}

#cdn-editorial {
	width: 405px;
	height: auto;
	border: 1px solid #F5F5F5;
	background-color: #f5f5f5;
}

#editorial-img {
	width: 100%;
	height: 210px;
	background-size: cover;
	background-position: 50% 50%;
}

#editorial-lbl {
	font-family: 'Source Sans Pro', serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.02em;
	margin-top: 10px;
	color: #333333;
	text-transform: uppercase;
	padding: 0 20px;
}

#cdn-editorial h2 {
	font-family: 'Fira Sans Condensed', sans-serif;
	font-size: 22px;
	letter-spacing: 0.02em;
	font-weight: 700;
	padding: 10px 20px 0 20px;
}

#cdn-editorial a, #cdn-editorial a:visited, #cdn-editorial a:hover {
	color: #333333;
	text-decoration: none;
}

#cdn-editorial p {
	font-family: 'Source Serif Pro', serif;
	font-size: 14px;
	letter-spacing: 0.02em;
	line-height: 1.2em;
	margin-top: 10px;
	color: #333333;
	padding: 0 20px 20px 20px;
}

.opi-inline {
	overflow: hidden;
	position: relative;
	vertical-align: top;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-bottom: 10px;
	text-align: left;
}

/* FOOTER */
#cdn-footer {
	width: 100%;
	height: auto;
	padding: 20px 0;
	background-color: #333333;
	margin: 20px 0 0 0;
}

#cdn-f	{
	width: 1170px;
	height: auto;
	margin: 0 auto;
}

#cdn-f-logo {
	width: 150px;
	margin: 0 auto;
}

#cdn-f-logo img {
	width: 100%;
}

#cdn-f-menu {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 30px auto 0;
}

#cdn-f-menu ul {
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: justify;
}

#cdn-f-menu li {
	display: inline-block;
	font: 14px 'Source Sans Pro',sans-serif;
	text-transform: uppercase;
    position: relative;
    vertical-align: top;
    display: inline-block;
    text-align: center;
    zoom: 1;
}

#cdn-f-menu a, #cdn-f-menu a:visited, #cdn-f-menu a:hover {
	color: #ffffff;
	text-decoration: none;
	transition: .5s;
}

#cdn-f-menu h3 {
	font: 14px 'Source Sans Pro',sans-serif;
	color: #ffffff;
	text-align: center;
}

/* POP SEARCH BOX */
#pop-searchbox {
	width: 100%;
	height: 40px;
	position: fixed;
	right: 0;
	left: 0;
	margin: 50px 0 0 0;
	display: none;
	z-index: 9999;
}

#pop-searchbox input[type=text] {
	display: inline-block;
	color: black;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #DCDCDC;
	border-radius: 2px;
}




/* STRETCH */
.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
}

/* ADS */
#mrec-1 {
	width: 300px;
	height: 250px;
	margin: 0 auto;
}

#mobile-ad-1 {
	width: 300px;
	height: 250px;
	margin: 20px auto;
	display: none;
}

#cdn-lb-ad	{
	width: 970px;
	height: 90px;
	margin: 0 auto 30px;
}

#cdn-lb-ad2	{
	width: 970px;
	height: 90px;
	margin: 0 auto 30px;
}

#cdn-widesky {
	width: 300px;
	height: auto;
}



/* 1024 */
@media only screen and (min-width: 1024px) and (max-width: 1279px){
#cdn-masthead {
	width: 1024px;
}

#masthead-other {
	width: 560px;
}

#mo-top {
	width: 533px;
}

#cdn-menu-wrap {
    width: 980px;
}

#cdn-section {
    width: 980px;
}

#cdn-gallery-left {
    width: 660px;
}

#cdn-g-box {
    width: 320px;
    height: 270px;
}

#cdn-cat-wrap {
    width: 980px;
}

#cdn-cat-top {
    width: 265px;
}

#cdn-cat-box {
    width: 235px;
}

#cb-img {
    width: 215px;
    height: 130px;
}

#cdn-opinion {
    width: 980px;
}

#cdn-columns {
    width: 280px;
    height: auto;
}

#cdn-editorial {
    width: 360px;
}

#cdn-f {
    width: 980px;
    height: auto;
    margin: 0 auto;
}

}

/* 768 */
@media only screen and (min-width: 768px) and (max-width: 1023px){
#cdn-masthead {
	display: none;
}

#cdn-mobile-nav {
	display: block;
}

/* CDN SECTION */
#cdn-section {
	width: 100%;
	margin: 0 auto;
	padding: 50px 0 0 0;
}

#cdn-gallery-left {
	width: 100%;
	height: auto;
	float: none;
}

#cdn-g-box	{
	width: 100%;
	height: 400px;
	margin: 0 auto;
}

#cdn-gallery-right {
	width: 100%;
	height: auto;
	float: none;
	margin: 0 auto;
}

#gallery-breaking {
    width: 500px;
}

/* CDN CATEGORIES */
#cdn-cat-wrap {
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow:hidden;
}

#cdn-cat-wrap a, #cdn-cat-wrap a:visited, #cdn-cat-wrap a:hover {
	text-decoration: none;
}

#cdn-cat-top {
	width: 100%;
	height: 400px;
	background-color: #0b72b5;
	float: none;
	position: relative;
}

#cdn-cat-top a, #cdn-cat-top a:visited, #cdn-cat-top a:hover {
	color: #ffffff;
	text-decoration: none;
}

#cdn-cat-box {
	width: 100%;
	height: auto;
	float: none;
}

#cb-img	{
	width: 100%;
	height: 55vw;
	margin: 10px auto 0;
	background-position: 50% 50%;
	background-size: cover;
}

#cdn-cat-box p {
	padding: 0 10px 10px 10px;
}


/* OPINION */
#cdn-opinion {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

#cdn-columns {
	width: 100%;
	height: auto;
}

#cdn-col-box {
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
}


#cdn-editorial {
	width: 100%;
	height: auto;
}

#editorial-img {
	width: 100%;
	height: 210px;
	background-size: cover;
	background-position: 50% 50%;
}

.opi-inline {
	display: block;
}

/* FOOTER */
#cdn-footer {
	width: 100%;
	height: auto;
	padding: 20px 0;
	background-color: #333333;
	margin: 20px 0 0 0;
}

#cdn-f	{
	width: 100%;
	height: auto;
	margin: 0 auto;
}

#cdn-f-logo {
	width: 150px;
	margin: 0 auto;
}

#cdn-f-logo img {
	width: 100%;
}

#cdn-f-menu {
	width: 100%;
}

#cdn-f-menu ul {
	display: none;
}

/* ADS */
#mobile-ad-1 {
	display: block;
}


#cdn-lb-ad	{
	width: 300px;
	height: 250px;
	margin: 30px auto 30px;
}

#cdn-lb-ad2	{
	width: 300px;
	height: 250px;
	margin: 0 auto 30px;
}

#cdn-widesky {
	width: 300px;
	height: auto;
	margin: 0 auto;
}

}
}


/* 600px */
@media only screen and (min-width: 600px) and (max-width: 767px){
#cdn-masthead {
	display: none;
}

#cdn-mobile-nav {
	display: block;
}

/* CDN SECTION */
#cdn-section {
	width: 100%;
	margin: 0 auto;
	padding: 50px 0 0 0;
}

#cdn-gallery-left {
	width: 100%;
	height: auto;
	float: none;
}

#cdn-g-box	{
	width: 100%;
	height: 330px;
	margin: 0 auto;
}

#cdn-gallery-right {
	width: 100%;
	height: auto;
	float: none;
	margin: 0 auto;
}

/* CDN CATEGORIES */
#cdn-cat-wrap {
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow:hidden;
}

#cdn-cat-wrap a, #cdn-cat-wrap a:visited, #cdn-cat-wrap a:hover {
	text-decoration: none;
}

#cdn-cat-top {
	width: 100%;
	height: 315px;
	background-color: #0b72b5;
	float: none;
	position: relative;
}

#cdn-cat-top a, #cdn-cat-top a:visited, #cdn-cat-top a:hover {
	color: #ffffff;
	text-decoration: none;
}

#cdn-cat-box {
	width: 100%;
	height: auto;
	float: none;
}

#cb-img	{
	width: 100%;
	height: 55vw;
	margin: 10px auto 0;
	background-position: 50% 50%;
	background-size: cover;
}

#cdn-cat-box p {
	padding: 0 10px 10px 10px;
}


/* OPINION */
#cdn-opinion {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

#cdn-columns {
	width: 100%;
	height: auto;
}

#cdn-col-box {
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
}


#cdn-editorial {
	width: 100%;
	height: auto;
}

#editorial-img {
	width: 100%;
	height: 210px;
	background-size: cover;
	background-position: 50% 50%;
}

.opi-inline {
	display: block;
}

/* FOOTER */
#cdn-footer {
	width: 100%;
	height: auto;
	padding: 20px 0;
	background-color: #333333;
	margin: 20px 0 0 0;
}

#cdn-f	{
	width: 100%;
	height: auto;
	margin: 0 auto;
}

#cdn-f-logo {
	width: 150px;
	margin: 0 auto;
}

#cdn-f-logo img {
	width: 100%;
}

#cdn-f-menu {
	width: 100%;
}

#cdn-f-menu ul {
	display: none;
}

/* ADS */
#mobile-ad-1 {
	display: block;
}


#cdn-lb-ad	{
	width: 300px;
	height: 250px;
	margin: 30px auto 30px;
}

#cdn-lb-ad2	{
	width: 300px;
	height: 250px;
	margin: 0 auto 30px;
}

#cdn-widesky {
	width: 300px;
	height: auto;
	margin: 0 auto;
}

}


/* 320px */
@media only screen and (min-width: 320px) and (max-width: 599px){
#cdn-masthead {
	display: none;
}

#cdn-mobile-nav {
	display: block;
}

/* CDN SECTION */
#cdn-section {
	width: 100%;
	margin: 0 auto;
	padding: 50px 0 0 0;
}

#cdn-gallery-left {
	width: 100%;
	height: auto;
	float: none;
}

#cdn-g-box	{
	width: 100%;
	height: 230px;
	margin: 0 auto;
}

#cdn-gallery-right {
	width: 100%;
	height: auto;
	float: none;
	margin: 0 auto;
}

/* CDN CATEGORIES */
#cdn-cat-wrap {
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow:hidden;
}

#cdn-cat-wrap a, #cdn-cat-wrap a:visited, #cdn-cat-wrap a:hover {
	text-decoration: none;
}

#cdn-cat-top {
	width: 100%;
	height: 315px;
	background-color: #0b72b5;
	float: none;
	position: relative;
}

#cdn-cat-top a, #cdn-cat-top a:visited, #cdn-cat-top a:hover {
	color: #ffffff;
	text-decoration: none;
}

#cdn-cat-box {
	width: 100%;
	height: auto;
	float: none;
}

#cb-img	{
	width: 100%;
	height: 55vw;
	margin: 10px auto 0;
	background-position: 50% 50%;
	background-size: cover;
}

#cdn-cat-box p {
	padding: 0 10px 10px 10px;
}


/* OPINION */
#cdn-opinion {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

#cdn-columns {
	width: 100%;
	height: auto;
}

#cdn-col-box {
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
}


#cdn-editorial {
	width: 100%;
	height: auto;
}

#editorial-img {
	width: 100%;
	height: 210px;
	background-size: cover;
	background-position: 50% 50%;
}

.opi-inline {
	display: block;
}

/* FOOTER */
#cdn-footer {
	width: 100%;
	height: auto;
	padding: 20px 0;
	background-color: #333333;
	margin: 20px 0 0 0;
}

#cdn-f	{
	width: 100%;
	height: auto;
	margin: 0 auto;
}

#cdn-f-logo {
	width: 150px;
	margin: 0 auto;
}

#cdn-f-logo img {
	width: 100%;
}

#cdn-f-menu {
	width: 100%;
}

#cdn-f-menu ul {
	display: none;
}

/* ADS */
#mobile-ad-1 {
	display: block;
}


#cdn-lb-ad	{
	width: 300px;
	height: 250px;
	margin: 0 auto 30px;
}

#cdn-lb-ad2	{
	width: 300px;
	height: 250px;
	margin: 0 auto 30px;
}

#cdn-widesky {
	width: 300px;
	height: auto;
	margin: 0 auto;
}

}