/* ACTIVE LINKS */
li.activeSection a, .activeSection a {
  color:#14A3C2;
}

/* DOT STYLE NAV */
.droopmenu-dots .droopmenu-nav li a b{
	font-weight:normal;
}

@media only screen and (min-width: 768px) {
	.droopmenu-dots {
		position: fixed;
		transform: translateY(-50%);
		background:none;
		box-shadow:none;
		max-width:240px;
		z-index: 999;
		left:auto;
		top: 50%;
		right:0;
	}

	.droopmenu-dots .droopmenu-inner{ max-width:100%; }
	.droopmenu-dots .droopmenu-header{ display:none; }
	.droopmenu-dots .droopmenu-nav {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	.droopmenu-dots .droopmenu-nav{
		text-align: right;
		overflow:hidden;
	}

	.droopmenu-dots .droopmenu-nav li {
		display: block;
		position: relative;
		min-width: 200px;
		float:none;
	}

	.droopmenu-dots .droopmenu-nav li a {
		display: block;
		display:inline-block;
		line-height:normal;
		padding: 5px 0;
		height: auto;
		color: #fff;
	}


	.droopmenu-dots .droopmenu-nav li a::after,
	.droopmenu-dots .droopmenu-nav li a::before {
		content: '';
		display: block;
		position: absolute;
		border-radius: 50%;
		transition: all .3s ease;
		top: 50%;
	}

	.droopmenu-dots .droopmenu-nav li a::before {
		width: 5px;
		height: 5px;
		border: 2px solid #fff;
		transform: translateY(-50%);
		background:#fff;
		right: 0;
	}

	.droopmenu-dots .droopmenu-nav li a::after {
		width: 15px;
		height: 15px;
		border: 2px solid #fff;
		transform: translateY(-50%) scale(0);
		right: -5px;
	}


	.droopmenu-dots .droopmenu-nav li:hover a::before,
	.droopmenu-dots .droopmenu-nav li.activeSection a::before {
		background: #fff;
		border-color: #fff;
	}


	.droopmenu-dots .droopmenu-nav li:hover a .dot::after,
	.droopmenu-dots .droopmenu-nav li.activeSection a::after {
		transform: translateY(-50%) scale(1);
	}

	.droopmenu-dots .droopmenu-nav li a b {
		opacity: 0;
		font-weight:500;
		display: inline-block;
		letter-spacing: 0.5px;
		background-color: #000;
		transform: translateX(20px);
		transition: all .3s ease;
		padding: 10px 20px;
		border-radius: 3px;
		margin-right: 30px;
	}

	.droopmenu-dots .droopmenu-nav li a b::before {
		content: '';
		display: block;
		position: absolute;
		border-left: 7px solid #000;
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		transform: translate(7px, -50%);
		transition: all .3s ease;
		right: 0;
		top: 50%;
	}

	.droopmenu-dots .droopmenu-nav li.activeSection a b,
	.droopmenu-dots .droopmenu-nav li:hover a b {
		transform: translateX(0px);
		opacity: 1;
	}
}

/* SECTION BLOCK STYLES */

.sections section {
    display: block;
    height: 100vh;
	width: 100%;
     margin: 0 auto;
    text-align: center;
	 position: relative;
    border: none;
}

.sections section .section-container {
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sections section .section-container h1 {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    font-size: 10.4vw;
    font-weight: 300;
    text-align: center;
    color: #fff;
}