@charset "utf-8";

body {
	background-color: #000000;
	position: relative;
	background-image: url(images/bg1b.png);
	background-attachment: fixed;
}

#mainnavbar-wrap {
	width: 100%;
	height: auto;
	z-index: 99999;
	position: fixed;
	top: 0;
	height: 50px;
	background-color: #f5f5f5;
}

#twok2nav {
	width: 100%;
	font-family: 'mallory', sans-serif;	
}

.twok-flex {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}

.twok-flexb {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}

.nav-width {
	width: 1170px;
}

.twok-nav-main {
	height: auto;
	margin:  0 auto;
	position: relative;
	padding: 7px 0 0 0
}

.twok-nm-menu-date {
	width: 20px;
	height: auto;
	display: none;
}

#menutoggle2 {
	padding-top: 12px;
}

.twok-nm-date {
	padding-top: 5px;
}

.twok-nm-logo {
	width: 103px;
	height: auto;
	margin: 0 40px;
}

.twok-nm-logo img {
	width: 100%;
}

.rel-menu {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	width: 690px;
	font-weight: 400;
	color: #666666;
	font-size: 14px;
	font-family: 'mallory', sans-serif;
	letter-spacing: 0.02em;
	padding-top: 12px;
}

.twok-nm-search-paper {
	width: 97px;
	position: absolute;
	right:  0;
	margin-top: 6px;
}

#twok-nav-ch {
	width: 100%;
	height: 35px;
	margin:  0 auto;
	background-color: #f5f5f5;
	font-weight: 700;
	color: #666666;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'mallory', sans-serif;
	letter-spacing: 0.02em;
}

#twok-nav-ch a, #twok-nav-ch a:visited {
	color: #666666;
	text-decoration: none;
}

#twok-nav-ch a:hover {
	color: #0b72b5;
}

#twok-nav-sub {
	width: 100%;
	height: 25px;
	margin:  0 auto;
	background-color: #ebebeb;
	color: #666666;
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	font-family: 'mallory', sans-serif;
	letter-spacing: 0.02em;
}

#twok-nav-sub a, #twok-nav-sub a:visited {
	color: #666666;
	text-decoration: none;
}

#twok-nav-sub a:hover {
	color: #0b72b5;
}

.twok-menu-wrap {
	margin: 0 auto;
}


/* Expand nav */
.mnopenb {
	/*height: 620px!important;*/
	opacity: 1!important;
	transition: opacity 0.4s;
	height: 340px!important;
	width: 320px!important;
}

#twokexpand {
	width: 1170px;
	height: auto;
	z-index: 99999;
	margin: 0 auto;
}

#twokexpand-wrap {
	width: 0;
	height: 0;
	background-color: #ffffff;
	box-sizing: border-box;
	z-index: 99999;
	transition: .3s;
	overflow: hidden;
	border-right: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
	position: fixed;
	opacity: 0;
	transition: opacity 0.4s;
}

.exp-logo-close {
	width: 93%;
	margin: 0 auto;
	border-bottom: 1px solid #d8d8d8;
	padding: 10px 0;
}


#exp-list-wrap {
	width: 93%;
	margin: 0 auto;
	border-bottom: 1px solid #d8d8d8;
	padding-bottom: 5px;
}

#exp-list {
	width: 100%;
	margin: 10px auto 0;
	font-family: 'mallory', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
}

.expch {
	font-size: 14;
	padding: 0 0 20px 0;
	line-height: 1.2em;
}

.expch a, .expch a:visited {
	text-decoration: none;
	color: #666666;
}

.expch a:hover {
	color: #0b72b5;
}

.expch-b {
	font-size: 14px;
	padding: 0 0 10px 0;
}

.expch-b a, .expch-b a:visited {
	text-decoration: none;
	color: #666666;
}

.expch-b a:hover {
	color: #0b72b5;
}
.exp-follow {
	font-family: 'mallory', sans-serif;
	font-size: 14px;
	color: #666666;
	font-weight: 500;
}

.exp-follow img {
	padding: 10px 5px 5px 5px;
}

