body.royal_loader {
    background: 0;
    visibility: hidden
}

#royal_preloader {
    font-family: Arial;
    font-size: 12px;
    visibility: visible;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999999999;
    -webkit-transition: opacity .2s linear .8s;
    -moz-transition: opacity .2s linear .8s;
    -ms-transition: opacity .2s linear .8s;
    -o-transition: opacity .2s linear .8s;
    transition: opacity .2s linear .8s
}

#royal_preloader.complete {
    opacity: 0
}

#royal_preloader .background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    -webkit-transition: background .5s linear;
    -moz-transition: background .5s linear;
    -ms-transition: background .5s linear;
    -o-transition: background .5s linear;
    transition: background .5s linear
}

#royal_preloader.number .name {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    text-transform: uppercase;
    color: #eee;
    text-align: center;
    opacity: 0;
    -webkit-transition: -webkit-transform .3s linear;
    -moz-transition: -moz-transform .3s linear;
    -ms-transition: -ms-transform .3s linear;
    -o-transition: -o-transform .3s linear;
    transition: transform .3s linear;
    -webkit-animation: fly .3s;
    -moz-animation: fly .3s;
    -ms-animation: fly .3s;
    -o-animation: fly .3s;
    animation: fly .3s
}

#royal_preloader.number .percentage {
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    color: #424242;
    text-align: center;
    margin: -90px 0 0 -90px;
    background-image: url('../images/loading.gif');
    background-repeat: no-repeat;
    background-position: 50% 0;
    padding-top: 80px;
    width: 180px;
    position: absolute;
    font-size: 15px;
    top: 50%;
    left: 50%;
    -webkit-transition: all .3s linear .5s;
    -moz-transition: all .3s linear .5s;
    -ms-transition: all .3s linear .5s;
    -o-transition: all .3s linear .5s;
    transition: all .3s linear .5s
}

#royal_preloader.text .loader {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 30px;
    line-height: 30px;
    margin-top: -15px;
    letter-spacing: 3px;
    font-size: 16px;
    white-space: nowrap
}

#royal_preloader.text .loader div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: .7;
    filter: alpha(opacity=70);
    -webkit-transition: left .3s linear;
    -moz-transition: left .3s linear;
    -ms-transition: left .3s linear;
    -o-transition: left .3s linear;
    transition: left .3s linear
}

#royal_preloader.logo .loader {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -40px 0 0 -40px;
    overflow: hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%
}

#royal_preloader.logo .loader div {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    opacity: .7;
    filter: alpha(opacity=70);
    -webkit-transition: bottom .3s linear;
    -moz-transition: bottom .3s linear;
    -ms-transition: bottom .3s linear;
    -o-transition: bottom .3s linear;
    transition: bottom .3s linear
}

#royal_preloader.logo .percentage {
    position: absolute;
    width: 80px;
    height: 40px;
    line-height: 40px;
    top: 50%;
    left: 50%;
    margin: 40px 0 0 -40px;
    color: #072e77;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold
}

@-webkit-keyframes fly {
    0% {
        opacity: 0;
        top: 50%
    }

    20% {
        opacity: 1;
        top: 40%
    }

    100% {
        opacity: 0;
        top: 20%
    }
}

@-moz-keyframes fly {
    0% {
        opacity: 0;
        top: 50%
    }

    20% {
        opacity: 1;
        top: 40%
    }

    100% {
        opacity: 0;
        top: 20%
    }
}

@-ms-keyframes fly {
    0% {
        opacity: 0;
        top: 50%
    }

    20% {
        opacity: 1;
        top: 40%
    }

    100% {
        opacity: 0;
        top: 20%
    }
}

@-o-keyframes fly {
    0% {
        opacity: 0;
        top: 50%
    }

    20% {
        opacity: 1;
        top: 40%
    }

    100% {
        opacity: 0;
        top: 20%
    }
}

@keyframes fly {
    0% {
        opacity: 0;
        top: 50%
    }

    20% {
        opacity: 1;
        top: 40%
    }

    100% {
        opacity: 0;
        top: 20%
    }
}

