@import url(http://fonts.googleapis.com/css?family=Alegreya+Sans:300,400,700);
/* ICON STYLES - ICON FROM: http://fontastic.me/
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@font-face { font-family: "untitled-font-1"; src: url("../fonts/untitled-font-1.eot"); src: url("../fonts/untitled-font-1.eot?#iefix") format("embedded-opentype"), url("../fonts/untitled-font-1.woff") format("woff"), url("../fonts/untitled-font-1.ttf") format("truetype"), url("../fonts/untitled-font-1.svg#untitled-font-1") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"]:after, [class*=" icon-"]:after { font-family: "untitled-font-1"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-up-open-big:after { content: "a"; font-size: 2.5em; display: block; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); color: black; -webkit-transition: color .3s; transition: color .3s; }
.icon-up-open-big:hover:after { color: white; }
.scroll-icon { position: absolute; left: 50%; bottom: 30px; padding: 0 10px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
/* HELPER CLASSES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.l-left { float: left; }
.l-right { float: right; }
.end { margin-top: 30px; font-size: 3em; font-weight: bold; opacity: 0; -webkit-transform: translateY(300px); -ms-transform: translateY(300px); transform: translateY(300px); -webkit-transition: opacity, -webkit-transform 1s; transition: opacity, transform 1s; -webkit-transition-delay: 1s; transition-delay: 1s; }
/* RESET-GENERAL STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* NAV STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.header-top { background: rgba(0, 47, 77, .3); height: 70px; padding: 0 10px; position: fixed; top: 0; width: 100%; z-index: 12; box-sizing: border-box; }
/*h1 {
	line-height: 70px;
	height: 70px;
}

h1 a {
	display: block;
	padding: 0 10px;
}*/ 

.toggle-menu { width: 50px; height: 50px; display: inline-block; position: relative; top: 10px; }
.toggle-menu i { position: absolute; display: block; height: 2px; background: white; width: 30px; left: 10px; -webkit-transition: all .3s; transition: all .3s; }
.toggle-menu i:nth-child(1) { top: 16px; }
.toggle-menu i:nth-child(2) { top: 24px; }
.toggle-menu i:nth-child(3) { top: 32px; }
.open-menu i:nth-child(1) { top: 25px; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.open-menu i:nth-child(2) { background: transparent; }
.open-menu i:nth-child(3) { top: 25px; -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg); }
nav { height: 0; opacity: 0; box-sizing: border-box; background: rgba(0, 47, 77, .25); position: fixed; top: 70px; width: 100%; -webkit-transition: all 3s; transition: all 3s; }
.open-menu ~ nav { opacity: 1; padding: 80px 0; z-index: 15; height: calc(90vh - 70px); }
nav ul { padding: 0 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
nav li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
nav li a { font-size: 2em; display: block; padding: 30px; text-align: center; -webkit-transition: background .3s; transition: background .3s; }
nav li:nth-child(odd) a, body.fp-viewing-fifthSection-1 #menu li:nth-child(5) a { background: #962D3E; }
nav li:nth-child(even) a { background: #aa3346; }
nav li:nth-child(odd) a:hover { background: #9e2f41; }
nav li:nth-child(even) a:hover { background: #c53c52; }
nav li.active a, body.fp-viewing-fifthSection-1 #menu li:last-child a { background: #453659; }
/* SECTION STYLES - fullPage.js 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

section {/* text-align: center;background: url('https://unsplash.it/1910/1221?image=626') no-repeat center / cover;*/ }
/*h2 { text-transform: lowercase; font-size: 4em; margin-bottom: 20px; }
h3 { font-weight: 300; font-size: 2.8em; }*/
/* SLIDENAV STYLES - fullPage.js 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#fp-nav ul li a span, .fp-slidesNav ul li a span { background: #095111; width: 8px; height: 8px; margin: -4px 0 0 -4px; }
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { width: 16px; height: 16px; margin: -8px 0 0 -8px; background: transparent; box-sizing: border-box; border: 1px solid #24221F; }



/* MQ STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media screen and (max-width: 767px) {
nav ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
nav li { margin-top: 1px; }
nav li a { font-size: 1.5em; }
.scroll-icon { display: none; }
}
 @media screen and (max-width: 400px) {
html { font-size: 50%; }
.open-menu ~ nav { padding: 20px 0; }
nav li a { padding: 3px; }
}