/*! * Bootstrap v3.1.0 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html{
    font-family:sans-serif;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
body{
    margin:0
}
figcaption,figure,header,main,nav,section{
    display:block
}
[hidden],template{
    display:none
}
a{
    background:0 0
}
a:active,a:hover{
    outline:0
}
b,strong{
    font-weight:700
}
h1{
    margin:.67em 0;
    font-size:2em
}
img{
    border:0
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:1em 40px
}
code{
    font-family:monospace,monospace;
    font-size:1em
}
button{
    margin:0;
    font:inherit;
    color:inherit
}
button{
    overflow:visible
}
button{
    text-transform:none
}
button{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled]{
    cursor:default
}
button::-moz-focus-inner{
    padding:0;
    border:0
}
@media print{
    *{
        color:#000!important;
        text-shadow:none!important;
        background:0 0!important;
        box-shadow:none!important
    }
    a,a:visited{
        text-decoration:underline
    }
    a[href]:after{
        content:" (" attr(href) ")"
    }
    a[href^="#"]:after,a[href^="javascript:"]:after{
        content:""
    }
    img{
        page-break-inside:avoid
    }
    img{
        max-width:100%!important
    }
    h2,h3,p{
        orphans:3;
        widows:3
    }
    h2,h3{
        page-break-after:avoid
    }
    .navbar{
        display:none
    }
}
*{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
:after,:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
html{
    font-size:62.5%;
    -webkit-tap-highlight-color:transparent
}
body{
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    line-height:1.428571429;
    color:#333;
    background-color:#fff
}
button{
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
a{
    color:#428bca;
    text-decoration:none
}
a:focus,a:hover{
    color:#2a6496;
    text-decoration:underline
}
a:focus{
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
figure{
    margin:0
}
img{
    vertical-align:middle
}
.img-responsive{
    display:block;
    max-width:100%;
    height:auto
}
.img-circle{
    border-radius:50%
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    font-family:inherit;
    font-weight:500;
    line-height:1.1;
    color:inherit
}
.h1,.h2,.h3,h1,h2,h3{
    margin-top:20px;
    margin-bottom:10px
}
.h4,.h5,.h6,h4,h5,h6{
    margin-top:10px;
    margin-bottom:10px
}
.h1,h1{
    font-size:36px
}
.h2,h2{
    font-size:30px
}
.h3,h3{
    font-size:24px
}
.h4,h4{
    font-size:18px
}
.h5,h5{
    font-size:14px
}
.h6,h6{
    font-size:12px
}
p{
    margin:0 0 10px
}
.text-primary{
    color:#428bca
}
a.text-primary:hover{
    color:#3071a9
}
.text-info{
    color:#31708f
}
a.text-info:hover{
    color:#245269
}
ul{
    margin-top:0;
    margin-bottom:10px
}
ul ul{
    margin-bottom:0
}
code{
    font-family:Menlo,Monaco,Consolas,"Courier New",monospace
}
code{
    padding:2px 4px;
    font-size:90%;
    color:#c7254e;
    white-space:nowrap;
    background-color:#f9f2f4;
    border-radius:4px
}
.container{
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto
}
@media (min-width:768px){
    .container{
        width:750px
    }
}
@media (min-width:992px){
    .container{
        width:970px
    }
}
@media (min-width:1200px){
    .container{
        width:1170px
    }
}
.row{
    margin-right:-15px;
    margin-left:-15px
}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{
    position:relative;
    min-height:1px;
    padding-right:15px;
    padding-left:15px
}
@media (min-width:992px){
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{
        float:left
    }
    .col-md-12{
        width:100%
    }
    .col-md-11{
        width:91.66666666666666%
    }
    .col-md-10{
        width:83.33333333333334%
    }
    .col-md-9{
        width:75%
    }
    .col-md-8{
        width:66.66666666666666%
    }
    .col-md-7{
        width:58.333333333333336%
    }
    .col-md-6{
        width:50%
    }
    .col-md-5{
        width:41.66666666666667%
    }
    .col-md-4{
        width:33.33333333333333%
    }
    .col-md-3{
        width:25%
    }
    .col-md-2{
        width:16.666666666666664%
    }
    .col-md-1{
        width:8.333333333333332%
    }
    .col-md-push-12{
        left:100%
    }
    .col-md-push-11{
        left:91.66666666666666%
    }
    .col-md-push-10{
        left:83.33333333333334%
    }
    .col-md-push-9{
        left:75%
    }
    .col-md-push-8{
        left:66.66666666666666%
    }
    .col-md-push-7{
        left:58.333333333333336%
    }
    .col-md-push-6{
        left:50%
    }
    .col-md-push-5{
        left:41.66666666666667%
    }
    .col-md-push-4{
        left:33.33333333333333%
    }
    .col-md-push-3{
        left:25%
    }
    .col-md-push-2{
        left:16.666666666666664%
    }
    .col-md-push-1{
        left:8.333333333333332%
    }
    .col-md-push-0{
        left:0
    }
    .col-md-offset-12{
        margin-left:100%
    }
    .col-md-offset-11{
        margin-left:91.66666666666666%
    }
    .col-md-offset-10{
        margin-left:83.33333333333334%
    }
    .col-md-offset-9{
        margin-left:75%
    }
    .col-md-offset-8{
        margin-left:66.66666666666666%
    }
    .col-md-offset-7{
        margin-left:58.333333333333336%
    }
    .col-md-offset-6{
        margin-left:50%
    }
    .col-md-offset-5{
        margin-left:41.66666666666667%
    }
    .col-md-offset-4{
        margin-left:33.33333333333333%
    }
    .col-md-offset-3{
        margin-left:25%
    }
    .col-md-offset-2{
        margin-left:16.666666666666664%
    }
    .col-md-offset-1{
        margin-left:8.333333333333332%
    }
    .col-md-offset-0{
        margin-left:0
    }
}
@media (min-width:1200px){
    .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{
        float:left
    }
    .col-lg-12{
        width:100%
    }
    .col-lg-11{
        width:91.66666666666666%
    }
    .col-lg-10{
        width:83.33333333333334%
    }
    .col-lg-9{
        width:75%
    }
    .col-lg-8{
        width:66.66666666666666%
    }
    .col-lg-7{
        width:58.333333333333336%
    }
    .col-lg-6{
        width:50%
    }
    .col-lg-5{
        width:41.66666666666667%
    }
    .col-lg-4{
        width:33.33333333333333%
    }
    .col-lg-3{
        width:25%
    }
    .col-lg-2{
        width:16.666666666666664%
    }
    .col-lg-1{
        width:8.333333333333332%
    }
    .col-lg-push-12{
        left:100%
    }
    .col-lg-push-11{
        left:91.66666666666666%
    }
    .col-lg-push-10{
        left:83.33333333333334%
    }
    .col-lg-push-9{
        left:75%
    }
    .col-lg-push-8{
        left:66.66666666666666%
    }
    .col-lg-push-7{
        left:58.333333333333336%
    }
    .col-lg-push-6{
        left:50%
    }
    .col-lg-push-5{
        left:41.66666666666667%
    }
    .col-lg-push-4{
        left:33.33333333333333%
    }
    .col-lg-push-3{
        left:25%
    }
    .col-lg-push-2{
        left:16.666666666666664%
    }
    .col-lg-push-1{
        left:8.333333333333332%
    }
    .col-lg-push-0{
        left:0
    }
    .col-lg-offset-12{
        margin-left:100%
    }
    .col-lg-offset-11{
        margin-left:91.66666666666666%
    }
    .col-lg-offset-10{
        margin-left:83.33333333333334%
    }
    .col-lg-offset-9{
        margin-left:75%
    }
    .col-lg-offset-8{
        margin-left:66.66666666666666%
    }
    .col-lg-offset-7{
        margin-left:58.333333333333336%
    }
    .col-lg-offset-6{
        margin-left:50%
    }
    .col-lg-offset-5{
        margin-left:41.66666666666667%
    }
    .col-lg-offset-4{
        margin-left:33.33333333333333%
    }
    .col-lg-offset-3{
        margin-left:25%
    }
    .col-lg-offset-2{
        margin-left:16.666666666666664%
    }
    .col-lg-offset-1{
        margin-left:8.333333333333332%
    }
    .col-lg-offset-0{
        margin-left:0
    }
}
.btn{
    display:inline-block;
    padding:6px 12px;
    margin-bottom:0;
    font-size:14px;
    font-weight:400;
    line-height:1.428571429;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
    background-image:none;
    border:1px solid transparent;
    border-radius:8px
}
.btn:focus{
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
.btn:focus,.btn:hover{
    color:#333;
    text-decoration:none
}
.btn:active{
    background-image:none;
    outline:0;
    -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
.btn[disabled]{
    pointer-events:none;
    cursor:not-allowed;
    -webkit-box-shadow:none;
    box-shadow:none;
    opacity:.65
}
.btn-primary{
    color:#fff;
    background-color:#133754;
    border-color:#ccc
}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{
    color:#fff;
    background-color:#a94200;
    border-color:#ccc
}
.btn-primary:active{
    background-image:none
}
.btn-primary[disabled],.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover{
    background-color:#428bca;
    border-color:#357ebd
}
.btn-info{
    color:#fff;
    background-color:#5bc0de;
    border-color:#46b8da
}
.btn-info:active,.btn-info:focus,.btn-info:hover{
    color:#fff;
    background-color:#39b3d7;
    border-color:#269abc
}
.btn-info:active{
    background-image:none
}
.btn-info[disabled],.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover{
    background-color:#5bc0de;
    border-color:#46b8da
}
.btn-link{
    font-weight:400;
    color:#428bca;
    cursor:pointer;
    border-radius:0
}
.btn-link,.btn-link:active,.btn-link[disabled]{
    background-color:transparent;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{
    border-color:transparent
}
.btn-link:focus,.btn-link:hover{
    color:#2a6496;
    text-decoration:underline;
    background-color:transparent
}
.btn-link[disabled]:focus,.btn-link[disabled]:hover{
    color:#999;
    text-decoration:none
}
.btn-lg{
    padding:10px 16px;
    font-size:18px;
    line-height:1.33;
    border-radius:6px
}
.fade{
    opacity:0;
    -webkit-transition:opacity .15s linear;
    transition:opacity .15s linear
}
.fade.in{
    opacity:1
}
.collapse{
    display:none
}
.collapse.in{
    display:block
}
@font-face{
    font-family:'Glyphicons Halflings';
    src:url(http://typebloc.com/assets/fonts/glyphicons-halflings-regular.eot);
    src:url(http://typebloc.com/assets/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(http://typebloc.com/assets/fonts/glyphicons-halflings-regular.woff) format('woff'),url(http://typebloc.com/assets/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(http://typebloc.com/assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}
.open>a{
    outline:0
}
.nav{
    padding-left:0;
    margin-bottom:0;
    list-style:none
}
.nav>li{
    position:relative;
    display:block
}
.nav>li>a{
    position:relative;
    display:block;
    padding:10px 15px
}
.nav>li>a:focus,.nav>li>a:hover{
    text-decoration:none;
    background-color:#eee
}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{
    background-color:#eee;
    border-color:#428bca
}
.nav .nav-divider{
    height:1px;
    margin:9px 0;
    overflow:hidden;
    background-color:#e5e5e5
}
.nav>li>a>img{
    max-width:none
}
.navbar{
    position:relative;
    min-height:50px;
    margin-bottom:20px;
    border:1px solid transparent
}
@media (min-width:768px){
    .navbar{
        border-radius:4px
    }
}
@media (min-width:768px){
    .navbar-header{
        float:left
    }
}
.navbar-collapse{
    max-height:340px;
    padding-right:15px;
    padding-left:15px;
    overflow-x:visible;
    -webkit-overflow-scrolling:touch;
    border-top:1px solid transparent;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.1)
}
.navbar-collapse.in{
    overflow-y:auto
}
@media (min-width:768px){
    .navbar-collapse{
        width:auto;
        border-top:0;
        box-shadow:none
    }
    .navbar-collapse.collapse{
        display:block!important;
        height:auto!important;
        padding-bottom:0;
        overflow:visible!important
    }
    .navbar-collapse.in{
        overflow-y:visible
    }
    .navbar-fixed-top .navbar-collapse{
        padding-right:0;
        padding-left:0
    }
}
.container>.navbar-collapse,.container>.navbar-header{
    margin-right:-15px;
    margin-left:-15px
}
@media (min-width:768px){
    .container>.navbar-collapse,.container>.navbar-header{
        margin-right:0;
        margin-left:0
    }
}
.navbar-fixed-top{
    position:fixed;
    right:0;
    left:0;
    z-index:1030
}
@media (min-width:768px){
    .navbar-fixed-top{
        border-radius:0
    }
}
.navbar-fixed-top{
    top:0;
    border-width:0 0 1px
}
.navbar-brand{
    float:left;
    height:20px;
    padding:15px 15px;
    font-size:18px;
    line-height:20px
}
.navbar-brand:focus,.navbar-brand:hover{
    text-decoration:none
}
@media (min-width:768px){
    .navbar>.container .navbar-brand{
        margin-left:-15px
    }
}
.navbar-toggle{
    position:relative;
    float:right;
    padding:9px 10px;
    margin-top:8px;
    margin-right:15px;
    margin-bottom:8px;
    background-color:transparent;
    background-image:none;
    border:1px solid transparent;
    border-radius:4px
}
.navbar-toggle:focus{
    outline:0
}
@media (min-width:768px){
    .navbar-toggle{
        display:none
    }
}
.navbar-nav{
    margin:7.5px -15px
}
.navbar-nav>li>a{
    padding-top:10px;
    padding-bottom:10px;
    line-height:20px
}
@media (min-width:768px){
    .navbar-nav{
        float:left;
        margin:0
    }
    .navbar-nav>li{
        float:left
    }
    .navbar-nav>li>a{
        padding-top:15px;
        padding-bottom:15px
    }
}
.navbar-form{
    padding:10px 15px;
    margin-top:8px;
    margin-right:-15px;
    margin-bottom:8px;
    margin-left:-15px;
    border-top:1px solid transparent;
    border-bottom:1px solid transparent;
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)
}
@media (min-width:768px){
    .navbar-form{
        width:auto;
        padding-top:0;
        padding-bottom:0;
        margin-right:0;
        margin-left:0;
        border:0;
        -webkit-box-shadow:none;
        box-shadow:none
    }
}
.navbar-btn{
    margin-top:8px;
    margin-bottom:8px
}
.navbar-text{
    margin-top:15px;
    margin-bottom:15px
}
@media (min-width:768px){
    .navbar-text{
        float:left;
        margin-right:15px;
        margin-left:15px
    }
}
.navbar-inverse{
    background-color:#222;
    border-color:#080808
}
.navbar-inverse .navbar-brand{
    color:#999
}
.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{
    color:#fff;
    background-color:transparent
}
.navbar-inverse .navbar-text{
    color:#999
}
.navbar-inverse .navbar-nav>li>a{
    color:#999
}
.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{
    color:#fff;
    background-color:transparent
}
.navbar-inverse .navbar-toggle{
    border-color:#333
}
.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{
    background-color:#333
}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{
    border-color:#101010
}
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{
    color:#fff;
    background-color:#080808
}
.navbar-inverse .navbar-link{
    color:#999
}
.navbar-inverse .navbar-link:hover{
    color:#fff
}
@-webkit-keyframes progress-bar-stripes{
    from{
        background-position:40px 0
    }
    to{
        background-position:0 0
    }
}
@keyframes progress-bar-stripes{
    from{
        background-position:40px 0
    }
    to{
        background-position:0 0
    }
}
.media,.media-body{
    overflow:hidden;
    zoom:1
}
.media,.media .media{
    margin-top:15px
}
.media:first-child{
    margin-top:0
}
.well{
    min-height:20px;
    padding:19px;
    margin-bottom:20px;
    background-color:#f5f5f5;
    border:1px solid #e3e3e3;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.05)
}
.well-lg{
    padding:24px;
    border-radius:6px
}
.close{
    float:right;
    font-size:21px;
    font-weight:700;
    line-height:1;
    color:#000;
    text-shadow:0 1px 0 #fff;
    opacity:.2
}
.close:focus,.close:hover{
    color:#000;
    text-decoration:none;
    cursor:pointer;
    opacity:.5
}
button.close{
    -webkit-appearance:none;
    padding:0;
    cursor:pointer;
    background:0 0;
    border:0
}
.modal-open{
    overflow:hidden
}
.modal{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1050;
    display:none;
    overflow:auto;
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch;
    outline:0
}
.modal.fade .modal-dialog{
    -webkit-transition:-webkit-transform .3s ease-out;
    -moz-transition:-moz-transform .3s ease-out;
    -o-transition:-o-transform .3s ease-out;
    transition:transform .3s ease-out;
    -webkit-transform:translate(0,-25%);
    -ms-transform:translate(0,-25%);
    transform:translate(0,-25%)
}
.modal.in .modal-dialog{
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate(0,0)
}
.modal-dialog{
    position:relative;
    width:auto;
    margin:10px
}
.modal-content{
    position:relative;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #999;
    border:1px solid rgba(0,0,0,.2);
    border-radius:6px;
    outline:0;
    -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
    box-shadow:0 3px 9px rgba(0,0,0,.5)
}
.modal-header{
    min-height:16.428571429px;
    padding:15px;
    border-bottom:1px solid #e5e5e5
}
.modal-header .close{
    margin-top:-2px
}
.modal-title{
    margin:0;
    line-height:1.428571429
}
.modal-body{
    position:relative;
    padding:20px
}
@media (min-width:768px){
    .modal-dialog{
        width:600px;
        margin:30px auto
    }
    .modal-content{
        -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
        box-shadow:0 5px 15px rgba(0,0,0,.5)
    }
    .modal-lg{
        width:900px
    }
}
.clearfix:after,.clearfix:before,.container:after,.container:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.row:after,.row:before{
    display:table;
    content:" "
}
.clearfix:after,.container:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.row:after{
    clear:both
}
.hidden{
    display:none!important;
    visibility:hidden!important
}
@media (min-width:992px) and (max-width:1199px){
    .hidden-md{
        display:none!important
    }
}
@media (min-width:1200px){
    .hidden-lg{
        display:none!important
    }
}
button,html{
    color:#222
}
body{
    font-size:1em;
    line-height:1.4
}
::-moz-selection{
    background:#f2c2c9;
    color:#a4003a;
    text-shadow:none
}
::selection{
    background:#16a085;
    color:#a4003a;
    text-shadow:none
}
.cvbullets{
    margin-top:30px;
    margin-bottom:60px
}
img{
    vertical-align:middle
}
.img-circle{
    border-radius:0
}
body,html{
    height:100%
}
body{
    font-family:Lato,arial,sans-serif;
    font-weight:300;
    font-size:20px;
    color:#555;
    -webkit-font-smoothing:antialiased;
    -webkit-overflow-scrolling:touch
}
.col-md-4{
    padding-bottom:20px
}
.row{
    margin-right:0;
    margin-left:-15px
}
.modal-header{
    background:#006fcf
}
.modal-body p{
    font-size:16px;
    line-height:125%;
    color:#333;
    text-align:left
}
.modal-header h4{
    color:#fff
}
.navbar-nav li{
    font-size:20px;
    font-weight:400
}
.navbar{
    background-color:#006fcf;
    border-color:#eda3a3
}
.navbar-inverse .navbar-nav>li>a{
    color:#fff
}
.navbar-toggle{
    border-color:transparent;
    border:0 solid transparent
}
.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{
    color:#333;
    background-color:transparent
}
.navbar-collapse.collapse{
    text-align:center;
    height:auto!important;
    padding-bottom:0;
    overflow:visible!important;
    font-weight:700
}
.navbar-nav{
    display:inline-block;
    float:none;
    margin:0
}
a img{
    background:0 0
}
a img:hover{
    opacity:.8
}
h1,h2,h3,h4,h5,h6{
    font-family:"Open Sans",arial,sans-serif;
    font-weight:400;
    color:#333
}
p{
    line-height:28px;
    margin-bottom:25px
}
.centered{
    text-align:center;
    margin:0 auto
}
strong{
    font-weight:700
}
a{
    color:#133754;
    word-wrap:break-word;
    -webkit-transition:color .1s ease-in,background .1s ease-in;
    -moz-transition:color .1s ease-in,background .1s ease-in;
    -ms-transition:color .1s ease-in,background .1s ease-in;
    -o-transition:color .1s ease-in,background .1s ease-in;
    transition:color .1s ease-in,background .1s ease-in
}
a:focus,a:hover{
    color:#c0392b;
    text-decoration:none;
    outline:0
}
a:after,a:before{
    -webkit-transition:color .1s ease-in,background .1s ease-in;
    -moz-transition:color .1s ease-in,background .1s ease-in;
    -ms-transition:color .1s ease-in,background .1s ease-in;
    -o-transition:color .1s ease-in,background .1s ease-in;
    transition:color .1s ease-in,background .1s ease-in
}
.btn{
    border-radius:0;
    background-color:#600
}
.btn:hover{
    background-color:#c00
}
.centered.brandscta{
    width:40%;
    padding:20px;
    border:1px solid #ccc;
    background:#e2e2e2
}
.brandscta:hover{
    background:#f0eeee
}
#headerwrap{
    background:url(http://typebloc.com/assets/img/paras-pale2.svg) no-repeat center top;
    background-color:#00175a;
    text-align:center;
    min-height:220px;
    width:100%;
    background-attachment:relative;
    background-position:center center;
    width:100%;
    -webkit-background-size:100%;
    -moz-background-size:100%;
    -o-background-size:100%;
    background-size:100%;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    position:relative
}
#headerwrap h1{
    color:#fff;
    margin-top:60px;
    padding-bottom:5px;
    padding-top:35px;
    letter-spacing:2px;
    font-size:66px;
    font-weight:600
}
#headerwrap img{
    margin-top:85px;
    margin-bottom:45px
}
#headerwrap p{
    color:#ccc;
    font-size:40px;
    font-weight:300;
    text-align:center;
    line-height:40px;
    letter-spacing:1px;
    margin-left:15px;
    margin-bottom:70px
}
#greywrap{
    background:#ecedee;
    margin-top:0;
    padding-top:50px;
    padding-bottom:40px;
    text-align:center
}
#palewrap{
    background:#ebebe6
}
#greywrap p{
    margin-left:30px;
    margin-right:30px;
    letter-spacing:1px
}
#greywrap a{
    font-weight:400
}
#iconwrap{
    text-align:center;
    padding-top:40px;
    padding-bottom:80px
}
#iconwrap p{
    padding-left:30px;
    padding-right:30px
}
#iconwrap .arrow,.brandscta .arrow{
    font-size:14px;
    color:#d63636
}
#footerwrap{
    background:#00175a;
    margin-top:0;
    padding-top:20px;
    padding-bottom:20px;
    border-bottom:1px solid #ddd;
    text-align:center
}
#footerwrap h4{
    color:#fff
}
.white h1{
    padding-top:35px
}
#brands{
    padding-top:30px
}
#about{
    padding-top:30px;
    margin-top:-60px;
    background-color:#fff
}
#portfolio{
    padding-top:30px
}
#brands2{
    margin-bottom:70px
}
.white p{
    padding-top:25px
}
.section-divider{
    z-index:999;
    background-color:#006fcf;
    padding-bottom:20px;
    text-align:center;
    background-attachment:relative;
    background-position:center center;
    min-height:120px;
    width:100%;
    -webkit-background-size:100%;
    -moz-background-size:100%;
    -o-background-size:100%;
    background-size:100%;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}
.textdivider h1{
    padding-top:20px;
    color:#fff;
    font-size:40px;
    margin-bottom:30px
}
.textdivider p{
    color:#fff;
    font-size:25px
}
.divider{
    background-image:url(http://typebloc.com/assets/img/paras-pale2.svg);
    background-color:#006fcf
}
.grid figure{
    margin:0;
    position:relative
}
.grid figure img{
    width:100%;
    display:block;
    position:relative
}
.grid figcaption{
    position:absolute;
    top:0;
    left:0;
    padding:20px;
    color:#fff;
    background:#006fcf
}
.grid figcaption h5{
    margin:0;
    padding-top:0;
    padding-left:20px;
    padding-bottom:5px;
    color:#fff;
    font-weight:400;
    text-align:left;
    letter-spacing:1px
}
.grid figcaption a{
    text-align:left;
    padding:5px 10px;
    margin-left:20px;
    display:inline-block;
    background:#000;
    color:#fff;
    font-size:13px
}
.mask figure{
    overflow:hidden
}
.mask figure img{
    -webkit-transition:-webkit-transform .4s;
    -moz-transition:-moz-transform .4s;
    transition:transform .4s
}
.mask figcaption{
    height:50px;
    width:100%;
    top:auto;
    bottom:0;
    opacity:0;
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%);
    -webkit-transition:-webkit-transform .4s,opacity .1s .3s;
    -moz-transition:-moz-transform .4s,opacity .1s .3s;
    transition:transform .4s,opacity .1s .3s
}
.mask figcaption a{
    position:absolute;
    top:10px;
    bottom:10px;
    right:30px
}
@media screen and (max-width:1050px),screen and (max-device-width:1050px){
    body .header{
        background-attachment:scroll
    }
}
@media only screen and (min-device-width:768px) and (max-device-width :1024px) and (orientation :portrait){
    .header{
        background-attachment:scroll
    }
}
@media screen and (min-width:1050px){
    .textdivider p{
        padding:0 150px 0 150px
    }
}
@media screen and (max-width:769px){
    #headerwrap{
        min-height:100px
    }
    #headerwrap img{
        width:70%;
        padding-top:60px
    }
    #iconwrap{
        top:0;
        padding-top:40px
    }
    #iconwrap p{
        padding-bottom:40px
    }
    #footerwrap p{
        font-size:20px;
        line-height:24px
    }
    h1{
        font-size:28px
    }
    .centered.brandscta{
        width:90%
    }
    .textdivider h1{
        font-size:28px
    }
    #headerwrap h1{
        font-size:28px
    }
    .white h1{
        font-size:28px
    }
    #greywrap h2{
        font-size:28px
    }
    .navbar-collapse.collapse{
        text-align:left
    }
}
@font-face{
    font-family:icomoon;
    src:url(http://typebloc.com/assets/css/icomoon/icomoon.eot);
    src:url(http://typebloc.com/assets/css/icomoon/icomoon-.eot#iefix) format('embedded-opentype'),url(http://typebloc.com/assets/css/icomoon/icomoon.woff) format('woff'),url(http://typebloc.com/assets/css/icomoon/icomoon.ttf) format('truetype'),url(http://typebloc.com/assets/css/comoon/icomoon.svg.txt#icomoon) format('svg');
    font-weight:400;
    font-style:normal
}
[data-icon]:before{
    font-family:icomoon;
    content:attr(data-icon);
    speak:none;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased
}
.icon-close,.icon-css3,.icon-grid,.icon-grid-2,.icon-grid-3,.icon-home,.icon-html5,.icon-html5-2,.icon-link,.icon-menu,.icon-mobile,.icon-mobile-2,.icon-new,.icon-support,.icon-target,.icon-target-2,.icon-tv{
    font-family:icomoon;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased
}
.icon-menu:before{
    content:"\e005"
}
.icon-close:before{
    content:"\e00b"
}
.icon-target:before{
    content:"\e013"
}
.icon-mobile:before{
    content:"\e024"
}
.icon-mobile-2:before{
    content:"\e025"
}
.icon-tv:before{
    content:"\e027"
}
.icon-target-2:before{
    content:"\e04d"
}
.icon-support:before{
    content:"\e077"
}
.icon-home:before{
    content:"\e0a8"
}
.icon-grid:before{
    content:"\e0b6"
}
.icon-grid-2:before{
    content:"\e0b8"
}
.icon-html5:before{
    content:"\e0d3"
}
.icon-css3:before{
    content:"\e0d4"
}
.icon-html5-2:before{
    content:"\e0d5"
}
.icon-link:before{
    content:"\e0f5"
}
.icon-grid-3:before{
    content:"\e0b7"
}
.icon-new:before{
    content:"\e137"
}
.animated{
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -ms-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s
}
@-webkit-keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes fadeInDown{
    0%{
        opacity:0;
        -moz-transform:translateY(-20px)
    }
    100%{
        opacity:1;
        -moz-transform:translateY(0)
    }
}
@-o-keyframes fadeInDown{
    0%{
        opacity:0;
        -ms-transform:translateY(-20px)
    }
    100%{
        opacity:1;
        -ms-transform:translateY(0)
    }
}
@keyframes fadeInDown{
    0%{
        opacity:0;
        transform:translateY(-20px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
@-webkit-keyframes fadeOutDown{
    0%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(20px)
    }
}
@-moz-keyframes fadeOutDown{
    0%{
        opacity:1;
        -moz-transform:translateY(0)
    }
    100%{
        opacity:0;
        -moz-transform:translateY(20px)
    }
}
@-o-keyframes fadeOutDown{
    0%{
        opacity:1;
        -o-transform:translateY(0)
    }
    100%{
        opacity:0;
        -o-transform:translateY(20px)
    }
}
@keyframes fadeOutDown{
    0%{
        opacity:1;
        transform:translateY(0)
    }
    100%{
        opacity:0;
        transform:translateY(20px)
    }
}
@-webkit-keyframes bounceOut{
    0%{
        -webkit-transform:scale(1)
    }
    25%{
        -webkit-transform:scale(.95)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.1)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(.3)
    }
}
@-moz-keyframes bounceOut{
    0%{
        -moz-transform:scale(1)
    }
    25%{
        -moz-transform:scale(.95)
    }
    50%{
        opacity:1;
        -moz-transform:scale(1.1)
    }
    100%{
        opacity:0;
        -moz-transform:scale(.3)
    }
}
@-o-keyframes bounceOut{
    0%{
        -o-transform:scale(1)
    }
    25%{
        -o-transform:scale(.95)
    }
    50%{
        opacity:1;
        -o-transform:scale(1.1)
    }
    100%{
        opacity:0;
        -o-transform:scale(.3)
    }
}
@keyframes bounceOut{
    0%{
        transform:scale(1)
    }
    25%{
        transform:scale(.95)
    }
    50%{
        opacity:1;
        transform:scale(1.1)
    }
    100%{
        opacity:0;
        transform:scale(.3)
    }
}
@-webkit-keyframes bounceOutUp{
    0%{
        -webkit-transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-2000px)
    }
}
@-moz-keyframes bounceOutUp{
    0%{
        -moz-transform:translateY(0)
    }
    20%{
        opacity:1;
        -moz-transform:translateY(20px)
    }
    100%{
        opacity:0;
        -moz-transform:translateY(-2000px)
    }
}
@-o-keyframes bounceOutUp{
    0%{
        -o-transform:translateY(0)
    }
    20%{
        opacity:1;
        -o-transform:translateY(20px)
    }
    100%{
        opacity:0;
        -o-transform:translateY(-2000px)
    }
}
@keyframes bounceOutUp{
    0%{
        transform:translateY(0)
    }
    20%{
        opacity:1;
        transform:translateY(20px)
    }
    100%{
        opacity:0;
        transform:translateY(-2000px)
    }
}
@-webkit-keyframes bounceOutDown{
    0%{
        -webkit-transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(-20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(2000px)
    }
}
@-moz-keyframes bounceOutDown{
    0%{
        -moz-transform:translateY(0)
    }
    20%{
        opacity:1;
        -moz-transform:translateY(-20px)
    }
    100%{
        opacity:0;
        -moz-transform:translateY(2000px)
    }
}
@-o-keyframes bounceOutDown{
    0%{
        -o-transform:translateY(0)
    }
    20%{
        opacity:1;
        -o-transform:translateY(-20px)
    }
    100%{
        opacity:0;
        -o-transform:translateY(2000px)
    }
}
@keyframes bounceOutDown{
    0%{
        transform:translateY(0)
    }
    20%{
        opacity:1;
        transform:translateY(-20px)
    }
    100%{
        opacity:0;
        transform:translateY(2000px)
    }
}
@-webkit-keyframes bounceOutLeft{
    0%{
        -webkit-transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-2000px)
    }
}
@-moz-keyframes bounceOutLeft{
    0%{
        -moz-transform:translateX(0)
    }
    20%{
        opacity:1;
        -moz-transform:translateX(20px)
    }
    100%{
        opacity:0;
        -moz-transform:translateX(-2000px)
    }
}
@-o-keyframes bounceOutLeft{
    0%{
        -o-transform:translateX(0)
    }
    20%{
        opacity:1;
        -o-transform:translateX(20px)
    }
    100%{
        opacity:0;
        -o-transform:translateX(-2000px)
    }
}
@keyframes bounceOutLeft{
    0%{
        transform:translateX(0)
    }
    20%{
        opacity:1;
        transform:translateX(20px)
    }
    100%{
        opacity:0;
        transform:translateX(-2000px)
    }
}
@-webkit-keyframes bounceOutRight{
    0%{
        -webkit-transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(-20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(2000px)
    }
}
@-moz-keyframes bounceOutRight{
    0%{
        -moz-transform:translateX(0)
    }
    20%{
        opacity:1;
        -moz-transform:translateX(-20px)
    }
    100%{
        opacity:0;
        -moz-transform:translateX(2000px)
    }
}
@-o-keyframes bounceOutRight{
    0%{
        -o-transform:translateX(0)
    }
    20%{
        opacity:1;
        -o-transform:translateX(-20px)
    }
    100%{
        opacity:0;
        -o-transform:translateX(2000px)
    }
}
@keyframes bounceOutRight{
    0%{
        transform:translateX(0)
    }
    20%{
        opacity:1;
        transform:translateX(-20px)
    }
    100%{
        opacity:0;
        transform:translateX(2000px)
    }
}
@font-face{
    font-family:Lato;
    font-style:normal;
    font-weight:300;
    src:url(http://fonts.gstatic.com/s/lato/v23/S6u9w4BMUTPHh7USSwiPHA.ttf) format('truetype')
}
@font-face{
    font-family:Lato;
    font-style:normal;
    font-weight:400;
    src:url(http://fonts.gstatic.com/s/lato/v23/S6uyw4BMUTPHjx4wWw.ttf) format('truetype')
}
@font-face{
    font-family:'Open Sans';
    font-style:normal;
    font-weight:400;
    font-stretch:normal;
    src:url(http://fonts.gstatic.com/s/opensans/v29/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype')
}