body,
html {
	font-size: 16px;
	padding: 0;
	margin: 0;
	font-family: Roboto, sans-serif
}

div {
	-webkit-overflow-scrolling: touch
}

@media only screen and (min-width:600px) {
	body {
		font-size: 16px
	}
}

@media only screen and (min-width:900px) {
	body {
		font-size: 18px
	}
}

@media only screen and (min-width:1300px) {
	body {
		font-size: 20px
	}
}

@media only screen and (min-width:1700px) {
	body {
		font-size: 22px
	}
}

.banner_style_1 {
	float: left;
	width: 100%;
	clear: both;
	height: 500px;
	position: relative
}

.banner_style_1.height-1 {
	height: 300px
}

.banner_style_1 .description,
.banner_style_1 .title,
.banner_style_1 a {
	transition: all .5s
}

.banner_style_1.container-especial .container_text {
	height: calc(100% - 195px);
	margin-top: 90px;
	margin-bottom: 105px
}

.banner_style_1.container-especial-top .container_text {
	height: calc(100% - 90px);
	margin-top: 90px
}

.banner_style_1.container-especial-detail .container_text {
	height: calc(100% - 305px);
	margin-top: 125px;
	margin-bottom: 181px
}

.banner_style_1 .container_img {
	float: left;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -238;
	overflow-x: hidden
}

.banner_style_1 .container_img .img {
	float: left;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	z-index: -2;
	display: none
}

.banner_style_1 .img.horizontal_right {
	background-position: right!important
}

.banner_style_1 .img.horizontal_right_top {
	background-position: right top!important
}

.banner_style_1 .img.horizontal_right_center {
	background-position: right center!important
}

.banner_style_1 .img.horizontal_center {
	background-position: center!important
}

.banner_style_1 .img.horizontal_left {
	background-position: left!important
}

.banner_style_1 .container_text {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	max-width: 1366px;
	padding: 0 30px;
	display: table;
	color: #fff;
	position: relative;
	z-index: 5
}

.banner_style_1 .container_text_vertical {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle
}

.banner_style_1 .horizontal_left {
	text-align: left!important
}

.banner_style_1 .horizontal_center {
	text-align: center!important
}

.banner_style_1 .horizontal_right {
	text-align: right!important
}

.banner_style_1 .vertical_top {
	vertical-align: top!important
}

.banner_style_1 .vertical_middle {
	vertical-align: middle!important
}

.banner_style_1 .vertical_bottom {
	vertical-align: bottom!important
}

.banner_style_1 .text {
	text-align: center
}

.banner_style_1 .text .title {
	font-size: 2.3em;
	font-weight: 400;
	line-height: normal;
	width: 100%;
	padding: 0 10px 0 10px;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, .3)
}

.banner_style_1 .text .title img {
	max-width: 100%;
	padding: 10px;
	max-height: 100px
}

.banner_style_1 .text .title .img-sound {
	width: 100%;
	border-radius: 15px
}

.banner_style_1 .container_img .img.blur-image {
	-webkit-filter: blur(1em);
	filter: blur(1em)
}

.banner_style_1 .text .description {
	font-size: .9em;
	font-weight: 300;
	line-height: 1.4em;
	color: rgba(255, 255, 255, 1);
	padding: 20px 10px 0 10px;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, .3)
}

.banner_style_1 .text a {
	margin: 36px 0 0 0;
	padding: 10px 50px 8px 50px;
	color: #fff;
	font-size: .8em;
	background-color: #0171c0;
	display: none;
	border-radius: 50px;
	text-decoration: none;
	cursor: pointer
}

.banner_style_1 .text a.active {
	display: inline-block
}

.banner_style_1 .text a:hover {
	background-color: #008bec
}

.banner_style_1.small_letter .text .title {
	font-size: 2em!important
}

.banner_style_1.small_letter .text .description {
	font-size: 1em!important
}

.banner_style_1.small_letter .text a {
	font-size: .8em!important
}

.banner_style_1 .container_foot {
	width: 100%;
	color: #fff;
	position: absolute;
	bottom: 30px;
	text-align: center;
	z-index: 3
}

.banner_style_1 .container_foot.play {
	bottom: -94px
}

.banner_style_1 .container_foot.play .title img {
	cursor: pointer
}

.banner_style_1 .container_foot .arrow {
	margin: 0 auto;
	max-width: 1366px
}

