/*
*
*   velo for wordpress
*
*   Version: 1.3
*   Theme Name: Velo
*   Theme URI: http://themes.opendept.net/velo
*   Author: opendept.
*   Author URI: http://opendept.net
*   Description: A fresh, retina-ready, truly responsive WordPress theme.
*   License: GNU General Public License 2
*   License URI: http://www.gnu.org/licenses/gpl-2.0.html
*
*   contents:
*
*   1) normalize.css ( v2.0.1 | MIT License | git.io/normalize )
*   2) base
*   3) type
*   4) site
*   5) plugs
*   6) responsiveness
*   7) keyframes
*
*   written by stefano giliberti (stfno@me.com),
*   opendept. (opendept.net)
*
*/

/*----------------------------------------------------------------
    1) normalize.css
----------------------------------------------------------------*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
    height: 0;
}


[hidden] {
    display: none;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

body {
    margin: 0;
}

a:focus {
    outline: thin dotted;
}

a:active,
a:hover {
    outline: 0;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

h2 {
    font-size: 1.5em;
    margin: .83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: .83em;
    margin: 1.67em 0;
}

h6 {
    font-size: .75em;
    margin: 2.33em 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

p,
pre {
    margin: 1em 0;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 1px solid;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

button,
input {
    line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*----------------------------------------------------------------
    2) base
----------------------------------------------------------------*/

hr {
    display: block;
    height: 5px;
    border: none;
    border-top: 5px solid;
    margin: 1em 0;
    padding: 0;
}
    
    .ie hr {
        text-align: left;
    }

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: none;
}

.hidden {
    display: none;
    visibility: hidden;
}

.clear:before,
.clear:after {
    content: " ";
    display: table;
}

.clear:after {
    clear: both;
}

/*----------------------------------------------------------------
    3) type
----------------------------------------------------------------*/

body {
    font-size: 1em;
    line-height: 1.45em;
    font-family: Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Merriweather Sans', Helvetica, Arial, sans-serif, "Montserrat Alternates";
    -webkit-font-smoothing: subpixel-antialiased;
}

h1 {
    font-size: 3em;
    line-height: 1em;
    margin-bottom: .4em;
}

    h1 em {
        font-family: "Georgia", serif;
        font-weight: normal;
        font-size: 70%;
        position: relative;
        top: -.1em;
    }

h2 {
    font-size: 2.25em;
    line-height: 1.93em;
    margin-bottom: .66em;
}

h3 {
    font-size: 1.5em;
    line-height: 1.9em;
    margin-bottom: .7em;
}

h4 {
    font-size: 1.31em;
    line-height: 1.74em;
    margin-bottom: 1.14em;
}

h5 {
    font-size: 1.125em;
    line-height: 1.53em;
    margin-bottom: 1.33em;
}

h6 {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 1.5em;
}

    h1:first-child,
    h2:first-child,
    h3:first-child {
        margin-top: 0;
    }

a {
    color: inherit;
    text-decoration: none;
}

a:focus {
    outline: none;
}

.placeholder {
    color: darkgrey;
}

::-webkit-input-placeholder {
   color: darkgrey;
}

:-moz-placeholder {  
   color: darkgrey;  
}

p {
    margin-bottom: 1.7em;
}

    p:first-child {
        margin-top: 0;
    }

ul {
    list-style: none;
    padding-left: 1.2em;
    margin: 1em 0 0;
    border-left: 4px solid;
}

    p + ul {
        margin: 1.3em;
    }
    
