html, body{}
@media only screen and (min-width:1200px){html, body{}
}
body{min-height:100%;font-family:'Lato', sans-serif;}
.color--brand{background-color:#244c5a;}
.color--second{background-color:#009ca6;}
.color--action{background-color:#01b67b;}
.color--alert{background-color:#c7192e;}
.color--dark{background-color:#333846;}
.color--supporting{background-color:#606060;}
h1, h2, h3{margin-bottom:15px;font-weight:400;}
h1{line-height:4.5rem;}
h2{line-height:2.5rem;}
h3{}
p{}
.bold{font-weight:800;}
a{color:#15a1b3;transition:color .3s;}
a:hover{color:#2c6780;}
.btn{font-size:2rem;line-height:2.5rem;color:white;background-color:#008b94;padding:11px 20px;border-radius:5px;display:inline-block;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:background .5s;}
.btn:hover, .btn:focus{background-color:#00b8b9;color:white;}
.btn:active{background-color:#007077;}
.btn--small{font-size:1rem;line-height:1rem;padding:9px 15px 5px 15px;}
.btn--tiny{font-size:0.8rem;line-height:0.8rem;padding:3px 10px;}
.btn--search{font-size:0.875rem;height:2.3125rem;margin:0 0 1rem 0;padding:0.5rem;border-radius:0;border:solid 1px #05b078;border-bottom-width:2px;width:100%;line-height:normal;}
.btn--smallsearch{font-size:0.875rem;height:1.81rem;margin:0 0 1rem 0;padding:0.25rem;border-radius:0;border:solid 1px #008b94;border-bottom-width:2px;width:100%;line-height:normal;}
.btn--large{font-size:2.3rem;line-height:2.8rem;padding:9px 30px;}
.btn--action{background-color:#05b078 !important;border-color:#05b078 !important;}
.btn--action:hover, .btn--action:focus{background-color:#06cd89;}
.btn--action:active{background-color:#00734c;}
.btn--alert{background-color:#c7192e;}
.btn--alert:hover, .btn--alert:focus{background-color:#de2a3f;}
.btn--alert:active{background-color:#9a1c28;}
.btn--secondary{background-color:#606060;}
.btn--secondary:hover, .btn--secondary:focus{background-color:#bababa;}
.btn--secondary:active{background-color:#595a5c;}
input{}
input:focus{border-color:#a1a1a1;background-color:#fbfbfb;}
input.input--success{border-color:#00b895;}
input.input--error{border-color:#c7192e;}
input[disabled]{background-color:#cccccc;cursor:not-allowed;}
textarea{border:solid 1px #ebebeb;border-radius:5px;width:100%;outline:none;transition:background .3s, border .5s;}
textarea:focus{border-color:#a1a1a1;background-color:#fbfbfb;}
textarea:not(:empty){background-color:#fbfbfb;}
select{outline:none;background-color:white;border:solid 1px #ebebeb;border-radius:5px;-webkit-appearance:none;background-image:url(../img/icon/arrow.svg);background-repeat:no-repeat;background-position:right 10px center;}
@media only screen and (min-width:320px){}
@media only screen and (min-width:480px){}
@media only screen and (min-width:768px){}
@media only screen and (min-width:992px){}
@media only screen and (min-width:1200px){}
body{}
.container{background-color:white;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;padding-top:40px;padding-bottom:40px;}
@media (min-width:768px){.container{width:732px;}
}
@media (min-width:992px){.container{width:952px;}
}
@media (min-width:1200px){.container{width:1152px;}
}
pre{white-space:pre-wrap;background-color:#f7f7f7;padding:20px 20px 7px;font-size:1.6rem;}
.intro{padding-bottom:30px;}
.intro .logo{width:100%;max-width:400px;}
.block--intro{padding-bottom:25px;}
.block{display:block;width:100%;background-color:#efefef;padding:30px;margin-top:25px;}
.block--content{margin-bottom:50px;}
.block--content:after{content:"";display:table;clear:both;}
.block--content:last-of-type{margin-bottom:0;}
.content--logo{width:100%;text-align:center;padding:25px;margin-bottom:25px;}
.content--logo:last-of-type{margin-bottom:0;}
.content--logo img{max-width:100%;}
.content--logo__white{background-color:#244c5a;}
.content--logo__rgb{background-color:white;}
.content--logo__black{background-color:white;}
@media only screen and (min-width:992px){.content--logo{width:48%;float:left;margin-right:1%;margin-left:1%;margin-bottom:0;}
}
.color--block__half, .color--block__two-thirds, .color--block__one-thirds, .color--item__split{width:100%;}
.color--item{width:100%;height:200px;position:relative;}
@media only screen and (min-width:992px){.color--block__half{width:48%;margin:0 1%;float:left;}
.color--block__two-thirds{width:64.666%;margin:0 1%;float:left;}
.color--block__one-thirds{width:31.3333%;margin:0 1%;float:left;}
.color--item__split{width:48%;margin:0 1%;float:left;}
}
.color--block{margin-bottom:25px;}
.color--heading{font-size:1.7rem;line-height:2.8rem;text-transform:uppercase;text-align:left;}
.color--item__hex{position:absolute;left:15px;bottom:15px;color:white;font-size:2.5rem;}
.button--holder, .textarea--holder{width:100%;margin-bottom:25px;}
.button--holder__title{font-size:1.7rem;line-height:2.8rem;text-transform:uppercase;margin-bottom:15px;}
@media only screen and (min-width:992px){.button--holder{text-align:center;width:31.33%;margin:0 1% 25px;float:left;}
.textarea--holder{width:48%;margin:0 1% 25px;float:left;}
}
.button--container{min-height:120px;position:relative;}
.button--container__hold{position:absolute;left:0;transform:translateY(-50%);top:50%;right:0;width:auto;}
.btn.hover{background-color:#009ca6;color:white;}
.btn.pressed{background-color:#007077;color:white;}
.button--color{}
.button--color__hex{background-color:#f7f7f7;font-size:1.7rem;line-height:2.8rem;padding:20px;}
.input--container{}
input.active{border-color:#a1a1a1;background-color:#fbfbfb;}