.banner_style_1 .container_foot .icon,
.banner_style_1 .container_foot .title {
	width: 100%;
	float: left;
	font-size: .8em;
	font-weight: 700;
	padding: 5px
}

.banner_style_1 .container_foot .icon img {
	cursor: pointer
}

.banner_style_1 .content_background {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}

.banner_style_1 .content_background .background_1 {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, .95) 0, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, .6) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, .95) 0, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, .6) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, .95) 0, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, .6) 100%)
}

.banner_style_1 .content_background .background_2 {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	background-color: rgba(0, 0, 0, .45)
}

.banner_style_1 .click_action_video_close {
	display: none;
	position: absolute;
	z-index: 300;
	top: 1.5em;
	right: 1.7em;
	cursor: pointer;
	width: 2em;
	height: 2em
}

.banner_style_1 .click_action_video_close img {
	width: 100%;
	max-width: 100%
}

.banner_style_1 .content_video_backgroud,
.banner_style_1 .content_video_detail_post {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none
}

.banner_style_1 .content_video_backgroud iframe,
.banner_style_1 .content_video_detail_post iframe {
	width: 100%;
	height: 100%
}

.banner_style_1 .click_action_play {
	cursor: pointer;
	transition: all .5s
}

.banner_style_1 .click_action_play:hover {
	transform: scale(1.1)
}

.video_background {
	position: relative;
	background: 0 0
}

.ytplayer-container {
	position: absolute;
	top: 0;
	z-index: -1
}

.sound_cloud_loading {
	-webkit-animation: out_opacity 2s infinite linear;
	-moz-animation: out_opacity 2s infinite linear;
	-o-animation: out_opacity 2s infinite linear;
	animation: out_opacity 2s infinite linear
}

.add_out_opacity {
	display: block!important;
	-webkit-animation: out_opacity 3s 1 forwards;
	-moz-animation: out_opacity 3s 1 forwards;
	-o-animation: out_opacity 3s 1 forwards;
	animation: out_opacity 3s 1 forwards;
	z-index: -1!important
}

.add_enter_opacity {
	display: block!important;
	-webkit-animation: enter_opacity 3s 1 forwards;
	-moz-animation: enter_opacity 3s 1 forwards;
	-o-animation: enter_opacity 3s 1 forwards;
	animation: enter_opacity 3s 1 forwards;
	z-index: -2!important
}

@-webkit-keyframes zoom_opacity {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
	50% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2)
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

@-moz-keyframes zoom_opacity {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
	50% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2)
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

@-o-keyframes zoom_opacity {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
	50% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2)
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

@keyframes zoom_opacity {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
	50% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2)
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

