@charset "UTF-8";
@import url(font-awesome.min.css);
@import url(http://fonts.googleapis.com/css?family=Lato:300,400);
blockquote,em,i{
    font-style:italic
}
.table-wrapper,pre{
    -webkit-overflow-scrolling:touch
}
body{
    background:#fff
}
body,input,select,textarea{
    color:#444;
    font-family:Lato,Helvetica,sans-serif;
    font-size:15pt;
    font-weight:300;
    line-height:1.65em
}
a{
    color:#4dac71;
    text-decoration:underline
}
a:hover{
    text-decoration:none
}
a.link{
    /* padding: 0 3px;
    border-bottom: 1px solid #3498db; */
    text-decoration: none;
    color: #3498db;
}
a.link:hover {
    color: #2980b9;
}
b,strong{
    color:#666;
    font-weight:400
}
p{
    margin:0 0 2em
}
h1,h2,h3,h4,h5,h6{
    color:#666;
    font-weight:300;
    line-height:1em;
    margin:0 0 1em
}
h2,h3,h4,h5,h6{
    line-height:1.5em
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color:inherit;
    text-decoration:none
}
h2{
    font-size:1.75em
}
h3{
    font-size:1.35em
}
h4{
    font-size:1.1em
}
h5{
    font-size:.9em
}
h6{
    font-size:.7em
}
sub,sup{
    font-size:.8em;
    position:relative
}
sub{
    top:.5em
}
sup{
    top:-.5em
}
code,pre{
    font-family:"Courier New",monospace;
    font-size:.9em
}
hr{
    border:0;
    border-bottom:medium 1px rgba(144,144,144,.25);
    margin:2em 0
}
hr.major{
    margin:3em 0
}
blockquote,pre{
    margin:0 0 2em
}
blockquote{
    border-left:solid 4px rgba(144,144,144,.25);
    padding:.5em 0 .5em 2em
}
code{
    background:rgba(144,144,144,.075);
    border-radius:4px;
    border:1px solid rgba(144,144,144,.25);
    margin:0 .25em;
    padding:.25em .65em
}
.icon:before,.select-wrapper:before,input[type=checkbox]+label:before,input[type=radio]+label:before{
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-family:FontAwesome;
    font-style:normal;
    text-transform:none!important
}
pre code{
    display:block;
    line-height:1.75em;
    padding:1em 1.5em;
    overflow-x:auto
}
.align-left{
    text-align:left
}
.align-center{
    text-align:center
}
.align-right{
    text-align:right
}
article.special,section.special{
    text-align:center
}
header p{
    position:relative;
    margin:0 0 1.5em
}
header h2+p{
    font-size:1.25em;
    margin-top:-1em;
    line-height:1.5em
}
header h3+p{
    font-size:1.1em;
    margin-top:-.8em;
    line-height:1.5em
}
header h4+p,header h5+p,header h6+p{
    font-size:.9em;
    margin-top:-.6em;
    line-height:1.5em
}
header.major{
    text-align:center;
    margin-bottom:3em
}
header.major h2{
    font-size:3em
}
header.major p{
    border-top:medium double rgba(144,144,144,.25);
    display:inline-block;
    padding:2em 2em 0
}
form{
    margin:0 0 2em
}
label{
    color:#666;
    display:block;
    font-size:.9em;
    font-weight:400;
    margin:0 0 1em
}
input[type=text],input[type=password],input[type=email],select,textarea{
    -moz-appearance:none;
    -webkit-appearance:none;
    -o-appearance:none;
    -ms-appearance:none;
    appearance:none;
    background:rgba(144,144,144,.075);
    border-radius:4px;
    border:none;
    border:1px solid rgba(144,144,144,.25);
    color:inherit;
    display:block;
    outline:0;
    padding:0 1em;
    text-decoration:none;
    width:100%
}
input[type=text]:invalid,input[type=password]:invalid,input[type=email]:invalid,select:invalid,textarea:invalid{
    box-shadow:none
}
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,select:focus,textarea:focus{
    border-color:#4dac71;
    box-shadow:0 0 0 1px #4dac71
}
.select-wrapper{
    text-decoration:none;
    display:block;
    position:relative
}
.select-wrapper:before{
    content:"";
    font-weight:400;
    color:rgba(144,144,144,.25);
    display:block;
    height:2.75em;
    line-height:2.75em;
    pointer-events:none;
    position:absolute;
    right:0;
    text-align:center;
    top:0;
    width:2.75em
}
.select-wrapper select::-ms-expand{
    display:none
}
input[type=text],input[type=password],input[type=email],select{
    height:2.75em
}
textarea{
    padding:.75em 1em
}
input[type=checkbox],input[type=radio]{
    -moz-appearance:none;
    -webkit-appearance:none;
    -o-appearance:none;
    -ms-appearance:none;
    appearance:none;
    display:block;
    float:left;
    margin-right:-2em;
    opacity:0;
    width:1em;
    z-index:-1
}
input[type=checkbox]+label,input[type=radio]+label{
    text-decoration:none;
    color:#444;
    cursor:pointer;
    display:inline-block;
    font-size:1em;
    font-weight:300;
    padding-left:2.4em;
    padding-right:.75em;
    position:relative
}
input[type=checkbox]+label:before,input[type=radio]+label:before{
    font-weight:400;
    background:rgba(144,144,144,.075);
    border:1px solid rgba(144,144,144,.25);
    content:'';
    display:inline-block;
    height:1.65em;
    left:0;
    line-height:1.58125em;
    position:absolute;
    text-align:center;
    top:0;
    width:1.65em
}
.icon,.image,ul.tabular li{
    position:relative
}
input[type=checkbox]:checked+label:before,input[type=radio]:checked+label:before{
    background:#3ba666;
    border-color:#3ba666;
    color:#fff;
    content:'\f00c'
}
input[type=checkbox]:focus+label:before,input[type=radio]:focus+label:before{
    border-color:#4dac71;
    box-shadow:0 0 0 1px #4dac71
}
input[type=checkbox]+label:before{
    border-radius:4px
}
input[type=radio]+label:before{
    border-radius:100%
}
.box,.image{
    border-radius:4px
}
::-webkit-input-placeholder{
    color:#888!important;
    opacity:1
}
:-moz-placeholder{
    color:#888!important;
    opacity:1
}
::-moz-placeholder{
    color:#888!important;
    opacity:1
}
:-ms-input-placeholder{
    color:#888!important;
    opacity:1
}
.formerize-placeholder{
    color:#888!important;
    opacity:1
}
.box{
    border:1px solid rgba(144,144,144,.25);
    margin-bottom:2em;
    padding:1.5em
}
.box>:last-child,.box>:last-child>:last-child,.box>:last-child>:last-child>:last-child{
    margin-bottom:0
}
.image.fit,ol,ul{
    margin:0 0 2em
}
.box.alt{
    border:0;
    border-radius:0;
    padding:0
}
.icon{
    text-decoration:none;
    border-bottom:none
}
.icon:before{
    font-weight:400
}
.icon>.label{
    display:none
}
.icon.rounded,.image{
    display:inline-block
}
.icon.rounded{
    border-radius:100%;
    border:1px solid #4dac71;
    height:2em;
    line-height:2em;
    text-align:center;
    width:2em
}
.image.fit,.image.fit img,.image.left img,.image.right img{
    width:100%
}
.icon.rounded.big{
    font-size:3.5em
}
.image{
    border:0
}
.image img{
    border-radius:4px;
    display:block
}
.image.left{
    float:left;
    padding:0 1.5em 1em 0;
    top:.25em
}
.image.right{
    float:right;
    padding:0 0 1em 1.5em;
    top:.25em
}
.image.left,.image.right{
    max-width:40%
}
.image.fit{
    display:block
}
ol{
    list-style:decimal;
    padding-left:1.25em
}
ol li{
    padding-left:.25em
}
ul{
    list-style:disc;
    padding-left:1em
}
#header nav>ul,ul.actions,ul.alt,ul.icons,ul.tabular{
    list-style:none
}
ul.actions.fit li>*,ul.actions.vertical li>*{
    margin-bottom:0
}
ul li{
    padding-left:.5em
}
ul.alt{
    padding-left:0
}
ul.alt li{
    border-top:solid 1px rgba(144,144,144,.25);
    padding:.8em 0
}
ul.alt li:first-child{
    border-top:0;
    padding-top:0
}
ul.icons{
    cursor:default;
    padding-left:0
}
ul.icons li{
    display:inline-block;
    padding:0 1em 0 0
}
ul.icons li:last-child{
    padding-right:0
}
ul.actions{
    cursor:default;
    padding-left:0
}
ul.actions li{
    display:inline-block;
    padding:0 1em 0 0;
    vertical-align:middle
}
ul.actions li:last-child{
    padding-right:0
}
ul.actions.small li{
    padding:0 .5em 0 0
}
ul.actions.vertical li{
    display:block;
    padding:1em 0 0
}
ul.actions.vertical li:first-child{
    padding-top:0
}
ul.actions.vertical.small li{
    padding:.5em 0 0
}
ul.actions.vertical.small li:first-child{
    padding-top:0
}
ul.actions.fit{
    display:table;
    margin-left:-1em;
    padding:0;
    table-layout:fixed;
    width:calc(100% + 1em)
}
ul.actions.fit li{
    display:table-cell;
    padding:0 0 0 1em
}
ul.actions.fit.small{
    margin-left:-.5em;
    width:calc(100% + .5em)
}
ul.actions.fit.small li{
    padding:0 0 0 .5em
}
ul.tabular{
    padding:0
}
ul.tabular li{
    border-top:solid 1px rgba(144,144,144,.25);
    line-height:1.75em;
    margin:1.5em 0 0;
    padding-left:7em;
    padding-top:12px
}
ul.tabular li:first-child{
    border-top:0;
    margin-top:0
}
dl,table{
    margin:0 0 2em
}
ul.tabular li h3{
    left:0;
    position:absolute;
    text-align:center;
    top:12px;
    vertical-align:top;
    width:1em
}
.table-wrapper{
    overflow-x:auto
}
table{
    width:100%
}
table tbody tr{
    border:1px solid rgba(144,144,144,.25);
    border-left:0;
    border-right:0
}
table tbody tr:nth-child(2n+1){
    background-color:rgba(144,144,144,.075)
}
table td{
    padding:.75em
}
table th{
    color:#666;
    font-size:.9em;
    font-weight:400;
    padding:0 .75em .75em;
    text-align:left
}
table thead{
    border-bottom:solid 2px rgba(144,144,144,.25)
}
table tfoot{
    border-top:solid 2px rgba(144,144,144,.25)
}
table.alt{
    border-collapse:separate
}
table.alt tbody tr td{
    border:1px solid rgba(144,144,144,.25);
    border-left-width:0;
    border-top-width:0
}
table.alt tbody tr td:first-child{
    border-left-width:1px
}
table.alt tbody tr:first-child td{
    border-top-width:1px
}
table.alt thead{
    border-bottom:0
}
table.alt tfoot{
    border-top:0
}
.button,input[type=submit],input[type=reset],input[type=button]{
    -moz-appearance:none;
    -webkit-appearance:none;
    -o-appearance:none;
    -ms-appearance:none;
    appearance:none;
    -moz-transition:background-color .2s ease-in-out,color .2s ease-in-out;
    -webkit-transition:background-color .2s ease-in-out,color .2s ease-in-out;
    -o-transition:background-color .2s ease-in-out,color .2s ease-in-out;
    -ms-transition:background-color .2s ease-in-out,color .2s ease-in-out;
    transition:background-color .2s ease-in-out,color .2s ease-in-out;
    background-color:#3ba666;
    border-radius:4px;
    border:0;
    color:#fff!important;
    cursor:pointer;
    display:inline-block;
    font-weight:400;
    height:2.85em;
    line-height:2.8em;
    padding:0 2em;
    text-align:center;
    text-decoration:none;
    white-space:nowrap
}
#header h1,#header nav{
    height:inherit;
    line-height:inherit;
    position:absolute;
    top:0
}
.button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover{
    background-color:#42b972
}
.button:active,input[type=submit]:active,input[type=reset]:active,input[type=button]:active{
    background-color:#34935a
}
.button.icon,input[type=submit].icon,input[type=reset].icon,input[type=button].icon{
    padding-left:1.35em
}
.button.icon:before,input[type=submit].icon:before,input[type=reset].icon:before,input[type=button].icon:before{
    margin-right:.5em
}
.button.fit,input[type=submit].fit,input[type=reset].fit,input[type=button].fit{
    display:block;
    margin:0 0 1em;
    width:100%
}
.button.small,input[type=submit].small,input[type=reset].small,input[type=button].small{
    font-size:.8em
}
.button.big,input[type=submit].big,input[type=reset].big,input[type=button].big{
    font-size:1.35em
}
.button.alt,input[type=submit].alt,input[type=reset].alt,input[type=button].alt{
    background-color:transparent;
    box-shadow:inset 0 0 0 2px rgba(144,144,144,.25);
    color:#666!important
}
.button.alt:hover,input[type=submit].alt:hover,input[type=reset].alt:hover,input[type=button].alt:hover{
    background-color:rgba(144,144,144,.075)
}
.button.alt:active,input[type=submit].alt:active,input[type=reset].alt:active,input[type=button].alt:active{
    background-color:rgba(144,144,144,.2)
}
.button.alt.icon:before,input[type=submit].alt.icon:before,input[type=reset].alt.icon:before,input[type=button].alt.icon:before{
    color:#888
}
.button.special,input[type=submit].special,input[type=reset].special,input[type=button].special{
    background-color:#4dac71;
    color:#fff!important
}
.button.special:hover,input[type=submit].special:hover,input[type=reset].special:hover,input[type=button].special:hover{
    background-color:#5cb67e
}
.button.special:active,input[type=submit].special:active,input[type=reset].special:active,input[type=button].special:active{
    background-color:#459a65
}
.button.disabled,.button:disabled,input[type=submit].disabled,input[type=submit]:disabled,input[type=reset].disabled,input[type=reset]:disabled,input[type=button].disabled,input[type=button]:disabled{
    background-color:#444!important;
    box-shadow:inset 0 -.15em 0 0 rgba(0,0,0,.15);
    color:#fff!important;
    cursor:default;
    opacity:.25
}
body.landing #header{
    background-color:transparent;
    left:0;
    position:absolute;
    top:0
}
#header{
    background-color:#202222;
    color:#fff;
    cursor:default;
    height:4.75em;
    line-height:4.75em;
    width:100%;
    z-index:10000
}
#header h1{
    color:#fff;
    left:2.5em;
    margin:0;
    padding:0
}
#header h1 a{
    font-size:1.25em
}
#header nav{
    right:2.75em;
    vertical-align:middle
}
#header nav>ul{
    margin:0;
    padding-left:0
}
#header nav>ul>li{
    border-radius:4px;
    display:inline-block;
    margin-left:1.5em;
    padding-left:0
}
#header nav>ul>li a{
    display: inline-block;
    -moz-transition:color .2s ease-in-out;
    -webkit-transition:color .2s ease-in-out;
    -o-transition:color .2s ease-in-out;
    -ms-transition:color .2s ease-in-out;
    transition:color .2s ease-in-out;
    line-height: 1.5;
    color:white;
    display:inline-block;
    text-decoration:none;
    text-shadow: 2px 2px rgba(0,0,0,0.2);
}
#banner,#banner h2,#footer a:active,#footer a:hover,#footer h2,#footer h3,#footer h4,#header nav>ul>li a:hover,.wrapper.style1 h2{
    color:#fff;
}
#header nav>ul>li a:hover {
    border-bottom: 1px solid white;
}
#header nav>ul>li:first-child{
    margin-left:0
}
#header nav>ul>li .button{
    height:2.25em;
    line-height:2.25em;
    margin-bottom:0;
    padding:0 1em;
    position:relative;
    top:-.075em;
    vertical-align:middle
}
#header .container{
    position:relative
}
#header .container h1{
    left:0
}
#header .container nav{
    right:0
}
#banner{
    background:/*linear-gradient(rgba(0,0,0,.55),rgba(255,255,255,.15)),*/url(../images/banner-new.jpg) #68bdfb;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    padding:11em 0 17em;
    text-align:center
}
#banner h2{
    font-size:3em;
    line-height: 1.2;
    margin:-2rem 0 .5em;
    padding:0;
    font-weight: bold;
    /* color: #077ac5; */
    text-shadow: 2px 2px rgba(0,0,0,0.2);
}
#banner p{
    margin-bottom: 3rem;
    font-size:2.5em;
    font-weight: 300;
    text-shadow: 2px 2px rgba(0,0,0,0.2);
    line-height: 1.2;
}
#banner .actions{
    margin:0 0 0
}
#banner .button{
    background-color:#087ed3;
    border-radius: 8px;
    /* border:3px solid #fff; */
    font-weight:normal;
    color: white !important;
    text-shadow: none !important;
}
#banner .button:hover{
    background-color:#1375bc;
}
.intro {
    margin: 0 auto 4rem;
    padding: 1rem;
    text-align: center;
    max-width: 60rem;
}
.intro .intro-container {
    display: inline-block;
}
.intro p {
    margin-bottom: 3rem;
    font-size: 2.25rem;
    font-weight: normal;
    line-height: 1.5;
    color: #555555;
}
.intro p a {
    display: block;
}
.intro ul {
    margin: 0;
    padding-left: 5rem;
}
.intro ul li {
    text-align: left;
    font-size: 1.5rem;
    line-height: 1.3;
    padding-bottom: 0.5rem;
}