body {
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote,
body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog,
div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header,
hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend,
li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section,
small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea,
tfoot, thead, time, tr, th, td, u, ul, var, video {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;
    white-space: normal;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent
}

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

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

:focus {
    outline: 0
}

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

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

@-o-viewport {
    width: device-width
}

@-ms-viewport {
    width: device-width
}

@viewport {
    width: device-width
}

html {
    overflow-y: auto
}

img, audio, video, canvas {
    max-width: 100%
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.container {
    max-width: 990px;
    width: 92%;
    margin: 0 auto;
    position: relative;
    zoom: 1
}

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

.container:after {
    clear: both
}

@media screen and (min-width:480px) {
    .container {
        width: 98%
    }

    .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-half, .grid-full {
        float: left;
        width: 96.969696969697%;
        margin: 0 1.515151515152%
    }

    .grid-half {
        width: 46.969696969697%;
        margin: 0 1.515151515152%
    }
}

@media screen and (min-width:640px) {
    .grid-1 {
        width: 13.636363636364%
    }

    .grid-2 {
        width: 30.30303030303%
    }

    .grid-3, .grid-half {
        width: 46.969696969697%
    }

    .grid-4 {
        width: 63.636363636364%
    }

    .grid-5 {
        width: 80.30303030303%
    }

    .grid-6, .grid-full {
        width: 96.969696969697%
    }
}

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

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

@charset "UTF-8";
@font-face {
    font-family: 'entypo-icon-font';
    src: url("../fonts/entypo-icon-font.eot?82338031");
    src: url("../fonts/entypo-icon-font.eot?82338031#iefix") format('embedded-opentype'), url("../fonts/entypo-icon-font.woff?82338031") format('woff'), url("../fonts/entypo-icon-font.ttf?82338031") format('truetype'), url("../fonts/entypo-icon-font.svg?82338031#entypo-icon-font") format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: 'entypo-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    vertical-align: 10%;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em
}

.icon-aim:before {
    content: '\22'
}

.icon-delicious:before {
    content: '\23'
}

.icon-paypal-1:before {
    content: '\24'
}

.icon-android:before {
    content: '\26'
}

.icon-smashmag:before {
    content: '\2a'
}

.icon-plus:before {
    content: '\2b'
}

.icon-minus:before {
    content: '\2d'
}

.icon-w3c:before {
    content: '\33'
}

.icon-html5:before {
    content: '\35'
}

.icon-ie:before {
    content: '\36'
}

.icon-grooveshark:before {
    content: '\38'
}

.icon-forrst:before {
    content: '\3a'
}

.icon-digg:before {
    content: '\3b'
}

.icon-reddit:before {
    content: '\3e'
}

.icon-gowalla:before {
    content: '\40'
}

.icon-appstore:before {
    content: '\41'
}

.icon-blogger:before {
    content: '\42'
}

.icon-cc-1:before {
    content: '\43'
}

.icon-evernote-1:before {
    content: '\45'
}

.icon-youtube:before {
    content: '\55'
}

.icon-windows:before {
    content: '\57'
}

.icon-yahoo:before {
    content: '\59'
}

.icon-macstore:before {
    content: '\5e'
}

.icon-amazon:before {
    content: '\61'
}

.icon-dropbox-1:before {
    content: '\64'
}

.icon-ebay:before {
    content: '\65'
}

.icon-github-1:before {
    content: '\67'
}

.icon-itunes:before {
    content: '\69'
}

.icon-lastfm-1:before {
    content: '\6c'
}

.icon-gmail:before {
    content: '\6d'
}

.icon-soundcloud-1:before {
    content: '\73'
}

.icon-wordpress:before {
    content: '\77'
}

.icon-drupal:before {
    content: '\e4'
}

.icon-info:before {
    content: '\2139'
}

.icon-left-thin:before {
    content: '\2190'
}

.icon-up-thin:before {
    content: '\2191'
}

.icon-right-thin:before {
    content: '\2192'
}

.icon-down-thin:before {
    content: '\2193'
}

.icon-level-up:before {
    content: '\21b0'
}

.icon-level-down:before {
    content: '\21b3'
}

.icon-switch:before {
    content: '\21c6'
}

.icon-infinity:before {
    content: '\221e'
}

.icon-plus-squared:before {
    content: '\229e'
}

.icon-minus-squared:before {
    content: '\229f'
}

.icon-home:before {
    content: '\2302'
}

.icon-keyboard:before {
    content: '\2328'
}

.icon-erase:before {
    content: '\232b'
}

.icon-pause:before {
    content: '\2389'
}

.icon-fast-forward:before {
    content: '\23e9'
}

.icon-fast-backward:before {
    content: '\23ea'
}

.icon-to-end:before {
    content: '\23ed'
}

.icon-to-start:before {
    content: '\23ee'
}

.icon-hourglass:before {
    content: '\23f3'
}

.icon-stop:before {
    content: '\25a0'
}

.icon-up-dir:before {
    content: '\25b4'
}

.icon-play:before {
    content: '\25b6'
}

.icon-right-dir:before {
    content: '\25b8'
}

.icon-down-dir:before {
    content: '\25be'
}

.icon-left-dir:before {
    content: '\25c2'
}

.icon-adjust:before {
    content: '\25d1'
}

.icon-cloud:before {
    content: '\2601'
}

.icon-star:before {
    content: '\2605'
}

.icon-star-empty:before {
    content: '\2606'
}

.icon-cup:before {
    content: '\2615'
}

.icon-menu:before {
    content: '\2630'
}

.icon-moon:before {
    content: '\263d'
}

.icon-heart-empty:before {
    content: '\2661'
}

.icon-heart:before {
    content: '\2665'
}

.icon-note:before {
    content: '\266a'
}

.icon-note-beamed:before {
    content: '\266b'
}

.icon-layout:before {
    content: '\268f'
}

.icon-flag:before {
    content: '\2691'
}

.icon-tools:before {
    content: '\2692'
}

.icon-cog:before {
    content: '\2699'
}

.icon-attention:before {
    content: '\26a0'
}

.icon-flash:before {
    content: '\26a1'
}

.icon-record:before {
    content: '\26ab'
}

.icon-cloud-thunder:before {
    content: '\26c8'
}

.icon-tape:before {
    content: '\2707'
}

.icon-flight:before {
    content: '\2708'
}

.icon-mail:before {
    content: '\2709'
}

.icon-pencil:before {
    content: '\270e'
}

.icon-feather:before {
    content: '\2712'
}

.icon-check:before {
    content: '\2713'
}

.icon-cancel:before {
    content: '\2715'
}

.icon-cancel-circled:before {
    content: '\2716'
}

.icon-cancel-squared:before {
    content: '\274e'
}

.icon-help:before {
    content: '\2753'
}

.icon-quote:before {
    content: '\275e'
}

.icon-plus-circled:before {
    content: '\2795'
}

.icon-minus-circled:before {
    content: '\2796'
}

.icon-right:before {
    content: '\27a1'
}

.icon-direction:before {
    content: '\27a2'
}

.icon-forward:before {
    content: '\27a6'
}

.icon-ccw:before {
    content: '\27f2'
}

.icon-cw:before {
    content: '\27f3'
}

.icon-left:before {
    content: '\2b05'
}

.icon-up:before {
    content: '\2b06'
}

.icon-down:before {
    content: '\2b07'
}

.icon-list-add:before {
    content: '\e003'
}

.icon-list:before {
    content: '\e005'
}

.icon-left-bold:before {
    content: '\e4ad'
}

.icon-right-bold:before {
    content: '\e4ae'
}

.icon-up-bold:before {
    content: '\e4af'
}

.icon-down-bold:before {
    content: '\e4b0'
}

.icon-user-add:before {
    content: '\e700'
}

.icon-help-circled:before {
    content: '\e704'
}

.icon-info-circled:before {
    content: '\e705'
}

.icon-eye:before {
    content: '\e70a'
}

.icon-tag:before {
    content: '\e70c'
}

.icon-upload-cloud:before {
    content: '\e711'
}

.icon-reply:before {
    content: '\e712'
}

.icon-reply-all:before {
    content: '\e713'
}

.icon-code:before {
    content: '\e714'
}

.icon-export:before {
    content: '\e715'
}

.icon-print:before {
    content: '\e716'
}

.icon-retweet:before {
    content: '\e717'
}

.icon-comment:before {
    content: '\e718'
}

.icon-chat:before {
    content: '\e720'
}

.icon-vcard:before {
    content: '\e722'
}

.icon-address:before {
    content: '\e723'
}

.icon-location:before {
    content: '\e724'
}

.icon-map:before {
    content: '\e727'
}

.icon-compass:before {
    content: '\e728'
}

.icon-trash:before {
    content: '\e729'
}

.icon-doc:before {
    content: '\e730'
}

.icon-doc-text-inv:before {
    content: '\e731'
}

.icon-docs:before {
    content: '\e736'
}

.icon-doc-landscape:before {
    content: '\e737'
}

.icon-archive:before {
    content: '\e738'
}

.icon-rss:before {
    content: '\e73a'
}

.icon-share:before {
    content: '\e73c'
}

.icon-basket:before {
    content: '\e73d'
}

.icon-shareable:before {
    content: '\e73e'
}

.icon-login:before {
    content: '\e740'
}

.icon-logout:before {
    content: '\e741'
}

.icon-volume:before {
    content: '\e742'
}

.icon-resize-full:before {
    content: '\e744'
}

.icon-resize-small:before {
    content: '\e746'
}

.icon-popup:before {
    content: '\e74c'
}

.icon-publish:before {
    content: '\e74d'
}

.icon-window:before {
    content: '\e74e'
}

.icon-arrow-combo:before {
    content: '\e74f'
}

.icon-chart-pie:before {
    content: '\e751'
}

.icon-language:before {
    content: '\e752'
}

.icon-air:before {
    content: '\e753'
}

.icon-database:before {
    content: '\e754'
}

.icon-drive:before {
    content: '\e755'
}

.icon-bucket:before {
    content: '\e756'
}

.icon-thermometer:before {
    content: '\e757'
}

.icon-down-circled:before {
    content: '\e758'
}

.icon-left-circled:before {
    content: '\e759'
}

.icon-right-circled:before {
    content: '\e75a'
}

.icon-up-circled:before {
    content: '\e75b'
}

.icon-down-open:before {
    content: '\e75c'
}

.icon-left-open:before {
    content: '\e75d'
}

.icon-right-open:before {
    content: '\e75e'
}

.icon-up-open:before {
    content: '\e75f'
}

.icon-down-open-mini:before {
    content: '\e760'
}

.icon-left-open-mini:before {
    content: '\e761'
}

.icon-right-open-mini:before {
    content: '\e762'
}

.icon-up-open-mini:before {
    content: '\e763'
}

.icon-down-open-big:before {
    content: '\e764'
}

.icon-left-open-big:before {
    content: '\e765'
}

.icon-right-open-big:before {
    content: '\e766'
}

.icon-up-open-big:before {
    content: '\e767'
}

.icon-progress-0:before {
    content: '\e768'
}

.icon-progress-1:before {
    content: '\e769'
}

.icon-progress-2:before {
    content: '\e76a'
}

.icon-progress-3:before {
    content: '\e76b'
}

.icon-back-in-time:before {
    content: '\e771'
}

.icon-network:before {
    content: '\e776'
}

.icon-inbox:before {
    content: '\e777'
}

.icon-install:before {
    content: '\e778'
}

.icon-lifebuoy:before {
    content: '\e788'
}

.icon-mouse:before {
    content: '\e789'
}

.icon-dot:before {
    content: '\e78b'
}

.icon-dot-2:before {
    content: '\e78c'
}

.icon-dot-3:before {
    content: '\e78d'
}

.icon-suitcase:before {
    content: '\e78e'
}

.icon-flow-cascade:before {
    content: '\e790'
}

.icon-flow-branch:before {
    content: '\e791'
}

.icon-flow-tree:before {
    content: '\e792'
}

.icon-flow-line:before {
    content: '\e793'
}

.icon-flow-parallel:before {
    content: '\e794'
}

.icon-brush:before {
    content: '\e79a'
}

.icon-paper-plane:before {
    content: '\e79b'
}

.icon-magnet:before {
    content: '\e7a1'
}

.icon-gauge:before {
    content: '\e7a2'
}

.icon-traffic-cone:before {
    content: '\e7a3'
}

.icon-cc:before {
    content: '\e7a5'
}

.icon-cc-by:before {
    content: '\e7a6'
}

.icon-cc-nc:before {
    content: '\e7a7'
}

.icon-cc-nc-eu:before {
    content: '\e7a8'
}

.icon-cc-nc-jp:before {
    content: '\e7a9'
}

.icon-cc-sa:before {
    content: '\e7aa'
}

.icon-cc-nd:before {
    content: '\e7ab'
}

.icon-cc-pd:before {
    content: '\e7ac'
}

.icon-cc-zero:before {
    content: '\e7ad'
}

.icon-cc-share:before {
    content: '\e7ae'
}

.icon-cc-remix:before {
    content: '\e7af'
}

.icon-github:before {
    content: '\f300'
}

.icon-github-circled:before {
    content: '\f301'
}

.icon-flickr:before {
    content: '\f303'
}

.icon-flickr-circled:before {
    content: '\f304'
}

.icon-vimeo:before {
    content: '\f306'
}

.icon-vimeo-circled:before {
    content: '\f307'
}

.icon-twitter:before {
    content: '\f309'
}

.icon-twitter-circled:before {
    content: '\f30a'
}

.icon-facebook:before {
    content: '\f30c'
}

.icon-facebook-circled:before {
    content: '\f30d'
}

.icon-facebook-squared:before {
    content: '\f30e'
}

.icon-gplus:before {
    content: '\f30f'
}

.icon-gplus-circled:before {
    content: '\f310'
}

.icon-pinterest:before {
    content: '\f312'
}

.icon-pinterest-circled:before {
    content: '\f313'
}

.icon-tumblr:before {
    content: '\f315'
}

.icon-tumblr-circled:before {
    content: '\f316'
}

.icon-linkedin:before {
    content: '\f318'
}

.icon-linkedin-circled:before {
    content: '\f319'
}

.icon-dribbble:before {
    content: '\f31b'
}

.icon-dribbble-circled:before {
    content: '\f31c'
}

.icon-stumbleupon:before {
    content: '\f31e'
}

.icon-stumbleupon-circled:before {
    content: '\f31f'
}

.icon-lastfm:before {
    content: '\f321'
}

.icon-lastfm-circled:before {
    content: '\f322'
}

.icon-rdio:before {
    content: '\f324'
}

.icon-rdio-circled:before {
    content: '\f325'
}

.icon-spotify:before {
    content: '\f327'
}

.icon-spotify-circled:before {
    content: '\f328'
}

.icon-qq:before {
    content: '\f32a'
}

.icon-instagram:before {
    content: '\f32d'
}

.icon-dropbox:before {
    content: '\f330'
}

.icon-evernote:before {
    content: '\f333'
}

.icon-flattr:before {
    content: '\f336'
}

.icon-skype:before {
    content: '\f339'
}

.icon-skype-circled:before {
    content: '\f33a'
}

.icon-renren:before {
    content: '\f33c'
}

.icon-sina-weibo:before {
    content: '\f33f'
}

.icon-paypal:before {
    content: '\f342'
}

.icon-picasa:before {
    content: '\f345'
}

.icon-soundcloud:before {
    content: '\f348'
}

.icon-mixi:before {
    content: '\f34b'
}

.icon-behance:before {
    content: '\f34e'
}

.icon-google-circles:before {
    content: '\f351'
}

.icon-vkontakte:before {
    content: '\f354'
}

.icon-smashing:before {
    content: '\f357'
}

.icon-db-shape:before {
    content: '\f600'
}

.icon-sweden:before {
    content: '\f601'
}

.icon-logo-db:before {
    content: '\f603'
}

.icon-picture:before {
    content: '🌄'
}

.icon-globe:before {
    content: '🌎'
}

.icon-leaf:before {
    content: '🍂'
}

.icon-graduation-cap:before {
    content: '🎓'
}

.icon-mic:before {
    content: '🎤'
}

.icon-palette:before {
    content: '🎨'
}

.icon-ticket:before {
    content: '🎫'
}

.icon-video:before {
    content: '🎬'
}

.icon-target:before {
    content: '🎯'
}

.icon-music:before {
    content: '🎵'
}

.icon-trophy:before {
    content: '🏆'
}

.icon-thumbs-up:before {
    content: '👍'
}

.icon-thumbs-down:before {
    content: '👎'
}

.icon-bag:before {
    content: '👜'
}

.icon-user:before {
    content: '👤'
}

.icon-users:before {
    content: '👥'
}

.icon-lamp:before {
    content: '💡'
}

.icon-alert:before {
    content: '💥'
}

.icon-water:before {
    content: '💦'
}

.icon-droplet:before {
    content: '💧'
}

.icon-credit-card:before {
    content: '💳'
}

.icon-monitor:before {
    content: '💻'
}

.icon-briefcase:before {
    content: '💼'
}

.icon-floppy:before {
    content: '💾'
}

.icon-cd:before {
    content: '💿'
}

.icon-folder:before {
    content: '📁'
}

.icon-doc-text:before {
    content: '📄'
}

.icon-calendar:before {
    content: '📅'
}

.icon-chart-line:before {
    content: '📈'
}

.icon-chart-bar:before {
    content: '📊'
}

.icon-clipboard:before {
    content: '📋'
}

.icon-attach:before {
    content: '📎'
}

.icon-bookmarks:before {
    content: '📑'
}

.icon-book:before {
    content: '📕'
}

.icon-book-open:before {
    content: '📖'
}

.icon-phone:before {
    content: '📞'
}

.icon-megaphone:before {
    content: '📣'
}

.icon-upload:before {
    content: '📤'
}

.icon-download:before {
    content: '📥'
}

.icon-box:before {
    content: '📦'
}

.icon-newspaper:before {
    content: '📰'
}

.icon-mobile:before {
    content: '📱'
}

.icon-signal:before {
    content: '📶'
}

.icon-camera:before {
    content: '📷'
}

.icon-shuffle:before {
    content: '🔀'
}

.icon-loop:before {
    content: '🔁'
}

.icon-arrows-ccw:before {
    content: '🔄'
}

.icon-light-down:before {
    content: '🔅'
}

.icon-light-up:before {
    content: '🔆'
}

.icon-mute:before {
    content: '🔇'
}

.icon-sound:before {
    content: '🔊'
}

.icon-battery:before {
    content: '🔋'
}

.icon-search:before {
    content: '🔍'
}

.icon-key:before {
    content: '🔑'
}

.icon-lock:before {
    content: '🔒'
}

.icon-lock-open:before {
    content: '🔓'
}

.icon-bell:before {
    content: '🔔'
}

.icon-bookmark:before {
    content: '🔖'
}

.icon-link:before {
    content: '🔗'
}

.icon-back:before {
    content: '🔙'
}

.icon-flashlight:before {
    content: '🔦'
}

.icon-chart-area:before {
    content: '🔾'
}

.icon-clock:before {
    content: '🕔'
}

.icon-rocket:before {
    content: '🚀'
}

.icon-block:before {
    content: '🚫'
}

body {
    background: #fff;
    color: #424242;
    font: normal 15px "Raleway", arial, sans-serif;
    font-weight: 300
}

section {
    overflow: hidden
}

::selection {
    background: #060606;
    color: #fff
}

::-moz-selection {
    background: #060606;
    color: #fff
}

#loading {
    display: none
}

p {
    color: #424242;
    line-height: 1.6em;
    margin: 0 0 20px
}

em {
    font-style: italic
}

strong {
    font-weight: 400
}

small {
    font-size: .8em
}

.small {
    font-size: .8em
}

.post-body ul, .unordered-list {
    margin-bottom: 20px
}

.post-body ul li, .unordered-list li {
    margin-bottom: 5px
}

.post-body ul li:before, .unordered-list li:before {
    content: "∙";
    margin-right: 5px
}

blockquote {
    background: #f9f9f9;
    padding: 15px 0 15px 30px;
    border-left: 2px solid #e9e9e9;
    font-style: italic;
    margin-bottom: 20px
}

code {
    display: block;
    clear: both;
    overflow: auto;
    padding: 10px 20px 20px 20px;
    white-space: pre;
    background-color: #f9f9f9;
    border: 1px solid #e9e9e9;
    font: 12px "Andale Mono", Courier, "Courier New", monospace;
    margin-bottom: 20px
}

h1, h2, h3, h4, h5, h6 {
    color: #060606;
    font-style: normal;
    font-weight: 300;
    line-height: 1.17em;
    margin: 0 0 20px
}

h1 {
    font-size: 3.46666666667em;
    text-transform: uppercase;
    letter-spacing: .20em
}

h2 {
    font-size: 2.4em;
    text-transform: uppercase;
    letter-spacing: .05em;
	font-weight: 700;
}

h3 {
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: .20em;
    font-weight: 300
}

h4 {
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 700
}

h5 {
    font-size: 1em;
    font-weight: 300
}

h6 {
    font-size: .8em;
    text-transform: uppercase;
    font-weight: 300
}

.dark p, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
    color: #fff
}