@font-face {
    font-family: "FontAwesome";
    src: url("font/fontawesome.eot");
    src: 
        url("font/fontawesome.eot?#iefix") format("embedded-opentype"),
        url("font/fontawesome.woff") format("font-woff"),
        url("font/fontawesome.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"] {
    display: inline-block;
    text-align: center;
}

[class^="icon-"]:before {
    font-family: "FontAwesome";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 100%;
    -webkit-font-smoothing: antialiased;
}

.icon-glass:before { content: "\f000"; }
.icon-music:before { content: "\f001"; }
.icon-search:before { content: "\f002"; }
.icon-envelope:before { content: "\f003"; }
.icon-heart:before { content: "\f004"; }
.icon-star:before { content: "\f005"; }
.icon-star-empty:before { content: "\f006"; }
.icon-user:before { content: "\f007"; }
.icon-film:before { content: "\f008"; }
.icon-th-large:before { content: "\f009"; }
.icon-th:before { content: "\f00a"; }
.icon-th-list:before { content: "\f00b"; }
.icon-ok:before { content: "\f00c"; }
.icon-remove:before { content: "\f00d"; }
.icon-zoom-in:before { content: "\f00e"; }
.icon-zoom-out:before { content: "\f010"; }
.icon-off:before { content: "\f011"; }
.icon-signal:before { content: "\f012"; }
.icon-cog:before { content: "\f013"; }
.icon-trash:before { content: "\f014"; }
.icon-home:before { content: "\f015"; }
.icon-file:before { content: "\f016"; }
.icon-time:before { content: "\f017"; }
.icon-road:before { content: "\f018"; }
.icon-download-alt:before { content: "\f019"; }
.icon-download:before { content: "\f01a"; }
.icon-upload:before { content: "\f01b"; }
.icon-inbox:before { content: "\f01c"; }
.icon-play-circle:before { content: "\f01d"; }
.icon-repeat:before { content: "\f01e"; }
.icon-refresh:before { content: "\f021"; }
.icon-list-alt:before { content: "\f022"; }
.icon-lock:before { content: "\f023"; }
.icon-flag:before { content: "\f024"; }
.icon-headphones:before { content: "\f025"; }
.icon-volume-off:before { content: "\f026"; }
.icon-volume-down:before { content: "\f027"; }
.icon-volume-up:before { content: "\f028"; }
.icon-qrcode:before { content: "\f029"; }
.icon-barcode:before { content: "\f02a"; }
.icon-tag:before { content: "\f02b"; }
.icon-tags:before { content: "\f02c"; }
.icon-book:before { content: "\f02d"; }
.icon-bookmark:before { content: "\f02e"; }
.icon-print:before { content: "\f02f"; }
.icon-camera:before { content: "\f030"; }
.icon-font:before { content: "\f031"; }
.icon-bold:before { content: "\f032"; }
.icon-italic:before { content: "\f033"; }
.icon-text-height:before { content: "\f034"; }
.icon-text-width:before { content: "\f035"; }
.icon-align-left:before { content: "\f036"; }
.icon-align-center:before { content: "\f037"; }
.icon-align-right:before { content: "\f038"; }
.icon-align-justify:before { content: "\f039"; }
.icon-list:before { content: "\f03a"; }
.icon-indent-left:before { content: "\f03b"; }
.icon-indent-right:before { content: "\f03c"; }
.icon-facetime-video:before { content: "\f03d"; }
.icon-picture:before { content: "\f03e"; }
.icon-pencil:before { content: "\f040"; }
.icon-map-marker:before { content: "\f041"; }
.icon-adjust:before { content: "\f042"; }
.icon-tint:before { content: "\f043"; }
.icon-edit:before { content: "\f044"; }
.icon-share:before { content: "\f045"; }
.icon-check:before { content: "\f046"; }
.icon-move:before { content: "\f047"; }
.icon-step-backward:before { content: "\f048"; }
.icon-fast-backward:before { content: "\f049"; }
.icon-backward:before { content: "\f04a"; }
.icon-play:before { content: "\f04b"; }
.icon-pause:before { content: "\f04c"; }
.icon-stop:before { content: "\f04d"; }
.icon-forward:before { content: "\f04e"; }
.icon-fast-forward:before { content: "\f050"; }
.icon-step-forward:before { content: "\f051"; }
.icon-eject:before { content: "\f052"; }
.icon-chevron-left:before { content: "\f053"; }
.icon-chevron-right:before { content: "\f054"; }
.icon-plus-sign:before { content: "\f055"; }
.icon-minus-sign:before { content: "\f056"; }
.icon-remove-sign:before { content: "\f057"; }
.icon-ok-sign:before { content: "\f058"; }
.icon-question-sign:before { content: "\f059"; }
.icon-info-sign:before { content: "\f05a"; }
.icon-screenshot:before { content: "\f05b"; }
.icon-remove-circle:before { content: "\f05c"; }
.icon-ok-circle:before { content: "\f05d"; }
.icon-ban-circle:before { content: "\f05e"; }
.icon-arrow-left:before { content: "\f060"; }
.icon-arrow-right:before { content: "\f061"; }
.icon-arrow-up:before { content: "\f062"; }
.icon-arrow-down:before { content: "\f063"; }
.icon-share-alt:before { content: "\f064"; }
.icon-resize-full:before { content: "\f065"; }
.icon-resize-small:before { content: "\f066"; }
.icon-plus:before { content: "\f067"; }
.icon-minus:before { content: "\f068"; }
.icon-asterisk:before { content: "\f069"; }
.icon-exclamation-sign:before { content: "\f06a"; }
.icon-gift:before { content: "\f06b"; }
.icon-leaf:before { content: "\f06c"; }
.icon-fire:before { content: "\f06d"; }
.icon-eye-open:before { content: "\f06e"; }
.icon-eye-close:before { content: "\f070"; }
.icon-warning-sign:before { content: "\f071"; }
.icon-plane:before { content: "\f072"; }
.icon-calendar:before { content: "\f073"; }
.icon-random:before { content: "\f074"; }
.icon-comment:before { content: "\f075"; }
.icon-magnet:before { content: "\f076"; }
.icon-chevron-up:before { content: "\f077"; }
.icon-chevron-down:before { content: "\f078"; }
.icon-retweet:before { content: "\f079"; }
.icon-shopping-cart:before { content: "\f07a"; }
.icon-folder-close:before { content: "\f07b"; }
.icon-folder-open:before { content: "\f07c"; }
.icon-resize-vertical:before { content: "\f07d"; }
.icon-resize-horizontal:before { content: "\f07e"; }
.icon-bar-chart:before { content: "\f080"; }
.icon-twitter-sign:before { content: "\f081"; }
.icon-facebook-sign:before { content: "\f082"; }
.icon-camera-retro:before { content: "\f083"; }
.icon-key:before { content: "\f084"; }
.icon-cogs:before { content: "\f085"; }
.icon-comments:before { content: "\f086"; }
.icon-thumbs-up:before { content: "\f087"; }
.icon-thumbs-down:before { content: "\f088"; }
.icon-star-half:before { content: "\f089"; }
.icon-heart-empty:before { content: "\f08a"; }
.icon-signout:before { content: "\f08b"; }
.icon-linkedin-sign:before { content: "\f08c"; }
.icon-pushpin:before { content: "\f08d"; }
.icon-external-link:before { content: "\f08e"; }
.icon-signin:before { content: "\f090"; }
.icon-trophy:before { content: "\f091"; }
.icon-github-sign:before { content: "\f092"; }
.icon-upload-alt:before { content: "\f093"; }
.icon-lemon:before { content: "\f094"; }
.icon-phone:before { content: "\f095"; }
.icon-check-empty:before { content: "\f096"; }
.icon-bookmark-empty:before { content: "\f097"; }
.icon-phone-sign:before { content: "\f098"; }
.icon-twitter:before { content: "\f099"; }
.icon-facebook:before { content: "\f09a"; }
.icon-github:before { content: "\f09b"; }
.icon-unlock:before { content: "\f09c"; }
.icon-credit-card:before { content: "\f09d"; }
.icon-rss:before { content: "\f09e"; }
.icon-hdd:before { content: "\f0a0"; }
.icon-bullhorn:before { content: "\f0a1"; }
.icon-bell:before { content: "\f0a2"; }
.icon-certificate:before { content: "\f0a3"; }
.icon-hand-right:before { content: "\f0a4"; }
.icon-hand-left:before { content: "\f0a5"; }
.icon-hand-up:before { content: "\f0a6"; }
.icon-hand-down:before { content: "\f0a7"; }
.icon-circle-arrow-left:before { content: "\f0a8"; }
.icon-circle-arrow-right:before { content: "\f0a9"; }
.icon-circle-arrow-up:before { content: "\f0aa"; }
.icon-circle-arrow-down:before { content: "\f0ab"; }
.icon-globe:before { content: "\f0ac"; }
.icon-wrench:before { content: "\f0ad"; }
.icon-tasks:before { content: "\f0ae"; }
.icon-filter:before { content: "\f0b0"; }
.icon-briefcase:before { content: "\f0b1"; }
.icon-fullscreen:before { content: "\f0b2"; }
.icon-group:before { content: "\f0c0"; }
.icon-link:before { content: "\f0c1"; }
.icon-cloud:before { content: "\f0c2"; }
.icon-beaker:before { content: "\f0c3"; }
.icon-cut:before { content: "\f0c4"; }
.icon-copy:before { content: "\f0c5"; }
.icon-paper-clip:before { content: "\f0c6"; }
.icon-save:before { content: "\f0c7"; }
.icon-sign-blank:before { content: "\f0c8"; }
.icon-reorder:before { content: "\f0c9"; }
.icon-list-ul:before { content: "\f0ca"; }
.icon-list-ol:before { content: "\f0cb"; }
.icon-strikethrough:before { content: "\f0cc"; }
.icon-underline:before { content: "\f0cd"; }
.icon-table:before { content: "\f0ce"; }
.icon-magic:before { content: "\f0d0"; }
.icon-truck:before { content: "\f0d1"; }
.icon-pinterest:before { content: "\f0d2"; }
.icon-pinterest-sign:before { content: "\f0d3"; }
.icon-google-plus-sign:before { content: "\f0d4"; }
.icon-google-plus:before { content: "\f0d5"; }
.icon-money:before { content: "\f0d6"; }
.icon-caret-down:before { content: "\f0d7"; }
.icon-caret-up:before { content: "\f0d8"; }
.icon-caret-left:before { content: "\f0d9"; }
.icon-caret-right:before { content: "\f0da"; }
.icon-columns:before { content: "\f0db"; }
.icon-sort:before { content: "\f0dc"; }
.icon-sort-down:before { content: "\f0dd"; }
.icon-sort-up:before { content: "\f0de"; }
.icon-envelope-alt:before { content: "\f0e0"; }
.icon-linkedin:before { content: "\f0e1"; }
.icon-undo:before { content: "\f0e2"; }
.icon-legal:before { content: "\f0e3"; }
.icon-dashboard:before { content: "\f0e4"; }
.icon-comment-alt:before { content: "\f0e5"; }
.icon-comments-alt:before { content: "\f0e6"; }
.icon-bolt:before { content: "\f0e7"; }
.icon-sitemap:before { content: "\f0e8"; }
.icon-umbrella:before { content: "\f0e9"; }
.icon-paste:before { content: "\f0ea"; }
.icon-lightbulb:before { content: "\f0eb"; }
.icon-exchange:before { content: "\f0ec"; }
.icon-cloud-download:before { content: "\f0ed"; }
.icon-cloud-upload:before { content: "\f0ee"; }
.icon-user-md:before { content: "\f0f0"; }
.icon-stethoscope:before { content: "\f0f1"; }
.icon-suitcase:before { content: "\f0f2"; }
.icon-bell-alt:before { content: "\f0f3"; }
.icon-coffee:before { content: "\f0f4"; }
.icon-food:before { content: "\f0f5"; }
.icon-file-alt:before { content: "\f0f6"; }
.icon-building:before { content: "\f0f7"; }
.icon-hospital:before { content: "\f0f8"; }
.icon-ambulance:before { content: "\f0f9"; }
.icon-medkit:before { content: "\f0fa"; }
.icon-fighter-jet:before { content: "\f0fb"; }
.icon-beer:before { content: "\f0fc"; }
.icon-h-sign:before { content: "\f0fd"; }
.icon-plus-sign-alt:before { content: "\f0fe"; }
.icon-double-angle-left:before { content: "\f100"; }
.icon-double-angle-right:before { content: "\f101"; }
.icon-double-angle-up:before { content: "\f102"; }
.icon-double-angle-down:before { content: "\f103"; }
.icon-angle-left:before { content: "\f104"; }
.icon-angle-right:before { content: "\f105"; }
.icon-angle-up:before { content: "\f106"; }
.icon-angle-down:before { content: "\f107"; }
.icon-desktop:before { content: "\f108"; }
.icon-laptop:before { content: "\f109"; }
.icon-tablet:before { content: "\f10a"; }
.icon-mobile-phone:before { content: "\f10b"; }
.icon-circle-blank:before { content: "\f10c"; }
.icon-quote-left:before { content: "\f10d"; }
.icon-quote-right:before { content: "\f10e"; }
.icon-spinner:before { content: "\f110"; }
.icon-circle:before { content: "\f111"; }
.icon-reply:before { content: "\f112"; }
.icon-github-alt:before { content: "\f113"; }
.icon-folder-close-alt:before { content: "\f114"; }
.icon-folder-open-alt:before { content: "\f115"; }

/*----------------------------------------------------------------
    4) site
----------------------------------------------------------------*/

body {
    min-height: 100%;
}

.velo-jump {
    position: fixed;
    bottom: 1em;
    right: 1.2em;
    z-index: 100;
    list-style: none;
    padding-left: 0;
    margin: 0;
    border-left: none;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .velo-jump li {
        display: block;
        cursor: pointer;
        font-size: 270%;
        line-height: 120%;
    }

    .velo-jump li:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha( Opacity = 70 )";
        opacity: .7;
    }

    .velo-jump li:first-child {
        -webkit-animation: tap .5s linear 0s 2;
        -moz-animation: tap .5s linear 0s 2;
        -ms-animation: tap .5s linear 0s 2;
        -o-animation: tap .5s linear 0s 2;
        animation: tap .5s linear 0s 2;
    }
            
    .velo-jump li:last-child {
        -webkit-animation: tap .5s linear .3s 2;
        -moz-animation: tap .5s linear .3s 2;
        -ms-animation: tap .5s linear .3s 2;
        -o-animation: tap .5s linear .3s 2;
        animation: tap .5s linear .3s 2;
    }

.no-js .velo-jump,
.touch .velo-jump {
    display: none;
}

.js .landing {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
    color: #333;
    background-color: #f8f8f8;
    -webkit-transition: -webkit-transform .6s .15s;
    -moz-transition: -moz-transform .6s .15s;
    -o-transition: -o-transform .6s .15s;
    -ms-transition: -ms-transform .6s .15s;
    transition: transform .6s .15s;
}

.no-js .landing {
    display: none;
}

.prepared .landing {
    -webkit-transform: scale( 0 );
    -moz-transform: scale( 0 );
    -o-transform: scale( 0 );
    -ms-transform: scale( 0 );
    transform: scale( 0 );
}

    .landing .anim {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 2.8em;
        height: 2.8em;
        margin-top: -1.4em;
        margin-left: -1.4em;
        background-color: #727272;
        border-radius: 100%;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha( Opacity = 0 )";
        opacity: 0;
        -webkit-animation: fadeoutzoom 1.3s linear .5s infinite;
        -moz-animation: fadeoutzoom 1.3s linear .5s infinite;
        -ms-animation: fadeoutzoom 1.3s linear .5s infinite;
        -o-animation: fadeoutzoom 1.3s linear .5s infinite;
        animation: fadeoutzoom 1.3s linear .5s infinite;
    }

    .landing .counter {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: .3em;
        background-color: #c5c5c5;
    }

        .landing .counter span {
            float: left;
            height: 100%;
            background-color: #727272;
            -webkit-transition:
                background-color .5s,
                width .3s;
            -moz-transition:
                background-color .5s,
                width .3s;
            -o-transition:
                background-color .5s,
                width .3s;
            -ms-transition:
                background-color .5s,
                width .3s;
            transition:
                background-color .5s,
                width .3s;
        }

.sections {
    z-index: 1;
    list-style: none;
    margin: 0;
    padding-left: 0;
    border-left: none;
}

    .sections > li {
        width: 100%;
        background-repeat: repeat;
        background-position: center;
        overflow: hidden;
    }
    
    .no-touch .sections > .cover {
        background-attachment: fixed;
    }
    
    .sections > .cover {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
    }
        
    .no-js .sections > li,
    .touch .sections > li {
        position: relative;
        display: block;
    }

    .js.no-touch .sections > li {
        position: fixed;
        top: 0;
        left: 0;
        min-height: 100%;
    }
    
        .section,
        .sections > li > div {
            width: 70%;
            max-width: 1005px;
            margin: 7.3em auto 4em;
        }
        
        .section {
            margin-top: 2.3em;
        }

        .no-js .sections > .cover > div {
            margin-top: 10%;
        }

            .sections .cover > div {
                text-align: center;
            }

            .sections .cover h3 {
                font-weight: normal;
            }
            
    .section a,
    .sections a {
        font-weight: bold;
        text-decoration: none;
        padding-bottom: 1px;
        border-bottom: 3px solid;
    }
    
    .section li > a,
    .sections li > a {
        padding-bottom: 0;
        border-bottom: none;
    }

/*
    menu
*/
.velo-anchor {
    position: relative;
    width: 100%;
    height: 5em;
    z-index: 100;
    box-shadow: 5px 5px 5px #666;
}

[class*="template-home"] .velo-anchor {
    position: fixed;
    top: 0;
    left: 0;
}

    .velo-anchor > div {
        width: 70%;
        max-width: 1005px;
        margin: 0 auto;
        position: relative;
    }

    .velo-anchor #logo {
        position: relative;
        top: .9em;
        left: 0;
        margin: 0;
        font-size: 180%;
    }
    
    .velo-anchor #logo.logo-image {
        top: .3em;
    }

        .velo-anchor #logo a {
            display: inline-block;
        }

        .no-touch .velo-anchor #logo a:hover {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha( Opacity = 70 )";
            opacity: .7;
        }

    .velo-anchor #menu {
        position: absolute;
        top: .9em;
        right: 0;
        list-style: none;
        margin: 0;
        padding-left: 0;
        border-left: none;
    }

        .velo-anchor li {
            position: relative;
            display: inline-block;
            margin-left: .8em;
        }

        .velo-anchor li a {
            position: relative;
            z-index: 2;
            display: block;
            width: 3.2em;
            height: 3.2em;
            line-height: 3.2em;
            text-align: center;
            text-decoration: none;
        }
        
            .velo-anchor li [class^="icon-"] {
                font-size: 200%;
            }

        .no-touch .velo-anchor li a {
            -webkit-transition: color .2s;
            -moz-transition: color .2s;
            -o-transition: color .2s;
            -ms-transition: color .2s;
            transition: color .2s;
        }

        .velo-anchor li > span {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha( Opacity = 0 )";
            opacity: 0;
            -webkit-transform: scale( 0 ) rotate( 90deg );
            -moz-transform: scale( 0 ) rotate( 90deg );
            -o-transform: scale( 0 ) rotate( 90deg );
            -ms-transform: scale( 0 ) rotate( 90deg );
            transform: scale( 0 ) rotate( 90deg );
            -webkit-transition: 
                opacity .4s,
                -webkit-transform .4s;
            -moz-transition:
                opacity .4s,
                -moz-transform .4s;
            -o-transition:
                opacity .4s,
                -o-transform .4s;
            -ms-transition:
                opacity .4s,
                -ms-transform .4s;
            transition:
                opacity .4s,
                transform .4s;
        }

        .no-touch .velo-anchor li:hover > span,
        .velo-anchor .velo-top-anchor > span,
        .velo-anchor [class*="current-"] > span {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha( Opacity = 100 )";
            opacity: 1;
            -webkit-transform: scale( 1 ) rotate( 0 );
            -moz-transform: scale( 1 ) rotate( 0 );
            -o-transform: scale( 1 ) rotate( 0 );
            -ms-transform: scale( 1 ) rotate( 0 );
            transform: scale( 1 ) rotate( 0 );
        }
        
        .velo-anchor a[href="#menu"] {
            position: absolute;
            right: 0;
            top: .3em;
            width: 3em;
            text-align: right;
            font-size: 200%;
            line-height: 205%;
            display: none;
        }
        
        .velo-anchor a[href="#menu"].on {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha( Opacity = 40 )";
            opacity: .4;
        }