#exp-ad {
	background-color: #ffa2a2;
	width: 300px;
	height: 60px;
	margin: 15px auto 0;
	font-family: 'mallory', sans-serif;
	font-size: 16px;
	text-align: center;
	/*padding: 20px;*/
	box-sizing: border-box;
}

#newbtn {
	width: 300px;
	height: 300px;
	background-color: #000;
}

#new-bar {
	width: 300px;
	height: 300px;
	margin-top: 20px;
	background-color: #00ff00;
}

/* REL BANNER */
#rel-banner {
	width: 100%;
	height: 97vh;
	margin: 50px auto 0;
	background-image: url(images/banner-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#banner-info {
	width: 600px;
	height: auto;
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

#banner-logo {
	width: 100%;
	height: auto;
	margin: 0 auto 50px;
}

#banner-info p {
	width: 100%;
	font-family: 'mallory', sans-serif;
	font-size: 18px;
	color: #f5f5f5;
	letter-spacing: 0.01em;
	line-height: 1.4em;
	text-align: center;
	margin:  20px 0 0 0;
	font-weight: 300;
}

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

#read-below {
	width: 40px;
	height: 40px;
	margin: 100px auto 0;
}

#read-below a {
	display: block;
	width: 100%;
	height: 100%;
}

.bounce {
	animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	-moz-animation: bounce 2s infinite;
	-o-animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

/* Section one */
#section-one {
	width: 100%;
	position: relative;
	z-index: 2;
	overflow: hidden;
	padding: 40px 0;
}

/* Content Wrap */
#content-wrap {
	width: 1007px;
	margin: 0 auto;
	position: relative;
	z-index: 3;
	font-family: 'Montserrat', sans-serif;
}

#section-head {
	width: 100%;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.2em;
	font-size: 32px;
	color: #ffffff;
}

#section-embed {
	width: 600px;
	height: auto;
	margin: 0 auto;
}

#section-flex {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	margin: 30px auto 0;
}

#section-box {
	width: 31%;
	height: auto;
	margin: 0 0 30px 0;
}

#section-box2 {
	width: 20%;
	height: auto;
	margin: 0 0 30px 0;
}

#sec-img {
	width: 100%;
	height: 200px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

#section-box h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.2em;
	margin-top: 10px;
}

#section-box a, #section-box a:visited, #section-box a:hover {
	text-decoration: none;
	color: #f5f5f5;
}

/*ye content */
#ye-2col {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	margin: 30px auto 0;
}

#ye-img1 {
	width: 370px;
	height: 225px;
	background-size: cover;
	background-position: 50% 50%;
}

#ye-para {
	width: 600px;
}

#ye-para p {
	color: #f5f5f5;
	font-size: 18px;
	letter-spacing: 0.02em;
	line-height: 1.2em;
	margin-bottom: 20px;
}

#ye-para2 {
	width: 370px;
}

#ye-para2 h2 {
	font-weight: 700;
	color: #f5f5f5;
	letter-spacing: 0.02em;
	line-height: 1.2em;
	margin-bottom: 20px;
	font-size: 24px;
}

#ye-para2 p {
	color: #f5f5f5;
	font-size: 18px;
	letter-spacing: 0.02em;
	line-height: 1.2em;
	margin-bottom: 20px;
}

#ye-para3 {
	width: 100%;
}

#ye-para3 p {
	color: #f5f5f5;
	font-size: 18px;
	letter-spacing: 0.02em;
	line-height: 1.2em;
	margin-bottom: 20px;
}

#ye-img-full {
	width: 100%;
	height: auto;
	margin: 20px auto 0;
}

#ye-img-full img {
	width: 100%;
}

#read-full {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

#read-full a, #read-full a:visited, #read-full a:hover {
	color: #f5f5f5;
	text-decoration: none;
}

/* colors */
.bg-news {
	background-color: #333333;
}

.bg-sports {
	background-color: #91133F;
}

.bg-business {
	background-color: #33918A;
}

.bg-ent {
	background-color: #B04279;
}

.bg-bandera {
	background-color: #A51922;
}

.bg-bai {
	background-color: #0b72b5;
}

.bg-world {
	background-color: #85A7BF;
}

