@charset "utf-8";

/* ====== RESET ====== */
ul, ol {list-style:none; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p {margin:0;}

/* ====== DEFAULT ====== */
a, button {text-decoration:none; transition:all 0.2s linear;}
a:hover, button:hover {text-decoration:none; transition:all 0.2s linear;}
a:focus {outline:0;}
a img {border:none;}
body {
	width:100%; height:100%; font-family:'Exo', sans-serif; font-size:100%; font-weight:400; margin:0;
}
.fullWidth {width:100%; max-width:1920px;}
.transition {transition:all 0.5s linear;}

.site-header {border-top:15px solid #39b8e5;}
	.site-header .logo {max-width:220px; height:auto;}
	.site-header .navigation {width:auto; height:auto;}
		.site-header .navigation .nav-menus-wrapper {display:none;}
		.site-header .navigation .nav-toggle {right:0; top:0; width:40px; height:40px; border-radius:3px;}
		.site-header .navigation .nav-toggle:hover {color:#FFF!important;}
		.site-header .navigation .nav-toggle:before {display:none;}
		.site-header .navigation .nav-menus-wrapper-close-button {color:#000;}
		.site-header .navigation .nav-menu > li > a {font-size:16px; font-weight:300; color:#232e58;}
		.site-header .navigation .nav-menu > li > a:hover {color:#0ec9fc;}
.topoPage {background-image:url(../images/bg-topo.jpg);}
	.topoPage h1:after {content:" "; display:block; background:#FFF; width:85px; height:7px; margin:15px auto 30px;}
	
.baseSlide,
.baseSlide .slide-item {height:480px;}
	.baseSlide .slide-item a.lkOverlay {z-index:35; left:0; right:0; top:0; bottom:0;}
	.baseSlide .slick-dots {position:absolute; z-index:60; left:15px; right:15px; bottom:30px; text-align:center;}
	.baseSlide .slick-dots li {display:inline-block; margin:0 6px;}
	.baseSlide .slick-dots li button {
		border:none; outline:none; background:#FFF; padding:0; display:block; width:16px; height:10px; cursor:pointer; text-indent:-5000em; 
		transition:all 0.2s linear; opacity:0.4;
	}
	.baseSlide .slick-dots li.slick-active button {width:35px; opacity:1; transition:all 0.2s linear;}
.baseSlide .slide-item.slide-01 {background-image:url(../images/banner-unicpay-mob.jpg);}
.baseSlide .slide-item.slide-02 {background-image:url(../images/banner-unictag-mob.jpg);}
.baseSlide .slide-item.slide-03 {background-image:url(../images/banner-unictag-vantagens-mob.jpg);}
	
a.lkConta {border-radius:3px;}
a.lkConta:hover {background:#232e58!important; color:#FFF!important;}
#sobre a.lkConta:hover,
#solucoes a.lkConta:hover {background:#0ec9fc!important; color:#FFF!important;}
#sobre h2:after {content:" "; display:block; background:#FFF; width:85px; height:7px; margin:15px auto 30px;}
#slideSolucoes .slick-prev {
	display:block; padding:0; cursor:pointer; border:none; outline:none; text-indent:-5000em; width:47px; height:47px; position:absolute; left:0; top:50%; 
	margin-top:-23.5px; background:url(../images/arrow-slide.png) no-repeat 0 0; opacity:0.4; transition:all 0.2s linear;
}
#slideSolucoes .slick-next {
	display:block; padding:0; cursor:pointer; border:none; outline:none; text-indent:-5000em; width:47px; height:47px; position:absolute; right:0; top:50%; 
	margin-top:-23.5px; background:url(../images/arrow-slide.png) no-repeat -47px 0; opacity:0.4; transition:all 0.2s linear;
}
#slideSolucoes .slick-prev:hover,
#slideSolucoes .slick-next:hover {opacity:1; transition:all 0.2s linear;}
.vantagens {background:url(../images/bg-vantagens02.png) no-repeat left center;}
ul.accordion li {border-radius:5px;}
	ul.accordion li .heading {cursor:pointer;}
	ul.accordion li .heading:after {
		content:" "; display:block; position:absolute; top:4px; right:0; width:11px; height:11px;	background:url(../images/icone-mais.png) no-repeat 0 0;
	}
	ul.accordion li .heading.itemOpen:after {background:url(../images/icone-menos.png) no-repeat 0 0;}
.site-footer hr {opacity:1;}
.site-footer .infoContato a:hover {color:#0ec9fc!important;}
.site-footer .copyright a:hover {color:#232e58!important;}
.pageDefault p,
.pageDefault ul {margin-bottom:20px; line-height:25px;}
.pageDefault ul li:before {content:"•"; display:inline-block; color:#706f6f; margin-right:6px;}
.pageDefault p a,
.pageDefault ul a {color:#0ec9fc;}
.pageDefault h2 {font-size:35px; color:#232e58; font-weight:700; margin-bottom:25px;}
.pageDefault h3 {font-size:30px; color:#232e58; font-weight:700; margin-bottom:25px;}
.pageDefault h4 {font-size:26px; color:#232e58; font-weight:700; margin-bottom:25px;}
.pageDefault h5,
.pageDefault h6 {font-size:22px; color:#232e58; font-weight:700; margin-bottom:25px;}
.tag {background-color:#f6f6f6;}
.tag ul li {border-radius:14px; max-width:470px; background-color:#f6f6f6;}
.tag ul li div {width:36px; height:36px; text-align:center;}
.tag ul li p {width:87%;}
.tag ul li a:hover {color:#0ec9fc!important;}
.tag .boxImg img {max-width:750px;}
#passosApp .btn-close {filter:brightness(0) invert(1); opacity:1;}

@media only screen and (min-width : 576px) {
	.vantagens ul li {width:48%;}
}

@media only screen and (min-width : 768px) {
	.site-header .logo {max-width:initial;}
	.topoPage h1:after,
	#sobre h2:after {margin:15px 0 30px;}
	.baseSlide,
	.baseSlide .slide-item	{height:675px;}
	.baseSlide .slide-item.slide-01 {background-image:url(../images/banner-unicpay-tab.jpg);}
	.baseSlide .slide-item.slide-02 {background-image:url(../images/banner-unictag-tab.jpg);}
	.baseSlide .slide-item.slide-03 {background-image:url(../images/banner-unictag-vantagens-tab.jpg);}
}
		
@media only screen and (min-width : 992px) {
	.site-header {border-top-width:38px;}
	.topoPage img {margin-right:-15px;}
	.vantagens {background:none;}
	.vantagens .colLogo:before {
		content:" "; display:block; position:absolute; top:0; bottom:0; right:0; width:1500px; z-index:0; background-color:#39b8e5; 
		background-image:url(../images/bg-vantagens01.png); background-repeat:no-repeat; background-position:right center;
	}
	.vantagens .colTxt {background:url(../images/bg-vantagens02.png) no-repeat left center;}
	#duvidas {background-image:url(../images/bg-duvidas.jpg); background-repeat:no-repeat; background-position:center center;}
	.tag {background-image:url(../images/bg-tag.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
	.baseSlide,
	.baseSlide .slide-item	{height:575px;}
	.baseSlide .slide-item.slide-01 {background-image:url(../images/banner-unicpay-desk.jpg);}
	.baseSlide .slide-item.slide-02 {background-image:url(../images/banner-unictag-desk.jpg);}
	.baseSlide .slide-item.slide-03 {background-image:url(../images/banner-unictag-vantagens-desk.jpg);}
}	

@media only screen and (min-width : 1200px) {
	.site-header .navigation .nav-menus-wrapper {display:block;}
	.site-header .navigation .nav-menu > li {margin-left:35px;}
	.site-header .navigation .nav-menu > li:first-child {margin-left:0;}
	.site-header .navigation .nav-menu > li > a {padding:0; height:auto; position:relative; color:#FFF; line-height:39px;}
	.topoPage img {margin-right:-30px;}
	.baseSlide,
	.baseSlide .slide-item	{height:675px;}
	.vantagens ul li {width:30%; margin-right:5%;}
	.vantagens ul li:nth-child(3n+0) {margin-right:0;}
}

@media only screen and (min-width : 1400px) {
	.topoPage img {margin-right:-70px;}
	.vantagens ul li {width:31.5%; margin-right:2.75%;}
}