.dark a {
    color: #fff !important
}

a, a:visited {
    font-weight: 400;
    text-decoration: none
}

.button {
    display: inline-block;
    padding: 20px 55px;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: .20em;
    font-weight: 400;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.dark .button {
    border: 1px solid #fff !important
}

.dark .button:hover {
    background: rgba(255, 255, 255, .1);
    filter: alpha(opacity=50)
}

.button.no-border {
    border: none !important;
    padding: 20px 0
}

.button.no-border:hover {
    border: none !important;
    background: transparent;
    opacity: .7;
    filter: alpha(opacity=70)
}

.button .icon {
    display: inline-block;
    margin-left: 17px;
    margin-bottom: -6px;
    width: 26px;
    height: 26px;
    cursor: pointer;
    background: url(../images/right.png) no-repeat center center
}

.content {
    padding-top: 100px;
    text-align: center
}

.content.padded {
    padding-bottom: 100px
}

.parallax {
    width: 100%;
    background-attachment: fixed;
    background-position: 50% 0;
	
	
}

@media only screen and (min-width:1930px) {
    .parallax {
        background-size: cover;
    }
}

.parallax.black {
    background-color: #060606
}

.parallax.no-parallax {
    background-size: cover !important;
    background-attachment: scroll !important;
    background-position: center !important
}

.parallax-bg1 {
    background-image: url(../images/hero.jpg)
}

.parallax-bg2 {
    background-image: url(../images/services.jpg)
}

.parallax-bg3 {
    background-image: url(../images/clients.jpg)
}

.title {
    text-align: center
}

.sub-heading {
    margin: 48px auto;
    max-width: 630px
}

.border {
    display: block;
    width: 80px;
    height: 2px;
    background: #060606;
    margin: 0 auto
}

.dark .border {
    background: #fff
}

nav {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    padding: 15px 0;
    z-index: 999;
	border-bottom:1px solid rgba(0, 0, 0, 0.1)
}

.logo {
    width: 35%;
    margin-left: 5%;
    float: left
}

.navigation {
    display: none
}

.desktop.navigation {
    display: block !important;
    width: 55%;
    margin-right: 5%;
    float: left;
	margin-top:15px;
}

.desktop.navigation .nav-content {
    float: right
}

.desktop.navigation .nav-content li {
    float: left;
    margin-right: 45px;
    line-height: 30px
}

.desktop.navigation .nav-content a {
    color: #060606;
    text-transform: uppercase;
    font-size: .8em;
    opacity: .5;
    filter: alpha(opacity=50)
}

.desktop.navigation .nav-content a:hover, .desktop.navigation .nav-content a.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.desktop.navigation .nav-content li:last-of-type {
    margin-right: 0
}

.mobile.navigation {
    display: none;
    width: 90%;
    margin: 0 5%;
    float: left
}

.mobile.navigation .nav-content {
    float: left;
    width: 100%
}

.mobile.navigation .nav-content li {
    display: block;
    width: 100%;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #f0f0f0
}

.mobile.navigation .nav-content li:first-of-type {
    border-top: 0
}

.mobile.navigation .nav-content a {
    display: block;
    color: #060606;
    text-transform: uppercase;
    font-size: .8em
}

.nav-button {
    display: none;
    width: 26px;
    height: 30px;
    background: transparent;
    padding: 0;
    margin-right: 5%;
    float: right;
    border: 0;
    cursor: pointer;
	margin-top: 13px;
}

.icon-bar {
    display: block;
    float: left;
    width: 100%;
    height: 3px;
    margin-top: 3px;
    background: #060606
}

.hero {
    text-align: center;
    background-size: cover
}

.hero .content {
    padding-top: 0
}

.ticker {
    overflow: hidden;
    height: 90px;
    vertical-align: baseline
}

.ticker h1 {
    margin-bottom: 0;
    height: 90px;
    -webkit-transition: margin-top .5s ease-in-out;
    -moz-transition: margin-top .5s ease-in-out;
    -o-transition: margin-top .5s ease-in-out;
    transition: margin-top .5s ease-in-out
}

.call-to-action {
    padding-top: 20px
}

.call-to-action li {
    display: inline-block;
    margin-right: 55px
}

.call-to-action li:last-of-type {
    margin-right: 0
}

.icons .overview {
    position: relative;
    float: left;
    width: 16.6666666667%;
    text-align: center;
    overflow: visible
}

.icon {
    display: inline-block;
    width: 64px;
    height: 64px;
    cursor: help;
    margin-bottom: 20px
}

.icon.ux {
    background: url(../images/ux.png) no-repeat top;
    background-size: 64px 128px
}

.icon.design {
    background: url(../images/design.png) no-repeat top;
    background-size: 64px 128px
}

.icon.seo {
    background: url(../images/seo.png) no-repeat top;
    background-size: 64px 128px
}

.icon.social {
    background: url(../images/social.png) no-repeat top;
    background-size: 64px 128px
}

.icon.tech {
    background: url(../images/tech.png) no-repeat top;
    background-size: 64px 128px
}

.icon.commerce {
    background: url(../images/commerce.png) no-repeat top;
    background-size: 64px 128px
}

.icon.config {
    background: url(../images/config.png) no-repeat top;
    background-size: 64px 128px
}

.icon.heart {
    background: url(../images/heart.png) no-repeat top;
    background-size: 64px 128px
}

.icon.coffee {
    background: url(../images/coffee.png) no-repeat top;
    background-size: 64px 128px
}

.icon.plane {
    background: url(../images/plane.png) no-repeat top;
    background-size: 64px 128px
}

.icon.calculator {
    background: url(../images/calculator.png) no-repeat top;
    background-size: 64px 128px
}

.icon.portfolio {
    background: url(../images/portfolio.png) no-repeat top;
    background-size: 64px 128px
}

.icon:hover {
    background-position: bottom
}

.tooltip {
    display: none;
    position: absolute;
    width: 260px;
    background: #060606;
    background: rgba(6, 6, 6, .85);
    top: auto;
    bottom: 100%;
    left: 50%;
    margin-left: -130px;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.feature-list {
    font-style: italic;
    font-weight: 300;
    font-size: .9333333333333em;
    color: #fff;
    color: rgba(255, 255, 255, .90) !important;
    text-align: left;
    color: #fff
}

.list-dot {
    display: inline-block;
    margin-right: 15px;
    width: 7px;
    height: 7px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px
}

.feature-list li {
    padding-bottom: 10px
}


.roundcity {
	width: 200px;
	padding-top:80px;
    height:200px;
	display:block;
	color:#FFFFFF;
	margin:0 auto 0 auto;
	background-image:url(../images/circle.png);
}

.roundcity h6 em {
	color:#FFF;
}

.roundcity:hover {
	width: 200px;
	padding-top:80px;
    height:200px;
	color:#000000;
	display:block;
	margin:0 auto 0 auto;
	background-image:url(../images/circle_filled.png);
}

.roundcity:hover h4 {
	color:#000;
}
.roundcity:hover h6 em {
	color:#000;
}

.arrow-down {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: auto;
    bottom: 100%;
    margin-bottom: 22px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid rgba(6, 6, 6, .85)
}

.visible {
    display: block
}

.portfolio {
    width: 100%
}

.projectlist {
    margin-top: 50px;
    background: transparent
}

.projectlist li {
    width: 25%;
    float: left
}

.projectlist a {
    display: block;
    padding-bottom: 85px;
    position: relative
}

.projectlist a:hover {
    cursor: url('../images/more.cur'), crosshair;
    cursor: url('../images/more.png') 40 40, crosshair
}

.projectlist a img {
    width: 100%
}

.projectinfo {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 100
}

.meta {
    position: absolute;
    bottom: 0;
    margin-bottom: 25px;
    width: 100%;
    text-align: center
}

.meta h4, .project-title h4 {
    margin-bottom: 6px
}

.meta h6, .project-title h6 {
    margin-bottom: 0
}

.meta em, .project-title em {
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    text-transform: lowercase;
    color: #424242
}

.projectlist a:hover .meta h4, .projectlist a:hover .meta em {
    color: #fff !important
}

.projectlist .mix {
    opacity: 0;
    display: none
}

.filtering {
    margin-top: 50px
}

.filtering li {
    margin-right: 10px
}

.filtering li:after {
    content: "/";
    color: #898989;
    padding-left: 15px
}

.filtering li:last-of-type:after {
    content: ""
}

.filter {
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    text-transform: lowercase;
    color: #424242;
    cursor: pointer;
    display: inline-block
}

.ajax-section {
    position: relative
}

.loader {
    display: none;
    background: #fff url(../images/loading.gif) no-repeat center 250px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 200
}

.project-hero {
    position: relative
}

.closeProject {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
    z-index: 200
}

.nextProject {
    position: absolute;
    top: 67%;
    right: -100px;
    z-index: 200
}

.prevProject {
    position: absolute;
    top: 67%;
    left: -100px;
    z-index: 200
}

#ajaxpage {
    padding-top: 50px;
    padding-bottom: 50px
}

.nextProject a, .prevProject a {
    display: block;
    width: 20px;
    height: 48px;
    opacity: .4;
    filter: alpha(opacity=40)
}

.nextProject a:hover, .prevProject a:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.nextProject a {
    background: url(../images/project-next.png) no-repeat center center
}

.prevProject a {
    background: url(../images/project-prev.png) no-repeat center center
}

.nextProject a.disabled, .prevProject a.disabled {
    display: none
}

.slider img {
    width: 100%
}

.slider-pager {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px
}

.small-border {
    display: block;
    width: 150px;
    margin: 0 auto;
    height: 1px;
    background: #e9e9e9
}

.bx-pager-item {
    display: inline-block
}

.bx-pager-link {
    display: inline-block;
    text-indent: -999em;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background: url(../images/pager.png) no-repeat top center;
    background-size: 12px 24px
}

.bx-pager-link.active {
    background: url(../images/pager-active.png) no-repeat top center;
    background-size: 12px 12px
}

.bx-pager-link:hover {
    background-position: bottom
}

.project-title {
    text-align: center;
    padding: 25px 0 50px
}

.project-info {
    border-bottom: 1px solid #e9e9e9
}

.project-info h6 {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
    margin-bottom: 20px
}

i.icon-remove {
    display: block;
    width: 26px;
    height: 26px;
    background: url(../images/close.png) no-repeat;
    background-size: 26px 26px;
    filter: alpha(opacity=50);
    opacity: .5
}

i.icon-remove:hover {
    filter: alpha(opacity=100);
    opacity: 1
}

.project-gallery-next .bx-next, .project-gallery-prev .bx-prev {
    position: absolute;
    top: 45%;
    opacity: .5;
    filter: alpha(opacity=50);
    right: auto;
    left: auto;
    text-indent: -999em;
    width: 34px;
    height: 36px;
    margin-top: -18px
}

.project-gallery-next .bx-next {
    background: #fff url('../images/project-gallery-next.png') no-repeat center center;
    background-size: 22px 22px;
    right: 0;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.project-gallery-prev .bx-prev {
    background: #fff url('../images/project-gallery-prev.png') no-repeat center center;
    background-size: 22px 22px;
    left: 0;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.team-list {
    text-align: center;
    padding: 50px 0 30px;
    float: left
}

.name {
    width: 100%
}

.name h4 {
    margin-bottom: 6px
}

.name h6 {
    margin-bottom: 20px
}

.name em {
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    text-transform: lowercase;
    color: #424242
}



.barname {
    width: 100%
}

.barname h4 {
    margin-bottom: 6px;
	font-size:2.4em;
}

.barname h6 {
    margin-bottom: 20px;
	font-size:1em;
}

.barname em {
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    text-transform: lowercase;
    color: #424242
}


.openinghours {
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    text-transform: lowercase;
    color: #424242
}

.social-list li {
    display: inline-block
}

.social-icon.small {
    display: inline-block;
    width: 26px;
    height: 26px;
    filter: alpha(opacity=50);
    opacity: .5
}

.social-icon.small:hover {
    filter: alpha(opacity=100);
    opacity: 1
}

.social-icon.small.facebook {
    background: url(../images/facebook-small.png) no-repeat center center;
    background-size: 26px 26px
}

.social-icon.small.twitter {
    background: url(../images/twitter-small.png) no-repeat center center;
    background-size: 26px 26px
}

.social-icon.small.google {
    background: url(../images/google-small.png) no-repeat center center;
    background-size: 26px 26px
}

.social-icon.small.behance {
    background: url(../images/behance-small.png) no-repeat center center;
    background-size: 26px 26px
}

.social-icon.small.linkedin {
    background: url(../images/linkedin-small.png) no-repeat center center;
    background-size: 26px 26px
}

.value {
    display: block;
    color: #fff;
    font-size: 52px;
    font-weight: 300;
    padding-bottom: 20px;
    padding-top: 50px
}

.subscribe {
    padding-top: 30px
}

#bx-pager {
    margin-top: 50px
}

#bx-pager li {
    width: 25%;
    float: left;
    text-align: center
}

#bx-pager a img {
    opacity: .4;
    filter: alpha(opacity=40)
}