@-webkit-keyframes out_opacity {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@-moz-keyframes out_opacity {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@-o-keyframes out_opacity {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes out_opacity {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@-webkit-keyframes enter_opacity {
	0% {
		opacity: .4
	}
	100% {
		opacity: 1
	}
}

@-moz-keyframes enter_opacity {
	0% {
		opacity: .4
	}
	100% {
		opacity: 1
	}
}

@-o-keyframes enter_opacity {
	0% {
		opacity: .4
	}
	100% {
		opacity: 1
	}
}

@keyframes enter_opacity {
	0% {
		opacity: .4
	}
	100% {
		opacity: 1
	}
}

.zoom_opacity {
	width: 38px;
	height: 38px;
	display: none
}

.banner_style_1 .container_foot .icon {
	position: relative
}

.banner_style_1 .container_foot .icon::before {
	position: absolute;
	top: 9px;
	left: calc(50% - 15px);
	color: transparent!important;
	z-index: -1;
	content: '<span></span>';
	width: 30px;
	height: 30px;
	box-shadow: 0 0 0 0 rgba(255, 255, 255, .1);
	border-radius: 100%;
	opacity: 0;
	-webkit-animation: effect-banner 1.5s infinite;
	animation: effect-banner 1.5s infinite;
	-webkit-animation-timing-function: ease-out;
	-o-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	box-sizing: border-box;
	display: inline-block
}

@-webkit-keyframes effect-banner {
	0% {
		opacity: 0
	}
	60% {
		opacity: 1
	}
	90% {
		box-shadow: 0 0 0 30px rgba(255, 255, 255, .35);
		opacity: 0
	}
	100% {
		opacity: 0
	}
}

@keyframes effect-banner {
	0% {
		opacity: 0
	}
	60% {
		opacity: 1
	}
	90% {
		box-shadow: 0 0 0 30px rgba(255, 255, 255, .35);
		opacity: 0
	}
	100% {
		opacity: 0
	}
}

.content_timer_web {
	display: none!important
}

.content_timer_mobile {
	display: block
}

@media only screen and (min-width:400px) {
	.banner_style_1 .text .title img {
		max-width: 100%;
		padding: 10px;
		max-height: 150px
	}
	.container-especial-top .text .title img {
		max-height: 130px
	}
}

@media only screen and (min-width:500px) {
	.banner_style_1 .text .title img {
		max-width: 100%;
		padding: 10px;
		max-height: 200px
	}
	.container-especial-top .text .title img {
		max-height: 170px
	}
}

@media only screen and (min-width:600px) {
	.content_timer_web {
		display: table-cell!important
	}
	.content_timer_mobile {
		display: none
	}
	.banner_style_1 .content_bar {
		width: calc(100% - 100px)
	}
	.banner_style_1.height-1 {
		height: 400px
	}
	.banner_style_1 .text .description {
		display: block
	}
	.banner_style_1 .content_video_backgroud {
		display: block
	}
	.banner_style_1.container-especial .container_text {
		height: calc(100% - 270px);
		margin-top: 150px;
		margin-bottom: 120px
	}
	.banner_style_1.container-especial-top .container_text {
		height: calc(100% - 130px);
		margin-top: 130px
	}
	.banner_style_1 .text .title img {
		max-width: 50%;
		padding: 10px
	}
	.banner_style_1 .text .title .img-sound {
		width: 100%;
		max-width: 300px;
		border-radius: 15px
	}
}

@media only screen and (min-width:1000px) {
	.banner_style_1.container-especial .text,
	.banner_style_1.container-especial-top .text {
		width: 900px;
		margin: 0 auto
	}
}

@media only screen and (max-height:475px) {
	.banner_style_1 .text .title {
		font-size: 2em
	}
	.banner_style_1 .text .description {
		display: none
	}
}

@media only screen and (max-height:380px) {
	.banner_style_1 .container_foot {
		display: none
	}
}

@media only screen and (max-height:350px) {
	.banner_style_1 .text .title {
		font-size: 1.5em
	}
}

.banner_style_1 .container_mobile_img {
	float: left;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -200;
	overflow-x: hidden
}

.banner_style_1 .container_mobile_img .img {
	float: left;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	z-index: -1
}

@media only screen and (min-width:700px) {
	.banner_style_1 .container_mobile_img {
		display: none
	}
}

.banner_style_1 .timer {
	width: 100%;
	float: left;
	display: none
}

.banner_style_1 .table {
	width: 70%;
	margin: 0 auto;
	display: table
}

.banner_style_1 .cell {
	display: table-cell;
	vertical-align: middle
}

.banner_style_1 .minutes {
	width: 50px;
	font-size: .8em;
	color: rgba(255, 255, 255, .7);
	font-weight: 100
}

.banner_style_1 .content_bar {
	width: 100%;
	padding: 0 20px;
	cursor: pointer;
	transition: all .5s
}

.banner_style_1 .bar {
	display: block;
	border-radius: 30px;
	background-color: #fff;
	transition: all .5s
}

.banner_style_1 .line {
	height: 6px;
	width: 0%;
	display: block;
	border-radius: 30px;
	background-color: #0072be;
	transition: all .5s
}

.banner_style_1 .action_text {
	padding: 1em 0;
	cursor: pointer;
	float: left;
	width: 100%;
	text-align: center
}

.banner_style_1 .content_loading label {
	margin: 0;
	padding: 10px 3em 8px 3em;
	color: #fff;
	font-size: .8em;
	background-color: transparent!important;
	border-radius: 3em;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid transparent
}

.banner_style_1 .content_play label {
	margin: 0;
	padding: 10px 3em 8px 3em;
	color: #fff;
	font-size: .8em;
	background-color: #1ed760;
	border-radius: 3em;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid transparent
}

.banner_style_1 .content_stop label {
	margin: 0;
	padding: 10px 3em 8px 3em;
	color: #fff;
	font-size: .8em;
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 3em;
	text-decoration: none;
	cursor: pointer
}

.banner_style_1.style_home {
	height: 600px
}

.banner_style_1.style_home .container_text {
	height: calc(100% - 20em);
	margin-top: 10em;
	margin-bottom: 10em
}

.banner_style_1.style_home .description,
.banner_style_1.style_home .text a,
.banner_style_1.style_home .title {
	color: #515151
}

.banner_style_1.style_home .title {
	font-size: 2em;
	font-weight: 400;
	text-align: center
}

.banner_style_1.style_home .description {
	display: inline-block;
	font-size: .8em;
	text-align: center
}

.banner_style_1.style_home .text {
	text-align: center
}

.banner_style_1.style_home .button {
	position: absolute;
	bottom: -8em;
	width: 100%;
	left: 0;
	text-align: center
}

.banner_style_1.style_home .text a {
	background-color: #fff!important;
	box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .3)
}

.banner_style_1.style_home .vertical_middle {
	vertical-align: top
}

@media only screen and (min-width:700px) {
	.banner_style_1.style_home .button {
		position: initial;
		bottom: initial;
		width: 100%;
		left: initial;
		text-align: center
	}
	.banner_style_1.style_home .text {
		width: 24em
	}
	.banner_style_1.style_home .button,
	.banner_style_1.style_home .description,
	.banner_style_1.style_home .title {
		text-align: left
	}
	.banner_style_1.style_home.height-large {
		height: 800px
	}
	.banner_style_1.style_home .vertical_middle {
		vertical-align: middle
	}
}

.banner_style_1.style_home_secundary_up {
	margin: -11em 0 0 0;
	z-index: -1
}

.banner_style_double {
	float: left;
	width: 100%;
	clear: both;
	position: relative
}

.no-padding .banner_style_double {
	margin-bottom: 0
}

.banner_style_double .background_double {
	background-size: cover!important;
	background-position: center!important;
	background-repeat: no-repeat!important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.banner_style_double .background_layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: rgba(0, 0, 0, 0.3);
}

.banner_style_double .background_web {
	background-size: cover!important;
	background-position: center!important;
	background-repeat: no-repeat!important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	display: none
}

.banner_style_double .table {
	display: table;
	width: 100%;
	height: 100%;
	padding-top: 12em;
	padding-bottom: 6em;
	margin: 0;
}

.mobile_home_padding_1 .banner_style_double .table {
	padding-top: 3em;
	padding-bottom: 24em
}

.mobile_home_padding_2 .banner_style_double .table {
	padding-top: 5em;
	padding-bottom: 20em
}

.no-padding .banner_style_double .content .line {
	display: none
}

.banner_style_double .cell {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle
}

.banner_style_double .image {
	display: none
}

.banner_style_double .content {
	color: #fff
}

.banner_style_double .content .title {
	float: left;
	width: 100%;
	font-size: 1.2em;
	color: #fff;
	text-align: left;
	font-weight: 600;
	padding-bottom: 1em
}

.banner_style_double .content .text {
	float: left;
	width: 100%;
	font-size: .9em;
	color: #fff;
	text-align: left;
	font-weight: 400;
	line-height: 2em
}

.grey .banner_style_double .content .title {
	color: #515151!important
}

.grey .banner_style_double .content .text {
	color: #515151!important
}

.banner_style_double .content .line {
	width: 100%;
	float: left;
	clear: both;
	text-align: left;
	padding: 0 0;
	display: none
}

.banner_style_double .content .line hr {
	border-top: 1px solid rgba(255, 255, 255, .7);
	width: 25%;
	display: inline-block
}

.banner_style_double .button {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 2em
}

.banner_style_double .button a {
	font-size: .7em;
	background: #fff;
	color: #515151;
	border-radius: 2em;
	padding: .5em 3em .5em 3em;
	-webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .3);
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .3);
	text-decoration: none;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	margin-right: 1em
}

.banner_style_double .button a:hover {
	-webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .3);
	box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .3)
}

