.text-size-1 {
	font-size: 20px;
	line-height: 27px
}

.text-size-2 {
	line-height: 24px
}

.text-size-3 {
	font-size: 14px;
	line-height: 24px
}

.text-size-4 {
	font-size: 14px;
	line-height: 24px
}

@media screen and (min-width: 768px) {
	.text-size-1 {
		font-size: 30px;
		line-height: 37px
	}
	.text-size-2 {
		line-height: 28px
	}
}

@media screen and (min-width: 1366px) {
	.text-size-1 {
		font-size: 32px;
		line-height: 42px
	}
	.text-size-2 {
		line-height: 30px
	}
	.text-size-3 {
		font-size: 16px;
		line-height: 26px
	}
}

.mb50 {
	margin-bottom: 50px
}

.mb80 {
	margin-bottom: 80px
}

.mb160 {
	margin-bottom: 160px
}

.d-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.align-items-start {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start
}

.align-items-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.direction-column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.justify-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.justify-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

#main #banner {
	position: relative;
	padding-bottom: 96%
}

#main #banner .swiper-container {
	position: absolute;
	width: 100%;
	height: 100%
}

#main #banner .swiper-slide {
	text-align: center;
	font-size: 18px;
	background-image: url(../images/banner_1920x650_app.png);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-size: cover;
	background-position: center
}

@media screen and (max-width: 767px) {
	#main #banner .swiper-slide {
		background-image: url(../images/banner_768x540_app.png);
		background-position: 0
	}
}

@media screen and (max-width: 660px) {
	#main #banner .swiper-slide {
		background-position: -50px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1366px) {
	#main #banner .swiper-slide {
		background-position: -120px;
	}
}

/*#main #banner .swiper-slide:nth-child(1) {
	background-image: url(../images/banner-1.png);
}

#main #banner .swiper-slide:nth-child(2) {
	background-image: url(../images/banner2.png);
}

#main #banner .swiper-slide:nth-child(2) {
	background-image: url(../images/banner3.png);
}*/

#main #banner .swiper-pagination-bullet {
	width: 13px;
	height: 13px
}

#main #parceiros {
	height: 13vh;
	max-height: 110px;
	margin-top: 4vh;
	position: relative
}

#main #parceiros .container {
	height: 100%
}

#main #parceiros .container .center {
	height: 100%
}

#main #parceiros .container .center .row {
	height: 100%
}

#main #parceiros .container .center .row [class^="col-"] {
	height: 100%
}

#main #parceiros .swiper-container {
	position: absolute;
	top: 0;
	right: 10%;
	bottom: 0;
	left: 10%
}

#main #parceiros .swiper-slide {
	height: 100%;
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-size: cover
}

#main #parceiros .swiper-slide .parceiro {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	opacity: .7;
}

#main #parceiros .swiper-slide .parceiro.ods {
	background-image: url(../images/parceiros/ods.svg)
}

// #main #parceiros .swiper-slide .parceiro.ods:hover {
// 	background-image: url(../images/parceiros/ods_color.svg)
// }

#main #parceiros .swiper-slide .parceiro.complexo {
	background-image: url(../images/parceiros/complexo.svg);
	width: 80%;
	margin: 0 auto;
}

// #main #parceiros .swiper-slide .parceiro.complexo:hover {
// 	background-image: url(../images/parceiros/complexo_color.svg)
// }

#main #parceiros .swiper-slide .parceiro.jornal {
	background-image: url(../images/parceiros/jornal.svg)
}

#main #parceiros .swiper-slide .parceiro.saude {
	background-image: url(../images/parceiros/saude.svg);
	margin: 0 auto;
	width: 75%;
}

#main #parceiros .swiper-slide .parceiro.copa {
	background-image: url(../images/parceiros/copa.svg);
	margin: 0 auto;
	width: 60%;
}

#main #parceiros .swiper-slide .parceiro.universo {
	background-image: url(../images/parceiros/universo.svg)
}


#main #parceiros .swiper-button-next,
#main #parceiros .swiper-button-prev {
	width: 30px;
	height: 52px;
	background-size: 100px 20px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	top: 45%;
}

#main #parceiros .swiper-button-prev {
	background-image: url(../images/arrow-prev.svg);
	left: 0
}

#main #parceiros .swiper-button-prev:hover {
	background-image: url(../images/arrow-prev-hover.svg);
	left: 0
}

#main #parceiros .swiper-button-next {
	background-image: url(../images/arrow-next.svg);
	right: 0
}

#main #parceiros .swiper-button-next:hover {
	background-image: url(../images/arrow-next-hover.svg);
	right: 0
}

#welcome {
	padding: 120px 0;
	border-bottom: 1px solid rgba(112, 112, 112, 0.2)
}

#welcome a {
	border: 1px solid #0054D1;
	border-radius: 50px;
	text-align: center;
	text-transform: uppercase;
	color: #0054D1;
	font-weight: 600;
	padding: 9px 33px;
	margin-top: 50px
}

#welcome a:hover {
	background-color: #0054D1;
	color: #FFF;
	-webkit-transition: 0.4s;
	transition: 0.4s
}

@media screen and (max-width: 767px) {
	#welcome {
		padding: 50px 0;
	}
}

#app {
	padding: 120px 0;
	border-bottom: 1px solid rgba(112, 112, 112, 0.2)
}

