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

.next-arrow {
	bottom: 0;
	left: 0;
    position: absolute;
    width: 100%;
    padding: 15px 0;
    z-index: 9999;
}

.next-arrow a {
	display: block;
    height: 48px;
    width: 48px;
    transition: 0.3s;
}

.next-arrow .arrow-d {
	position: relative;
    background: rgba(0, 0, 0, 0.35);
    height: 48px;
    width: 48px;
    border: 0px solid #fff;
    border-radius: 100%;
    transition: 0.3s;
    color: #fff;
    font-size: 14px;
}

.transition .next-arrow a, .transition .next-arrow .arrow-d {
	width: 0;
	height: 0;
}

.next-arrow .arrow-d:hover{
    background: #037b4b;
}

.next-arrow .arrow-d:after, .next-arrow .arrow-d:before {
    position: absolute;
    content: ' ';
    width: 24px;
    height: 24px;
    left: 12px;
    margin-left: 0.5px;
    border: 2px solid rgba(255, 255, 255, 0.15);
    border-left-color: transparent;
    border-top-color: transparent;
    -ms-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.next-arrow .arrow-d:before {
    border-bottom-color: transparent;
    top: 12px;
    left: -12px;
    -ms-transform: rotateZ(-135deg);
    -moz-transform: rotateZ(-135deg);
    transform: rotateZ(-135deg);
}

.next-arrow .arrow-d:hover:before {
    top: 14px;
    left: 14px;
    bottom: 14px;
    right: 14px;
    width: auto;
    height: auto;
    border: 2px solid #fff;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    -ms-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.next-arrow .arrow-d:after {
    border-right-color: transparent;
    top: 12px;
    left: 36px;
    -ms-transform: rotateZ(-45deg);
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}

.next-arrow .arrow-d:hover:after {
    top: 14px;
    left: 14px;
    bottom: 14px;
    right: 14px;
    width: auto;
    height: auto;
    border: 2px solid #fff;
    border-left-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    -ms-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.next-arrow .arrow-d .circle {
    top: 12px;
    bottom: 12px;
    left: 12px;
    right: 12px;
    position: absolute;
    content: "";
    background: #fff;
    border-radius: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.next-arrow .arrow-d:hover .circle {
    background: #5e6cb3;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.next-arrow .arrow-d .circle:after {
    top: 12px;
    bottom: 12px;
    left: 12px;
    right: 12px;
    position: absolute;
    content: "";
    background: #fff;
    border-radius: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.next-arrow .arrow-d:hover .circle:after {
    border-radius: 0;
    left: 23px;
    right: 23px;
}