.add_multibanner .section_title {
	float: left;
	width: 100%;
	font-size: 1.7em;
	color: #515151;
	text-align: center;
	font-weight: 600;
	padding: 2em 0 2em 0;
	display: none
}

.banner_style_double .content_video_backgroud {
	display: none
}

@media only screen and (min-width:700px) {

	.banner_style_double .background_layer {
		display: none;
	}

	.banner_style_double .content_video_backgroud {
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		display: block
	}
	.white .banner_style_double .content .title {
		color: #fff!important
	}
	.white .banner_style_double .content .text {
		color: #fff!important
	}
	.banner_style_double .set_container {
		max-width: 1100px
	}
	.add_multibanner .section_title {
		padding: 2em 0 2em 0
	}
	.banner_style_double .button {
		text-align: left;
		margin-top: .5em
	}
	.banner_style_double {
		margin-bottom: 6em
	}
	.no-padding .banner_style_double {
		margin-bottom: 0
	}
	.banner_style_double .background_double {
		display: none
	}
	.banner_style_double .background_web {
		display: block
	}
	.banner_style_double .class_1 .image {
		display: table-cell;
		padding-right: 2em
	}
	.banner_style_double .class_2 .image {
		display: table-cell;
		padding-left: 2em
	}
	.banner_style_double img {
		max-width: 100%;
		border-radius: .2em
	}
	.height_image .banner_style_double img {
		max-width: 100%!important;
		max-height: 100%!important
	}
	.height_image .banner_style_double .class_2 .image {
		width: 60%!important;
		vertical-align: bottom
	}
	.height_image .banner_style_double .class_2 .content {
		padding-top: 2em;
		padding-bottom: 4em;
		width: 40%!important;
		vertical-align: top!important
	}
	.height_image .banner_style_double .content .line {
		display: none
	}
	.height_image .banner_style_double .content .text {
		padding-bottom: 2em
	}
	.principal_extra_padding .banner_style_double {
		padding-top: 3em
	}
	.footer_up_margin .banner_style_double {
		margin-top: 0
	}
	.footer_extra_padding .banner_style_double {
		padding-top: 4em;
		min-height: 28em
	}
	.banner_style_double .content {
		color: #515151
	}
	.banner_style_double .cell {
		width: 50%;
		text-align: left
	}
	.banner_style_double .table {
		padding-top: 0;
		padding-bottom: 0
	}
	.banner_style_double.first .table {
		padding-top: 0;
		padding-bottom: 0
	}
	.banner_style_double .content .title {
		text-align: left;
		color: #515151;
		padding-bottom: 0
	}
	.banner_style_double .content .text {
		text-align: left;
		color: #515151;
		font-size: .7em
	}
	.banner_style_double .content .line hr {
		border-top: 1px solid rgba(177, 177, 177, .7);
		width: 25%;
		display: inline-block
	}
	.banner_style_double .content .line {
		text-align: left;
		padding: .3em 0;
		display: inline-block
	}
}