.columns {
    margin: 0 0 0 -4%;
    letter-spacing: -0.31em;
    list-style: none;
    padding-left: 0;
    border-left: none;
}

p + .columns {
    margin-top: 4%;
}

.columns + .columns {
    margin-top: 1%;
}

    .columns > * {
        letter-spacing: normal;
    }

    .columns > div,
    .columns > li {
        display: inline-block;
        margin-left: 4%;
        margin-bottom: 3%;
        vertical-align: top;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .columns > .half,
    .columns.half > div,
    .columns.half > li {
        width: 46%;
    }

    .columns > .one-third,
    .columns.one-third > div,
    .columns.one-third > li {
        width: 29.334%;
    }

    .columns > .one-fourth,
    .columns.one-fourth > div,
    .columns.one-fourth > li {
        width: 21%;
    }

    .columns > .two-thirds {
        width: 62.668%;
    }

/*
    wordpress classes
*/
.alignleft {
    display: inline;
    float: left;
}
    
    .wp-caption.alignleft,
    img.alignleft {
        margin: .5em 2em 1.5em 0;
    }
    
    .single .wp-caption.alignleft,
    .single img.alignleft {
        margin-left: -1.5em;
    }
    
    .wp-caption.alignleft {
        margin-right: 2.5em;
    }
    
.alignright {
    display: inline;
    float: right;
}

    .wp-caption.alignright,
    img.alignright {
        margin: .5em 0 1.5em 2.3em;
    }
    
    .single .wp-caption.alignright,
    .single img.alignright {
        margin-right: -1.5em;
    }
    
    .wp-caption.alignright {
        margin-left: 2.7em;
    }

.aligncenter {
    display: block;
    margin: 0 auto 2em;
    text-align: center;
}

    .wp-caption.aligncenter {
        margin-top: 4em;
        margin-bottom: 3em;
    }

.wp-caption.alignnone {
    margin: 2em 0 2em;
}

    .single .wp-caption.alignnone {
        margin-left: -1.5em;
    }

img[class*="wp-image-"],
.gallery-icon img {
    border: none !important;
}

.wp-caption {
    font-size: 90%;
    font-family: "Georgia", serif;
    font-style: italic;
}
    
    .wp-caption-text {
        margin-bottom: 0;
    }
    
    .wp-caption a {
        display: block;
    }

/*
    contents
*/
img {
    max-width: 100%;
}

.round {
    border-radius: 100%;
}

/*
    skills
*/
.skill-head {
    margin: 1em 0 .7em;
}

p + .skill-head {
    margin-top: 1.3em;
}

.skill {
    width: 100%;
    height: 1.3em;
    border-radius: 1em;
}

.skill:last-of-type {
    margin-bottom: 2.1em;
}

    .skill > span {
        height: 100%;
        position: relative;
        display: inline-block;
        min-width: 4.5em;
        border-radius: 1em;
    }

    .skill span span {
        position: absolute;
        top: -2.5em;
        right: -1.1em;
        width: 3.3em;
        height: 1.9em;
        margin: 0;
        font-weight: bold;
        line-height: 1.9em;
        text-align: center;
        border-radius: .2em;
    }

    .skill span span:before {
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        top: 100%;
        left: 50%;
        margin: 0 0 -4px -3px;
        border: 4px solid transparent;
    }
    
    .js .skill span span {
        -webkit-transform: translateY( 100% ) scale( 0 );
        -moz-transform: translateY( 100% ) scale( 0 );
        -o-transform: translateY( 100% ) scale( 0 );
        -ms-transform: translateY( 100% ) scale( 0 );
        transform: translateY( 100% ) scale( 0 );
        -webkit-transition: -webkit-transform .2s;
        -moz-transition: -moz-transform .2s;
        -o-transition: -o-transform .2s;
        -ms-transition: -ms-transform .2s;
        transition: transform .2s;
    }

    .js.no-touch .velo-top .skill span span,
    .js.touch .skill span span,
    .js .in .skill span span {
        -webkit-transform: translateY( 0 ) scale( 1 );
        -moz-transform: translateY( 0 ) scale( 1 );
        -o-transform: translateY( 0 ) scale( 1 );
        -ms-transform: translateY( 0 ) scale( 1 );
        transform: translateY( 0 ) scale( 1 );
    }

/*
    social links
*/
.social-links {
    margin: 0 0 2.3em;
    padding-left: 0;
    border-left: none;
    list-style: none;
    
}

    .social-links li {
        display: inline-block;
        margin: .3em;
    }

        .social-links [class^="icon-"] {
            font-size: 250%;
        }

/*
    portfolios
*/
.portfolio .cats {
    margin: 0 0 1.5em;
    width: 85%;
    padding-left: 0;
    list-style: none;
    border-left: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .portfolio .cats li {
        display: inline-block;
        margin: 0 .5em .1em;
        cursor: pointer;
    }

        .portfolio .cats li h2 {
            font-size: 170%;
            margin-bottom: 0;
            border-bottom: 4px solid;
        }

.portfolio-list li {
    position: relative;
    padding: .5em;
    margin-bottom: 2.5%;
}

    .portfolio-list li a {
        position: relative;
        z-index: 2;
        display: block;
        overflow: hidden;
    }

        .portfolio-list li h3 {
            position: absolute;
            top: 15%;
            left: 7%;
            margin-bottom: 0;
            width: 80%;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha( Opacity = 0 )";
            opacity: 0;
            -webkit-transition:
                opacity .3s .1s,
                left .3s .1s;
            -moz-transition:
                opacity .3s .1s,
                left .3s .1s;
            -o-transition:
                opacity .3s .1s,
                left .3s .1s;
            -ms-transition:
                opacity .3s .1s,
                left .3s .1s;
            transition:
                opacity .3s .1s,
                left .3s .1s;
        }

        .no-touch .portfolio-list li:hover h3 {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha( Opacity = 100 )";
            opacity: 1;
            left: 11%;
        }

        .portfolio-list li img {
            min-width: 100%;
            -webkit-transition:
                opacity .3s,
                margin-left .3s;
            -moz-transition:
                opacity .3s,
                margin-left .3s;
            -o-transition:
                opacity .3s,
                margin-left .3s;
            -ms-transition:
                opacity .3s,
                margin-left .3s;
            transition:
                opacity .3s,
                margin-left .3s;
        }

        .no-touch .portfolio-list li:hover img {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha( Opacity = 10 )";
            opacity: .1;
            margin-left: 2%;
        }

    .portfolio-list .lightbox:before {
        content: "";
        position: absolute;
        top: -1%;
        left: 0;
        width: 95%;
        height: 95%;
        z-index: 1;
        -webkit-transform: rotate( -5deg );
        -moz-transform: rotate( -5deg );
        -o-transform: rotate( -5deg );
        -ms-transform: rotate( -5deg );
        transform: rotate( -5deg );
    }

.portfolio-list .hidden {
    display: none !important;
}

.portfolio .action {
    margin-top: .5em;
    margin-bottom: 0;
}

.portfolio .action.archive {
    float: none;
    display: block;
    margin: 1em auto;
    text-align: center;
}

.portfolio.hold .portfolio-list {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha( Opacity = 60 )";
    opacity: .6;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s;
}
        
.blog .hentry,
.archive .hentry {
    margin-bottom: 3.8em;
    overflow: hidden;
}

.blog .hentry:last-of-type,
.archive .hentry:last-of-type {
    margin-bottom: 2em;
}

.hentry-title.emphasized {
    text-align: center;
    width: 100%;
    margin-bottom: .9em;
    padding-bottom: .4em;
    border-bottom: 4px solid;
}

.hentry .hentry-title {
    margin-bottom: 0;
    text-align: left;
}

    .hentry-title a {
        padding-bottom: 0;
        border-bottom: none;
    }

    .no-touch .hentry-title a:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha( Opacity = 80 )";
        opacity: .8;
    }

.hentry-title + hr {
    width: 15%;
    margin: 1.1em 0;
}

.blog .hentry-title + hr,
.archive .hentry-title + hr {
    width: 10%;
    margin: .8em 0;
}

.hentry-info {
    padding: 3.3em 1em 1.5em 0;
    text-align: right;
}

.one-third.hentry-info {
    width: 25%;
}

    .hentry-info > span {
        display: block;
    }

.hentry-content + hr {
    margin: 2.5em 0 1.3em;
}

.blog .hentry-content + hr,
.archive .hentry-content + hr {
    margin: 1.5em 0 .3em;
}

.hentry .hentry-meta {
    list-style: none;
    margin: 0;
    padding-left: 0;
    border-left: none;
    font-size: 110%;
}

.blog .hentry .hentry-meta,
.archive .hentry .hentry-meta {
    font-size: 90%;
    text-align: right;
}

    .blog .hentry .hentry-meta li,
    .archive .hentry .hentry-meta li {
        display: inline-block;
        margin-left: .9em;
    }
    
    .hentry .hentry-meta [class^="icon-"] { 
        width: 1em;
        margin-right: .2em;
        font-size: 140%;
        line-height: 130%;
        vertical-align: sub;
    }
    
    .blog .hentry .hentry-meta [class^="icon-"],
    .archive .hentry .hentry-meta [class^="icon-"] {
        width: .8em;
    }

.hentry h1,
.hentry h2,
.hentry h3 {
    font-weight: normal;
}

form {
    width: 100%;
}

    form label {
        display: inline-block;
    }

        form label h6 {
            margin: 0 0 .4em;
        }

    form fieldset {
        margin-bottom: .8em;
    }

    form input[type="text"],
    form input[type="password"],
    form textarea {
        border: none;
        outline: none;
        width: 100%;
        padding: .5em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    form textarea {
        width: 100%;
        min-height: 10em;
    }

    form input[type="submit"],
    form button {
        padding: .6em 1em;
        border: none;
        outline: none;
        font-weight: bold;
    }

a[href*="#velo-mail-form"].on {
    border-bottom-color: transparent;
}

.velo-mail-form {
    position: absolute;
    top: -5em;
    left: 25%;
    width: 50%;
    padding: 2.5em 3em;
    display: none;
    -webkit-box-shadow:
        inset 0 .5em .3em 0 rgba( 0, 0, 0, .03 ),
        0 2em 1em 0 rgba( 0, 0, 0, .2 );
    box-shadow:
        inset 0 .5em .3em 0 rgba( 0, 0, 0, .03 ),
        0 2em 1em 0 rgba( 0, 0, 0, .2 );
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition:
        top .3s,
        -webkit-transform .3s,
        box-shadow .3s;
    -moz-transition:
        top .3s,
        -moz-transform .3s,
        box-shadow .3s;
    -o-transition:
        top .3s,
        -o-transform .3s,
        box-shadow .3s;
    -ms-transition:
        top .3s,
        -ms-transform .3s,
        box-shadow .3s;
    transition:
        top .3s,
        transform .3s,
        box-shadow .3s;
}

    .velo-mail-form.on {
        top: 5em;
    }
    
    .touch [class*="template-home"] .velo-mail-form.on {
        top: 6em;
    }

    .velo-mail-form.off {
        top: 10em;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transform: rotate( -5deg );
        -moz-transform: rotate( -5deg );
        -o-transform: rotate( -5deg );
        -ms-transform: rotate( -5deg );
        transform: rotate( -5deg );
    }

    .velo-mail-form.sent {
        top: 40em;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
    .touch [class*="template-home"] .velo-mail-form {
        -webkit-box-shadow: 0 .5em 1em 0 rgba( 0, 0, 0, .2 );
        box-shadow: 0 .5em 1em 0 rgba( 0, 0, 0, .2 );
    }

    .velo-mail-form fieldset {
        margin-bottom: .2em;
    }

    .velo-mail-form label {
        width: 49%;
        font-size: 105%;
        text-align: right;
        padding-right: 1em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

        .velo-mail-form label h6 {
            margin-bottom: 0;
        }

    .velo-mail-form input[type="text"],
    .velo-mail-form textarea {
        font-family: "Georgia", serif;
    }

    .velo-mail-form input[type="text"] {
        font-size: 110%;
        width: 50%;
    }

    .velo-mail-form textarea {
        font-size: 120%;
        font-style: italic;
        padding: 0;
        margin-top: 1.5em;
    }

    .velo-mail-form input[disabled="disabled"] {
        width: auto;
        border: 2px dashed;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha( Opacity = 0 )";
        opacity: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transform: scale( 2 ) rotate( -5deg );
        -moz-transform: scale( 2 ) rotate( -5deg );
        -o-transform: scale( 2 ) rotate( -5deg );
        -ms-transform: scale( 2 ) rotate( -5deg );
        transform: scale( 2 ) rotate( -5deg );
        -webkit-transition:
            opacity .3s .3s,
            -webkit-transform .4s .3s;
        -moz-transition:
            opacity .3s .3s,
            -moz-transform .4s .3s;
        -o-transition:
            opacity .3s .3s,
            -o-transform .4s .3s;
        -ms-transition:
            opacity .3s .3s,
            -ms-transform .4s .3s;
        transition:
            opacity .3s .3s,
            transform .4s .3s;
    }

        .velo-mail-form.on input[disabled="disabled"] {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha( Opacity = 80 )";
            opacity: .8;
            -webkit-transform: scale( 1 ) rotate( 1deg );
            -moz-transform: scale( 1 ) rotate( 1deg );
            -o-transform: scale( 1 ) rotate( 1deg );
            -ms-transform: scale( 1 ) rotate( 1deg );
            transform: scale( 1 ) rotate( 1deg );
        }

    .velo-mail-form .controls {
        text-align: right;
        margin: 1.5em 0 0;
    }

        .velo-mail-form .controls a {
            font-size: 90%;
            font-weight: bold;
        }

        .velo-mail-form .controls input[type="submit"] {
            margin-left: .8em;
            background-color: transparent;
            border: 4px solid;
        }
        
        .velo-mail-form.hold .controls input[type="submit"] {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha( Opacity = 30 )";
            opacity: .3;
        }

.view-dir {
    margin: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha( Opacity = 80 )";
    opacity: .8;
}

.portfolio-item header > div {
    margin-bottom: 1%;
}

.portfolio-item header .one-third {
    text-align: right;
}

.item-title {
    font-size: 190%;
    margin: .5em 0 0;
}

    .item-title a {
        padding-bottom: 0;
        border-bottom: none;
    }
    
.portfolio-item .item-info {
    padding-top: 2em;
    border-top: 4px solid;
}

.site-footer {
    margin-top: 2em;
}

    .site-footer > div {
        margin-bottom: 0;
        font-size: 90%;
        padding: 1em 1em 0;
        border-top: 2px solid;
    }
    
        .site-footer > .side {
            text-align: right;
        }
        
    .site-footer ul {
        list-style: none;
        margin: 0;
        padding-left: 0;
        border: none;
    }
    
        .site-footer ul li {
            display: inline-block;
            margin-left: 1em;
            padding-left: 1em;
            border-left: 2px solid;
        }
        
        .site-footer ul li:first-child {
            padding-left: 0;
            border-left: none;
        }

.sidebar {
    font-size: 90%;
    line-height: 160%;
}

    .sidebar .widget {
        margin-bottom: 2.5em;
    }
    
    .sidebar .widget:last-child {
        margin-bottom: 0;
    }
    
        .sidebar .widget .widget-title {
            font-size: 130%;
            font-weight: normal;
            margin-bottom: 1.1em;
        }
        
    .sidebar .widget_velo_widget_twitter .tweets {
        list-style: none;
        margin: 0;
        border: none;
    }

        .sidebar .widget_velo_widget_twitter li {
            margin-bottom: .8em;
        }
        
            .sidebar .widget_velo_widget_twitter a {
                font-weight: normal;
            }
                    
            .sidebar .widget_velo_widget_twitter time {
                display: block;
                font-size: 70%;
                font-weight: bold;
                margin: .7em 0 0 -1em;
                text-transform: uppercase;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha( Opacity = 70 )";
                opacity: .7;
            }

#comments {
    width: 80%;
    margin: 3em auto 0;
}

    #comments > h3:first-child {
        margin-bottom: 1em;
    }

    .commentlist {
        list-style: none;
        margin: 0;
        padding-left: 0;
        border-left: none;
        padding-top: 2.3em;
        border-top: 4px solid;
    }
    
    .comment {
        margin-bottom: 1.7em;
    }
        
        .comment .comment-author {
            display: block;
            margin-bottom: 1em;
            font-size: 90%;
        }
        
            .comment .comment-author img {
                float: left;
                margin: .4em 1.1em 0 0;
            }
            
            .comment .comment-author cite {
                display: block;
            }
            
    .pingback {
        font-size: 80%;
        text-align: center;
        margin-bottom: 2em;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha( Opacity = 80 )";
        opacity: .8;
    }
            
    .commentlist .children {
        padding-left: 2.5em;
        margin-bottom: 3em;
    }
        
    #respond {
        padding: 2.5em;
        margin: 4em auto 3em;
        width: 80%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-shadow: 0 1em 1em 0 rgba( 0, 0, 0, .2 );
        box-shadow: 0 1em 1em 0 rgba( 0, 0, 0, .2 );
    }
    
        #respond .form-submit {
            text-align: right;
            margin: 1.5em 0 0;
        }

        #respond .form-submit #submit {
            margin-left: .8em;
            background-color: transparent;
            color: inherit;
            border: 4px solid;
        }
        
        .js #respond label[for="author"],
        .js #respond label[for="email"],
        .js #respond label[for="url"],
        .js #respond label[for="comment"],
        .js #respond .required {
            display: none;
        }
        
        #respond label {
            font-weight: bold;
            margin-bottom: 1em;
        }
        
        #respond input[type="text"],
        #respond textarea {
            font-family: "Georgia", serif;
            padding: 0;
            font-size: 110%;
        }
        
        .js #respond #comment {
            min-height: 4em;
            max-height: 25em;
        }

        .no-js #respond input[type="text"],
        .no-js #respond textarea {
            border-left: 4px solid;
            padding-left: .8em;
        }
        
        #respond #reply-title {
            margin-bottom: 1.5em;
        }