#bx-pager a:hover img, #bx-pager a.active img {
    opacity: 1;
    filter: alpha(opacity=100)
}

.bxslider {
    text-align: center;
    padding-top: 35px
}

.bxslider h3 {
    line-height: 1.6em
}

.bxslider h6 {
    margin-bottom: 35px;
    color: #8f8f8f
}

.bx-next, .bx-prev {
    position: absolute;
    display: block;
    text-indent: -999em;
    top: 60%;
    width: 20px;
    height: 48px;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

.bx-next:hover, .bx-prev:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.bx-next {
    right: -100px;
    background: url(../images/next.png) no-repeat center center
}

.bx-prev {
    left: -100px;
    background: url(../images/prev.png) no-repeat center center
}

footer {
    width: 100%;
    background: #060606
}

.contact {
    text-align: center
}

.contact ::selection {
    background: #fff;
    color: #060606
}

.contact ::-moz-selection {
    background: #fff;
    color: #060606
}

.contact li img {
    margin-bottom: 15px
}

.contact li:nth-child(1) {
    font-size: .9333333333333em;
    opacity: .5;
    filter: alpha(opacity=50)
}

.contact a {
    display: block;
    font-size: .9333333333333em;
    font-weight: 300;
    margin-bottom: 20px;
    opacity: .5;
    filter: alpha(opacity=50)
}

.contact a:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.contact-heading {
    margin-top: 30px
}

#contact-form {
    position: relative;
    display: none;
    text-align: center;
    width: 100%;
    background: #060606;
    padding: 20px 0 50px 0;
    margin-top: 20px
}

.form-field label {
    display: block;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 12px;
    font-size: .8em;
    text-transform: uppercase;
    color: #1e1e1e
}

.form-field span input, .form-field span textarea {
    outline: 0;
    padding: 0 10px;
    width: 100%;
    height: 35px;
    background: #f2f2f2;
	border: 1px solid #808080;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #949494;
    font-family: 'Raleway', helvetica, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 1em;
    -webkit-transition: background .33s linear;
    -moz-transition: background .33s linear;
    -o-transition: background .33s linear;
    transition: background .33s linear;
	text-align:center;
}

.form-field span input:focus, .form-field span textarea:focus {
    background: #FFF;
    -webkit-transition: background .33s linear;
    -moz-transition: background .33s linear;
    -o-transition: background .33s linear;
    transition: background .33s linear;
	border: 1px solid #1e1e1e;
}

.form-field span textarea {
    overflow: auto;
    height: 180px;
    padding: 18px
}

.form-click input {
    margin-top: 50px;
    border: 0;
    display: block;
    width: 100%;
    outline: 0;
    cursor: pointer;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    -webkit-appearance: none;
    font-size: 1em;
    font-family: 'Raleway', helvetica, arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFFFFF !important;
    background: #1e1e1e;
    line-height: 100%;
    padding: 12px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.form-click input:hover {
    text-decoration: none;
    color: #060606 !important;
    background: #fff
}


select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 0px;
    -moz-padding-end: 0px;
    -webkit-padding-start: 20px;
    -moz-padding-start: 20px;
    background-color: #f2f2f2; /* fallback color if gradients are not supported */
    background-image: url(../images/arrow_down.png);
    background-position: center right 10px;
    background-repeat: no-repeat;
    box-shadow: none;
    font-size: inherit;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;	
	
	padding: 0 10px;
    width: 100%;
    height: 35px;
	border: 1px solid #808080;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #1e1e1e;
    font-family: 'Raleway', helvetica, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 1em;
    -webkit-transition: background .33s linear;
    -moz-transition: background .33s linear;
    -o-transition: background .33s linear;
    transition: background .33s linear;
	text-align:center;
	
	-moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
	
	
}


.subscribe input.text {
    display: inline-block;
    outline: 0;
    -webkit-appearance: none;
    width: 340px;
    padding: 20px 0 20px 15px;
    background: transparent;
    border: 1px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font: 1em "Raleway";
    color: #fff;
    margin-bottom: 20px
}

.subscribe input.submit {
    border: 0;
    display: inline-block;
    outline: 0;
    cursor: pointer;
	background-color:#ee3b16;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-decoration: none;
    -webkit-appearance: none;
    font: 1em "Raleway";
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #fff;
    margin-left: 10px;
    padding: 20px 55px;
    margin-bottom: 20px;
    letter-spacing: .20em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.subscribe input.text::-ms-clear {
    display: none
}

.subscribe input.submit:hover {
    background-color:#1e1e1e;
}

.loader {
    margin-top: 15px
}

#alert {
    display: none;
    margin-top: 30px
}

.notification {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    padding: 10px 18px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.subscribe .notification {
    display: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 620px
}

.notification p {
    line-height: 26px;
    display: block;
    padding: 0;
    margin: 0;
    text-align: left;
    text-indent: 45px
}

.notification.success {
    border: 1px solid #fff;
    background: rgba(255, 255, 255, .05)
}

.notification.success p {
    background: url(../images/tick.png) no-repeat;
    background-size: 26px 26px;
    color: #fff
}

.notification.error {
    border: 1px solid #fff;
    background: rgba(255, 255, 255, .05)
}

.notification.error p {
    background: url(../images/cross.png) no-repeat;
    background-size: 26px 26px;
    color: #fff
}

.social-links {
    text-align: center;
    margin-top: 50px
}

.social-links li {
    display: inline-block;
    margin-right: 15px
}

.social-links li:last-of-type {
    margin-right: 0
}

.social-links a {
    display: block
}

.social-links a:hover {
    opacity: .5;
    filter: alpha(opacity=50)
}

.copyright {
    margin-top: 50px;
    margin-bottom: 10px;
    text-align: center
}

.copyright h6 {
    color: #77777a;
    letter-spacing: .20em
}

#blog {
    margin-top: 30px
}

.post {
    position: relative;
    text-align: left;
    margin-top: 50px;
    padding: 0 0 30px 70px;
    border-bottom: 1px solid #e9e9e9
}

.post-media {
    position: relative
}

.post-media img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.post .date {
    position: absolute;
    text-align: center;
    width: 40px;
    padding-bottom: 10px;
    top: 0;
    left: 0;
    text-transform: uppercase;
    font-size: 1.6em;
    letter-spacing: .2em;
    line-height: .8em;
    border-bottom: 1px solid #e9e9e9
}

.post .date small {
    font-size: .5833333333333333em
}

