@charset "UTF-8";
/* CSS Document */

@media only screen and (max-width: 1600px) {
	.center-content {
		width: 92%;
		max-width: 1180px;
		margin: auto;
	}

	.title-large-featured {
		font-size: 2.3vw;
		line-height: 3vw;
		letter-spacing: 2px;
		margin-bottom: 1.4vw;
	}

	.title-small-featured {
		font-size: 1.3vw;
		line-height: 1.8vw;
		letter-spacing: 1px;
		margin-bottom: 1.2vw;
	}

	.date-featured {
		font-size: 1vw;
		margin-bottom: 40px;
	}

	.box-info-fetured-small .btn-read-more {
		right: 8%;
		bottom: 8%;
		font-size: 1.1vw;
	}

	.user-post {
		font-size: 1vw;
		letter-spacing: 1px;
		margin: 0 0 1.8vw 0;
	}

	.date-featured {
		font-size: 1vw;
		margin-bottom: 2.4vw;
	}

	.text-featured {
		font-size: 1.18vw;
		line-height: 2.2vw;
	}

	.btn-read-more {
		right: 8%;
		bottom: 8%;
		font-size: 1.1vw;
	}

	.title-recent-post {
		margin-bottom: 60px;
	}
}

@media only screen and (max-width: 1180px) {
	.module-pinterest,
	.module-facebook,
	.module-instagram,
	.newsletter,
	.bg-logo,
	.bg-header {
		background-size: 19% auto !important;
	}

	nav {
		height: 6vw;
	}

	nav a {
		font-size: 1.4vw;
		text-align: center;
		line-height: 6.2vw;
		height: 6vw;
	}

	.back-nizuc {
		font-size: 1.5vw;
		margin-top: 8.1vw;
	}

	.content-search {
		margin-top: 7vw;
	}

	.arrow-round-gold {
		font-size: 2.4vw;
		/*top:-0.64vw;*/
		margin-right: 0.4vw;
	}

	.content-logo {
		margin-top: 3.53vw;
	}

	.content-logo img {
		width: 9.8vw !important;
		height: auto !important;
	}

	.header {
		height: 17vw;
	}

	.title-nizuc-life {
		font-size: 2.4vw;
		margin: 4vw 0;
	}

	.title-nizuc-life em {
		font-size: 2.6vw;
	}

	.title-category {
		font-size: 2.4vw;
		letter-spacing: 0.4vw;
	}

	.featured-stories {
		margin-top: 2.8vw;
	}

	.title-recent-post {
		margin-bottom: 5vw;
	}

	.category-post {
		font-size: 1.4vw;
		letter-spacing: 0.2vw;
	}

	.title-post {
		font-size: 3vw;
		letter-spacing: 0.2vw;
		line-height: 4.6vw;
		margin: 2vw 0 3vw;
	}

	.date-post {
		font-size: 1.4vw;
		letter-spacing: 0.18vw;
	}

	.content-image-post {
		margin: 4vw 0 4.2vw;
	}

	.line-post {
		margin-bottom: 4vw;
	}

	body,
	.item-facebook p {
		font-size: 1.6vw;
	}

	.info-post,
	.item-facebook p {
		line-height: 3.4vw;
		letter-spacing: 0.08vw;
		margin: 1.6vw 0;
	}

	.text-post1 p {
		line-height: 3.4vw;
	}

	.btn-default {
		margin: 3.4vw 0 0 0;
		font-size: 1.2vw;
		min-width: 18vw;
		height: 4vw;
		line-height: 4.3vw;
		letter-spacing: 0.2vw;
	}

	.responsiveHeight {
		margin-top: 5.2vw;
		padding-bottom: 5.8vw;
	}

	.title-post-facebook {
		font-size: 1.8vw;
	}

	.item-facebook {
		font-size: 1.4vw;
	}

	.logo-post-facebook {
		margin-right: 2vw;
	}

	.logo-post-facebook img {
		width: 8vw;
	}

	.slide-pinterest ul li span {
		font-size: 1.1vw;
		margin-top: 1vw;
	}

	.slide-pinterest {
		margin-top: 6vw;
	}

	.box-section {
		padding: 6vw 0;
	}

	.info-post1 {
		padding: 0 0 3vw;
	}

	.module3 {
		padding: 8.4vw 0;
	}

	.module-pinterest,
	.module-instagram {
		padding: 5.8vw 0;
	}

	.module-facebook {
		padding-top: 6vw;
	}

	.slider-facebook {
		margin-top: 5.2vw;
	}

	.category-post i {
		font-size: 2.5vw;
		top: 0.7vw;
		margin-right: 2px;
	}

	.module5 .info-post {
		margin-top: 3vw;
	}

	.line-module3 {
		margin: 2vw auto;
	}

	.pager li a {
		width: 6.8vw;
		height: 6.8vw;
		line-height: 6.8vw;
	}

	.content-pager {
		padding: 7vw 0 10vw;
	}

	footer {
		padding: 4vw 0 2vw;
	}

	.footer {
		font-size: 1.2vw;
	}

	.footer li {
		padding: 0 1.2vw;
	}

	.footer li a i {
		font-size: 2.6vw;
		top: -1vw;
	}

	.input-newsletter {
		width: 34vw;
		height: 5.9vw;
		font-size: 1.4vw;
		padding-left: 4vw;
	}

	.btn-newsletter {
		height: 6.1vw;
		font-size: 1.4vw;
		padding: 0 3vw;
		line-height: 6.1vw;
	}

	.content-newsletter {
		margin-top: 4vw;
	}

	.newsletter {
		padding: 5.8vw;
	}

	.social-post li a {
		width: 6.4vw;
		height: 6.4vw;
		line-height: 6.8vw;
	}

	.social-post li a i::before {
		line-height: 6.4vw;
		font-size: 2.6vw;
	}

	.three-col-image {
		margin: 4vw auto;
	}

	.box-other-post .title-post {
		font-size: 2.7vw;
		margin: 1.8vw;
		line-height: 3.8vw;
	}

	.content-btn-load .btn-load-more-post {
		font-size: 1.4vw;
	}

	.slide-tags ul li {
		font-size: 1.2vw;
		line-height: 6.8vw;
	}

	.slide-tags ul li a {
		line-height: 6.8vw;
	}

	.line-tags {
		height: 6.4vw;
	}

	.content-btns-post {
		font-size: 1.3vw;
		margin-top: 2.6vw;
	}

	.content-btns-post i {
		font-size: 2.6vw;
		top: 0.6vw;
	}

	.content-btns-post a {
		height: 6.4vw;
		line-height: 6.8vw;
		min-width: 16vw;
		padding: 0 2vw;
	}

	.slide-inside-post {
		margin-top: 0;
	}

	.content-info-post {
		padding: 3vw 5vw 5vw;
	}

	.line-post1 {
		margin: 4vw 0 3vw;
	}

	.text-post1 p {
		margin-bottom: 3vw;
	}

	.two-col-image {
		margin-bottom: 3vw;
	}

	.slide-tags {
		margin-left: 5vw;
		height: 6.4vw;
		width: 58vw;
	}

	.title-tag {
		padding-top: 3vw;
	}

	.three-col-grid .box-other-post {
		width: 32%;
	}

	.title-tag .title-post {
		margin: 0.2vw 0 1.7vw;
	}

	.slideSelectors {
		margin: -4vw 0 0 0;
	}

	.fixed-menu .header {
		height: 9vw;
	}

	.fixed-menu .back-nizuc {
		margin-top: 3.8vw;
	}

	.fixed-menu .content-logo {
		margin-top: 1.8vw;
	}

	.fixed-menu .content-logo img {
		width: 5.3vw !important;
		height: auto !important;
	}

	.fixed-menu .content-search {
		margin-top: 2.7vw;
	}
}