.banner_style_timeline {
	float: left;
	width: 100%;
	position: relative;
	display: none;
	overflow: hidden
}

.banner_style_timeline .set_container {
	max-width: 1100px;
	width: 100%
}

.banner_style_timeline .background {
	float: left;
	width: 100%;
	height: 200px;
	background-position: center!important;
	background-size: cover!important
}

.banner_style_timeline .content_info {
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 2em
}

.banner_style_timeline .content_number {
	float: left;
	width: 5em
}

.banner_style_timeline .content_detail {
	float: left;
	width: calc(100% - 5em);
	max-width: 25em
}

.banner_style_timeline .content_number .number {
	padding: 1.2em 1.5em 1em 1.5em;
	border: 1px solid #0071ba;
	border-radius: 50%;
	font-size: .7em;
	box-sizing: border-box;
	height: 3.7em;
	width: 3.8em;
	display: inline-block;
	text-align: center;
	color: #fff;
	background: #0071ba;
	font-weight: 600
}

.banner_style_timeline .content_info .title {
	float: left;
	width: 100%;
	font-weight: 600;
	font-size: 1em;
	color: #515151;
	padding-bottom: .5em;
	text-align: left;
	padding-right: 1.5em
}

.banner_style_timeline .content_info .description {
	float: left;
	width: 100%;
	font-weight: 100;
	font-size: .9em;
	color: #515151;
	padding-bottom: 2em;
	text-align: left;
	padding-right: 1.5em
}

.banner_style_timeline .background-degraded {
	float: left;
	width: 100%;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

.banner_style_timeline .content_ico {
	float: left
}

.banner_style_timeline .content_ico .ico {
	float: left;
	width: 4em
}

.banner_style_timeline .content_ico .ico img {
	max-width: 100%;
	padding-right: 1em;
	box-sizing: border-box
}

.banner_style_timeline .content_ico_info {
	float: left;
	width: calc(100% - 4em);
	border-left: 1px solid #ccc;
	padding-left: 1em;
	box-sizing: border-box
}

.banner_style_timeline .content_ico_info .ico_title {
	float: left;
	width: 100%;
	font-size: 1em;
	font-weight: 600;
	color: #515151
}

.banner_style_timeline .content_button {
	float: left;
	width: 100%
}

.banner_style_timeline .content_button a {
	font-size: .7em;
	color: #515151;
	border-radius: 2em;
	padding: .5em 3em .5em 3em;
	-webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .3);
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .3);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	text-decoration: none
}