.post-title h2 {
    padding-top: 20px;
    text-transform: none;
    letter-spacing: normal
}

.post.quote .post-title h2, .post.link .post-title h2 {
    font-size: 1em !important;
    text-transform: uppercase;
    letter-spacing: .20em;
    padding: 0
}

.post-title a {
    color: #060606 !important
}

.post-meta h6, .post-meta a {
    color: #a4a4a3 !important
}

.gallery-next, .gallery-prev {
    position: absolute;
    z-index: 100;
    display: block;
    bottom: 10px
}

.gallery-next {
    right: 10px
}

.gallery-prev {
    right: 37px
}

.gallery-next .bx-next, .gallery-prev .bx-prev {
    position: static;
    width: auto;
    height: auto;
    top: auto;
    opacity: 1;
    filter: alpha(opacity=100);
    right: auto;
    left: auto;
    text-indent: -999em;
    width: 22px;
    height: 22px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.gallery-next .bx-next {
    background: #060606 url('../../css/../images/blog/next.png') no-repeat;
    background-size: 22px 22px
}

.gallery-prev .bx-prev {
    background: #060606 url('../../css/../images/blog/prev.png') no-repeat;
    background-size: 22px 22px
}

.widget {
    text-align: left;
    margin-top: 50px
}

.search {
    border: 0;
    float: left;
    outline: 0;
    padding: 0 0 0 10px;
    width: 80%;
    height: 40px;
    background: #fff;
    color: #aaa;
    border-bottom: 2px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    -webkit-appearance: none;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.search-submit {
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    outline: 0;
    cursor: pointer;
    width: 20%;
    height: 40px;
    text-indent: -999em;
    background: #fff url(../../css/../images/blog/search.png) no-repeat center center;
    background-size: 16px 16px;
    text-decoration: none;
    -webkit-appearance: none;
    border: 1px solid #e9e9e9;
    border-bottom: 2px solid #e9e9e9;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.textwidget {
    font-size: .8666666666667em;
    line-height: 1.6em
}

.cat-item, .recentcomments {
    font-size: .8666666666667em;
    padding-bottom: 8px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e9e9e9
}

.cat-item a, .recentcomments a {
    color: #060606 !important;
    font-weight: 400
}

.tagcloud a {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: .8em;
    text-transform: uppercase;
    padding: 5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.widget-archive a, .widget-recent-entries a {
    color: #060606 !important;
    font-weight: 400;
    font-size: .8666666666667em;
    display: block;
    padding-bottom: 8px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e9e9e9
}

#comments {
    text-align: left;
    padding-top: 50px
}

#comments-title {
    margin-left: 70px;
    border-bottom: 2px solid #e9e9e9;
    padding-bottom: 30px;
    margin-bottom: 5px
}

.comment {
    float: left
}

.comment-body {
    position: relative;
    margin-left: 70px;
    border-top: 1px solid #e9e9e9;
    padding-top: 30px
}

.comment-author {
    position: absolute;
    top: 30px;
    left: -70px
}

.comment-author img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.comment .children {
    margin-left: 70px
}

.fn {
    display: block;
    margin-bottom: 10px
}

.comment-meta, .comment-meta a {
    color: #a4a4a3 !important
}

#respond {
    margin-left: 70px;
    margin-top: 50px
}

#reply-title {
    border-bottom: 2px solid #e9e9e9;
    padding-bottom: 30px;
    margin-bottom: 5px
}

.comment-reply-form {
    border-top: 1px solid #e9e9e9
}

.comment-notes {
    margin-top: 10px;
    color: #a4a4a3
}

.control-group label, .control-group .controls {
    display: inline-block
}

.control-group label {
    margin-left: 10px;
    font-weight: 400
}

.control-group .controls input {
    margin-top: 15px;
    border: 0;
    outline: 0;
    height: 35px;
    background: #fff;
    padding-left: 15px;
    color: #a4a4a3;
    text-decoration: none;
    border: 1px solid #e9e9e9;
    border-bottom: 2px solid #e9e9e9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.control-group .controls textarea {
    margin-top: 15px;
    border: 0;
    outline: 0;
    height: 180px;
    background: #fff;
    padding-left: 15px;
    padding-top: 15px;
    color: #a4a4a3;
    text-decoration: none;
    border: 1px solid #e9e9e9;
    border-bottom: 2px solid #e9e9e9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.controls button {
    border: 0;
    outline: 0;
    padding: 0;
    margin: 0;
    outline: 0;
    -webkit-appearance: none;
    background: #fff;
    cursor: pointer;
    margin-top: 15px;
    font-size: .8em;
    text-transform: uppercase;
    font-family: inherit;
    padding: 10px 20px;
    color: #a4a4a3;
    border: 1px solid #e9e9e9;
    border-bottom: 2px solid #e9e9e9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff
}

.controls button:hover {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f5f5f5));
    background: -webkit-linear-gradient(top, #fff 0, #f5f5f5 100%);
    background: -o-linear-gradient(top, #fff 0, #f5f5f5 100%);
    background: -ms-linear-gradient(top, #fff 0, #f5f5f5 100%);
    background: linear-gradient(top, #fff 0, #f5f5f5 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0)
}

.slider-cover {
    width: 100%;
    background: #fff
}

#vegas-next, #vegas-prev {
    position: absolute;
    display: block;
    text-indent: -999em;
    width: 20px;
    height: 48px;
    cursor: pointer;
    top: 50%;
    margin-top: -24px
}

#vegas-next:hover, #vegas-prev:hover {
    opacity: .5;
    filter: alpha(opacity=50)
}

#vegas-next {
    right: -100px;
    background: url(../images/next.png) no-repeat center center
}

#vegas-prev {
    left: -100px;
    background: url(../images/prev.png) no-repeat center center
}

.vegas-loading {
    display: none
}

.vegas-overlay {
    background: transparent url(../images/01.png);
    opacity: .5;
    z-index: -1
}

.vegas-background {
    -ms-interpolation-mode: bicubic;
    image-rendering: optimizeQuality;
    max-width: none !important;
    z-index: -2
}

.vegas-overlay, .vegas-background {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#big-video-wrap {
    overflow: hidden;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -2
}

#big-video-vid, #big-video-image {
    position: absolute
}

#big-video-control-container {
    position: fixed;
    bottom: 20px;
    padding: 0 20px;
    width: 100%;
    -webkit-transition-duration: .6s;
    -moz-transition-duration: .6s;
    -ms-transition-duration: .6s;
    -o-transition-duration: .6s;
    transition-duration: .6s
}

#big-video-control {
    width: 100%;
    height: 16px;
    position: relative
}

#big-video-control-middle {
    margin: 0 56px 0 24px
}

#big-video-control-bar {
    width: 100%;
    height: 16px;
    position: relative;
    cursor: pointer
}

#big-video-control-progress {
    position: absolute;
    top: 7px;
    height: 3px;
    width: 0;
    background: #fff
}

#big-video-control-track {
    position: absolute;
    top: 8px;
    height: 1px;
    width: 100%;
    background: #fff
}

#big-video-control-bound-left {
    left: 0
}

#big-video-control-bound-right {
    right: -1px
}

#big-video-control-track .ui-slider-handle {
    opacity: 0
}

#big-video-control-playhead {
    left: 30%
}

#big-video-control-play {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-image: url('../../css/bigvideo.png')
}

#big-video-control-timer {
    position: absolute;
    top: 1px;
    right: 0;
    color: #fff;
    font-size: 11px
}

#big-video-control-playhead, #big-video-control-bound-left, #big-video-control-bound-right {
    position: absolute;
    top: 0;
    height: 16px;
    width: 1px;
    background: #fff
}

#big-video-control .ui-slider-handle {
    border-left: solid 1px #fff;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -8px
}

.transparent {
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.vjs-big-play-button {
    display: none !important
}

#customizer {
    position: fixed;
    top: 64px;
    right: 0;
    z-index: 9999;
    height: 100%
}

.corner {
    display: block;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background: url('../images/corner.png') no-repeat;
    position: absolute;
    top: 0;
    right: 0
}

.cog {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 5px;
    left: 24px;
    background: url('../images/switcher.gif') no-repeat
}

#options {
    display: none;
    width: 250px;
    background: #fff;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 30px 25px 10px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px
}

.heading {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 15px;
    margin-bottom: 20px
}

#options h6 {
    color: #5c5c5c;
    margin-bottom: 10px
}

.options-segment {
    margin-bottom: 20px
}

.customize-button {
    display: inline-block;
    margin: 0;
    font-size: 12px;
    color: #5c5c5c !important;
    background: #f7f7f7;
    border: 1px solid #e9e9e9;
    padding: 3px 7px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 5px
}

.customize-button:hover {
    background: #fff
}

.customize-button:last-of-type {
    margin-right: 0
}

.color-scheme li {
    float: left
}

.color-scheme a {
    display: block;
    height: 20px;
    width: 31px;
    margin: 0 8px 10px 0
}

.red a {
    background: #ee3b16
}

.green a {
    background: #48cfad
}

.blue a {
    background: #4fc1e9
}

.pink a {
    background: #ec87c0
}

.yellow a {
    background: #ffce54
}

.jeans a {
    background: #5d9cec
}

.grape a {
    background: #ed5565
}

.grass a {
    background: #a0d468
}

.lavander a {
    background: #ac92ec
}

.gray a {
    background: #656d78
}

@media only screen and (min-width :1680px) {
    .bx-next {
        right: -250px
    }

    .bx-prev {
        left: -250px
    }

    #nextProject {
        right: -250px
    }

    #prevProject {
        left: -250px
    }
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
    .parallax {
        background-size: cover;
        background-attachment: scroll;
        background-position: top center !important
    }

    .fade, .slide, .entrance, .hatch {
        opacity: 1 !important
    }

    .ae-animation-fade, .ae-animation-slide, .ae-animation-entrance,
    .ae-animation-hatch {
        -webkit-animation-name: none;
        -moz-animation-name: none;
        -o-animation-name: none;
        animation-name: none
    }

    #bx-prev, #bx-next {
        display: none
    }

    #nextProject, #prevProject {
        display: none !important
    }

    .projectlist a:hover .projectinfo {
        background: transparent
    }

    .hero-video {
        background-size: cover;
        background-position: top center
    }

    #customizer {
        display: none
    }
}