.bg-obit {
	background-color: #242424;
}

#ye-ob-name {
	color: #f5f5f5;
	font-size: 16px;
	letter-spacing: 0.02em;
	margin-bottom: 5px;
}

#ye-ob-title {
	color: #a2a2a2;
	font-size: 12px;
	letter-spacing: 0.02em;
	font-style: italic;
	margin-bottom: 20px;
	line-height: 1.2em;
}

#ye-footer {
	width: 100%;
	background-color: #f5f5f5;
	padding: 30px 0;
}

#yef-logo {
	width: 123px;
	height: auto;
	margin: 0 auto;
}

#read-below	{
	height: 0px;
	width: 0p;
}
.flex-blank {
	display: flex;
}

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Tablet */
@media only screen and (min-width: 1080px) and (max-width: 1081px){
.nav-width {
  width: 1040px;
}

.rel-menu {
	width: 620px;
}

.expch-b {
  font-size: 12px;
}

#banner-info {
  width: 470px;
}

#banner-info p {
  font-size: 15px;
}

}

/* Tablet */
@media only screen and (min-width: 810px) and (max-width: 1079px){
.nav-width {
	width: 93%;
}

.twok-nm-menu-date {
	width: 65px;
}

.twok-nm-date {
	display: none;
}

.twok-nm-logo {
	width: 103px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
}

.twok-nm-search-paper {
	display: none;
}

#twok-nav-ch {
	display: none;
}

#twok-nav-sub {
	display: none;
}

.m-hide {
	display: none;
}

#twokexpand {
	width: 93%;
	margin: 15px 0 0 0;
}

#nav-brkr {
	padding-top: 70px;
}

.twok-nm-menu-date {
	width: 20px;
	height: auto;
	display: block;
}

.rel-menu {
	display: none;
}

/* REL BANNER */

#banner-info {
	width: 85%;
}

#rel-banner {
	margin: 50px auto 0;
	height: 100vh;
}

#banner-info p {
	font-size: 15px;
}

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

#read-below {
	margin: 100px auto 0;
}

/* Section one */
#section-one {
	width: 100%;
	padding-bottom: 40px;
}

/* Content Wrap */
#content-wrap {
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 3;
}

#section-head {
	width: 93%;
	font-family: 'Oswald', sans-serif;
	padding-top: 30px;
	margin:  0 auto;
}

.head-class-a {
	font-size: 32px;
	color: #f5f5f5;
	letter-spacing: 0.02em;
}

.head-class-b {
	font-size: 32px;
	color: #333;
	letter-spacing: 0.02em;
	line-height: 1.2em;
}

#section-desc {
	width: 93%;
	height: auto;
	margin: 20px auto 0;
}

#section-desc p {
	font-family: 'mallory', sans-serif;
	letter-spacing: 0.01em;
	line-height: 1.4em;
	margin-bottom: 20px;
	font-size: 18px;
}

#section-embed {
	width: 100%;
	height: auto;
	margin: 40px auto 0;
}

#section-flex {
	width: 93%;
	margin: 20px auto 0;
}

#section-box {
	width: 40%;
	height: auto;
	margin: 0 auto 30px;
}

#sec-img {
	width: 100%;
	height: 24vw;
}
}

/* 600-768 */
@media only screen and (min-width: 600px) and (max-width: 809px){
.nav-width {
	width: 93%;
}

.twok-nm-menu-date {
	width: 65px;
}

.twok-nm-date {
	display: none;
}

.twok-nm-logo {
	width: 103px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
}

.twok-nm-search-paper {
	display: none;
}

#twok-nav-ch {
	display: none;
}

#twok-nav-sub {
	display: none;
}

.m-hide {
	display: none;
}

#twokexpand {
	width: 93%;
	margin: 15px 0 0 0;
}

#nav-brkr {
	padding-top: 70px;
}

.twok-nm-menu-date {
	width: 20px;
	height: auto;
	display: block;
}

.rel-menu {
	display: none;
}

/* REL BANNER */

#banner-info {
	width: 85%;
}

#rel-banner {
	margin: 50px auto 0;
	height: 93vh;
}