#app .banner {
	background-size: cover;
	padding-bottom: 30%;
	background-position: center;
	-webkit-box-shadow: 0px 3px 6px #00000029;
	box-shadow: 0px 3px 6px #00000029;
	background-image: url('../images/banner_app.png');
}

@media screen and (max-width: 767px) {
	#app {
		padding: 90px 0;
	}

	#app .banner {
		padding-bottom: 70%;
		background-image: url('../images/banner_app_mobile.png');
	}

	#app h2 {
		margin-bottom: 40px;
	}
}

#app a {
	display: inline-block
}

#app a img {
	width: 143px;
	margin: 6px;
	display: block
}

#content {
	padding: 120px 0 100px
}

#content .row>div:nth-child(2n) .block .image {
	float: right
}

#content .image-container .image {
	width: 100%;
	padding-bottom: 66.444%;
	-webkit-box-shadow: 0px 3px 6px #00000029;
	box-shadow: 0px 3px 6px #00000029;
	margin-bottom: 47px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat
}

#content .image-container .image.blog {
	background-color: #fdda77
}

#content .image-container .image.universo {
	background-color: #c1a0fe
}

#content .image-container .image.complexo {
	background-color: #61e0fd
}

#content .image-container .image.ods {
	background-color: #7ecd87
}

#content .image-container .image.saude {
	background-color: #31bdb4
}

#content .image-container .image.copa {
	background-color: #f96566
}

#content a {
	border: 1px solid #0054D1;
	border-radius: 50px;
	text-align: center;
	text-transform: uppercase;
	color: #0054D1;
	font-weight: 600;
	padding: 9px 33px;
	margin-top: 50px
}

#content a:hover {
	background-color: #0054D1;
	color: #FFF;
	-webkit-transition: 0.4s;
	transition: 0.4s
}

#caminhos {
	background-color: #0054D1;
	padding: 194px 0 184px
}

#caminhos h2 {
	color: white;
	font-size: 50px;
	line-height: 68px;
	margin-bottom: 39px;
	font-weight: 800
}

#caminhos p {
	color: white;
	font-size: 18px;
	line-height: 28px
}

/*footer {
	background-color: rgba(0, 0, 0, 0.06) !important
}

footer .clearfix {
	display: none
}

footer .logo-univates a:before {
	color: #000000
}

footer address {
	color: #000000;
	opacity: 0.54
}

footer nav .button {
	background-color: #d9d9d9 !important
}

footer nav .button:before {
	color: #b2b2b2
}*/

@media screen and (max-width: 768px) {
	.mb160 {
		margin-bottom: 75px
	}
	.mb50 {
		margin-bottom: 32px
	}
}

@media screen and (min-width: 1024px) {
	#content .image-container .image {
		width: 88.591%;
		margin-bottom: 0
	}
	#main #parceiros .swiper-container {
		right: 5%;
		left: 5%
	}
	#main #parceiros .swiper-button-next,
	#main #parceiros .swiper-button-prev {
		width: 27px;
		height: 52px;
		background-size: 30px 50px
	}
}

@media screen and (max-width: 600px) {
	#main #parceiros .swiper-slide .parceiro {
		background-size: contain
	}
}

@media screen and (min-width: 660px) {
	#main #banner {
		height: 62vh;
		min-height: 500px;
		padding-bottom: initial
	}
}

@media screen and (min-width: 1024px) {
	.d-md-flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	footer .button {
		width: 2.9em;
		height: 2.9em
	}
	footer [class^="icon-"]:before,
	footer [class*=" icon-"]:before {
		width: 2em;
		height: 2em;
		margin-left: 0.15em;
		font-size: 1.3em;
		line-height: 2.2em
	}
}

@media screen and (max-width: 1023px) {
	#content .image-container {
		padding: 0
	}
	#content>div>div>div:nth-child(2n) .row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
	#content a {
		margin: 50px auto 0
	}
	#content .center {
		padding: 0 15px
	}
	#caminhos {
		padding: 54px 15px 56px
	}
	#caminhos h2 {
		font-size: 25px;
		line-height: 30px;
		margin-bottom: 26px
	}
	#caminhos p {
		font-size: 14px;
		line-height: 19px
	}
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
	#main #banner {
		height: calc(100vh - 167px);
		min-height: 400px
	}
}

#video {
	padding: 0 0 100px;
}

#app .container-apps {
	text-align: center;
}

#app .button-app {
	/*width: 100%;*/
	/*padding: 120px;*/
	display: inline-block;
    height: 150px;
    width: 150px;
    border-radius: 40px;
    box-shadow: 0px 3px 6px #00000029;
    margin: 0 10px;
    background-size: cover;
    background-repeat: no-repeat;
}

#app .button-app.univates {
	background-image: url(../images/univates.svg);
	display: block;
	margin: 0 auto 20px;
}

#app .button-app.univates-ra {
	background-image: url(../images/univates-ra.svg);
}

#app .button-app.biblioteca {
	background-image: url(../images/biblioteca.svg);
	display: block;
	margin: 0 auto 20px;
}

#app .button-app.radio {
	background-image: url(../images/radio.svg);
	
}

@media screen and (max-width: 767px) {
	#app .button-app {
		margin-bottom: 220px;
	}
}