.content {
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.wrapper {
	position: absolute;
	right: 0;
	bottom: 100px;
	left: 0;
	width: 33.333333333%;
	margin: 0 auto;
}

.sectionTitle {
	font: 700 32px/24px 'Montserrat', Helvetica, sans-serif;
	line-height: 24px;
	margin-bottom: 24px;
	letter-spacing: 4px;
}
.sectionDescription {
	font: 400 14px/18px 'Montserrat', Helvetica, sans-serif;
	margin-top: 24px;
}

/* -- SLIDER -- */

.bg-slider {
	background-image: url(../images/edupals01a.jpg);
	width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-slider:nth-child(2) {
    background-image: url(../images/edupals02.jpg);
	width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/* -- SLIDER - NAVEGATION -- */

.nav-wrapper {
    position:absolute;
    bottom:120px;
	min-width: 250px;
	padding: 4px;
    width:calc(100% - 8px);
    text-align:center;
}

/* -- SLIDER - NAVEGATION ARROWS -- */

.nav-arrows {
    display:inline-block;
	width: 20px;
	height: 20px;

	cursor: pointer;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);

	border: 4px solid white;
}

.nav-arrows.prevs {
	border-top: none;
	border-right: none;
}

.nav-arrows.nexts {
	border-bottom: none;
	border-left: none;
}

/* -- SLIDER - NAVEGATION DOTS -- */

.nav-dots {
	margin: 0px 8px;
    display:inline-block;
}

.nav-dots div{
	float: left;
	width: 12px;
	height: 12px;
	margin: 4px 18px;
	cursor: pointer;
	border-radius: 50%;
	background: rgba(255,255,255,.5);
}

.nav-dots .current:after {
	float: left;
	width: 12px;
	height: 12px;
	content: '';
	border-radius: 50%;
	background: white;
}