#banner-info p {
	font-size: 15px;
}

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

#read-below {
	margin: 100px auto 0;
}

/* Section one */
#section-one {
	width: 100%;
	padding-bottom: 40px;
}

/* Content Wrap */
#content-wrap {
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 3;
}

#section-head {
	width: 93%;
	font-family: 'Oswald', sans-serif;
	padding-top: 30px;
	margin:  0 auto;
}

.head-class-a {
	font-size: 32px;
	color: #f5f5f5;
	letter-spacing: 0.02em;
}

.head-class-b {
	font-size: 32px;
	color: #333;
	letter-spacing: 0.02em;
	line-height: 1.2em;
}

#section-desc {
	width: 93%;
	height: auto;
	margin: 20px auto 0;
}

#section-desc p {
	font-family: 'mallory', sans-serif;
	letter-spacing: 0.01em;
	line-height: 1.4em;
	margin-bottom: 20px;
	font-size: 18px;
}

#section-embed {
	width: 100%;
	height: auto;
	margin: 40px auto 0;
}

#section-flex {
	width: 100%;
	margin: 20px auto 0;
}

#section-box {
	width: 93%;
	height: auto;
	margin: 0 auto 30px;
}

#sec-img {
	width: 100%;
	height: 55vw;
}

#section-box2 {
	width: 100%;
	height: auto;
	margin: 0 0 30px 0;
}

/*ye content */
#ye-2col {
	width: 93%;
	height: auto;
	margin: 30px auto;
}

#ye-img1 {
	width: 99%;
	height: 200px;
	background-size: cover;
	background-position: 50% 50%;
	margin-bottom: 30px;
}

#ye-img1 a {
	display: block;
	width: 100%;
	height: 1000%;
}

#ye-para {
	width: 600px;
}

#ye-para p {
	color: #f5f5f5;
	font-size: 18px;
	letter-spacing: 0.02em;
	line-height: 1.2em;
	margin-bottom: 20px;
}

#ye-para2 {
	width: 100%;
}

#ye-para3 p {
  margin-bottom: 0;
}

#ye-img-full {
	width: 93%;
}

.flex-blank {
	display: none;
}
}

/* 414-600 */
@media only screen and (min-width: 414px) and (max-width: 599px){
.nav-width {
	width: 93%;
}

.twok-nm-menu-date {
	width: 65px;
}

.twok-nm-date {
	display: none;
}

.twok-nm-logo {
	width: 103px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
}

.twok-nm-search-paper {
	display: none;
}

#twok-nav-ch {
	display: none;
}

#twok-nav-sub {
	display: none;
}

.m-hide {
	display: none;
}

#twokexpand {
	width: 93%;
	margin: 15px 0 0 0;
}

#nav-brkr {
	padding-top: 70px;
}

.twok-nm-menu-date {
	width: 20px;
	height: auto;
	display: block;
}

.rel-menu {
	display: none;
}

/* REL BANNER */

#banner-info {
	width: 85%;
}

#rel-banner {
	margin: 50px auto 0;
	height: 93vh;
}

#banner-info p {
	font-size: 15px;
}

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

#read-below {
	margin: 100px auto 0;
}

/* Section one */
#section-one {
	width: 100%;
	padding-bottom: 40px;
}

/* Content Wrap */
#content-wrap {
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 3;
}

#section-head {
	width: 93%;
	font-family: 'Oswald', sans-serif;
	padding-top: 30px;
	margin:  0 auto;
}

.head-class-a {
	font-size: 32px;
	color: #f5f5f5;
	letter-spacing: 0.02em;
}

.head-class-b {
	font-size: 32px;
	color: #333;
	letter-spacing: 0.02em;
	line-height: 1.2em;
}

#section-desc {
	width: 93%;
	height: auto;
	margin: 20px auto 0;
}

#section-desc p {
	font-family: 'mallory', sans-serif;
	letter-spacing: 0.01em;
	line-height: 1.4em;
	margin-bottom: 20px;
	font-size: 18px;
}

#section-embed {
	width: 100%;
	height: auto;
	margin: 40px auto 0;
}