.banner_style_timeline .content_button a:hover {
	-webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .3);
	box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .3)
}

@media only screen and (min-width:700px) {
	.banner_style_timeline {
		height: 600px
	}
	.banner_style_timeline .effect-line {
		position: absolute;
		top: 0;
		left: inherit;
		z-index: -1;
		height: 600px
	}
	.banner_style_timeline.one .effect-line {
		top: 120px!important
	}
	.banner_style_timeline.final .effect-line {
		height: 120px!important
	}
	.banner_style_timeline .effect-line .line {
		position: relative;
		border-left: 1px solid #0071ba;
		width: 1px;
		height: 100%;
		left: 4px
	}
	.banner_style_timeline .background-degraded {
		float: left;
		width: 100%;
		height: 600px;
		position: absolute;
		top: 0;
		left: inherit;
		z-index: -1;
		background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 31%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 93%, rgba(255, 255, 255, 0) 100%);
		background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 31%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 93%, rgba(255, 255, 255, 0) 100%);
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 31%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 93%, rgba(255, 255, 255, 0) 100%)
	}
	.banner_style_timeline .background-degraded-aux {
		float: left;
		width: 100%;
		height: 600px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 31%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 93%, rgba(255, 255, 255, 0) 100%);
		background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 31%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 93%, rgba(255, 255, 255, 0) 100%);
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 31%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 93%, rgba(255, 255, 255, 0) 100%)
	}
	.banner_style_timeline .background {
		float: left;
		width: 100%;
		height: 600px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -2;
		background-position: center!important;
		background-size: cover!important
	}
	.banner_style_timeline .content_info {
		padding-top: 120px
	}
	.banner_style_timeline.ico_style .content_ico {
		margin-top: 5em
	}
	.banner_style_timeline.ico_style .content_info {
		padding-top: 1em
	}
}

.banner_style_timeline.history .content_detail {
	float: left;
	width: 100%;
	max-width: 25em;
	box-sizing: border-box;
	text-align: center;
	padding: 0 1em
}

@media only screen and (min-width:700px) {
	.banner_style_timeline.history .content_effect {
		position: absolute;
		top: 0;
		left: calc(50% - 1.5em);
		display: table;
		width: 3em;
		height: 100%
	}
	.icon_play {
		position: absolute;
		width: 4em;
		height: 4em;
		left: calc(50% - 2em);
		-webkit-transition: all .7s;
		-o-transition: all .7s;
		transition: all .7s;
		display: none
	}
	.banner_style_timeline.history .effect-line-history.one {
		height: 8em;
		display: table-row;
		text-align: center
	}
	.banner_style_timeline.history .effect-line-history.two {
		height: 40em;
		display: table-row;
		text-align: center
	}
	.banner_style_timeline.history .effect-line-history .line {
		width: 1px;
		height: 100%;
		border-right: 1px solid #515151;
		text-align: center;
		display: inline-block
	}
	.banner_style_timeline.history .circle {
		height: 3em;
		width: 3em;
		display: table-row;
		border: 1px solid #515151;
		border-radius: 100%
	}
	.banner_style_timeline.history .circle .line {
		width: 100%;
		height: 100%;
		border: 1px solid #515151;
		border-radius: 100%
	}
	.banner_style_timeline.history.one .effect-line-history.one {
		visibility: hidden
	}
	.banner_style_timeline.history.final .effect-line-history.two {
		visibility: hidden
	}
	.banner_style_timeline.right .content_detail {
		float: right!important
	}
	.banner_style_timeline.right .content_info .title {
		padding-right: 0;
		padding-left: 1.5em
	}
	.banner_style_timeline.right .content_info .description {
		padding-left: 1.5em;
		padding-bottom: 2em;
		padding-right: 0
	}
	.banner_style_timeline.right .background-degraded,
	.banner_style_timeline.right .background-degraded-aux {
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
		filter: FlipH
	}
}