.action a {
    border: 3px solid;
    padding: .2em .5em;
}

    .action [class^="icon-"] {
        margin-left: .4em;
    }

.js #searchform h3 {
    display: none;
}

#wp-calendar {
    width: 100%;
    text-align: center;
}

    #wp-calendar caption {
        font-size: 120%;
        font-style: italic;
        margin-bottom: 1em;
        font-weight: bold;
        font-family: "Georgia", serif;
    }
    
    #wp-calendar tfoot td {
        padding-top: 1em;
    }

.widget_tag_cloud .tagcloud {
    text-align: center;
    line-height: 170%;
    font-family: Consolas, monospace;
}

.hentry-content ul {
    margin-bottom: 1em;
}

pre {
    font-family: Consolas, monospace;
    margin-left: 1em;
}

.single-post .featured,
.page .featured {
    margin-bottom: 3em;
}
    
    .featured > a {
        display: block;
        margin-bottom: 2em;
    }
    
.featured.standard {
    text-align: center;
}

.single-post .featured.gallery,
.page .featured.gallery {
    margin-bottom: 1.5em;
}

    .featured.gallery .gallery-list li {
        margin-bottom: 1.5em;
    }

.featured.video {
    margin-bottom: 4em;
}

    .featured.video iframe {
        display: block;
        margin: 0 auto;
        -webkit-box-shadow: 0 1em 2em 0 rgba( 0, 0, 0, .2 );
        box-shadow: 0 1em 2em 0 rgba( 0, 0, 0, .2 );
    }
    