#section-flex {
	width: 100%;
	margin: 20px auto 0;
}

#section-box {
	width: 93%;
	height: auto;
	margin: 0 auto 30px;
}

#sec-img {
	width: 100%;
	height: 55vw;
}

#section-box2 {
	width: 100%;
	height: auto;
	margin: 0 0 30px 0;
}

/*ye content */
#ye-2col {
	width: 93%;
	height: auto;
	margin: 30px auto;
}

#ye-img1 {
	width: 99%;
	height: 200px;
	background-size: cover;
	background-position: 50% 50%;
	margin-bottom: 30px;
}

#ye-img1 a {
	display: block;
	width: 100%;
	height: 1000%;
}

#ye-para {
	width: 600px;
}

#ye-para p {
	color: #f5f5f5;
	font-size: 18px;
	letter-spacing: 0.02em;
	line-height: 1.2em;
	margin-bottom: 20px;
}

#ye-para2 {
	width: 100%;
}

#ye-para3 p {
  margin-bottom: 0;
}

#ye-img-full {
	width: 93%;
}

.flex-blank {
	display: none;
}
}

/* 320-375 */
@media only screen and (min-width: 320px) and (max-width: 413px){
.nav-width {
	width: 93%;
}

.twok-nm-menu-date {
	width: 65px;
}

.twok-nm-date {
	display: none;
}

.twok-nm-logo {
	width: 103px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
}

.twok-nm-search-paper {
	display: none;
}

#twok-nav-ch {
	display: none;
}

#twok-nav-sub {
	display: none;
}

.m-hide {
	display: none;
}

#twokexpand {
	width: 93%;
	margin: 15px 0 0 0;
}

#nav-brkr {
	padding-top: 70px;
}

.twok-nm-menu-date {
	width: 20px;
	height: auto;
	display: block;
}

.rel-menu {
	display: none;
}

/* REL BANNER */

#banner-info {
	width: 85%;
}

#rel-banner {
	margin: 50px auto 0;
	height: 93vh;
}

#banner-info p {
	font-size: 15px;
}

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

#read-below {
	margin: 100px auto 0;
}

/* Section one */
#section-one {
	width: 100%;
	padding-bottom: 40px;
}

/* Content Wrap */
#content-wrap {
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 3;
}

#section-head {
	width: 93%;
	font-family: 'Oswald', sans-serif;
	margin:  0 auto;
	font-size: 24px;
}

.head-class-a {
	font-size: 32px;
	color: #f5f5f5;
	letter-spacing: 0.02em;
}

.head-class-b {
	font-size: 32px;
	color: #333;
	letter-spacing: 0.02em;
	line-height: 1.2em;
}

#section-desc {
	width: 93%;
	height: auto;
	margin: 20px auto 0;
}

#section-desc p {
	font-family: 'mallory', sans-serif;
	letter-spacing: 0.01em;
	line-height: 1.4em;
	margin-bottom: 20px;
	font-size: 18px;
}

#section-embed {
	width: 100%;
	height: auto;
	margin: 40px auto 0;
}

#section-flex {
	width: 93%;
	margin: 20px auto 0;
}

#section-box {
	width: 100%;
	height: auto;
	margin: 0 auto 30px;
}

#sec-img {
	width: 100%;
	height: 55vw;
}

#section-box2 {
	width: 100%;
	height: auto;
	margin: 0 0 30px 0;
}

/*ye content */
#ye-2col {
	width: 93%;
	height: auto;
	margin: 30px auto;
}

#ye-img1 {
	width: 99%;
	height: 200px;
	background-size: cover;
	background-position: 50% 50%;
	margin-bottom: 30px;
}

#ye-img1 a {
	display: block;
	width: 100%;
	height: 1000%;
}

#ye-para {
	width: 600px;
}

#ye-para p {
	color: #f5f5f5;
	font-size: 18px;
	letter-spacing: 0.02em;
	line-height: 1.2em;
	margin-bottom: 20px;
}

#ye-para2 {
	width: 100%;
}

#ye-para3 p {
  margin-bottom: 0;
}

#ye-img-full {
	width: 93%;
}

.flex-blank {
	display: none;
}

}