/*
Brand Colors:
#07495D Dark Teal
#093347 Darker Teal
#0D9AC6 Pale Blue
#FFAE35 Yellow Gold 
#FFFFFF White
#000000 Black

*/

/* montserrat-regular - latin */
@font-face {font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-800 - latin */
@font-face {font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: url('fonts/montserrat-v25-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/montserrat-v25-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v25-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/montserrat-v25-latin-800.woff') format('woff'), /* Modern Browsers */ url('fonts/montserrat-v25-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/montserrat-v25-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-300italic - latin */
@font-face {font-family: 'Montserrat'; font-style: italic; font-weight: 300; src: url('fonts/montserrat-v25-latin-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/montserrat-v25-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v25-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/montserrat-v25-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('fonts/montserrat-v25-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/montserrat-v25-latin-300italic.svg#Montserrat') format('svg'); /* Legacy iOS */ }
/* antic-regular - latin */
@font-face {font-family: 'Antic'; font-style: normal; font-weight: 400; src: url('fonts/antic-v19-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/antic-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/antic-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/antic-v19-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/antic-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/antic-v19-latin-regular.svg#Antic') format('svg'); /* Legacy iOS */ }

body {margin: 0; font-family: 'Antic',sans-serif;}
p { text-align: justify; text-indent: 25px; }
section {font-family: 'Montserrat',sans-serif; min-height: 100vh; display: flex; justify-content: center; align-items: center;}
section:nth-child(1) {background: #07495D; color: #fff; }
section:nth-child(2) {background: #000; color: #fff; }
section:nth-child(3) {background: #093347; color: #fff; }
section:nth-child(4) {background: #07495D; color: #fff; }

section > .container { padding: 50px 5%; }

@keyframes shrink {0% {transform: scale(2); } 100% {transform: scale(1); } }
@keyframes grow {0% {transform: scale(.3); } 100% {transform: scale(1); } }
@keyframes strokefadein {0% { stroke-width: 3; } 100% { stroke-width: 1; } }

.logo-svg { overflow: visible; max-width: 100%; }
.logo-displaced-text { transform-box: fill-box; transform-origin: center; animation: 1.5s ease-out 0s 1 shrink; }
.logo-international-text { transform-box: fill-box; transform-origin: center; animation: 2.2s ease-out 0s 1 shrink; }
.logo-line { animation: 1.5s ease-in 0s 1 strokefadein; }

.chevron-link { width: 50px; height: 50px; margin-left: auto; position: absolute; margin-right: auto; z-index: 200; left: 0; right: 0; margin-top: 10px; }
.chevron { margin-left: auto; position: absolute; margin-right: auto; left: 0; right: 0; width: 24px; height: 1px; opacity: 0; transform: scale3d(1.5, 0.5, .5); animation: move 2.5s ease-in infinite; }
.chevron:first-child {animation: move 2s ease-in 1s infinite; }
.chevron:nth-child(2) {animation: move 2s ease-in 1.5s infinite; }
.chevron:nth-child(3) {animation: move 2s ease-in 2s infinite; }
.chevron:before, .chevron:after {content: ' '; position: absolute; top: 0; height: 100%; width: 51%; background: #fff; }
.chevron:before {left: 0; transform: skew(0deg, 30deg); }
.chevron:after {right: 0; width: 50%; transform: skew(0deg, -30deg); }
@keyframes move {25% {opacity: .5; } 33% {opacity: .5; transform: translateY(30px); } 67% {opacity: 1; transform: translateY(40px); } 100% {opacity: 0; transform: translateY(55px) scale3d(0.5, 0.5, 0.5); } }
@keyframes pulse {to {opacity: .5; } }


.header {background-color: #07495D; box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1); position: fixed; width: 100%; z-index: 3; font-size: 1em; height: 64px; padding-top: 10px; }
.header .logo {display: block; float: left; text-decoration: none; transition: all .4s ease-in; height: 38px; } 
.header .logo svg { height: 100%; }
.header.hidden .logo { opacity: 0;  }
.header ul {margin: 0 10px 0 0; padding: 0; list-style: none; overflow: hidden; }
.header li a {display: block; color: #fff; padding: 10px 10px; text-decoration: none; margin: 0 10px; border-radius: 15px; }
.header li.cta a { background-color: #FFAE35;  color:#000; }
.header li a:hover, .header .menu-btn:hover { background-color: #093347; color:fff }
.header .menu {clear: both; max-height: 0; transition: max-height .2s ease-out; }
.header .menu-icon {cursor: pointer; display: inline-block; float: right; padding: 28px 20px; position: relative; user-select: none; }
.header .menu-icon .navicon {background: #333; display: block; height: 2px; position: relative; transition: background .2s ease-out; width: 18px; }
.header .menu-icon .navicon:before, .header .menu-icon .navicon:after {background: #333; content: ''; display: block; height: 100%; position: absolute; transition: all .2s ease-out; width: 100%; }
.header .menu-icon .navicon:before {top: 5px; }
.header .menu-icon .navicon:after {top: -5px; }
.header .menu-btn {display: none; }
.header .menu-btn:checked ~ .menu {max-height: 240px; }
.header .menu-btn:checked ~ .menu-icon .navicon {background: transparent; }
.header .menu-btn:checked ~ .menu-icon .navicon:before {transform: rotate(-45deg); }
.header .menu-btn:checked ~ .menu-icon .navicon:after {transform: rotate(45deg); }
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before, .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {top: 0; }


a {
  color: #FFAE35;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}




/* 48em = 768px */
@media (min-width: 48em) {
  .header li {float: left; } 
  .header li a {padding: 10px 20px; }
  .header .menu {clear: none; float: right; max-height: none; }
  .header .menu-icon {display: none; }
}