.featured.lightbox {
    position: relative;
}
        
    .featured.lightbox:before {
        content: "";
        position: absolute;
        top: 1%;
        left: 0;
        width: 90%;
        height: 90%;
        z-index: -1;
        -webkit-transform: rotate( -2deg );
        -moz-transform: rotate( -5deg );
        -o-transform: rotate( -5deg );
        -ms-transform: rotate( -5deg );
        transform: rotate( -5deg );
    }

p.attachment img[class*="attachment"] {
    padding: .5em;
    margin-top: 1em;
}

#searchform #s {
    padding: .8em;
}

/*----------------------------------------------------------------
    5) plugs
----------------------------------------------------------------*/

/* PowerTip Plugin */
#tooltip {
    position: absolute;
    z-index: 252;
    display: none;
    white-space: nowrap;
    font-size: .95em;
    line-height: 2.5em;
    padding: 0 .7em;
    font-weight: bold;
    -webkit-backface-visibility: hidden;
    -webkit-box-shadow: 0 .5em .5em 0 rgba( 0, 0, 0, .15 );
    box-shadow: 0 .5em .5em 0 rgba( 0, 0, 0, .15 );
}

    #tooltip:before {
        content: " ";
        position: absolute;
    }

    #tooltip.n:before,
    #tooltip.s:before {
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        left: 50%;
        margin-left: -5px;
    }

    #tooltip.e:before,
    #tooltip.w:before {
        border-bottom: 5px solid transparent;
        border-top: 5px solid transparent;
        margin-top: -10px;
        top: 50%;
    }

    #tooltip.n:before {
        border-top: 5px solid;
        bottom: -5px;
    }

    #tooltip.e:before {
        border-right: 5px solid;
        left: -5px;
    }

    #tooltip.s:before {
        border-bottom: 5px solid;
        top: -5px;
    }

    #tooltip.w:before {
        border-left: 5px solid;
        right: -5px;
    }

    #tooltip.ne:before,
    #tooltip.se:before {
        border-right: 10px solid transparent;
        border-left: 0;
        left: 10px;
    }

    #tooltip.nw:before,
    #tooltip.sw:before {
        border-left: 10px solid transparent;
        border-right: 0;
        right: 10px;
    }

    #tooltip.ne:before,
    #tooltip.nw:before {
        border-top: 10px solid;
        bottom: -10px;
    }

    #tooltip.se:before,
    #tooltip.sw:before {
        border-bottom: 5px solid;
        top: -5px;
    }
    
