#smw-navigation {
	font-family:'Open Sans',sans-serif;
	font-size:14px;
	font-weight:400;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	position:fixed;
	top:0;
	right:0;
	left:0;
	width:100%;
	padding:30px;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
	z-index:99999;
	background-color:transparent;
}

#smw-navigation.bg-black {
	background-color:#000;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

#smw-navigation .nav {
	padding:3px 0;
	text-align:right;
	float:right;
}

#smw-navigation .nav li {
	display:inline-block;
	margin:0 12px 0 0;
}

#smw-navigation .nav .icon-link svg {
	color: #fff;
	font-size: 24px;
}

#smw-navigation .nav .icon-link a {
	display: block;
	padding: 8px 20px;
	color: #fff;
	background-color: transparent!important;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
}

#smw-navigation .nav .icon-link.active svg,
#smw-navigation .nav .icon-link a:hover {
	color: #ed4477;
	background-color: transparent!important;
}

#smw-navigation .nav .text-link:last-child {
	margin:0;
}

#smw-navigation .nav .attend a {
	color:#fff;
	background:#ed4477;
}

#smw-navigation .nav .text-link:last-child a:hover {
	color:#fff;
	background:rgba(56,198,244,1);
}

#smw-navigation .nav .text-link a {
	display: block;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border: 1px solid transparent;
	padding: 10px 20px;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
	font-size: 12px;
}

#smw-navigation .nav .active a,
#smw-navigation .nav .active a:hover,
#smw-navigation .nav .text-link a:hover {
	color:#282828;
	background-color:#fff;
}

#smw-navigation .logo svg {
	fill: #fff;
	height: 20px;
	margin-top: 10px;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
}

#smw-navigation .logo a:hover svg {
	fill:#ed4477;
}

.open-smw-navigation-fullscreen {
	height:30px;
	width:30px;
	position:absolute;
	right:10px;
	top:4px;
	z-index:101;
	margin:0 10px;
	cursor:pointer;
}

.open-smw-navigation-fullscreen:hover {
	cursor:pointer;
}

.open-smw-navigation-fullscreen > span {
	background-color:#fff;
	-webkit-border-radius: 1px; 
  	-moz-border-radius: 1px; 
  	border-radius: 1px; 
	height:3px;
	width:100%;
	position:absolute;
	left:50%;
	top:50%;
	margin:-1px 0 0 -15px;
	-webkit-transition: height 100ms;
	-moz-transition: height 100ms;
	-o-transition: height 100ms;
	-ms-transition: height 100ms;
	transition: height 100ms;
}

.open-smw-navigation-fullscreen > span:after,.open-smw-navigation-fullscreen > span:before {
	content:'';
	background-color:#fff;
	-webkit-border-radius: 1px; 
  	-moz-border-radius: 1px; 
  	border-radius: 1px; 
	height:3px;
	width:100%;
	position:absolute;
	left:50%;
	margin-left:-15px;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	transition: all 200ms;
	
}

.open-smw-navigation-fullscreen > span:after {
	top:-8px;
}

.open-smw-navigation-fullscreen > span:before {
	bottom:-8px;
}

.open-smw-navigation-fullscreen.open > span {
	height:0;
}

.open-smw-navigation-fullscreen.open > span:after,.open-smw-navigation-fullscreen.open > span:before {
	background-color:#ed4477;
	top:1px;
}

.open-smw-navigation-fullscreen.open > span:after {
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

.open-smw-navigation-fullscreen.open > span:before {
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

#smw-navigation-fullscreen {
	font-family:'Open Sans',sans-serif;
	position:fixed;
	left:0;
	top:0;
	z-index:100;
	height:100%;
	width:100%;
	display:table;
	text-align:center;
	opacity:0;
	-webkit-transition: all 500ms cubic-bezier(0.68,-0.55,0.265,1.55);
	-moz-transition: all 500ms cubic-bezier(0.68,-0.55,0.265,1.55);
	-o-transition: all 500ms cubic-bezier(0.68,-0.55,0.265,1.55);
	-ms-transition: all 500ms cubic-bezier(0.68,-0.55,0.265,1.55);
	transition: all 500ms cubic-bezier(0.68,-0.55,0.265,1.55);
	-webkit-transform:scale(0);
	transform:scale(0);
	z-index: 99998;
	background-color:#222;
}

#smw-navigation-fullscreen.open {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1);
}

#smw-navigation-fullscreen.open ul li {
	opacity:1;
	-webkit-transform:translateX(0);
	transform:translateX(0);
}

#smw-navigation-fullscreen ul {
	display: table-cell;
	vertical-align: middle;
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

#smw-navigation-fullscreen li {
	margin:30px 0;
	-webkit-transition: all 400ms 510ms;
	-moz-transition: all 400ms 510ms;
	-o-transition: all 400ms 510ms;
	-ms-transition: all 400ms 510ms;
	transition: all 400ms 510ms;
	opacity:0;
	list-style:none;
}

#smw-navigation-fullscreen li:nth-child(odd) {
	-webkit-transform:translateX(30%);
	transform:translateX(30%);
}

#smw-navigation-fullscreen li:nth-child(even) {
	-webkit-transform:translateX(-30%);
	transform:translateX(-30%);
}

#smw-navigation-fullscreen li:last-child {
	-webkit-transform:none;
	transform:none;
}

#smw-navigation-fullscreen li a {
	font-size:24px;
	font-weight:700;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
}

#smw-navigation-fullscreen li a:hover {
	color:#ed4477;
}

#smw-navigation-fullscreen .attend {
	margin-top:50px;
}

#smw-navigation-fullscreen .cta {
	font-size:18px;
	-webkit-border-radius: 100px; 
  	-moz-border-radius: 100px; 
  	border-radius: 100px; 
	border:1px solid transparent;
	padding:12px 24px;
	color:#fff;
	background-color:#ed4477;
	font-weight:700;
	text-decoration:none;
	display:block;
	margin:0 auto;
	text-align:center;
	width:200px;
	text-transform:uppercase;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
}

#smw-navigation-fullscreen .cta:hover {
	background-color:#222;
}

.fp-viewing-welcome #smw-navigation-fullscreen .welcome a,
.fp-viewing-overview #smw-navigation-fullscreen .overview a,
.fp-viewing-themes #smw-navigation-fullscreen .themes a,
.fp-viewing-sponsors #smw-navigation-fullscreen .sponsors a,
.fp-viewing-agenda #smw-navigation-fullscreen .agenda a,
.fp-viewing-attend #smw-navigation-fullscreen .attend a {
	color:#ed4477;
}

#smw-navigation .edit-profile button {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border: 1px solid transparent;
	padding: 8px 20px;
	color: #fff;
	font-weight: 700;
	background-color: rgba(255,255,255,.1);
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
}

#smw-navigation .edit-profile button:hover {
	outline:none;
	background-color:rgba(255,255,255,.4);
}

#smw-navigation .edit-profile button:focus {
	outline:none;
	background-color:#222;
}

#smw-navigation .edit-profile .dropdown-menu {
	background-color:#222;
	top:10px!important;
}

#smw-navigation .edit-profile .dropdown-menu li {
	display: block; 
	padding: 5px 10px;
}

#smw-navigation .edit-profile .dropdown-menu li a,
#smw-navigation .edit-profile .dropdown-menu li a:active,
#smw-navigation .edit-profile .dropdown-menu li a:visited {
	color:rgba(255,255,255,.7);
}

#smw-navigation .edit-profile .dropdown-menu li a:hover {
	color:#fff;
}