@media only screen and (min-width: 701px) {
	nav .center-content {
		display: flex;
		justify-content: stretch;
		align-items: center;
	}
}
@media only screen and (max-width: 700px) {
	header {
		position: fixed;
		z-index: 10;
		width: 100%;
		top: 0;

		&.mobile-active {
			.btn-menu-mobile {
				&::before {
					content: '\e60c';
				}
			}

			> nav {
				display: block;
			}
		}
	}

	body,
	.item-facebook p {
		font-size: 14px;
	}

	.center-featured-stories {
		width: 92%;
	}

	.large-featured {
		width: 100%;
		float: inherit;
		margin-bottom: 4%;
	}

	.small-featured {
		position: relative;
		width: 100%;
	}

	.item-small-featured {
		width: 50%;
		float: inherit;
		overflow: inherit;
		margin-bottom: 1px;
	}

	.small-featured .format-image {
		width: 100%;
	}

	.box-info-fetured-large {
		background: #000;
	}

	.small-featured .box-info-fetured-small {
		width: 100%;
		height: 100%;
		left: 100%;
		background: #000;
	}

	.content-logo img {
		display: none;
	}

	.title-nizuc-life {
		display: none;
	}

	.content-logo .title-nizuc-life {
		display: block;
	}

	.back-nizuc {
		display: none;
	}

	.input-search {
		display: block;
		height: 14vw;
		background: #f9f9f9;
		color: #b2a97e;
		border-radius: 0;
	}

	.btn-search,
	.btn-search:hover {
		color: #b2a97e;
		z-index: 1;
		border-radius: 0;
		background: none;
		border-bottom: none;
		width: 14%;
		text-align: center;
		line-height: 14vw;
	}

	.input-search input,
	.input-search:hover input,
	.input-search input:focus {
		z-index: 2;
		margin: 0;
		width: 86%;
		height: 14vw;
		background: transparent;
		position: relative;
		padding: 0;
		color: #b2a97e;
		float: right;
		font-size: 4vw;
	}

	.content-search .input-search {
		display: none;
	}

	nav .input-search {
		display: block;
	}

	.bg-header {
		background: #fff;
	}

	.title-nizuc-life {
		font-size: 4.4vw;
	}

	.title-nizuc-life em {
		font-size: 4.6vw;
	}

	.content-logo {
		margin-top: 2vw;
	}

	.header {
		height: 15vw;
		border-bottom: solid 1px #dadada;
	}

	.title-large-featured {
		font-size: 5vw;
		line-height: 6vw;
		letter-spacing: 0.2vw;
		margin-bottom: 1.9vw;
	}

	.title-small-featured {
		font-size: 5vw;
		line-height: 6vw;
		letter-spacing: 1px;
		margin-bottom: 1.2vw;
	}

	.date-featured {
		font-size: 1vw;
		margin-bottom: 40px;
	}

	.box-info-fetured-small {
		padding: 10%;
	}

	.user-post {
		font-size: 2.4vw;
		letter-spacing: 1px;
		margin: 0 0 2.4vw 0;
	}

	.box-info-fetured-small .date-featured {
		margin-top: 4vw;
	}

	.date-featured {
		font-size: 2.3vw;
		margin-bottom: 2.6vw;
	}

	.text-featured {
		font-size: 2.5vw;
		line-height: 3.3vw;
	}

	.btn-read-more {
		right: 8%;
		bottom: 8%;
		font-size: 1.1vw;
		display: none;
	}

	.title-recent-post {
		margin-bottom: 60px;
	}

	.small-featured > :last-child {
		display: none;
	}

	nav {
		display: none;
		background: #000;
		border: none;
		height: auto;
		position: absolute;
		width: 100%;
	}

	nav a {
		width: 100%;
		background: #000;
		color: #b2a97e;
		font-size: 4vw;
		letter-spacing: 0.22vw;
		border-bottom: solid 1px #424242;
		height: 15vw;
		line-height: 16vw;
		float: none;
	}

	nav a:hover {
		color: #b2a97e;
		background: #000;
	}

	nav .center-content > :first-child {
		display: block;
	}

	.featured-stories {
		margin-top: 0;
		padding: 5% 0;
		box-shadow: none;
		background: #f8f8f8;
		margin-top: 30vw;
	}

	.title-featured-mobile {
		width: 100%;
		max-width: 100%;
		box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.08);
		background: #fff;
		z-index: 8;
		margin-bottom: 0;
		cursor: pointer;
	}

	.btn-features,
	.fixed-recent {
		position: fixed;
		top: 15vw;
	}

	.title-featured-mobile .title-category-line {
		border: none;
		height: 15vw;
		display: block;
	}

	.title-featured-mobile .title-category {
		font-size: 4vw;
		line-height: 16.3vw;
		height: 15vw;
	}

	.box-recent-stories {
		padding-top: 0;
	}

	.title-newsletter .title-category-line {
		border: none;
		padding: 0;
	}

	.title-newsletter .title-category {
		font-size: 5vw;
		padding: 0;
		letter-spacing: 0.3vw;
	}

	.newsletter {
		padding: 18vw 5vw;
	}

	.newsletter .center-content {
		width: 100%;
	}

	.input-newsletter {
		width: 100%;
		height: 14vw;
		line-height: 14vw;
		text-align: center;
		font-size: 3.6vw;
		letter-spacing: 0.3vw;
		font-weight: 400;
		padding: 0;
	}

	.btn-newsletter {
		height: 12vw;
		font-size: 3vw;
		padding: 0 3vw;
		min-width: 48vw;
		margin-top: 6vw;
		line-height: 12.7vw;
	}

	.btn-default {
		height: 12vw;
		font-size: 3vw;
		padding: 0 3vw;
		min-width: 48vw;
		line-height: 12vw;
	}

	.category-post {
		font-size: 4vw;
		letter-spacing: 0.2vw;
	}

	.category-post i {
		font-size: 7.4vw;
		top: 1.6vw;
		margin-right: 5px;
	}

	.title-post {
		font-size: 5vw;
		letter-spacing: 0.1vw;
		line-height: 7.6vw;
		margin: 4vw auto 4.4vw;
	}

	.date-post {
		font-size: 3.2vw;
		letter-spacing: 0.18vw;
	}

	.content-image-post {
		margin: 4vw 0 4.2vw;
	}

	.line-post {
		display: none;
	}

	.info-post {
		letter-spacing: 1px;
		line-height: 26px;
	}

	.item-facebook p {
		font-size: 12px;
		letter-spacing: 1px;
		line-height: 20px;
	}

	.module1 .info-post,
	.module4 .info-post {
		width: 80%;
	}

	.module-instagram .info-post {
		letter-spacing: 0;
	}

	.box-section {
		position: relative;
		overflow: hidden;
	}

	.social-post {
		width: 49.2vw;
	}

	.social-post li {
		display: block;
		width: 16.4vw;
		height: 16.4vw;
		float: left;
	}

	.social-post li a {
		width: 16.4vw;
		height: 16.4vw;
		line-height: 16.8vw;
	}

	.social-post li a i::before {
		line-height: 16.4vw;
		font-size: 6vw;
	}

	.content-social-post-mobile {
		height: 16.4vw;
		border-top: solid 1px #ccc;
		position: relative;
		margin-top: 10vw;
		display: block;
	}

	.box-section {
		padding: 12vw 0 0 0;
	}

	.box-recent-stories {
		padding: 0;
	}

	.module-pinterest,
	.module-instagram {
		padding: 34vw 0 24vw;
	}

	.responsiveHeight {
		margin: 8vw 0;
		padding-bottom: 4%;
	}

	.module-facebook {
		padding: 22vw 0 0 0;
		overflow: hidden;
	}

	.content-social-post-mobile .social-post > :last-child {
		display: none;
	}

	.slider-facebook {
		width: 100%;
		/*height:296px;*/
		margin: 9% 0 0;
		overflow: visible !important;
	}

	/*.inner-salide-facebook{
	width:626px}*/

	.item-facebook {
		/*width:241px;
        padding:22px 22px 0;
        */
		width: 80%;
		padding: 22px 6% 0;
		margin: 0 4%;
	}

	.box-recent-stories .content-image-post {
		margin: 0 auto 7.2vw;
		width: 92%;
	}

	.box-recent-stories .info-post {
		margin-top: 4vw;
	}

	.col-text-module3 {
		width: 100%;
	}

	.col-image-module3,
	.three-col-image {
		width: 100%;
		height: 0;
		margin-top: 12vw;
		padding: 0 0 50%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	.two-col-image {
		width: 100%;
		height: 0;
		margin: 5vw 0 7vw;
		padding: 0 0 50%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	.line-module3 {
		display: none;
	}

	.module3 .info-post {
		margin: 7vw 0;
	}

	.module-instagram .center-content {
		width: 100%;
	}

	.logo-post-facebook img {
		width: 8vw;
	}

	.logo-post-facebook img {
		width: 56px;
	}

	.title-post-facebook {
		font-size: 12px;
	}

	.item-facebook {
		font-size: 12px;
	}

	.logo-post-facebook {
		margin-right: 18px;
	}

	.slide-pinterest {
		width: 84%;
		margin: 12vw auto 0;
	}

	.slide-pinterest ul li {
		width: 30.6%;
		margin-right: 4%;
		margin-bottom: 4%;
	}

	.slide-pinterest ul > :nth-child(5),
	.slide-pinterest ul > :nth-child(8) {
		margin-right: 0;
	}

	.slide-pinterest ul > :nth-child(1) {
		display: none;
	}

	.slide-pinterest ul > :nth-child(2) {
		display: none;
	}

	.slide-pinterest ul > :nth-child(9) {
		display: none;
	}

	.slide-pinterest ul > :nth-child(10) {
		display: none;
	}

	.slide-pinterest ul li span {
		display: none;
	}

	.slide-pinterest ul li img {
		vertical-align: top;
	}

	.slide-mobile {
		height: 100%;
		width: 90%;
		position: absolute !important;
	}

	.slide-mobile .format-image {
		width: auto;
		height: 100%;
	}

	.slide-mobile .content-image-post {
		height: 100%;
		width: 100%;
		margin-right: 10px;
	}

	.slide-mobile .image-post {
		height: 100%;
		display: block;
	}

	.module3 .center-content,
	.module4 .center-content {
		width: 100%;
	}

	.module2 .btn-default {
		margin-top: 8vw;
	}

	.three-col-image .slide-mobile > :nth-child(2) {
		margin: 0 10px 0 0;
	}

	.module-pinterest,
	.module-facebook,
	.module-instagram,
	.newsletter,
	.bg-logo {
		background-size: 30%;
	}

	.btn-load-more-post {
		display: block;
		border-bottom: solid 1px #c4c4c4;
		border-top: solid 1px #c4c4c4;
		height: 16vw;
		line-height: 17vw;
		color: #000;
		font-size: 4.4vw;
		background: #fff;
		text-align: center;
	}

	.pager {
		display: none;
	}

	.content-pager {
		padding: 0 0 28vw;
	}

	.btn-back-nizuc {
		display: block;
		text-transform: uppercase;
		font-size: 4vw;
		width: 80vw;
		margin: 16vw auto 0;
		height: 17vw;
		line-height: 17.6vw;
		text-align: center;
	}

	.box-recent-stories .btn-back-nizuc {
		margin-top: 6vw;
		width: 92%;
		padding: 0;
	}

	footer {
		padding-top: 0;
	}

	.footer {
		width: 100%;
		font-size: 4vw;
	}

	.footer li {
		width: 100%;
		padding: 0;
		border-bottom: solid 1px #c4c4c4;
		height: 14.6vw;
		line-height: 15vw;
	}

	.footer li a {
		display: block;
	}

	.footer li a i {
		font-size: 8vw;
	}

	.content-icon-social {
		width: auto !important;
		display: inline-block;
		float: inherit !important;
		height: inherit !important;
		border-bottom: none !important;
		margin: 6vw 3vw 4vw;
	}

	.btn-menu-mobile {
		display: block;
		font-size: 9vw;
		cursor: pointer;
	}

	.content-search {
		margin-top: 3vw;
	}

	.arrow-sections {
		display: block;
	}

	.slide-inside .social-post {
		display: none;
	}

	.hide-title-mobile {
		display: none;
	}

	.slide-inside {
		margin-top: 15vw;
	}

	.content-info-category .box-section {
		padding: 12vw 0;
	}

	.info-category {
		padding-top: 8vw !important;
	}

	.info-category .info-post {
		margin-top: 5vw;
	}

	.two-col-grid .box-other-post {
		width: 100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	.pattern-gread {
		background: #f8f8f8;
	}

	.newsletter-inside {
		display: none;
	}

	.box-other-post .title-post {
		font-size: 6vw;
		margin: 3vw;
		line-height: 8vw;
	}

	.title-category-mobile-inside {
		margin-bottom: 6vw;
		border-top: none;
	}

	.title-category-mobile-inside .title-category {
		font-size: 4.6vw;
	}

	.three-col-grid .box-other-post {
		width: 100%;
		margin: 0 0 4vw 0;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	.three-col-grid .box-other-post figure {
		width: 50%;
		float: left;
	}

	.three-col-grid .box-other-post .info-box-other-post {
		width: 50%;
		float: left;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		padding: 0 3%;
	}

	.format-descktop {
		display: none;
	}

	.format-mobile {
		display: block;
	}

	.null-padding-bottom {
		padding-bottom: 0 !important;
	}

	.content-btn-load {
		border: none;
		width: 100%;
		margin-top: 2vw;
	}

	.content-btn-load:hover {
		border: none;
	}

	.content-btn-load .btn-load-more-post,
	.content-btn-load .btn-load-more-post:hover {
		display: block;
		border-bottom: solid 1px #c4c4c4;
		border-top: solid 1px #c4c4c4;
		height: 16vw;
		line-height: 17vw;
		color: #000;
		font-size: 4vw;
		background: #fff;
		text-align: center;
	}

	.hide-category {
		display: block;
	}

	.info-post1 {
		padding: 5% 0 0 0 !important;
	}

	.content-info-post {
		padding: 6vw 5vw 5vw;
		border-top: solid 1px #d8d8d8;
	}

	.text-post1 p {
		line-height: 24px;
	}

	.line-post1 {
		margin: 6vw 0 5vw;
	}

	.line-tags .social-post {
		width: 65.7vw;
	}

	.line-tags .social-post > :nth-child(1),
	.line-tags .social-post > :nth-child(2),
	.line-tags .social-post > :nth-child(3) {
		display: none;
	}

	.line-tags .social-post > :nth-child(4) {
		float: right;
	}

	.slide-tags ul li {
		font-size: 3.3vw;
		line-height: 16.8vw;
	}

	.slide-tags ul li a {
		line-height: 16.4vw;
	}

	.line-tags {
		height: 16.4vw;
	}

	.slide-tags {
		margin-left: 5vw;
		height: 16.4vw;
		width: 68vw;
	}

	.content-btns-post {
		font-size: 3.4vw;
		margin-top: 5vw;
	}

	.content-btns-post i {
		font-size: 5.2vw;
		top: 0.87vw;
	}

	.content-btns-post a {
		height: 13vw;
		line-height: 13.5vw;
		min-width: 16vw;
		padding: 0 2vw;
		width: 50%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		letter-spacing: 0.2vw;
	}

	.info-post1 {
		background: url(../images/bg-logo.jpg);
		background-size: 30% auto;
	}

	.nullShadow {
		box-shadow: none;
	}

	.tag-page .slide-inside-post .center-content {
		width: 100%;
	}

	.tag-page .slide-inside-post {
		margin-top: 0;
	}

	.title-tag {
		width: 100%;
		margin: 15vw 0 0 0;
	}

	.title-tag {
		padding-top: 6vw;
	}

	.title-tag .title-post {
		margin: 0.2vw 0 3vw;
	}

	.tag-page .box-recent-stories {
		padding-top: 5vw;
	}

	.slideSelectors {
		margin: -8vw 0 0 0;
	}

	.controlsSlide i {
		font-size: 5vw;
		top: -1.5vw;
		margin: 0 3vw;
	}

	.not-found {
		margin-bottom: 6vw;
	}

	.not-found .title-post {
		margin-top: 0;
		margin-bottom: 10px;
	}

	.not-found .info-post {
		margin-top: 0;
	}

	.only-mobile {
		display: block;
	}
	.only-desktop {
		display: none;
	}
}