/* view.js */
.viewer {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .viewer .caption {
        text-shadow: none;
    }
    
    .viewer .previous,
    .viewer .next {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha( Opacity = 20 )";
        opacity: .2;
    }
    
    .ie .viewer {
        filter: none;
    }

[class*="template-home"] {
    background-color: transparent !important;
}

/*----------------------------------------------------------------
    6) responsiveness
----------------------------------------------------------------*/

@media ( max-width: 1300px ) {
    
    .section,
    .sections > li > div,
    .velo-anchor > div {
        width: 85%;
    }

    .velo-mail-form {
        left: 20%;
        width: 60%;
    }

}

@media ( max-width: 1000px ) {

    .velo-mail-form {
        left: 12.5%;
        width: 75%;
    }

}


@media ( max-width: 795px ) {

    ul {
        padding-left: .9em;
    }

    .velo-jump {
        display: none;
    }
    
    .section,
    .sections > li > div,
    .velo-anchor > div {
        width: 87%;
    }
    
    .sections > li > div {
        margin-top: 7em;
        margin-bottom: 5em;
    }
    
    .section {
        margin: 2em auto 1em;
    }

    .velo-anchor {
        font-size: 90%;
    }
        
        .in .velo-anchor #menu {
            position: absolute;
            top: 7em;
            right: -.6em;
            width: 17em;
            list-style: none;
            margin: 0;
            padding-left: 0;
            z-index: 101;
            border-left: none;
            display: none;
            -webkit-box-shadow: 0 .5em .5em 0 rgba( 0, 0, 0, .15 );
            box-shadow: 0 .5em .5em 0 rgba( 0, 0, 0, .15 );
        }
        
        .in .velo-anchor #menu.on {
            display: block;
        }
        
        .in .velo-anchor #menu:before {
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            bottom: 100%;
            right: .9em;
            margin-top: -10px;
            border: 10px solid transparent;
        }

        .in .velo-anchor li {
            position: relative;
            display: block;
            margin-left: 0;
            width: 100%;
            height: auto;
        }

        .in .velo-anchor li a {
            display: block;
            width: auto;
            text-decoration: none;
            text-align: left;
            font-size: 105%;
            line-height: 290%;
        }
        
        .in .velo-anchor li a:before {
            content: attr( data-title );
        }
        
            .in .velo-anchor li [class^="icon-"] {
                float: left;
                font-size: 125%;
                width: 2em;
            }

        .in .velo-anchor li > span {
            -webkit-transform: none;
            -moz-transform: none;
            -o-transform: none;
            -ms-transform: none;
            transform: none;
            left: -100%;
            -webkit-transition: 
                opacity .4s,
                left .4s;
            -moz-transition:
                opacity .4s,
                left .4s;
            -o-transition:
                opacity .4s,
                left .4s;
            -ms-transition:
                opacity .4s,
                left .4s;
            transition:
                opacity .4s,
                left .4s;
        }
        
            .no-touch .in .velo-anchor li:hover > span,
            .in .velo-anchor [class*="current-"] > span {
                left: 0;
            }
            
        .in .velo-anchor a[href="#menu"] {
            display: block;
        }
        
        [class*="template-home"] .velo-anchor #menu {
            top: 1em;
        }
    
            [class*="template-home"] .velo-anchor li {
                margin-left: .5em;
            }

    .columns {
        margin-left: 0;
    }

        .columns > .half,
        .columns.half > div,
        .columns.half > li,
        .columns > .one-third,
        .columns.one-third > div,
        .columns.one-third > li,
        .columns > .one-fourth,
        .columns.one-fourth > div,
        .columns.one-fourth > li,
        .columns > .two-thirds {
            display: block;
            width: 100%;
            margin-left: 0;
            margin-bottom: 4%;
        }

    .portfolio-list,
    .gallery-list {
        margin-left: -4%;
    }

        .portfolio-list.columns li,
        .gallery-list.columns li {
            display: inline-block;
            margin-left: 4%;
        }
        
        .portfolio-list.columns li,
        .gallery-list.columns li {
            width: 29.334%;
        }
        
        .portfolio .portfolio-list li {
            width: 46%;
        }
        
    .portfolio .cats {
        width: 100%;
    }

        .portfolio .cats li {
            margin-left: 0;
            margin-right: .5em;
        }

        .portfolio .cats li h2 {
            font-size: 150%;
        }

    .velo-mail-form {
        left: 2.5%;
        width: 95%;
        padding: 2.5em;
    }

        .velo-mail-form.on {
            top: 4.5em;
        }

    .columns .hentry-info.one-third {
        padding: 0;
        margin-bottom: 3em;
    }
    
    .site-footer > div {
        font-size: 80%;
    }
    
    .site-footer > div,
    .site-footer > .side {
        text-align: center;
    }
    
    .portfolio-item header .one-third {
        display: none;
    }
    
    .portfolio-item .item-info {
        padding-top: 0;
        border-top: none;
        margin-top: 2em;
    }
    
    .sidebar {
        margin-top: 3em;
        padding-top: 3.5em;
        border-top: 4px solid;
    }
        
        .sidebar .widget {
            margin-bottom: 3em;
        }
        
    #comments {
        width: 90%;
        font-size: 90%;
        line-height: 160%;
    }
    
        #respond {
            width: 100%;
            font-size: 110%;
        }
    
    .wp-caption.alignleft,
    .wp-caption.alignnone,
    .single img.alignleft {
        margin-left: 0;
    }

    .wp-caption.alignright,
    .single img.alignright {
        margin-right: 0;
    }
        
}