.banner_style_3 {
	float: left;
	width: 100%;
	position: relative;
	display: none
}

.banner_style_3 .set_container {
	max-width: 1100px
}

.banner_style_3 .background {
	float: left;
	width: 100%;
	height: 200px;
	background-position: center!important;
	background-size: cover!important
}

.banner_style_3 .content_info {
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 1em
}

.banner_style_3 .content_number {
	float: left;
	width: 5em
}

.banner_style_3 .content_detail {
	float: left;
	width: 100%;
	padding-bottom: 2em
}

.banner_style_3 .content_number .number {
	padding: 1.2em 1.5em 1em 1.5em;
	border: 1px solid #0071ba;
	border-radius: 50%;
	font-size: .7em;
	box-sizing: border-box;
	height: 3.7em;
	width: 3.8em;
	display: inline-block;
	text-align: center;
	color: #fff;
	background: #0071ba;
	font-weight: 600
}

.banner_style_3 .content_info .title {
	float: left;
	width: 100%;
	font-size: 1.5em;
	font-weight: 600;
	color: #515151;
	padding-bottom: .5em;
	padding-top: 1em;
	text-align: left
}

.banner_style_3 .content_info .tag {
	text-align: left;
	width: auto;
	float: left;
	padding: .2em .5em;
	font-size: .6em;
	color: #fff;
	position: relative;
	top: 1.2em;
	background-color: #f53150!important;
	display: none;
	text-transform: capitalize
}

.banner_style_3 .content_info .tag.active {
	display: block!important
}

.banner_style_3 .content_info .description {
	float: left;
	width: 100%;
	font-weight: 100;
	font-size: .9em;
	color: #515151;
	padding-bottom: 2em;
	text-align: left
}

.banner_style_3 .content_info .date {
	float: left;
	width: 100%;
	font-weight: 100;
	font-size: .9em;
	color: #515151;
	padding-bottom: 1em;
	text-align: left
}

.banner_style_3 .content_info .date img {
	margin-right: 1em
}

.banner_style_3 .content_info .date .calendar_1 {
	display: none
}

.banner_style_3 .content_info .date .calendar_2 {
	display: inline-block;
	position: relative;
	top: -.2em
}

.banner_style_3 .background-degraded {
	float: left;
	width: 100%;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 98%, rgba(0, 0, 0, .65) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 98%, rgba(0, 0, 0, .65) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 98%, rgba(0, 0, 0, .65) 100%)
}

.banner_style_3 .content_ico {
	float: left
}

.banner_style_3 .content_ico .ico {
	float: left;
	width: 4em
}

.banner_style_3 .content_ico .ico img {
	max-width: 100%;
	padding-right: 1em;
	box-sizing: border-box
}

.banner_style_3 .content_ico_info {
	float: left;
	width: calc(100% - 4em);
	border-left: 1px solid #ccc;
	padding-left: 1em;
	box-sizing: border-box
}

.banner_style_3 .content_ico_info .ico_title {
	float: left;
	width: 100%;
	font-size: 1em;
	font-weight: 600;
	color: #515151
}

.banner_style_3 .content_button {
	float: left;
	width: 100%;
	text-align: center;
	padding: 1em 0
}

.banner_style_3 .content_button a {
	font-size: .8em;
	color: #fff;
	border-radius: 2em;
	padding: .7em 2.5em .7em 2.5em;
	background-color: #0171c0;
	-webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .3);
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .3);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	text-decoration: none;
	display: block;
	margin: 1em auto;
	max-width: 20em;
	font-weight: 500
}

.banner_style_3 .content_button a.transparent {
	color: #515151!important;
	background: rgba(255, 255, 255, .01);
	border: 1px solid #fff
}

.banner_style_3 .content_button a:hover {
	-webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .3);
	box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .3)
}

.add_multibanner {
	float: left;
	width: 100%
}