@media only screen and (max-width:959px) {
    .nav-button {
        display: block
    }

    .navigation {
        display: none
    }

    .parallax {
        background-size: cover;
        background-attachment: scroll;
        background-position: top center !important
    }

    .content {
        padding-top: 50px
    }

    .content.padded {
        padding-bottom: 50px
    }

    .icons .overview {
        width: 33.3333333333%;
        margin-bottom: 30px
    }

    .icon {
        cursor: pointer
    }

    .projectlist li {
        width: 50%
    }

    .fade, .slide, .entrance, .hatch {
        opacity: 1 !important
    }

    .ae-animation-fade, .ae-animation-slide, .ae-animation-entrance,
    .ae-animation-hatch {
        -webkit-animation-name: none;
        -moz-animation-name: none;
        -o-animation-name: none;
        animation-name: none
    }

    #bx-prev, #bx-next {
        display: none
    }

    #bx-pager {
        margin-top: 20px
    }

    #bx-pager li {
        width: 50%;
        margin-top: 20px
    }

    .social-links {
        margin-top: 30px
    }

    #nextProject, #prevProject {
        display: none !important
    }

    #respond {
        margin-left: 0
    }

    #vegas-prev, #vegas-next {
        display: none
    }

    .tooltip {
        cursor: pointer
    }

    .hero-video {
        background: url(../../css/../video/visia-video-poster.jpg) no-repeat;
        background-size: cover;
        background-position: top center
    }

    #customizer {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .icons .overview {
        width: 50%
    }

    .team-list {
        padding: 30px 0 0
    }

    .team-member {
        padding-bottom: 25px
    }
	.team-member p {
		font-size: .8em;
    }

    #respond {
        padding-bottom: 50px;
        border-bottom: 2px solid #e9e9e9
    }

    .filtering li {
        margin-bottom: 20px
    }

    .value {
        padding-top: 35px
    }

    .subscribe input.submit, .subscribe input.text {
        width: 100%;
        margin-left: 0
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .project-info {
        border-bottom: 0
    }

    .tooltip {
        width: 150%;
        left: 5%;
        margin-left: 0
    }

    .pull-left .tooltip {
        left: -55%
    }
}

@media only screen and (max-width:479px) {
    .call-to-action li {
        margin-right: 0;
        width: 100%
    }

    .projectlist li {
        width: 100%
    }

    #bx-pager li {
        width: 100%
    }

    .project-info {
        border-bottom: 0
    }

    .tooltip {
        width: 180%;
        left: 5%;
        margin-left: 0
    }

    .pull-left .tooltip {
        left: -85%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-moz-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
    .icon.right {
        background: url(../images/right@2x.png) no-repeat center center;
        background-size: 26px 26px
    }

    .icon.ux {
        background: url(../images/ux@2x.png) no-repeat top;
        background-size: 64px 128px
    }

    .icon.design {
        background: url(../images/design@2x.png) no-repeat top;
        background-size: 64px 128px
    }

    .icon.seo {
        background: url(../images/seo@2x.png) no-repeat top;
        background-size: 64px 128px
    }

    .icon.social {
        background: url(../images/social@2x.png) no-repeat top;
        background-size: 64px 128px
    }

    .icon.tech {
        background: url(../images/tech@2x.png) no-repeat top;
        background-size: 64px 128px
    }

    .icon.commerce {
        background: url(../images/commerce@2x.png) no-repeat top;
        background-size: 64px 128px
    }

    .icon.config {
        background: url(../images/config@2x.png) no-repeat top;
        background-size: 64px 128px
    }

    .icon.heart {
        background: url(../images/heart@2x.png) no-repeat top;
        background-size: 64px 128px
    }

    .icon.coffee {
        background: url(../../css/../images/icons/coffee@2x.png) no-repeat top;
        background-size: 64px 128px
    }

    .icon.portfolio {
        background: url(../../css/../images/icons/portfolio@2x.png) no-repeat top;
        background-size: 64px 128px
    }

    .icon.plane {
        background: url(../../css/../images/icons/plane@2x.png) no-repeat top;
        background-size: 64px 128px
    }

    .icon.calculator {
        background: url(../../css/../images/icons/calculator@2x.png) no-repeat top;
        background-size: 64px 128px
    }

    .social-icon.small.facebook {
        background: url(../../css/../images/icons/facebook-small@2x.png) no-repeat center center;
        background-size: 26px 26px
    }

    .social-icon.small.twitter {
        background: url(../../css/../images/icons/twitter-small@2x.png) no-repeat center center;
        background-size: 26px 26px
    }

    .social-icon.small.google {
        background: url(../../css/../images/icons/google-small@2x.png) no-repeat center center;
        background-size: 26px 26px
    }

    .social-icon.small.behance {
        background: url(../../css/../images/icons/behance-small@2x.png) no-repeat center center;
        background-size: 26px 26px
    }

    .social-icon.small.linkedin {
        background: url(../../css/../images/icons/linkedin-small@2x.png) no-repeat center center;
        background-size: 26px 26px
    }

    i.icon-remove {
        background: url(../images/close@2x.png) no-repeat center center;
        background-size: 26px 26px
    }

    .bx-pager-link {
        background: url(../../css/../images/projects/pager@2x.png) no-repeat top center;
        background-size: 12px 24px
    }

    .bx-pager-link.active {
        background: url(../../css/../images/projects/pager-active@2x.png) no-repeat top center;
        background-size: 12px 12px
    }

    .gallery-next .bx-next {
        background: #060606 url('../../css/../images/blog/next@2x.png') no-repeat;
        background-size: 22px 22px
    }

    .gallery-prev .bx-prev {
        background: #060606 url('../../css/../images/blog/prev@2x.png') no-repeat;
        background-size: 22px 22px
    }

    .search-submit {
        background: #fff url(../images/search@2x.png) no-repeat center center;
        background-size: 16px 16px
    }

    .notification.success p {
        background: url(../images/tick@2x.png) no-repeat;
        background-size: 26px 26px
    }

    .notification.error p {
        background: url(../images/cross@2x.png) no-repeat;
        background-size: 26px 26px
    }

    .project-gallery-next .bx-next {
        background: #fff url('../images/project-gallery-next@2x.png') no-repeat center center;
        background-size: 22px 22px
    }

    .project-gallery-prev .bx-prev {
        background: #fff url('../images/project-gallery-prev@2x.png') no-repeat center center;
        background-size: 22px 22px
    }
}

#shortcodes {
    margin-top: 30px
}

.shortcode {
    margin-top: 50px;
    text-align: left
}

.shortcode .shortcode-title {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 15px;
    text-align: center
}

.grid-shortcode {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em;
    background: #f9f9f9;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border: 1px solid #e9e9e9
}

.grid-shortcode:hover {
    cursor: help;
    background: #fff
}

.shortcode .alert {
    margin-bottom: 10px
}

.accordion-title {
    display: block;
    position: relative;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-bottom: 2px solid #e9e9e9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px
}

.accordion-title h5 {
    margin: 0
}

.accordion-title a {
    display: block;
    color: #a4a4a4 !important;
    padding: 15px 0 15px 20px
}

.accordion .accordion-title span {
    position: absolute;
    width: 26px;
    height: 26px;
    background: url('../images/plus-minus.png') 0 0 no-repeat;
    right: 20px;
    top: 10px
}

.accordion .accordion-title.active span {
    background: url('../images/plus-minus.png') 0 -26px no-repeat
}

.accordion .accordion-inner {
    display: none;
    padding: 10px 0 30px 40px;
    font-size: .9em;
    line-height: 1.7em;
    color: #a4a4a4
}

.toggle .toggle-title {
    display: block;
    position: relative;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-bottom: 2px solid #e9e9e9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 15px 0 15px 20px
}

.toggle .toggle-title h5 {
    margin: 0;
    cursor: pointer;
    color: #a4a4a4
}

.toggle .toggle-inner {
    display: none;
    padding: 10px 0 30px 40px;
    font-size: .9em;
    line-height: 1.7em;
    color: #a4a4a4
}

.toggle .toggle-title i {
    position: absolute;
    width: 26px;
    height: 26px;
    background: url('../images/plus-minus.png') 0 0 no-repeat;
    right: 20px;
    top: 10px
}

.toggle .toggle-title.active i {
    background: url('../images/plus-minus.png') 0 -26px no-repeat
}

.tabs li, .tabs p {
    list-style: none;
    float: left
}

.tabs div {
    font-size: .875em;
    padding: 20px;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-bottom: 2px solid #e9e9e9;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.tabs ul li a {
    position: relative;
    top: 1px;
    font-size: .875em;
    color: #a4a4a4 !important;
    display: block;
    padding: 10px 25px;
    border-top: 2px solid transparent
}

.tabs ul li a:hover {
    background: #e9e9e9
}

.tabs ul li.active a {
    background: transparent;
    background: #fff;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #fff;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.alert {
    display: block;
    text-align: left;
    padding: 10px 20px;
    font-size: .875em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.alert.error {
    color: #b3696c;
    background: #f9e5e6;
    border: 1px solid #f7c7c9
}

.alert.success {
    color: #8fa442;
    background: #e3ebc6;
    border: 1px solid #c2d288
}

.alert.info {
    color: #528da9;
    background: #d8ecf5;
    border: 1px solid #9ac9df
}

.alert.notice {
    color: #c4a21b;
    background: #fcf7d9;
    border: 1px solid #f5dc7d
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-moz-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
    .accordion .accordion-title span, .toggle .toggle-title i {
        background: url(../images/plus-minus@2x.png) 0 0 no-repeat;
        background-size: 26px 26px
    }

    .accordion .accordion-title.active span, .toggle .toggle-title.active i {
        background: url(../images/plus-minus@2x.png) 0 -26px no-repeat;
        background-size: 26px 26px
    }
}

a, a:visited {
    color: #ee3b16;
    font-weight: 400;
    text-decoration: none
}

a:hover {
    color: #ffa593
}

.button {
    border: 1px solid #ee3b16
}

.button:hover {
    border: 1px solid #ffa593
}

.post-title a {
    color: #060606
}

.post-title a:hover {
    color: #ee3b16
}

.desktop.navigation .nav-content a:hover, .desktop.navigation .nav-content a.active,
.post-title a:hover, .cat-item a:hover, .widget-archive a:hover, .recentcomments a:hover,
.widget-recent-entries a:hover, .comment-meta a:hover, .required {
    color: #ee3b16 !important
}

.gallery-next .bx-next:hover {
    background: #ee3b16 url('../../css/../images/blog/next.png') no-repeat;
    background-size: 22px 22px
}

.gallery-prev .bx-prev:hover {
    background: #ee3b16 url('../../css/../images/blog/prev.png') no-repeat;
    background-size: 22px 22px
}

.filter.active, .filter:hover {
    color: #ee3b16
}

.tagcloud a {
    border: 1px solid #ee3b16
}

.tagcloud a:hover {
    border: 1px solid #ffa593
}

.tabs ul li.active a {
    border-top: 2px solid #ee3b16
}

.parallax.colored {
    background-color: #ee3b16
}

.list-dot {
    background: #ee3b16
}

.projectlist a:hover .projectinfo {
    background: #ee3b16;
    -webkit-transition: background .33s linear;
    -moz-transition: background .15s linear;
    -o-transition: background .15s linear;
    transition: background .15s linear
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-moz-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
    .gallery-next .bx-next:hover {
        background: #ee3b16 url('../../css/../images/blog/next@2x.png') no-repeat;
        background-size: 22px 22px
    }

    .gallery-prev .bx-prev:hover {
        background: #ee3b16 url('../../css/../images/blog/prev@2x.png') no-repeat;
        background-size: 22px 22px
    }
}

.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-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s
}

@-webkit-keyframes ae-animation-fade {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0) scaleX(0)
    }

    100% {
        opacity: 1;
        -webkit-transform: scaleY(1) scaleX(1)
    }
}

@-moz-keyframes ae-animation-fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes ae-animation-fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes ae-animation-fade {
    0% {
        opacity: 0;
        transform: scaleY(0) scaleX(0)
    }

    100% {
        opacity: 1;
        transform: scaleY(1) scaleX(1)
    }
}