.image-title{
    margin-bottom: 0;
    padding: 1rem 2rem 0;
    font-size: 1.5rem;
    font-weight:bold;
    text-align: left;
    color: #555555;
}
.image-text{
    padding: 0.5rem 2rem 0;
    font-size: 1.25rem;
    text-align: left;
    color: #555555;
}



.wrapper{
    padding:4em 0 4em
}
.wrapper.style1{
    background-color:#3ba666;
    -moz-background-image:linear-gradient(60deg,#4dac71 50%,#3ba666 50%);
    -webkit-background-image:linear-gradient(60deg,#4dac71 50%,#3ba666 50%);
    -o-background-image:linear-gradient(60deg,#4dac71 50%,#3ba666 50%);
    -ms-background-image:linear-gradient(60deg,#4dac71 50%,#3ba666 50%);
    background-image:linear-gradient(60deg,#4dac71 50%,#3ba666 50%);
    color:#fff
}
.wrapper.style1 header{
    margin-bottom:4em
}
.wrapper.style1 .icon.big{
    border-color:#fff;
    margin-bottom:.5em
}
.wrapper.style2 .title,.wrapper.style2 header{
    padding: 1rem 2rem 0;
    font-size: 1.5rem;
    font-weight:bold;
    text-align: left;
}
.wrapper.style2 header{
    margin-bottom:4em
}
.wrapper.style2 .feature{
    margin:0 0 2em
}
#footer{
    background:#087ed3;
    color:white;
    padding:6em 0 4em
}
#footer a{
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    color:white
}
#footer .icons .rounded{
    border-color:#888;
    font-size:1.5em
}
#footer .icons .rounded:active,#footer .icons .rounded:hover{
    border-color:#fff
}
#footer .copyright{
    font-size:.9em;
    margin:2em 0 0;
    padding:0;
    text-align:center
}
#footer .copyright li{
    border-left:solid 1px rgba(144,144,144,.25);
    display:inline-block;
    list-style:none;
    margin-left:1.5em;
    padding-left:1.5em
}
#footer .copyright li:first-child{
    border-left:0;
    margin-left:0;
    padding-left:0
}