@media only screen and ( max-device-width: 795px ) and ( orientation: landscape ) {
    
    .section {
        margin-top: 2em;
    }

    .velo-anchor {
        font-size: 85%;
    }

        .velo-anchor li {
            margin-left: 1.5em;
        }
    
    .velo-mail-form.on {
        top: 5.5em;
    }
}

@media ( max-width: 550px ) {

    body {
        font-size: 90%;
    }
    
    .section,
    .sections > li > div,
    .velo-anchor > div {
        width: 85%;
    }
    
    .sections > li > div {
        margin-top: 4em;
        margin-bottom: 5em;
    }
    
    .section {
        margin-top: 2.5em;
    }
    
    [class*="template-home"] .velo-anchor {
        display: none;
    }   
    
    .in .velo-anchor #menu {
        right: 0;
        top: 6.5em;
        width: 100%;
        -webkit-box-shadow: 0 .5em .5em 0 rgba( 0, 0, 0, .2 );
        box-shadow: 0 .5em .5em 0 rgba( 0, 0, 0, .2 );
    }
    
    .in .velo-anchor #menu:before {
        right: .6em;
        margin-top: -5px;
        border-width: 5px;
    }

    .columns > .half,
    .columns.half > div,
    .columns.half > li,
    .columns > .one-third,
    .columns.one-third > div,
    .columns.one-third > li,
    .columns > .one-fourth,
    .columns.one-fourth > div,
    .columns.one-fourth > li,
    .columns > .two-thirds {
        margin-bottom: 8%;
    }

    .skill span span {
        display: none;
    }

    [class*="template-home"] .portfolio .cats {
        display: none;
    }

    .portfolio-list {
        margin-left: 0;
        text-align: center;
    }

        .portfolio-list.columns li {
            display: inline-block;
            width: auto;
            margin-left: 0;
            margin-bottom: 7%;
        }
        
            .portfolio-list .lightbox:before {
                -webkit-transform: rotate( -3deg );
                -moz-transform: rotate( -3deg );
                -o-transform: rotate( -3deg );
                -ms-transform: rotate( -3deg );
                transform: rotate( -3deg );
            }
    
    .gallery-list.columns li {
        width: 46%;
    }

    .hentry-info {
        text-align: center;
    }

    .velo-mail-form {
        width: 100%;
        left: 0;
        padding: 1.2em 1.2em 1.4em;
        font-size: 95%;
    }
    
        [class*="template-home"] .velo-mail-form.on,
        .touch [class*="template-home"] .velo-mail-form.on {
            top: 0;
        }

        .velo-mail-form fieldset {
            margin-bottom: 0;
        }
        
        .velo-mail-form fieldset.to {
            display: none;
        }

        .velo-mail-form label {
            text-align: center;
        }

        .velo-mail-form label,
        .velo-mail-form input[type="text"] {
            width: 100%;
        }

        .velo-mail-form textarea {
            padding: 0 .5em;
            margin-top: 1.1em;
            min-height: 8em;
        }
        
        .velo-mail-form .controls {
            margin-top: 0;
        }   
        
    #comments {
        width: 100%;
    }
    
        #respond {
            padding: 2.5em 2em;
        }

}

