@font-face { font-family:'Days One'; font-weight:400; font-style:normal; src:url('../fonts/Days-One-regular/Days-One-regular.eot'); src:url('../fonts/Days-One-regular/Days-One-regular.eot?#iefix') format('embedded-opentype'), local('Days One'), local('Days-One-regular'), url('../fonts/Days-One-regular/Days-One-regular.woff2') format('woff2'), url('../fonts/Days-One-regular/Days-One-regular.woff') format('woff'), url('../fonts/Days-One-regular/Days-One-regular.ttf') format('truetype'), url('../fonts/Days-One-regular/Days-One-regular.svg#DaysOne') format('svg'); }

 @font-face { font-family:'Questrial'; font-style:normal; font-weight:400; src:url('../fonts/questrial-v6-latin/questrial-v6-latin-regular.eot'); /* IE9 Compat Modes */ src:local('Questrial'), local('Questrial-Regular'), url('../fonts/questrial-v6-latin/questrial-v6-latin-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/questrial-v6-latin/questrial-v6-latin-regular.woff2') format('woff2'), url('../fonts/questrial-v6-latin/questrial-v6-latin-regular.woff') format('woff'), url('../fonts/questrial-v6-latin/questrial-v6-latin-regular.ttf') format('truetype'), url('../fonts/questrial-v6-latin/questrial-v6-latin-regular.svg#Questrial') format('svg'); /* IE6-IE8 */ /* Super Modern Browsers */ /* Modern Browsers */ /* Safari, Android, iOS */ /* Legacy iOS */ }

 body { background-color:#276b76; padding:0px; margin:0px; }

 #gradient { position:fixed; width:100%; height:100%; left:0; right:0; top:0; bottom:0; padding:0px; margin:0px; }

 .header-wrapper { overflow:hidden; width:100%; }

 .header-wrapper .header-content { position:relative; display:flex; justify-content:center; align-items:center; width:100%; max-width:1224px; height:250px; padding:1rem 0.9375rem; margin:-0.5rem auto 1rem; }

 @media screen and (max-width:1224px) { .header-wrapper .header-content { height:auto; }

 }

 .header-wrapper .header-content .header-logo { width:236px; height:100%; background-image:url(../images/planet.png); background-size:contain; background-repeat:no-repeat; z-index:9; }

 @media screen and (max-width:1224px) { .header-wrapper .header-content .header-logo { background-size:auto 100%; height:200px; }

 }

 @media screen and (max-width:440px) { .header-wrapper .header-content .header-logo { background-size:auto 82%; height:180px; }

 }

 .header-wrapper .header-content .title-block { position:relative; display:block; margin-top:2em; z-index:9; }

 .header-wrapper .header-content .title-block h1 { color:#e5e2f0; font-family:'Days One', sans-serif; font-size:56px !important; line-height:1.2; text-transform:uppercase; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.5); }

 @media screen and (max-width:1224px) { .header-wrapper .header-content .title-block h1 { font-size:4.7vw !important; }

 }

 @media screen and (max-width:960px) { .header-wrapper .header-content .title-block h1 { font-size:4.4vw !important; }

 }

 .header-wrapper .header-content .title-block .site-subtitle { color:#a3cf5c; font-family:'Questrial', sans-serif; font-size:38px; }

 @media screen and (max-width:1224px) { .header-wrapper .header-content .title-block .site-subtitle { font-size:3.2vw !important; }

 }

 @media screen and (max-width:960px) { .header-wrapper .header-content .title-block .site-subtitle { font-size:3.7vw !important; }

 }

 .header-wrapper .header-content .cloud-one,.header-wrapper .header-content .cloud-two { width:25.7%; height:0; background:url("../images/cloud_one.png") no-repeat; background-size:contain !important; float:left; position:absolute; top:5%; left:0; z-index:1; overflow:hidden; padding-bottom:14.1%; }

 .header-wrapper .header-content .cloud-two { background:url("../images/cloud_two.png") no-repeat; }

 .header-wrapper .header-content .floating { animation-name:floating; -webkit-animation-name:floating; animation-timing-function:linear; -webkit-animation-timing-function:linear; animation-duration:150s; -webkit-animation-duration:150s; animation-timing-function:linear; -webkit-animation-timing-function:linear; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; animation-timing-function:linear; -webkit-animation-timing-function:linear; }

 .header-wrapper .header-content .floating2 { animation-name:floating2; -webkit-animation-name:floating2; animation-timing-function:linear; -webkit-animation-timing-function:linear; animation-duration:110s; -webkit-animation-duration:110s; animation-timing-function:linear; -webkit-animation-timing-function:linear; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; animation-timing-function:linear; -webkit-animation-timing-function:linear; }

 .bobble { animation-name:bobble; -webkit-animation-name:bobble; animation-duration:12s; -webkit-animation-duration:12s; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; }

 @keyframes bobble { 0% { transform:translateY(0%) rotate(-0.5deg); }

 25% { transform:translateY(2%) rotate(0deg); }

 50% { transform:translateY(0%) rotate(0.5deg); }

 75% { transform:translateY(2%) rotate(0deg); }

 100% { transform:translateY(0%) rotate(-0.5deg); }

 }

 @-webkit-keyframes bobble { 0% { -webkit-transform:translateY(0%) rotate(-0.5deg); }

 25% { -webkit-transform:translateY(2%) rotate(0deg); }

 50% { -webkit-transform:translateY(0%) rotate(0.5deg); }

 75% { -webkit-transform:translateY(2%) rotate(0deg); }

 100% { -webkit-transform:translateY(0%) rotate(-0.5deg); }

 }

 @keyframes floating { 0% { transform:translateX(-300%); }

 100% { transform:translateX(390%); }

 }

 @-webkit-keyframes floating { 0% { transform:translateX(-300%); }

 100% { transform:translateX(390%); }

 }

 @keyframes floating2 { 0% { transform:translateX(-100%); }

 100% { transform:translateX(390%); }

 }

 @-webkit-keyframes floating2 { 0% { -webkit-transform:translateX(-100%); }

 100% { -webkit-transform:translateX(390%); }

 }

 header.contain-to-grid { margin-bottom:1.5rem !important; }

 header.contain-to-grid #nav_wrapper nav.top-bar { max-width:1224px; }

 header.contain-to-grid #nav_wrapper nav.top-bar ul.title-area { background:transparent !important; }

 header.contain-to-grid #nav_wrapper nav.top-bar ul.title-area .toggle-topbar.menu-icon a { text-indent:-110px; width:auto; }

 header.contain-to-grid #nav_wrapper nav.top-bar ul.title-area .toggle-topbar.menu-icon a span { box-shadow:0 7px 0 2px #e5e2f0, 0 16px 0 2px #e5e2f0, 0 25px 0 2px #e5e2f0; display:block; height:0; position:absolute; right:0.9375rem; width:26px; font-size:18px; color:#e5e2f0 !important; }

 header.contain-to-grid #nav_wrapper nav.top-bar ul.title-area .toggle-topbar.menu-icon a span:after { display:none; }

 header.contain-to-grid #nav_wrapper nav.top-bar section.top-bar-section { height:auto !important; border-left:1px solid #e5e2f0; }

 @media screen and (max-width:960px) { header.contain-to-grid #nav_wrapper nav.top-bar section.top-bar-section { width:100%; right:0; }

 }

 @media screen and (max-width:960px) { header.contain-to-grid #nav_wrapper nav.top-bar section.top-bar-section { border-left:0; }

 }

 header.contain-to-grid #nav_wrapper nav.top-bar section.top-bar-section ul li { margin-bottom:0; }

 header.contain-to-grid #nav_wrapper nav.top-bar section.top-bar-section ul li:hover a { color:#fff !important; text-shadow:0px 0px 4px rgba(255, 255, 255, 0.3); }

 header.contain-to-grid #nav_wrapper nav.top-bar section.top-bar-section ul li a { text-decoration:none; border-right:1px solid #e5e2f0 !important; font-size:20px !important; }

 @media screen and (max-width:1224px) { header.contain-to-grid #nav_wrapper nav.top-bar section.top-bar-section ul li a { font-size:1.6vw !important; }

 }

 @media screen and (max-width:960px) { header.contain-to-grid #nav_wrapper nav.top-bar section.top-bar-section ul li a { border-right:0 !important; font-size:2.8vw !important; }

 }

 @media screen and (max-width:640px) { header.contain-to-grid #nav_wrapper nav.top-bar section.top-bar-section ul li a { font-size:4.3vw !important; }

 }

 header.contain-to-grid #nav_wrapper nav.top-bar section.top-bar-section ul li.divider { height:auto !important; }

 @media screen and (max-width:960px) { header.contain-to-grid #nav_wrapper nav.top-bar section.top-bar-section ul li.divider { border-right:none; border-color:#e5e2f0 !important; }

 }