.ae-animation-fade {
    -webkit-animation-name: ae-animation-fade;
    -moz-animation-name: ae-animation-fade;
    -o-animation-name: ae-animation-fade;
    animation-name: ae-animation-fade;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    opacity: 1 !important
}

.fade {
    opacity: 0
}

html.ie9 .fade {
    opacity: 1 !important
}

@-webkit-keyframes ae-animation-slide {
    0% {
        -webkit-transform: translateY(100%)
    }

    100% {
        -webkit-transform: translateY(0%)
    }
}

@-moz-keyframes ae-animation-slide {
    0% {
        -moz-transform: translateY(100%)
    }

    100% {
        -moz-transform: translateY(0%)
    }
}

@-o-keyframes ae-animation-slide {
    0% {
        -o-transform: translateY(100%)
    }

    100% {
        -o-transform: translateY(0%)
    }
}

@keyframes ae-animation-slide {
    0% {
        transform: translateY(100%)
    }

    100% {
        transform: translateY(0%)
    }
}

.ae-animation-slide {
    -webkit-animation-name: ae-animation-slide;
    -moz-animation-name: ae-animation-slide;
    -o-animation-name: ae-animation-slide;
    animation-name: ae-animation-slide;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    opacity: 1 !important
}

.slide {
    opacity: 0
}

html.ie9 .slide {
    opacity: 1 !important
}

@-webkit-keyframes ae-animation-hatch {
    0% {
        -webkit-transform: rotate(0deg) scaleY(0)
    }

    20% {
        -webkit-transform: rotate(-2deg) scaleY(1.05)
    }

    35% {
        -webkit-transform: rotate(2deg) scaleY(1)
    }

    50% {
        -webkit-transform: rotate(-2deg)
    }

    65% {
        -webkit-transform: rotate(1deg)
    }

    80% {
        -webkit-transform: rotate(-1deg)
    }

    100% {
        -webkit-transform: rotate(0deg)
    }
}

@-moz-keyframes ae-animation-hatch {
    0% {
        -moz-transform: rotate(0deg) scaleY(0)
    }

    20% {
        -moz-transform: rotate(-2deg) scaleY(1.05)
    }

    35% {
        -moz-transform: rotate(2deg) scaleY(1)
    }

    50% {
        -moz-transform: rotate(-2deg)
    }

    65% {
        -moz-transform: rotate(1deg)
    }

    80% {
        -moz-transform: rotate(-1deg)
    }

    100% {
        -moz-transform: rotate(0deg)
    }
}

@-o-keyframes ae-animation-hatch {
    0% {
        -o-transform: rotate(0deg) scaleY(0)
    }

    20% {
        -o-transform: rotate(-2deg) scaleY(1.05)
    }

    35% {
        -o-transform: rotate(2deg) scaleY(1)
    }

    50% {
        -o-transform: rotate(-2deg)
    }

    65% {
        -o-transform: rotate(1deg)
    }

    80% {
        -o-transform: rotate(-1deg)
    }

    100% {
        -o-transform: rotate(0deg)
    }
}