/*----------------------------------------------------------------
    6) keyframes
----------------------------------------------------------------*/

@keyframes fadeoutzoom {

    from {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: scale( 0 );
        -moz-transform: scale( 0 );
        -o-transform: scale( 0 );
        -ms-transform: scale( 0 );
        transform: scale( 0 );
    }
    
    to {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale( 1.2 );
        -moz-transform: scale( 1.2 );
        -o-transform: scale( 1.2 );
        -ms-transform: scale( 1.2 );
        transform: scale( 1.2 );
    }
}

@-moz-keyframes fadeoutzoom {

    from {
        opacity: 1;
        -moz-transform: scale( 0 );
        transform: scale( 0 );
    }
    
    to {
        opacity: 0;
        -moz-transform: scale( 1.2 );
        transform: scale( 1.2 );
    }

}

@-webkit-keyframes fadeoutzoom {

    from {
        opacity: 1;
        -webkit-transform: scale( 0 );
        transform: scale( 0 );
    }
    
    to {
        opacity: 0;
        -webkit-transform: scale( 1.2 );
        transform: scale( 1.2 );
    }
    
}

@-ms-keyframes fadeoutzoom {

    from {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -ms-transform: scale( 0 );
        transform: scale( 0 );
    }
    
    to {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -ms-transform: scale( 1.2 );
        transform: scale( 1.2 );
    }
    
}

@-o-keyframes fadeoutzoom {

    from {
        opacity: 1;
        -o-transform: scale( 0 );
        transform: scale( 0 );
    }
    
    to {
        opacity: 0;
        -o-transform: scale( 1.2 );
        transform: scale( 1.2 );
    }

}

@keyframes tap {

    from {
        -webkit-transform: scale( 1 );
        -moz-transform: scale( 1 );
        -o-transform: scale( 1 );
        -ms-transform: scale( 1 );
        transform: scale( 1 );
    }
    
    85% {
        -webkit-transform: scale( .8 );
        -moz-transform: scale( .8 );
        -o-transform: scale( .8 );
        -ms-transform: scale( .8 );
        transform: scale( .8 );
    }
    
    90% {
        -webkit-transform: scale( 1.3 );
        -moz-transform: scale( 1.3 );
        -o-transform: scale( 1.3 );
        -ms-transform: scale( 1.3 );
        transform: scale( 1.3 );
    }
    
    to {
        -webkit-transform: scale( 1 );
        -moz-transform: scale( 1 );
        -o-transform: scale( 1 );
        -ms-transform: scale( 1 );
        transform: scale( 1 );
    }
    
}

@-moz-keyframes tap {

    from {
        -moz-transform: scale( 1 );
        transform: scale( 1 );
    }
    
    85% {
        -moz-transform: scale( .8 );
        transform: scale( .8 );
    }
    
    90% {
        -moz-transform: scale( 1.3 );
        transform: scale( 1.3 );
    }
    
    to {
        -moz-transform: scale( 1 );
        transform: scale( 1 );
    }

}

@-webkit-keyframes tap {

    from {
        -webkit-transform: scale( 1 );
        transform: scale( 1 );
    }
    
    85% {
        -webkit-transform: scale( .8 );
        transform: scale( .8 );
    }
    
    90% {
        -webkit-transform: scale( 1.3 );
        transform: scale( 1.3 );
    }
    
    to {
        -webkit-transform: scale( 1 );
        transform: scale( 1 );
    }

}

@-ms-keyframes tap {

    from {
        -ms-transform: scale( 1 );
        transform: scale( 1 );
    }
    
    85% {
        -ms-transform: scale( .8 );
        transform: scale( .8 );
    }
    
    90% {
        -ms-transform: scale( 1.3 );
        transform: scale( 1.3 );
    }
    
    to {
        -ms-transform: scale( 1 );
        transform: scale( 1 );
    }

}

@-o-keyframes tap {

    from {
        -o-transform: scale( 1 );
        transform: scale( 1 );
    }
    
    85% {
        -o-transform: scale( .8 );
        transform: scale( .8 );
    }
    
    90% {
        -o-transform: scale( 1.3 );
        transform: scale( 1.3 );
    }
    
    to {
        -o-transform: scale( 1 );
        transform: scale( 1 );
    }
}