@media only screen and (min-width:700px) {
	.banner_style_3 .content_button a {
		display: inline-block;
		margin: 0 1em 0 0;
		padding: .5em 2.7em .5em 2.7em
	}
	.banner_style_3 .content_button a.transparent {
		color: #fff!important;
		border: 1px solid #fff!important
	}
	.banner_style_3 .content_info .date .calendar_1 {
		display: inline-block
	}
	.banner_style_3 .content_info .date .calendar_2 {
		display: none
	}
	.banner_style_3 {
		min-height: 600px
	}
	.banner_style_3 .content_info .title {
		color: #fff
	}
	.banner_style_3 .content_info .description {
		color: #fff
	}
	.banner_style_3 .content_info .date {
		text-align: left
	}
	.banner_style_3 .content_info .date img {
		display: inline-block
	}
	.banner_style_3 .effect-line {
		position: absolute;
		top: 0;
		left: inherit;
		z-index: -1;
		height: 600px
	}
	.banner_style_3.one .effect-line {
		top: 120px!important
	}
	.banner_style_3.final .effect-line {
		height: 120px!important
	}
	.banner_style_3 .effect-line .line {
		position: relative;
		border-left: 1px solid #0071ba;
		width: 1px;
		height: 100%;
		left: 4px
	}
	.banner_style_3.left .background-degraded {
		float: left;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: inherit;
		z-index: -1;
		background: -moz-linear-gradient(top, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%);
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%);
		background: linear-gradient(to bottom, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%)
	}
	.banner_style_3.left .background-degraded-aux {
		float: left;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 31%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 93%, rgba(0, 0, 0, 0) 100%);
		background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 31%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 93%, rgba(0, 0, 0, 0) 100%);
		background: linear-gradient(to right, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 31%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 93%, rgba(0, 0, 0, 0) 100%)
	}
	.banner_style_3.right .background-degraded {
		float: left;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: inherit;
		z-index: -1;
		background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 48%, rgba(0, 0, 0, .8) 100%);
		background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 48%, rgba(0, 0, 0, .8) 100%);
		background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 48%, rgba(0, 0, 0, .8) 100%)
	}
	.banner_style_3.right .background-degraded-aux {
		float: left;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 55%, rgba(0, 0, 0, 1) 100%);
		background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 55%, rgba(0, 0, 0, 1) 100%);
		background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 55%, rgba(0, 0, 0, 1) 100%)
	}
	.banner_style_3 .background {
		float: left;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -2;
		background-position: center!important;
		background-size: cover!important
	}
	.banner_style_3 .content_info {
		padding-top: 4em;
		padding-bottom: 4em
	}
	.banner_style_3.ico_style .content_ico {
		margin-top: 5em
	}
	.banner_style_3.ico_style .content_info {
		padding-top: 1em
	}
	.banner_style_3.right .content_detail {
		float: right!important
	}
	.banner_style_3 .content_detail {
		float: left;
		width: calc(100% - 5em);
		max-width: 25em;
		padding-bottom: 0
	}
	.banner_style_3 .set_container {
		position: relative
	}
	.banner_style_3 .content_button {
		text-align: left
	}
	.banner_style_3 .content_info .date {
		color: #fff
	}
}

.skeleton-off {
	width: 100%;
	position: relative;
	background: #c9c9c9;
	border-radius: 2em;
	overflow: hidden;
	height: 1em;
	margin: 10px auto;
	text-align: center
}

.skeleton-off.medium {
	width: 80%
}

.skeleton-off .effect {
	position: absolute;
	background: -moz-linear-gradient(-45deg, rgba(220, 220, 220, 0) 0, rgba(220, 220, 220, .88) 52%, rgba(220, 220, 220, 0) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(220, 220, 220, 0) 0, rgba(220, 220, 220, .88) 52%, rgba(220, 220, 220, 0) 100%);
	background: linear-gradient(135deg, rgba(220, 220, 220, 0) 0, rgba(220, 220, 220, .88) 52%, rgba(220, 220, 220, 0) 100%);
	animation: shineSK 1s infinite;
	-webkit-animation-timing-function: shineSK 1s infinite;
	-o-animation-timing-function: shineSK 1s infinite;
	animation-timing-function: shineSK 1s infinite;
	width: 10%;
	height: 100%;
	border-radius: 2em;
	top: 0
}

@-webkit-keyframes shineSK {
	0% {
		left: 0
	}
	100% {
		left: 100%
	}
}

@-moz-keyframes shineSK {
	0% {
		left: 0
	}
	100% {
		left: 100%
	}
}

@-o-keyframes shineSK {
	0% {
		left: 0
	}
	100% {
		left: 100%
	}
}

@keyframes shineSK {
	0% {
		left: 0
	}
	100% {
		left: 100%
	}
}

.banner_campus_2 {
	height: auto;
	min-height: 500px;
	padding: 2em 0em;
}