@keyframes ae-animation-hatch {
    0% {
        transform: rotate(0deg) scaleY(0)
    }

    20% {
        transform: rotate(-2deg) scaleY(1.05)
    }

    35% {
        transform: rotate(2deg) scaleY(1)
    }

    50% {
        transform: rotate(-2deg)
    }

    65% {
        transform: rotate(1deg)
    }

    80% {
        transform: rotate(-1deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

.ae-animation-hatch {
    -webkit-animation-name: ae-animation-hatch;
    -moz-animation-name: ae-animation-hatch;
    -o-animation-name: ae-animation-hatch;
    animation-name: ae-animation-hatch;
    -webkit-animation-duration: 1.6s;
    -moz-animation-duration: 1.6s;
    -ms-animation-duration: 1.6s;
    -o-animation-duration: 1.6s;
    animation-duration: 1.6s;
    opacity: 1 !important
}

.hatch {
    opacity: 0
}

html.ie9 .hatch {
    opacity: 1 !important
}

@-webkit-keyframes ae-animation-entrance {
    0% {
        -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity: .2
    }

    30% {
        -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
        opacity: 1
    }

    45% {
        -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    60% {
        -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    75% {
        -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    90% {
        -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1
    }
}

@-moz-keyframes ae-animation-entrance {
    0% {
        -moz-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity: .2
    }

    30% {
        -moz-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
        opacity: 1
    }

    45% {
        -moz-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    60% {
        -moz-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    75% {
        -moz-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    90% {
        -moz-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    100% {
        -moz-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1
    }
}

@-o-keyframes ae-animation-entrance {
    0% {
        -o-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity: .2
    }

    30% {
        -o-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
        opacity: 1
    }

    45% {
        -o-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    60% {
        -o-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    75% {
        -o-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    90% {
        -o-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    100% {
        -o-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1
    }
}

@keyframes ae-animation-entrance {
    0% {
        transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity: .2
    }

    30% {
        transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
        opacity: 1
    }

    45% {
        transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    60% {
        transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    75% {
        transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    90% {
        transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    100% {
        transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1
    }
}

.ae-animation-entrance {
    -webkit-animation-name: ae-animation-entrance;
    -moz-animation-name: ae-animation-entrance;
    -o-animation-name: ae-animation-entrance;
    animation-name: ae-animation-entrance;
    -webkit-animation-duration: 1.6s;
    -moz-animation-duration: 1.6s;
    -ms-animation-duration: 1.6s;
    -o-animation-duration: 1.6s;
    animation-duration: 1.6s;
    opacity: 1 !important
}

.entrance {
    opacity: 0
}

html.ie9 .entrance {
    opacity: 1 !important
}

.ie8 .grid-1, .ie8 .grid-2, .ie8 .grid-3, .ie8 .grid-4, .ie8 .grid-5,
.ie8 .grid-6, .ie8 .grid-half, .ie8 .grid-full {
    float: left;
    margin: 0 1.515151515152%
}

.ie8 .grid-1 {
    width: 13.636363636364%
}

.ie8 .grid-2 {
    width: 30.30303030303%
}

.ie8 .grid-3, .ie8 .grid-half {
    width: 46.969696969697%
}

.ie8 .grid-4 {
    width: 63.636363636364%
}

.ie8 .grid-5 {
    width: 80.30303030303%
}

.ie8 .grid-6, .ie8 .grid-full {
    width: 96.969696969697%
}

.ie8 .parallax[style] {
    background-size: cover !important;
    background-attachment: scroll !important;
    background-position: top center !important
}

.ie8 .social-links {
    margin-top: 100px !important
}

.ie8 .copyright {
    margin-top: 30px !important
}

.ie8 #bx-pager a {
    -ms-filter: "alpha(opacity=40)" !important
}

.peFlareLightbox {
    z-index: 10000;
    position: fixed;
    overflow: hidden;
    top: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0px);
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    opacity: 0;
    filter: Alpha(Opacity=0);
    overflow: hidden;
    left: 0;
    display: none;
    zoom: 1
}

.peFlareLightbox img {
    max-width: none !important
}

.peFlareLightbox div, .peFlareLightbox span, .peFlareLightbox img {
    outline: 0;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0
}

.peFlareLightbox.peFlareLightboxActive {
    opacity: 1
}

.peFlareLightbox .peFlareLightboxHidden {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    filter: Alpha(Opacity=0);
    z-index: 1
}

.peFlareLightbox .peFlareLightboxOverlay {
    position: absolute;
    opacity: .8;
    background-color: black;
    filter: Alpha(Opacity=100);
    width: 100%;
    height: 100%;
    z-index: 2
}

.peFlareLightbox .peFlareLightboxContent {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3
}

.peFlareLightbox .peFlareLightboxCaptions {
    -webkit-transform: translateZ(0px);
    -webkit-transition: top .5s;
    -moz-transition: top .5s;
    -o-transition: top .5s;
    -ms-transition: top .5s;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 4
}

.peFlareLightbox .peFlareLightboxThumbs {
    -webkit-transform: translateZ(0px);
    position: absolute;
    width: 100%;
    height: 86px;
    margin-top: 0;
    top: 100%;
    z-index: 5;
    -webkit-transition: margin-top .5s;
    -moz-transition: margin-top .5s;
    -o-transition: margin-top .5s;
    -ms-transition: margin-top .5s
}

.peFlareLightbox .peFlareLightboxVideo {
    -webkit-transform: translateZ(0px);
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    position: absolute;
    background-color: black;
    width: 100%;
    height: 100%;
    z-index: 6;
    opacity: 0;
    visibility: hidden
}

.peFlareLightbox .peFlareLightboxVideo video {
    display: block
}

.peFlareLightbox .peFlareLightboxVideo.peFlareLightboxActive {
    opacity: 1;
    visibility: visible
}

.peFlareLightbox .peFlareLightboxVideo>div, .peFlareLightbox .peFlareLightboxVideo>iframe {
    width: 100%
}

.peFlareLightbox .peFlareLightboxThumbs.peFlareLightboxActive {
    margin-top: -84px
}

.peFlareLightbox .peFlareLightboxThumbs>span {
    overflow: hidden;
    display: block;
    width: 100%;
    height: 50px;
    margin-top: -50px
}

.peFlareLightbox.msie .peFlareLightboxThumbs>span {
    background-color: black;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.peFlareLightbox .peFlareLightboxThumbs>div {
    overflow: hidden;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.5)
}

.peFlareLightbox .peFlareLightboxThumbs>div>div {
    overflow: hidden;
    margin: auto
}

.peFlareLightbox.mobile .peFlareLightboxThumbs>div>div {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s
}

.peFlareLightbox.mobile .peFlareLightboxThumbs>div>div.touchMove {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    -ms-transition: all 0s
}

.peFlareLightbox .peFlareLightboxThumbs>div>div>span {
    width: 90px;
    height: 60px;
    display: block;
    overflow: hidden;
    float: left;
    margin: 10px 0 10px 10px;
    cursor: pointer
}

.peFlareLightbox .peFlareLightboxThumbs>div>span {
    width: 90px;
    height: 60px;
    display: block;
    overflow: hidden;
    float: left;
    margin: 10px 0 10px 10px;
    cursor: pointer
}

.peFlareLightbox .peFlareLightboxThumbs>div>span.loaded {
    background-image: none
}

.peFlareLightbox .peFlareLightboxContent>div {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    -webkit-transform: translateZ(0px);
    position: absolute;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0
}

.peFlareLightbox .peFlareLightboxContent>div.touchMove {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    -ms-transition: all 0s
}

.peFlareLightbox .peFlareLightboxControls {
    -webkit-transform: translateZ(0px);
    z-index: 1000;
    left: 50%;
    position: absolute
}

.peFlareLightbox .peFlareLightboxControls>div {
    position: relative;
    left: -50%
}

.peFlareLightbox .peFlareLightboxControls a {
    display: block;
    float: right;
    margin: 5px 5px 5px 0;
    z-index: 1000
}

.peFlareLightbox .peFlareLightboxSpinner {
    -webkit-transform: translateZ(0px);
    z-index: 1010;
    width: 100%;
    height: 100%;
    position: absolute;
    filter: Alpha(Opacity=100)
}

.peFlareLightbox .peFlareLightboxSpinner span {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 50%;
    margin-left: -12px;
    border-radius: 4px;
    filter: Alpha(Opacity=100)
}

.peFlareLightbox a.peFlareLightboxVideoIcon {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0px);
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    position: absolute;
    z-index: 10;
    cursor: pointer;
    display: block;
    height: 84px;
    width: 84px;
    top: 50%;
    left: 50%;
    display: block;
    visibility: hidden;
    opacity: 0
}

.peFlareLightbox a.peFlareLightboxVideoIcon.peFlareLightboxActive {
    opacity: 1;
    visibility: visible
}

.peFlareLightbox a.peFlareLightboxVideoIcon span {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative;
    display: block;
    width: 84px;
    height: 84px;
    margin-top: -42px;
    margin-left: -42px
}

.peFlareLightbox .peFlareLightboxContent .peFlareLightboxRenderImage img {
    -webkit-transition: all 1s
}

.peFlareLightbox .peFlareLightboxContent>div.peFlareLightboxRenderGallery {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    -ms-transition: all 0s;
    background-color: black;
    filter: Alpha(Opacity=100);
    opacity: 1
}

.peFlareLightbox .peFlareLightboxContent>div.peFlareLightboxRenderGallery img {
    display: block;
    position: absolute;
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateZ(0px)
}

.peFlareLightbox .peFlareLightboxContent>div.peFlareLightboxRenderGallery img.pePrevBW {
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -o-transition: opacity .4s;
    -ms-transition: opacity .4s;
    z-index: 1
}

.peFlareLightbox .peFlareLightboxContent>div.peFlareLightboxRenderGallery img.pePrevColor {
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -o-transition: opacity .4s;
    -ms-transition: opacity .4s;
    z-index: 2
}

.peFlareLightbox .peFlareLightboxContent>div.peFlareLightboxRenderGallery img.peCurrentBW {
    -webkit-transition: opacity .8s;
    -moz-transition: opacity .8s;
    -o-transition: opacity .8s;
    -ms-transition: opacity .8s;
    z-index: 4
}

.peFlareLightbox .peFlareLightboxContent>div.peFlareLightboxRenderGallery img.peCurrentColor {
    -webkit-transition: opacity 1.2s;
    -moz-transition: opacity 1.2s;
    -o-transition: opacity 1.2s;
    -ms-transition: opacity 1.2s;
    z-index: 5
}

.peFlareDescription {
    display: none !important
}

.peFlareLightbox .peFlareLightboxCaptions>div>div, .peFlareLightbox .peFlareLightboxCaptions>div {
    margin: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    outline: 0;
    background: transparent
}

.peFlareLightbox .peFlareLightboxCaptions>div {
    -webkit-transform: translateZ(0px);
    width: 100%;
    opacity: 0;
    filter: Alpha(Opacity=0);
    padding: 0;
    margin: 0;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    position: absolute
}

.peFlareLightbox .peFlareLightboxCaptions>div>div {
    padding: 25px;
    margin: auto;
    max-width: 650px;
    overflow: hidden
}

.peFlareLightbox .peFlareLightboxCaptions>div>div>h3, .peFlareLightbox .peFlareLightboxCaptions>div>div>p {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    background: transparent
}

.peFlareLightbox .peFlareLightboxCaptions>div>div>p {
    margin-top: 15px
}

.peFlareLightbox .peFlareLightboxCaptions>div.peFlareLightboxActive {
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    opacity: 1
}

@media(min-width:480px) and (max-width:767px){.peFlareLightbox a.peFlareLightboxVideoIcon {
        height: 42px;
        width: 42px
    }

    .peFlareLightbox a.peFlareLightboxVideoIcon span {
        width: 42px;
        height: 42px;
        margin-top: -21px;
        margin-left: -21px
    }
}

.hiddenLightboxContent {
    display: none !important
}

.peFlareLightbox .peFlareLightboxControls a {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    opacity: .65
}

.peFlareLightbox .peFlareLightboxControls a:hover {
    opacity: 1
}

.peFlareLightbox .peFlareLightboxControls a#peFlareLightboxControlPrev {
    background: url(../images/prev.png) no-repeat 0 0
}

.peFlareLightbox .peFlareLightboxControls a#peFlareLightboxControlNext {
    background: url(../images/next.png) no-repeat 0 0
}

.peFlareLightbox .peFlareLightboxControls a#peFlareLightboxControlClose {
    background: url(../images/close.png) no-repeat 0 0
}

.peFlareLightbox .peFlareLightboxControls a#peFlareLightboxControlThumbs {
    background: url(../images/thumbs.png) no-repeat 0 0
}

.peFlareLightbox .peFlareLightboxSpinner span {
    background: url(../images/spinner.gif) no-repeat center center;
    background-color: black;
    background-color: rgba(0, 0, 0, .8)
}

.peFlareLightbox .peFlareLightboxThumbs>div>span {
    background: url(../images/spinner.gif) no-repeat center center;
    background-color: black;
    background-color: rgba(0, 0, 0, .8)
}

.peFlareLightbox a.peFlareLightboxVideoIcon span {
    background: url("../images/start.png") no-repeat 0 0
}

.peFlareLightbox a.peFlareLightboxVideoIcon:hover span {
    background-position: 0 -84px
}

.peFlareLightbox .peFlareLightboxThumbs>div>div>span {
    border: 2px solid white;
    box-shadow: 2px 2px 2px #000
}

.peFlareLightbox.desktop .peFlareLightboxContent .peFlareLightboxRenderImage img.fit {
    border: 4px solid white;
    box-shadow: 4px 4px 4px #000
}

.peFlareLightbox .peFlareLightboxCaptions>div {
    background-color: black;
    background-color: rgba(0, 0, 0, 0.7)
}

.peFlareLightbox .peFlareLightboxCaptions>div>div>h3, .peFlareLightbox .peFlareLightboxCaptions>div>div>p {
    color: white;
    font-size: 16px;
    font-family: 'Raleway', sans-serif
}

.peFlareLightbox .peFlareLightboxCaptions>div>div>p {
    font-family: 'Raleway', sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: white
}

p.peFlareLightboxFontPreload {
    font-family: 'Raleway', sans-serif;
    opacity: 0;
    display: inline;
    font-size: 1px;
    width: 1px;
    height: 1px;
    position: fixed
}

@media(min-width:480px) and (max-width:767px){.peFlareLightbox a.peFlareLightboxVideoIcon span {
        background: url("../../framework/js/pe.flare/themes/default/img/start_mob.png") no-repeat 0 0
    }

    .peFlareLightbox a.peFlareLightboxVideoIcon:hover span {
        background-position: 0 -42px
    }
}

.form-click button {
    margin-top: 50px;
    border: 0;
    display: block;
    width: 100%;
    outline: 0;
    cursor: pointer;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    -webkit-appearance: none;
    font-size: 1em;
    font-family: 'Raleway', helvetica, arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFF !important;
    background: #2e2e2e;
    line-height: 100%;
    padding: 12px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.form-click button:hover {
    text-decoration: none;
    color: #FFF !important;
    background: #ee3b16;
}

.alert {
    margin-top: 30px
}

.nopostmedia h2 {
    padding-top: 0
}

.comment-body {
    padding-bottom: 10px
}

.blog {
    margin-top: 30px
}

.pe-wp-default ul {
    list-style: none !important
}

big {
    font-size: 150%
}

.sticky .post-title a {
    color: #ee3b16
}

.sticky .post-title a:hover {
    color: #ffa593
}

.pager li {
    float: left;
    font-size: 120%;
    width: 50%;
    margin: 30px 0 0
}

.pager li.next {
    text-align: right
}

.pagination {
    margin: 20px 0
}

.pagination li {
    display: inline-block;
    font-size: 110%;
    padding: 5px
}

.pagination li.disabled a {
    color: #333
}

.pagination li.active a {
    color: #333
}

.inner-spacer-right-lrg img {
    height: auto;
    max-width: 100%
}

.large .icon-gmail:before {
    margin-left: -2.5px
}

.contact i:before {
    font-size: 150%
}

.hiddenslide, .hidden_overlay {
    display: none
}

img {
    height: auto
}

.post.format-aside {
    border-left: none;
    padding: 0 0 30px 70px
}

.post.format-aside>div {
    padding: 30px;
    background-color: #e9e9e9;
    border-left: 3px solid #060606
}

.post .tags {
    clear: both
}

.post .tags a {
    -webkit-border-radius: 3px;
    border: 1px solid #ccc;
    padding: 3px 6px;
    margin: 0 3px 3px 0;
    line-height: 36px;
    white-space: nowrap;
    color: #ccc;
    font-size: 12px
}

.post .tags a:hover {
    border-color: #999;
    color: #999
}

.widget_recent_entries li {
    padding-bottom: 8px
}

.widget_recent_entries span {
    display: block;
    font-size: 12px
}

.formSent, .formError {
    display: none
}

.formError {
    color: #b3696c;
    background: #f9e5e6;
    border: 1px solid #f7c7c9
}

.formSent {
    color: #8fa442;
    background: #e3ebc6;
    border: 1px solid #c2d288
}

.shortcode-title {
    margin-top: 50px
}

.project-info {
    text-align: left !important
}

a.more-link {
    clear: both;
    display: block;
    margin-top: 10px
}

#reply-title, #comments-title {
    border-bottom: 0
}

.icon-circle {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    border: 1px solid #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #fff !important
}

.icon-circle.large {
    border: 2px solid #fff;
    font-size: 1.3em
}

.icon-circle.dark {
    border: 1px solid #060606;
    color: #060606 !important
}

.feature-icon {
    font-size: 1.7em;
    width: 64px;
    height: 64px;
    text-align: center;
    line-height: 64px
}

.feature {
    display: inline-block;
    width: 64px;
    height: 64px;
    cursor: help;
    margin-bottom: 20px;
    border: 2px solid #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #fff
}

.feature:hover {
    background: #fff;
    color: #ee3b16
}

.team-list {
    float: none
}

.social-list li {
    display: inline-block
}

.social-list a {
    display: block;
    filter: alpha(opacity=50);
    opacity: .5
}

.social-list a:hover {
    filter: alpha(opacity=100);
    opacity: 1
}

.row-fluid:before, .row-fluid:after {
    content: "";
    display: table
}

.row-fluid:after {
    clear: both
}

.row-fluid {
    zoom: 1
}

.pe-wp-default .tabs ul, .pe-wp-default .tabs ul li {
    list-style: none !important;
    margin: 0
}

.pe-wp-default .tabs ul li:before {
    content: "";
    display: none;
    margin: 0
}

#bx-pager a img {
    opacity: .4 !important;
    filter: alpha(opacity=40) !important
}

#bx-pager a.active img, #bx-pager a:hover img {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important
}

.post a .date {
    color: #060606;
    text-decoration: none
}

.post.type-testimonial, .post.type-gallery, .post.type-video, .post.type-service,
.post.type-staff, .post.type-attachment {
    border-bottom: 0;
    padding-left: 0
}

.post.type-testimonial .post-body {
    margin-top: 30px
}

.type-post .post-title h2 {
    font-weight: 400
}

.date {
    font-weight: 300 !important
}

#big-video-image {
    left: 0 !important
}