.carbon-poweredby,em,i {
font-style:italic;
}

@font-face {
font-family:Oxygen;
font-style:normal;
font-weight:700;
src:local("Oxygen Bold"),local(Oxygen-Bold),url(../fonts/oxygen/oxygen-v5-latin-700.eot?#iefix)format(embedded-opentype),url(../fonts/oxygen/oxygen-v5-latin-700.woff2)format(woff2),url(../fonts/oxygen/oxygen-v5-latin-700.woff)format(woff),url(../fonts/oxygen/oxygen-v5-latin-700.ttf)format(truetype),url(../fonts/oxygen/oxygen-v5-latin-700.svg#Oxygen)format(svg);
}

*,::after,::before {
box-sizing:inherit;
}

html {
box-sizing:border-box;
}

body,html {
height:100%;
margin:0;
padding:0;
}

body {
color:#6d6d6d;
background-color:#fff;
font-family:Oxygen,Helvetica,sans-serif;
font-size:14px;
line-height:1.8;
}





b,strong {
font-weight:700;
}

img {
max-width:100%;
height:auto;
}

.o-container {
max-width:960px;
margin:0 auto;
padding:0 12px;
}

.o-grid {
display:flex;
-webkit-flex-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-justify-content:space-around;
-ms-flex-pack:distribute;
justify-content:space-around;
}

.o-grid__item {
padding:24px;
}

.o-header {
margin:0;
padding:0;
}

.o-header-nav {
display:flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
background-color:#3b3b3b;
}

.o-header-nav__link {
color:#fff;
padding:12px;
}

.o-header-nav__link:hover {
color:#fff;
background-color:#080808;
}

.o-header__title {
color:#818181;
font-size:28px;
font-weight:300;
text-align:center;
margin:24px;
padding:0;
}

.o-sub-nav {
margin:0 0 24px;
padding:0;
}

.o-sub-nav__items {
display:flex;
-webkit-flex-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
list-style:none;
margin:0;
padding:0;
}

.o-sub-nav__item {
margin:0;
padding:4px;
}

.o-sub-nav__link {
display:block;
border:2px solid #3b3b3b;
margin:0;
padding:4px 24px;
}

.o-sub-nav__item.active .o-sub-nav__link,.o-sub-nav__link:hover {
color:#fff;
background-color:#3b3b3b;
}

.o-footer {
text-align:center;
padding:12px 0;
}

.c-hamburger {
display:block;
position:relative;
overflow:hidden;
width:60px;
height:60px;
font-size:0;
text-indent:-9999px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
box-shadow:none;
border-radius:none;
border:none;
cursor:pointer;
-webkit-transition:background .3s;
transition:background .3s;
margin:0;
padding:0;
}

.c-hamburger:focus {
outline:0;
}

.c-hamburger span {
	display: block;
	position: absolute;
	top: 28px;
	left: 18px;
	right: 18px;
	height: 2px;
	background: #f99916;
}

.c-hamburger span::after,.c-hamburger span::before {
position:absolute;
display:block;
left:0;
width:100%;
height:2px;
background-color:#f99916;
content:"";
}

.c-hamburger--htla.is-active span::after,.c-hamburger--htla.is-active span::before,.c-hamburger--htra.is-active span::after,.c-hamburger--htra.is-active span::before {
width:50%;
}

.c-hamburger span::before {
	top: -8px;
}
.c-hamburger span::after {
bottom:-8px;
}

.c-hamburger--rot {
background-color:#28aadc;
}

.c-hamburger--rot.is-active {
background-color:#166888;
}

.c-hamburger--rot.is-active span {
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
}

.c-hamburger--htx {
background-color:#ff3264;
}

.c-hamburger--htx span {
-webkit-transition:background 0 .3s;
transition:background 0 .3s;
}

.c-hamburger--htx span::after,.c-hamburger--htx span::before {
-webkit-transition-duration:.3s,.3s;
transition-duration:.3s,.3s;
-webkit-transition-delay:.3s,0s;
transition-delay:.3s,0s;
}

.c-hamburger--htx span::before {
-webkit-transition-property:top,-webkit-transform;
transition-property:top,transform;
}

.c-hamburger--htx span::after {
-webkit-transition-property:bottom,-webkit-transform;
transition-property:bottom,transform;
}

.c-hamburger--htx.is-active {
background-color:#cb0032;
}

.c-hamburger--htx.is-active span {
background:0 0;
}

.c-hamburger--htx.is-active span::before {
top:0;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
bottom:0;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.c-hamburger--htx.is-active span::after,.c-hamburger--htx.is-active span::before {
-webkit-transition-delay:0;
transition-delay:0;
}

.c-hamburger--htla {
background-color:#32dc64;
}

.c-hamburger--htla span::before {
-webkit-transform-origin:top right;
-ms-transform-origin:top right;
transform-origin:top right;
-webkit-transition:0 .3s,width .3s,top .3s;
transition:transform .3s,width .3s,top .3s;
}

.c-hamburger--htla span::after {
-webkit-transform-origin:bottom right;
-ms-transform-origin:bottom right;
transform-origin:bottom right;
-webkit-transition:0 .3s,width .3s,bottom .3s;
transition:transform .3s,width .3s,bottom .3s;
}

.c-hamburger--htla.is-active {
background-color:#18903c;
}

.c-hamburger--htla.is-active span::before {
top:0;
-webkit-transform:translateX(38px)translateY(4px)rotate(45deg);
-ms-transform:translateX(38px)translateY(4px)rotate(45deg);
transform:translateX(38px)translateY(4px)rotate(45deg);
}

.c-hamburger--htla.is-active span::after {
bottom:0;
-webkit-transform:translateX(38px)translateY(-4px)rotate(-45deg);
-ms-transform:translateX(38px)translateY(-4px)rotate(-45deg);
transform:translateX(38px)translateY(-4px)rotate(-45deg);
}

.c-hamburger--htra {
background-color:#000;
}

.c-hamburger--htra span::before {
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-transition:0 .3s,width .3s,top .3s;
transition:transform .3s,width .3s,top .3s;
}

.c-hamburger--htra span::after {
-webkit-transform-origin:bottom left;
-ms-transform-origin:bottom left;
transform-origin:bottom left;
-webkit-transition:0 .3s,width .3s,bottom .3s;
transition:transform .3s,width .3s,bottom .3s;
}

.c-hamburger--htra.is-active {
background-color:rgba(0,0,0,0);
}

.c-hamburger--htra.is-active span::before {
top:-1px;
-webkit-transform:translateX(-6px)translateY(2px)rotate(-45deg);
-ms-transform:translateX(-6px)translateY(2px)rotate(-45deg);
transform:translateX(-6px)translateY(2px)rotate(-45deg);
}

.c-hamburger--htra.is-active span::after {
bottom:-1px;
-webkit-transform:translateX(-6px)translateY(-2px)rotate(45deg);
-ms-transform:translateX(-6px)translateY(-2px)rotate(45deg);
transform:translateX(-6px)translateY(-2px)rotate(45deg);
}

#carbonads {
position:fixed;
bottom:12px;
right:12px;
z-index:1000;
width:154px;
background-color:#fff;
line-height:1.1;
border:1px solid #e7e7e7;
padding:24px 12px 12px;
}

.carbon-wrap {
display:block;
margin:0 0 4px;
}

.carbon-img {
display:block;
width:130px;
height:100px;
margin:0 0 4px;
padding:0;
}

.carbon-text {
color:#818181;
font-size:12px;
}

.carbon-poweredby {
font-size:10px;
}

.carbonad__close {
display:block;
position:absolute;
top:0;
left:12px;
height:24px;
font-size:11px;
line-height:24px;
}

.c-hamburger--rot span,.c-hamburger--htla span,.c-hamburger--htra span {
-webkit-transition:0 .3s;
transition:transform .3s;
}

.c-hamburger--htla.is-active span,.c-hamburger--htra.is-active span {
-webkit-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg);
}

@media all and min-width480px{
.o-container {
padding:0 24px;
}

.o-header__title {
font-size:42px;
margin:36px;
}

.o-footer {
padding:24px 0;
}
}

@media all and min-width720px{
.o-container {
padding:0 48px;
}

.o-sub-nav {
margin:0 0 48px;
}

.o-footer {
padding:48px 0;
}
}

@media all and max-width660px{
#carbonads {
display:none;
}
}